:root{--graphite:#17191D;--charcoal:#333840;--gold:#C6A66B;--silver:#BFC3C9;--white:#fff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--graphite);color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif}
body{min-height:100vh}
.page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,47%) 1fr;background:linear-gradient(120deg,#111316,#1b1e23)}
.visual{position:relative;min-height:100vh;background-image:linear-gradient(90deg,rgba(12,14,17,.04) 35%,rgba(16,18,21,.45) 100%),url("assets/social/ash-hero-scene.jpg");background-size:cover;background-position:43% center;overflow:hidden}
.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,14,17,.6),transparent 32%),linear-gradient(90deg,transparent 72%,#17191D 100%)}
.visual-caption{position:absolute;z-index:1;left:clamp(28px,5vw,76px);bottom:48px;display:flex;align-items:center;gap:13px;color:#e4c58d;font-size:9px;font-weight:700;letter-spacing:.24em}
.caption-line{height:1px;width:30px;background:var(--gold)}
.content{min-height:100vh;display:flex;flex-direction:column;padding:30px clamp(28px,5vw,76px) 25px;position:relative;background:radial-gradient(ellipse at 70% 40%,rgba(198,166,107,.075),transparent 50%),linear-gradient(145deg,#1a1d22,#141619)}
.header{display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:block;width:min(330px,65%);max-width:330px}
.brand img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain;object-position:left center}
.language-switch{display:flex;align-items:center;padding:3px;border:1px solid rgba(198,166,107,.55);border-radius:30px;background:rgba(0,0,0,.18)}
.lang{border:0;background:transparent;color:#aeb2b8;padding:9px 15px;border-radius:24px;font-size:11px;letter-spacing:.12em;cursor:pointer}
.lang.active{background:linear-gradient(135deg,#d9bd83,#a98343);color:#17191D;font-weight:800}
.main-copy{width:100%;max-width:700px;margin:auto;padding:54px 0 46px}
.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:10px;letter-spacing:.22em}
.eyebrow span{height:1px;width:29px;background:var(--gold)}
h1{font-size:clamp(43px,5.1vw,76px);line-height:.99;letter-spacing:-.06em;font-weight:570;margin:25px 0 20px}
h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-weight:400;letter-spacing:-.055em}
.intro{max-width:570px;color:#c2c6cc;font-size:clamp(14px,1.25vw,17px);line-height:1.7;margin:0 0 30px}
.countdown-card{max-width:590px;border:1px solid rgba(198,166,107,.52);border-radius:13px;padding:22px 23px 15px;background:linear-gradient(140deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 16px 55px rgba(0,0,0,.2)}
.launch-label{text-align:center;color:var(--silver);font-size:9px;letter-spacing:.23em;font-weight:700}
.launch-date{text-align:center;color:var(--gold);font:clamp(23px,2.3vw,31px) Georgia,"Times New Roman",serif;margin:9px 0 20px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr)}
.countdown div{text-align:center;border-right:1px solid rgba(191,195,201,.18);padding:4px 6px 7px}
.countdown div:last-child{border:0}
.countdown strong{display:block;font-size:clamp(27px,3vw,39px);font-weight:550;font-variant-numeric:tabular-nums}
.countdown span{display:block;color:#a6abb2;font-size:8px;letter-spacing:.18em;margin-top:7px}
.countdown-note{text-align:center;color:#9ba1a9;font-size:11px;margin:15px 0 0}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:29px;border-top:1px solid rgba(191,195,201,.14);padding-top:19px;gap:0}
.pillar{display:flex;align-items:center;gap:9px;padding:0 10px;border-right:1px solid rgba(191,195,201,.17);color:#e0e1e3;font-size:8px;line-height:1.55;letter-spacing:.12em;font-weight:700}
.pillar:first-child{padding-left:0}.pillar:last-child{border:0}
.pillar-icon{color:var(--gold);font-size:22px;line-height:1}
.footer{display:flex;align-items:center;gap:16px;border-top:1px solid rgba(191,195,201,.15);padding-top:17px;flex-wrap:wrap}
.email{color:#f1f1f1;text-decoration:none;font-size:12px;white-space:nowrap}
.email:hover{color:var(--gold)}
.mail-icon{color:var(--gold);font-size:17px;margin-right:9px}
.footer-rule{height:1px;background:rgba(198,166,107,.35);flex:1;min-width:25px}
.copyright{color:#8d939b;font-size:10px;white-space:nowrap}
@media(max-width:900px){
 .page{grid-template-columns:42% 58%}
 .content{padding:24px 28px 20px}
 .brand{width:min(245px,68%)}
 .main-copy{padding:42px 0}
 h1{font-size:clamp(39px,5vw,58px)}
 .pillars{grid-template-columns:repeat(2,1fr);row-gap:14px}
 .pillar:nth-child(2){border:0}.pillar:nth-child(3){padding-left:0}
}
@media(max-width:650px){
 .page{display:flex;flex-direction:column}
 .visual{min-height:34vh;height:34vh;background-position:center 47%}
 .visual:after{background:linear-gradient(0deg,#17191D 0%,transparent 45%)}
 .visual-caption{display:none}
 .content{min-height:66vh;padding:18px 22px 18px;margin-top:-1px}
 .brand{width:min(235px,65%)}
 .brand img{max-height:67px}
 .lang{padding:8px 11px}
 .main-copy{padding:42px 0 35px}
 .eyebrow{font-size:8px;letter-spacing:.16em;gap:9px}
 .eyebrow span{width:18px}
 h1{font-size:clamp(42px,11vw,60px);margin:21px 0 16px}
 .intro{font-size:14px;margin-bottom:24px}
 .countdown-card{padding:19px 12px 13px}
 .countdown strong{font-size:29px}
 .countdown span{font-size:7px;letter-spacing:.12em}
 .pillars{margin-top:24px}
 .footer{gap:11px}.footer-rule{display:none}.copyright{margin-left:auto}
}