/* Home-page geometry follows the approved 1223 x 1286 reference. */
.home{--bg:#f7f7f0;--ink:#090c0b;--green:#47571e;background:var(--bg);line-height:1.4;position:relative}
.home:before{content:"";position:absolute;right:0;top:0;width:433px;height:505px;background:url('assets/hero-architecture.png') no-repeat;z-index:-1}
.home .nav{height:66px;padding:0;max-width:1095px;margin:auto;gap:26px;background:transparent;flex-wrap:nowrap}
.home .brand img{width:168px;height:42px}.home .nav-links{margin:0 0 0 62px;gap:27px;order:initial;width:auto}.home .nav-links a{font-size:12px;padding:23px 0}.home .nav-links a.active:after{display:none}
.home .nav-search{margin-left:auto;width:24px;border:0;position:relative}.home .nav-search input{position:absolute;right:25px;width:0;opacity:0;pointer-events:none}.home .nav-search:focus-within input{width:150px;opacity:1;pointer-events:auto;background:var(--bg);padding:8px}.home .nav-search button svg{width:24px;height:24px}.home .btn-connect{width:172px;height:41px;padding:0;gap:16px;font-size:12px}
/* Explicit home layout; no geometry is inherited from the retired hero themes. */
.home .hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,408fr) minmax(0,699fr);grid-template-rows:minmax(352px,auto) auto;align-items:start;gap:0;padding:0 min(4.0065vw,49px) 31px min(5.4783vw,67px);height:auto;min-height:439px;border:0;max-width:1223px;overflow:visible;background:none;margin:auto}.home .hero-visual{grid-column:2;grid-row:1;position:relative;min-width:0;height:352px;overflow:visible}.home .hero-art{display:block;object-fit:contain;position:relative;right:auto;top:0;width:calc(100% - 84px);height:auto;max-width:615px;z-index:0}.home .hero-inner{position:relative;z-index:2;pointer-events:auto;grid-column:1;grid-row:1;min-width:0;margin:0;max-width:none;padding:39px 0 0}.home .eyebrow{font-size:10px;letter-spacing:3.2px;line-height:15px;color:#63675f;font-weight:500}
.home .hero h1{font-size:64px;line-height:.93;letter-spacing:-2.8px;font-weight:700;margin:15px 0 13px}.home .hero h1 span{color:var(--green)}
.home .hero-sub{max-width:405px;font-size:15px;line-height:21.5px;color:#202426}.home .hero-cta{display:flex;flex-wrap:nowrap;margin-top:19px;gap:24px}.home .btn-lg{height:45px;min-width:0;padding:0;font-size:12px}.home .hero-cta .btn-green{width:181px}.home .hero-cta .btn-glass{width:164px;border-color:#777c76}.home .btn-green{background:linear-gradient(115deg,#090d0b 70%,#303d0b)}
.home .hero-side{position:absolute;display:block;text-shadow:none;right:0;top:39px;width:80px;padding-left:16px;border-left:1px solid #949b80;font-size:9px;line-height:16px;letter-spacing:1.7px;font-family:monospace;color:#353a32}.home .hero-side:before,.home .movement-side:before{content:"";position:absolute;top:0;left:-2px;width:3px;height:5px;background:#b0d844}
.home .trust-row{position:relative;top:auto;left:auto;grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;width:100%;margin:0;padding:13px 0 15px;gap:28px;max-width:none;background:linear-gradient(90deg,#f7f7f0e6 85%,#f7f7f000)}.home .trust-row>div{width:auto;gap:12px}.home .trust-icon{width:30px;height:31px;object-fit:contain}.home .trust-row strong{font-size:11px;line-height:17px}.home .trust-row small{font-size:10px;line-height:16px;color:#62645e}
.home .stats-bar{height:120px;max-width:1097px;margin:0 auto;padding:26px 0;grid-template-columns:216px 225px 226px 198px 1fr;border:1px solid #fff9;background:#fff9;border-radius:16px;box-shadow:0 10px 30px #555b2404}.home .stat,.home .stat:first-child{padding:0 34px;border-right:1px solid #dedfd8}.home .stat:nth-child(4){border:0}.home .stat>span{font-size:12px;margin:-3px 0 2px;color:#717379}.home .stat b{font-size:30px;line-height:36px;letter-spacing:-1.1px;font-weight:700}.home .stat small{font-size:12px;white-space:nowrap;color:#717379}.home .stats-note{display:flex;margin:0;justify-self:start;gap:22px;font-size:13px;line-height:20px;color:#4b4e51}.home .stats-note svg{width:95px;height:88px}
.home .home-board{max-width:1093px;margin:0 auto;padding:28px 0 24px}.home .section-heading{height:62px;margin-bottom:15px;align-items:end}.home .section-heading .eyebrow{margin-bottom:5px}.home .section-heading h2{font-size:38px;line-height:44px;letter-spacing:-1.6px;font-weight:600}.home .carousel-controls{gap:18px;padding:0 6px 6px 0}.home .carousel-controls button{width:40px;height:40px;font-size:19px}.home .carousel-prev{color:#949890}.home .featured-track{gap:16px;padding:0;scrollbar-width:none}.home .featured-track .tok{flex:0 0 calc((100% - 48px)/4);border:0;border-radius:12px;height:235px;background:#ffffff8c}.home .tok-img{height:138px;aspect-ratio:auto}.home .tok-img img{width:100%;height:138px}.home .tok-body{padding:12px 14px}.home .tok-body h3{font-size:16px;font-weight:600;letter-spacing:-.4px;line-height:19px}.home .tok-body p{font-size:12px;line-height:17px;margin:1px 0 18px;color:#737573}.home .demo-progress{gap:12px;font-size:11px;line-height:17px;white-space:nowrap;color:#353835}.home .demo-progress strong{font-size:11px}.home .demo-progress .progress{height:8px;background:#e4e5dc}.home .progress i{border-radius:5px}
.home .movement{position:relative;overflow:hidden;max-width:1223px;height:auto;min-height:297px;margin:auto;padding:25px min(8vw,98px) 35px min(41vw,501px);display:flex;align-items:center;background:var(--bg) url('assets/movement-water.png') right bottom/723px 86px no-repeat}.home .movement-art{display:block;position:absolute;left:0;top:0;width:500px;height:297px;max-width:none}.home .movement-copy{position:relative;max-width:440px}.home .movement-copy .eyebrow{font-size:10px;letter-spacing:2px}.home .movement h2{font-size:28px;line-height:28px;letter-spacing:-1px;margin:8px 0 7px;font-weight:600}.home .movement-copy p{font-size:11px;line-height:17px;color:#515558;margin-bottom:16px}.home .movement-copy .btn{height:41px;padding:0 26px;font-size:12px;gap:16px}.home .movement-side{position:absolute;left:1090px;top:28px;height:181px;border-left:1px solid #9ca28e;padding:11px 0 0 16px;font-family:monospace;font-size:10px;line-height:18px;letter-spacing:1.5px;color:#70756c}.home .footer{display:none}
@media(min-width:701px) and (max-width:1150px){.home .nav,.home .stats-bar,.home .home-board{margin-left:4%;margin-right:4%}.home .nav{gap:18px}.home .nav-links{margin-left:20px;gap:18px}.home .hero h1{font-size:clamp(40px,5.23vw,64px)}.home .hero-cta{gap:12px}.home .hero-cta .btn{max-width:calc(50% - 6px)}.home .trust-row{gap:20px}.home .stats-bar{grid-template-columns:repeat(4,1fr)}.home .stats-note{display:none}.home .stat,.home .stat:first-child{padding:0 24px}.home .movement-copy{max-width:440px}.home .movement-side{display:none}.home .movement h2{font-size:25px}.home .movement-art{width:41%;object-fit:cover;object-position:left}.home .movement-copy p{font-size:11px}.home .featured-track .tok{flex-basis:calc((100% - 48px)/4)}.home .demo-progress{gap:6px;font-size:10px}}
@media(max-width:700px){.home:before{display:none}.home .nav{height:auto;min-height:110px;margin:0;padding:12px 20px;flex-wrap:wrap;gap:12px}.home .brand img{width:145px;height:auto}.home .btn-connect{width:142px;height:39px;font-size:11px}.home .nav-search{display:none}.home .nav-links{order:3;justify-content:space-between;width:100%;margin:0;gap:10px}.home .nav-links a{padding:5px 0;font-size:11px}.home .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-height:0;height:auto;padding:0 0 20px;overflow:hidden}.home .hero-visual{grid-column:1;grid-row:2;height:auto;margin:20px 24px 0}.home .hero-art{width:100%;height:auto;top:0;right:auto;margin:auto}.home .hero-inner{padding:25px 24px 0;margin:0}.home .hero h1{font-size:clamp(40px,8.3vw,58px);margin:16px 0}.home .hero .eyebrow{font-size:8px;letter-spacing:2px}.home .hero-sub{font-size:14px;line-height:21px}.home .hero-cta{gap:12px;margin-top:20px}.home .hero-side{display:none}.home .trust-row{position:relative;top:auto;left:auto;grid-column:1;grid-row:3;width:auto;margin:0 24px;padding:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;background:var(--bg)}.home .trust-row>div{gap:8px}.home .trust-row strong{font-size:10px}.home .trust-row small{font-size:9px}.home .stats-bar{margin:0 20px;height:auto;padding:22px 0;grid-template-columns:1fr 1fr;gap:24px 0}.home .stat,.home .stat:first-child{padding:0 20px}.home .stat:nth-child(2){border:0}.home .stat small{font-size:10px}.home .stats-note{display:none}.home .home-board{margin:0 20px;padding:26px 0}.home .section-heading{height:auto;align-items:end;gap:10px}.home .section-heading h2{font-size:28px;line-height:33px;letter-spacing:-1px}.home .section-heading .eyebrow{font-size:8px;letter-spacing:2px}.home .carousel-controls{gap:6px;padding:0 0 2px}.home .carousel-controls button{width:30px;height:30px}.home .featured-track .tok{flex-basis:85%;height:250px}.home .tok-img,.home .tok-img img{height:153px}.home .movement{min-height:0;padding:15px 24px 270px;background-size:auto 86px}.home .movement-art{top:auto;bottom:0;width:100%;height:250px;object-fit:cover;object-position:left}.home .movement-copy{max-width:none;margin:0}.home .movement-side{display:none}}

/* Keep the approved landscape while making preview content explicit. */
.home .carousel-controls button{width:auto;min-width:48px;border-radius:999px;padding:8px 12px;font-size:11px;height:auto}
.home .featured-track .tok{height:auto;min-height:235px}.home .data-note{font-size:11px;color:#62675b;margin-top:12px}
.home .trust-row{gap:40px}.home .footer{display:flex;max-width:1095px;margin:auto;padding:25px 0}
.home .movement-copy p{font-size:12px}
@media(max-width:700px){.home .trust-row{grid-template-columns:1fr;gap:16px}.home .section-heading{height:auto;align-items:center}.home .section-heading h2{font-size:27px;line-height:1.1}.home .carousel-controls{gap:6px}.home .footer{padding:24px;flex-wrap:wrap}.home .movement-copy p{font-size:13px}}


.nav,.home .nav{height:auto;min-height:76px;gap:20px;flex-wrap:wrap;background:transparent}
.nav-links,.home .nav-links{margin:0 auto;gap:22px;width:auto;order:initial}
.nav-links a,.home .nav-links a{font-size:12px;padding:24px 0;white-space:nowrap}
.nav-links a.active,.home .nav-links a.active{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:7px}
.nav-links a.active:after{display:none}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn-launch{background:#4b5b24;color:#fff;border-color:#4b5b24;border-radius:999px;padding:12px 18px}
.btn-launch.active{outline:2px solid #87965e;outline-offset:3px}
.nav .btn-connect,.home .nav .btn-connect{width:auto;height:auto;padding:12px 18px;font-size:12px;background:transparent;color:var(--ink);border:1px solid #a6ad96;border-radius:999px}
.nav-search,.home .nav-search{margin-left:0;flex-shrink:0}
.dialog-close{width:auto;height:auto;padding:7px 10px;font-size:12px}

@media(max-width:1100px){.home .nav{padding:16px 24px;gap:14px;margin:0;max-width:none}.home .nav-links{order:3;width:100%;justify-content:center;margin:0;gap:30px}.home .nav-links a{padding:8px 0}.home .nav-actions{margin-left:auto}.home .nav-search{display:none}}
@media(max-width:540px){.home .nav{padding:14px 18px}.home .brand img{width:140px;height:auto}.home .nav-actions{width:100%;margin:0;justify-content:space-between;order:2}.home .nav-links{gap:12px;justify-content:space-between}}