:root{--accent:#d7b47c;--accent-dark:#aa814a;--page-gutter:clamp(24px,7.8vw,150px);--paper:#f2eadb;--muted:#c2bbae;--line:#d7b47c38}
.screen:not(#home) .screen-content{padding:100px var(--page-gutter);max-width:1920px;margin-inline:auto}
.section-heading h2{font:500 clamp(34px,3.4vw,58px)/1.2 var(--font-title);color:var(--paper);letter-spacing:-.5px;text-shadow:none;text-transform:none;margin:0 0 24px}
.section-heading h2 span{color:var(--accent)}
.section-heading .section-eyebrow,#about .section-heading .section-eyebrow{display:flex;align-items:center;gap:15px;font:400 11px/1.6 var(--font-body);letter-spacing:2px;text-transform:uppercase;color:#d6c29e;margin:0 0 23px}
.section-eyebrow>span{font-size:10px;color:#ac9876;border-right:1px solid var(--line);padding-right:15px}
.section-intro{font:400 17px/1.8 var(--font-body);color:var(--muted);max-width:540px;margin:0}
.text-link{display:inline-flex;align-items:center;gap:25px;font:400 14px/1.6 var(--font-body);padding-bottom:9px;color:#e3d5bf;border-bottom:1px solid #d7b47c66;text-decoration:none}
.text-link:hover{color:var(--accent)}
.text-link span{color:var(--accent)}
.section-footnote{font:400 12px/1.8 var(--font-body);color:#b5ad9f;margin:26px 0 0}
.section-footnote a{color:#e0c08a;text-underline-offset:4px}
#about .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,5vw,90px)}
#about .about-copy>p{font:400 16px/1.85 var(--font-body);color:var(--muted);margin:0 0 18px;max-width:490px}
#about blockquote{font:500 22px/1.55 var(--font-title);color:#e1c493;border-left:2px solid #c7a46b;padding-left:22px;margin:28px 0}
.trailer{margin:0;min-width:0}
#about .video-wrap{border:1px solid #d7b47c66;box-shadow:0 18px 65px #0006;transition:border-color .3s ease}
#about .video-wrap:hover{transform:none;box-shadow:0 18px 65px #0006;border-color:#d7b47cb3}
.trailer figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 11px/1.7 var(--font-body);color:#a99f90;padding:17px 0;border-bottom:1px solid var(--line)}
.trailer figcaption a{color:#d8c7ab;text-decoration:none}
#features .section-heading{max-width:860px;margin-bottom:42px}
#features .section-intro{max-width:590px}
.features{max-width:none;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.feature{background:linear-gradient(140deg,#171814c9,#0d1112d6);border:1px solid #d7b47c30;padding:27px 28px 30px;backdrop-filter:blur(8px);transition:border-color .25s ease,background .25s ease}
.feature::before{display:none}
.feature:hover{transform:none;border-color:#d7b47c80;box-shadow:none;background:#171b1de8}
.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#d2b17a}
.feature-top svg{width:29px;height:29px}
.feature-top>span{font:400 11px var(--font-body);letter-spacing:1px;color:#b5a789}
.feature h3{font:500 24px/1.3 var(--font-title);color:#e8dbc6;text-transform:none;letter-spacing:0;margin-bottom:12px}
.feature p{font:400 15px/1.8 var(--font-body);color:#beb8ac;margin:0;max-width:360px}
.roadmap-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:45px}
.roadmap-heading .text-link{flex-shrink:0;margin-bottom:8px}
.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.roadmap-group{background:#101415db;border:1px solid var(--line);padding:24px 28px 12px;backdrop-filter:blur(8px);min-width:0}
.roadmap-group-heading{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.roadmap-group-heading h3{font:500 25px var(--font-title);color:var(--paper);margin:0}
.status-indicator{width:6px;height:6px;background:#b7c19c;border-radius:50%;flex-shrink:0}
.developing .status-indicator{background:#d7b47c}
.group-count{margin-left:auto;font:400 11px var(--font-body);color:#c9b48d}
.roadmap-item{border-bottom:1px solid #d7b47c24}
.roadmap-item:last-child{border:0}
.roadmap-item summary{display:flex;align-items:center;gap:16px;padding:18px 0;list-style:none;cursor:pointer;font:400 15px/1.55 var(--font-body);color:#dfd8cb}
.roadmap-item summary::-webkit-details-marker{display:none}
.roadmap-item summary::marker{content:''}
.roadmap-item summary:hover{color:#e6c68e}
.roadmap-item summary:focus-visible{outline:2px solid #d7b47c;outline-offset:3px}
.roadmap-number{font-size:10px;color:#a7997e;flex-shrink:0}
.roadmap-toggle{margin-left:auto;color:#cdb183;font:300 24px var(--font-body);padding:0 2px;transition:transform .2s}
.roadmap-item[open] .roadmap-toggle{transform:rotate(45deg)}
.roadmap-item[open] summary{color:#e6c68e}
.roadmap-description{padding:0 15px 22px 29px}
.roadmap-status{font:400 10px var(--font-body);letter-spacing:1px;color:#b8c59c;display:inline-block;margin-bottom:10px}
.developing .roadmap-status{color:#d7b47c}
.roadmap-description p{font:400 14px/1.8 var(--font-body);color:#c3bcaf;margin:0}
#subscribe{align-items:stretch;justify-content:flex-start}
#subscribe .final-content{width:100%;padding-bottom:75px;flex:1}
.join-heading{margin-bottom:40px}
.join-heading .section-intro{max-width:610px}
.join-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:center}
#subscribe .subscribe{text-align:left;max-width:none;min-width:0;padding:35px 38px;background:#111718d9;border:1px solid var(--line);box-shadow:none;backdrop-filter:blur(8px)}
#subscribe .subscribe .small-eyebrow{font:400 10px/1.6 var(--font-body);letter-spacing:2px;text-transform:uppercase;color:#d1b98f;margin:0 0 16px}
.subscribe h3{font:500 36px/1.2 var(--font-title);color:var(--paper);margin:0 0 16px}
#subscribe .subscribe>p:not(.small-eyebrow):not(.subscribe-note){font:400 15px/1.8 var(--font-body);color:#c2bbae;margin-bottom:25px;max-width:380px}
.subscribe-form{display:block}
.email-label{display:block;font:400 11px var(--font-body);color:#d7cebe;margin-bottom:9px}
.email-row{display:flex;gap:0}
.subscribe-form input[type=email]{width:100%;min-width:0;background:#0a1012b3;padding:15px 17px;border:1px solid #d7b47c55;border-right:0;border-radius:0;font:400 15px var(--font-body);color:#f2eadb}
.subscribe-form input[type=email]:focus{border-color:#d7b47c;box-shadow:none;outline-offset:2px}
.subscribe-form input::placeholder{color:#9e978c}
.subscribe-form button{padding:15px 20px;font:500 14px var(--font-body);letter-spacing:0;text-transform:none;background:linear-gradient(120deg,#dfc18b,#b48a51);color:#19150f;box-shadow:none;flex-shrink:0}
.subscribe-form button span{margin-left:13px}
.subscribe-form button:hover{transform:none;box-shadow:none;background:#dfc18b}
#subscribe .subscribe-note{font:400 11px/1.7 var(--font-body);color:#b1a99a;margin:14px 0 0}
.community-links{border-top:1px solid #d7b47c55}
.community-link{display:flex;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid #d7b47c55;color:#e4dbcb;text-decoration:none;transition:color .2s}
.social-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d7b47c4d;font:500 12px var(--font-body);letter-spacing:.7px;color:#d8b77d;flex-shrink:0}
.community-label{display:flex;flex-direction:column;gap:4px}
.community-label strong{font:400 18px var(--font-body)}
.community-label>span{font:400 12px var(--font-body);color:#b5ad9f}
.community-arrow{font-size:22px;font-weight:300;color:#d7b47c;margin-left:auto;transition:transform .2s}
.community-link:hover{color:#e5c38c}
.community-link:hover .community-arrow{transform:translate(3px,-3px)}
footer{position:relative;inset:auto;width:100%;display:block;padding:30px var(--page-gutter) 22px;background:#090e10df;border-top:1px solid #d7b47c38;color:#a99f8f;font:400 12px var(--font-body)}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:28px}
.footer-brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:#e8dcc6;font:500 20px var(--font-title)}
.footer-brand img{width:55px;height:auto}
.footer-brand small{display:block;font:400 11px var(--font-body);color:#aaa18f;margin-top:4px}
.footer-nav{display:flex;flex-wrap:wrap;gap:16px 30px}
.footer-nav a,.footer-bottom a{color:#c8bead;text-decoration:none}
.footer-nav a:hover,.footer-bottom a:hover{color:#e5c38c}
.footer-bottom{border-top:1px solid #d7b47c24;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.2px}
.footer-bottom a span{color:#d7b47c;margin-left:12px}
@media(min-width:1921px){footer{padding-inline:max(var(--page-gutter),calc((100vw - 1620px)/2))}}
@media(max-width:1100px){#about .split{grid-template-columns:1fr;gap:40px}#about .about-copy{max-width:700px}#about .about-copy>p{max-width:650px}.trailer{width:100%;max-width:850px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-heading{align-items:flex-start;flex-direction:column;gap:25px}.join-grid{gap:30px}.subscribe-form button{padding:15px 12px}.subscribe-form button span{display:none}.footer-main{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:700px){
 .screen:not(#home) .screen-content{padding:70px var(--page-gutter)}
 .section-heading .section-eyebrow,#about .section-heading .section-eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px;gap:12px}
 .section-heading h2{font-size:35px;line-height:1.22;margin-bottom:20px}
 .section-intro{font-size:15px}
 #about .about-copy>p{font-size:15px}
 #about blockquote{font-size:21px;padding-left:18px;margin:24px 0}
 .trailer figcaption{font-size:10px;align-items:flex-start;flex-direction:column;gap:5px}
 #features .section-heading{margin-bottom:30px}
 .features{grid-template-columns:1fr;gap:12px}
 .feature{padding:24px}
 .feature-top{margin-bottom:18px}
 .feature h3{font-size:24px}
 .feature p{font-size:14px;max-width:none}
 .roadmap-heading{margin-bottom:30px}
 .roadmap-grid{grid-template-columns:1fr;gap:22px}
 .roadmap-group{padding:20px 20px 8px}
 .roadmap-group-heading{padding-bottom:17px}
 .roadmap-group-heading h3{font-size:24px}
 .roadmap-item summary{font-size:14px;gap:12px;padding:17px 0}
 .roadmap-description{padding-left:24px;padding-right:0}
 .roadmap-description p{font-size:13px}
 #subscribe .final-content{padding-bottom:55px}
 .join-grid{grid-template-columns:1fr;gap:32px}
 #subscribe .subscribe{padding:27px 23px}
 .subscribe h3{font-size:32px}
 .email-row{flex-direction:column;gap:10px}
 .subscribe-form input[type=email]{border-right:1px solid #d7b47c55;padding:14px}
 .subscribe-form button{padding:14px 20px;text-align:left;display:flex;justify-content:space-between}
 .subscribe-form button span{display:inline}
 .community-link{padding:18px 0}
 footer{padding:28px var(--page-gutter) 22px}
 .footer-brand{font-size:18px;gap:12px}
 .footer-nav{font-size:12px;gap:16px 24px}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}
 .footer-bottom>span:nth-child(2){font-size:9px}
}
@media(prefers-reduced-motion:reduce){.roadmap-toggle,.community-arrow{transition:none}}