/* DOS editorial design system. Existing forms, navigation and content remain functional. */
:root{--dos-ink:#202329;--dos-gold:#E8B94F;--dos-paper:#FFFFFF;--dos-muted:#5D646F}
body.dos-v41{background:var(--dos-paper);color:var(--dos-ink)}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #E2E5EA;backdrop-filter:blur(14px)}
.brand{letter-spacing:-1px}.brand-dot{color:#795A12}.nav-cta,.btn-primary{background:var(--dos-ink);color:#fff;border-radius:8px}.nav-cta:hover,.btn-primary:hover{background:#303641}.nav-panel{background:#fff}
.premium-hero{background:var(--dos-ink);color:#fff;position:relative;overflow:hidden;padding:70px 0 36px}
.premium-hero .premium-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:52px;align-items:center}
.premium-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;gap:10px;align-items:center;color:#E8B94F}
.premium-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--dos-gold)}
.premium-hero h1{font-size:clamp(48px,6.8vw,94px);font-weight:650;line-height:1.02;letter-spacing:-5px;margin:28px 0 25px;color:#fff}
.premium-hero h1 em{color:#E8B94F;font-family:Georgia,serif;font-weight:400;letter-spacing:-4px}
.premium-hero .premium-lead{max-width:470px;color:#B8BDC6;font-size:18px;line-height:1.7;margin-bottom:28px}
.premium-hero .btn-primary{background:#E8B94F;color:#282318;padding:16px 23px}.premium-hero .text-link{color:white}.premium-hero .button-row{gap:22px}
.premium-proof{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #383B42;margin-top:34px;padding-top:22px;font-size:12px;color:#B8BDC6}
.premium-proof span:before{content:'✓';color:#E8B94F;margin-right:7px}.premium-proof span{white-space:nowrap}
.premium-visual{margin:0;position:relative;padding:18px 0 38px 20px;min-width:0}
.premium-visual:before{content:'';position:absolute;inset:0 15px 55px 0;border:1px solid #555C68;border-radius:160px 18px 18px 18px;transform:rotate(-4deg)}
.premium-photo{height:470px;border-radius:140px 16px 16px 16px;overflow:hidden;position:relative;background:#F4F5F7}
.premium-photo img{height:100%;width:100%;object-fit:cover;object-position:75% 48%;transform:scale(1.04)}
.premium-note{position:absolute;bottom:70px;left:-15px;background:#fff;color:#202329;padding:19px 23px;box-shadow:0 14px 35px #11121430;border-radius:10px;max-width:270px;border-left:4px solid #E8B94F}
.premium-note strong{display:block;font-size:16px}.premium-note p{margin:5px 0 0;color:#5D646F;font-size:12px;line-height:1.6}.premium-visual figcaption{font-size:10px;line-height:1.5;color:#B8BDC6;position:absolute;bottom:4px;right:0;max-width:360px;text-align:right}
.premium-chapter{border-top:1px solid #383B42;padding-top:25px;margin-top:50px;display:flex;justify-content:space-between;gap:20px;color:#B8BDC6;font-size:12px;line-height:1.7}.premium-chapter a{color:#E8B94F;text-decoration:none}.premium-chapter strong{color:#fff;font-size:13px;font-weight:500}
.dos-home-expanded .home-jump{border:0;justify-content:space-between;padding:28px 0;font-size:12px}.dos-home-expanded .home-jump>a{border-bottom:1px solid #E8B94F;padding-bottom:5px}
.dos-home-expanded .section{padding-block:84px}.dos-home-expanded .section-title,.dos-home-expanded .home-heading-row h2{font-size:clamp(32px,3.8vw,52px);letter-spacing:-1.8px;line-height:1.12}.home-soft{background:#F0F2F5}
.home-feature-card,.home-guide-grid>a,.home-scene,.faq-item{border-radius:10px!important;border-color:#E2E5EA!important}.home-feature-card{background:#fff;padding:30px}.home-feature-card:hover{box-shadow:0 15px 35px #20232909;transform:translateY(-3px)}.home-feature-card h3{font-size:24px;letter-spacing:-.5px}.home-feature-number{color:#795A12}.home-guide-grid>a{border-top:3px solid #E8B94F;background:#fff}
.home-heading-row>.eyebrow,.eyebrow{letter-spacing:1.4px}.control-section{background:#111214;color:#fff}.control-section p{color:#B8BDC6}.control-section h2,.control-section h3{color:#fff}.control-section .text-link{color:#E8B94F}
.city-section{background:#F4F5F7}.join-section{background:#111214!important;color:#fff}.join-section h2,.join-section h3{color:#fff}.join-section p{color:#B8BDC6}.join-section .btn-primary{background:#E8B94F;color:#111214}.site-footer{background:#111214;color:#B8BDC6}.site-footer a,.site-footer h3,.site-footer strong{color:#F3F4F6}
.page-hero{background:#F0F2F5;border-bottom:1px solid #E2E5EA}.page-hero h1{letter-spacing:-2px;line-height:1.08;font-size:clamp(38px,5vw,66px)}.page-hero .eyebrow{color:#795A12}.content-block,.content-card,.guide-card,.help-card{border-radius:10px;border-color:#E2E5EA}.content-nav{border-left:3px solid #E8B94F;border-radius:0;background:#fff}.page-hero .lead{color:#5D646F;max-width:760px}.launch-guide{max-width:900px;margin:0 auto;padding:64px 24px}.launch-guide h2{font-size:30px;letter-spacing:-.7px;margin-top:40px}.launch-guide p{line-height:1.85;color:#5D646F}.launch-guide .launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.launch-guide article{padding:26px;background:white;border:1px solid #E2E5EA;border-radius:12px}.launch-guide article h2{margin:0 0 15px;font-size:23px}.launch-guide a{color:#795A12;text-underline-offset:3px}
@media(max-width:1050px){.premium-hero .premium-grid{gap:25px}.premium-hero h1{letter-spacing:-3px}.premium-photo{height:410px}.premium-note{left:0}.premium-proof{gap:12px}}
@media(max-width:700px){.premium-hero{padding-top:40px}.premium-hero .premium-grid{grid-template-columns:1fr;gap:28px}.premium-hero h1{font-size:58px;letter-spacing:-3px;margin:24px 0}.premium-hero h1 em{letter-spacing:-3px}.premium-hero .premium-lead{font-size:16px}.premium-photo{height:340px;border-top-left-radius:100px}.premium-visual{padding-left:18px;padding-bottom:32px}.premium-note{bottom:62px;left:0;max-width:250px;padding:16px 18px}.premium-chapter{margin-top:23px;display:block}.premium-chapter>span{display:block;margin-bottom:10px}.premium-proof{font-size:11px}.dos-home-expanded .home-jump{gap:20px;justify-content:flex-start;padding-inline:24px}.dos-home-expanded .section{padding-block:52px}.launch-guide .launch-grid{grid-template-columns:1fr}.premium-visual figcaption{max-width:270px;font-size:9px}.premium-hero .button-row{align-items:center}.premium-hero .btn-primary{padding:14px 18px}}
@media(max-width:360px){.premium-hero h1{font-size:49px}.premium-proof{gap:8px}.premium-photo{height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.home-feature-card{transition:none;transform:none!important}}

/* App-derived neutral surfaces and gold; no decorative green/navy palette. */
.premium-hero{background:#111214}.premium-proof span:before{content:"\2022"}.premium-hero .btn-primary:hover,.join-section .btn-primary:hover{background:#F2C35B;color:#282318}.site-footer .brand{color:#F3F4F6}

/* Phone composition: retain the full message and two real actions without
   desktop-sized spacing or decorative image offsets consuming the first view. */
@media(max-width:700px){
 .premium-hero{padding:24px max(0px,env(safe-area-inset-right)) 28px max(0px,env(safe-area-inset-left))}
 .premium-hero .premium-grid{gap:24px;grid-template-columns:minmax(0,1fr)}
 .premium-eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.5;gap:8px}
 .premium-eyebrow:before{flex:0 0 6px;width:6px;height:6px}
 .premium-hero h1{font-size:clamp(40px,12vw,52px);line-height:1.06;letter-spacing:-2px;margin:18px 0 16px;overflow-wrap:break-word}
 .premium-hero h1 em{letter-spacing:-2px}
 .premium-hero .premium-lead{font-size:16px;line-height:1.55;margin:0 0 20px;max-width:36ch}
 .premium-hero .button-row{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0;align-items:center}
 .premium-hero .button-row>a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1.4}
 .premium-hero .btn-primary{padding:12px 16px}
 .premium-hero .text-link{padding:8px 0}
 .premium-proof{margin-top:20px;padding-top:12px;gap:8px 16px;line-height:1.5}
 .premium-proof span{white-space:normal}
 .premium-visual{padding:0;min-width:0}
 .premium-visual:before{display:none}
 .premium-photo{height:clamp(220px,64vw,310px);border-radius:24px}
 .premium-photo img{transform:none;object-position:70% 45%}
 .premium-note{position:static;max-width:none;margin:12px 0 0;padding:12px 14px;box-shadow:none}
 .premium-note strong{font-size:14px}.premium-note p{font-size:12px;line-height:1.5}
 .premium-visual figcaption{position:static;max-width:none;text-align:start;font-size:10px;line-height:1.5;margin-top:8px}
 .premium-chapter{margin-top:22px;padding-top:18px}
}
