:root{
  --paper:#f4efe5;
  --paper2:#ece3d4;
  --ink:#171311;
  --muted:#625b55;
  --ox:#74232d;
  --ox-dark:#5b1720;
  --line:#b8ac9d;
  --white:#fffaf1;
  --serif:"Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"Courier New",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);line-height:1.5;
  background-image:radial-gradient(rgba(71,48,30,.045) .65px,transparent .65px);
  background-size:5px 5px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
  position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(22px,5vw,76px);background:rgba(244,239,229,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(23,19,17,.15)
}
.brand{display:flex;align-items:baseline;gap:13px}
.aq{font-family:var(--serif);font-size:36px;line-height:1}
.dot{color:var(--ox)}
.brand-name{font-family:var(--mono);font-size:10px;letter-spacing:.2em}
nav{display:flex;gap:26px;align-items:center;font-size:13px}
nav a:hover{text-decoration:underline;text-underline-offset:5px}
.nav-cta{background:var(--ox);color:var(--white);padding:10px 16px}
main>section{padding:clamp(64px,8vw,110px) clamp(22px,7vw,100px)}
.hero{
  min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;
  gap:clamp(40px,6vw,90px)
}
.eyebrow,.case-label{
  font-family:var(--mono);font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--ox)
}
h1,h2,h3,blockquote{font-family:var(--serif)}
h1{font-size:clamp(68px,8.3vw,132px);line-height:.83;letter-spacing:-.04em;margin:14px 0 28px;font-weight:500}
h1 em{font-weight:400;color:var(--ox)}
.hero-sub{font-size:clamp(18px,2vw,25px);max-width:640px}
.hero-actions{display:flex;align-items:center;gap:22px;margin:34px 0 24px;flex-wrap:wrap}
.button{
  display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;
  font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px;border:1px solid var(--ox)
}
.button.primary{background:var(--ox);color:var(--white)}
.button.primary:hover{background:var(--ox-dark)}
.button.text{border:none;padding-left:0;text-transform:none;letter-spacing:0}
.wide{width:100%}
.scribble{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;color:var(--ox);font-size:clamp(24px,3vw,44px);font-style:italic;transform:rotate(-2deg)}
.hero-art{display:flex;justify-content:center}
.hero-art img{
  width:min(510px,100%);box-shadow:0 22px 60px rgba(52,26,18,.2);transform:rotate(1.1deg)
}
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statement blockquote{
  margin:12px 0;font-size:clamp(38px,5vw,76px);font-style:italic;line-height:1
}
.big-copy{font-size:clamp(22px,3vw,38px);max-width:950px}
.translation-card{
  margin:50px auto 20px;display:grid;grid-template-columns:1fr 80px 1.4fr;gap:20px;align-items:stretch;max-width:1000px
}
.translation-card>div:not(.arrow){border:1px solid var(--ink);padding:25px;background:rgba(255,250,241,.45)}
.translation-card span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ox)}
.translation-card strong{display:block;font-family:var(--serif);font-size:35px;margin-top:12px}
.translation-card ul{margin:12px 0 0;padding-left:20px}
.arrow{display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--ox)}
.center{text-align:center}
.product-section{background:var(--paper2)}
.product-intro{max-width:780px;margin-bottom:55px}
.product-intro h2,.inside h2,.paths h2,.truth h2,.buy h2{font-size:clamp(42px,5vw,76px);line-height:.95;margin:12px 0 18px}
.product-intro p{font-size:20px}
.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,7vw,100px);align-items:start}
.main-shot{box-shadow:0 20px 45px rgba(50,34,22,.15)}
.thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.thumb-row img{aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(23,19,17,.12)}
.price{font-family:var(--serif);font-size:52px;margin:0;color:var(--ox)}
.price span{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.product-copy h3{font-size:36px;margin:14px 0}
.product-copy p{font-size:18px}
.check-list{list-style:none;padding:0;margin:25px 0}
.check-list li{padding:9px 0;border-bottom:1px solid rgba(23,19,17,.12)}
.check-list li:before{content:"✓";color:var(--ox);font-weight:800;margin-right:12px}
.micro{font-size:12px!important;color:var(--muted);text-align:center}
.inside{text-align:center}
.inside h2{max-width:1050px;margin:15px auto 55px}
.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.three-up article{border-top:4px solid var(--ox);padding:25px;background:rgba(255,250,241,.5)}
.num{font-family:var(--serif);font-size:46px;color:var(--ox)}
.three-up h3{font-size:30px;margin:5px 0 10px}
.paths{background:var(--ox);color:var(--white)}
.paths .eyebrow{color:#eacdd0}
.path-list{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0 26px;border-top:1px solid rgba(255,255,255,.35)}
.path-list span{padding:17px 5px;border-bottom:1px solid rgba(255,255,255,.25);font-family:var(--mono);font-size:13px}
.paths .scribble{color:#f7d8dc}
.truth{text-align:center;max-width:1100px;margin:auto}
.truth p:not(.case-label):not(.scribble){font-size:21px;max-width:760px;margin:20px auto}
.buy{background:var(--ink)}
.buy-card{max-width:900px;margin:auto;color:var(--white);border:1px solid #6e655e;padding:clamp(28px,5vw,58px);display:grid;gap:25px}
.eyebrow.light{color:#e5b9bf}
.buy-price{font-family:var(--serif);font-size:80px;color:#f2d7d9}
.button.cream{background:var(--white);color:var(--ink);border-color:var(--white)}
.buy-note{font-size:12px;color:#bfb5ab;margin:0}
.buy-note code{font-family:var(--mono)}
.faq{max-width:1000px;margin:auto}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--serif);font-size:26px;cursor:pointer}
.faq details p{max-width:760px;color:var(--muted)}
footer{background:var(--ox);color:var(--white);padding:45px clamp(22px,7vw,100px);display:flex;justify-content:space-between;gap:40px;align-items:end}
.footer-brand{display:flex;flex-direction:column;gap:8px}
.footer-brand .aq{font-size:56px}
.footer-brand>span:last-child{font-family:var(--mono);font-size:11px;letter-spacing:.12em}
.legal{font-size:11px;text-align:right;color:#e7d8d3}
.legal p{margin:3px 0}

@media(max-width:850px){
  .site-header nav a:not(.nav-cta){display:none}
  .brand-name{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding-top:28px}
  .hero-art{order:-1}
  .hero-art img{width:min(390px,88vw)}
  h1{font-size:clamp(64px,20vw,100px)}
  .translation-card{grid-template-columns:1fr}
  .translation-card .arrow{transform:rotate(90deg);height:30px}
  .product-grid{grid-template-columns:1fr}
  .three-up,.path-list{grid-template-columns:1fr}
  footer{flex-direction:column;align-items:flex-start}
  .legal{text-align:left}
}

/* V1 Final — brand ecosystem architecture */
.ecosystem{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ecosystem-head{max-width:880px}
.ecosystem-head h2,.about h2{
  font-family:var(--serif);font-size:clamp(42px,5vw,76px);line-height:.95;margin:12px 0 18px
}
.ecosystem-head>p:last-child{font-size:20px;max-width:760px}
.tool-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:55px 0 35px}
.tool{
  min-height:360px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;
  background:rgba(255,250,241,.35)
}
.tool.live{border-top:5px solid var(--ox)}
.tool-step,.coming{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ox)}
.tool h3{font-size:31px;line-height:1.02;margin:25px 0 15px}
.tool p{font-size:16px}
.tool a{margin-top:auto;font-weight:800;color:var(--ox);text-decoration:underline;text-underline-offset:5px}
.coming{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:start;background:var(--paper2)}
.about-copy{font-size:20px;padding-top:15px}
.about-copy p{margin-top:0;margin-bottom:22px}
@media(max-width:850px){
  .tool-roadmap,.about{grid-template-columns:1fr}
  .tool{min-height:auto}
  .coming,.tool a{margin-top:25px}
}

/* Final launch polish */
.button.disabled{opacity:.52;cursor:not-allowed}
.legal a{text-decoration:underline;text-underline-offset:3px}
.legal-links{margin-top:8px!important}
::selection{background:#74232d;color:#fffaf1}
:focus-visible{outline:2px solid #74232d;outline-offset:4px}

.legal-page{max-width:900px;margin:0 auto;padding:90px 28px;min-height:100vh}
.legal-page h1{font-family:var(--serif);font-size:clamp(64px,10vw,120px);line-height:.9;margin:16px 0 45px}
.legal-page p{font-size:18px;max-width:760px}
.legal-page a{color:var(--ox);font-weight:700}