/* The desktop uses the viewport; paragraphs keep a readable line length. */
.site{width:100%;max-width:none;padding-inline:clamp(24px,4vw,80px)}
.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:clamp(16px,2vw,32px)}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #4a514c;border-radius:8px;line-height:1.3}
.language-switch a{padding:6px 9px;border-radius:5px;font-size:11px;letter-spacing:.5px}
.language-switch a[aria-current]{background:#d9e2dc;color:#25332b}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,7vw,140px);padding-block:clamp(60px,6vw,110px)}
.hero-copy{min-width:0}.hero h1{font-size:clamp(44px,4.7vw,84px)}
.hero .lead{max-width:620px}.day-preview{width:100%;max-width:680px;justify-self:end}
.ai-jump{display:inline-block;margin-top:12px}
.how,.chatgpt-section{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,140px)}
.how-copy{max-width:680px}.chatgpt-section{display:grid;border-top:1px solid var(--line);padding:64px 0}
.chatgpt-section h2,.editions h2{font-size:clamp(28px,2.5vw,42px);line-height:1.3;letter-spacing:-1px;font-weight:550;margin:0}
.availability-note{font-size:12px!important;color:#a9b9af;border-left:2px solid #708d7b;padding-left:16px}
.editions{border-top:1px solid var(--line);padding:60px 0}.section-heading{margin-bottom:30px}
.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edition-card{padding:30px;border:1px solid #454f47;border-radius:16px;background:#282c29}
.status-label{font-size:11px;color:#b0c8b9}.edition-card h3{font-size:25px;font-weight:550;margin:10px 0 18px}
.edition-card p{max-width:650px;color:#bdc7c0;font-size:15px;line-height:1.8}.edition-card .edition-note{font-size:12px;color:#a3b4a9;border-top:1px solid #404c43;padding-top:16px;margin-bottom:0}
.purchase{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,140px)}.price-card{width:100%;max-width:680px;justify-self:end}
.faq{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,140px)}.faq>div{max-width:680px}
@media(min-width:1440px){.hero .lead{font-size:20px}.hero .button{font-size:15px;padding:14px 23px}.hero .hint{font-size:12px}.day-preview{padding:34px}.preview-row{padding-block:19px}.preview-row h2{font-size:22px}.preview-row p{font-size:14px}.preview-row time{font-size:14px}.preview-row small{font-size:12px}.preview-heading{font-size:12px}.pause{font-size:13px}.achievement strong{font-size:16px}.achievement p{font-size:13px}.how h2,.purchase h2{font-size:42px}.how-copy{font-size:17px}}
@media(max-width:900px){.site{padding-inline:25px}.hero,.how,.chatgpt-section,.purchase,.faq{gap:35px}.hero h1{font-size:44px;letter-spacing:-1.8px}.edition-card{padding:23px}}
@media(max-width:650px){.site{padding-inline:22px}.site-header{gap:10px}.site-header nav{gap:12px;flex-wrap:nowrap}.site-header nav .nav-contact{display:none}.site-header .language-switch a{display:block!important;padding:5px 7px;font-size:10px}.hero,.how,.chatgpt-section,.purchase,.faq,.edition-grid{grid-template-columns:1fr}.hero{padding-block:45px;gap:34px}.hero h1{font-size:clamp(36px,10.6vw,45px)}.chatgpt-section,.editions{padding-block:40px}.day-preview,.price-card{max-width:none}.site-header nav .nav-price{font-size:10px}.edition-grid{gap:14px}}
@media(max-width:370px){.site{padding-inline:16px}.site-header nav{gap:8px}.site-header .brand{font-size:22px;gap:5px}.site-header .brand img{width:26px;height:26px}}