:root{--paper:#f5f4f0;--ink:#17252c;--muted:#667076;--line:#dcded9;--yellow:#f6bb38;--dark:#10191e;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:3px solid #267598;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{transform:none}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-.9px;font-weight:750;display:flex;align-items:center;gap:11px}.brand-mark{background:var(--dark);width:41px;height:41px;border-radius:10px;display:grid;place-items:center}.brand-mark img{transform:translate(1px,2px)}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.header nav span{font-size:15px;margin-left:4px}
.hero{text-align:center;padding-top:58px}h1{font-size:clamp(38px,4.55vw,64px);font-weight:750;letter-spacing:-2.9px;line-height:1.08;margin:0}.hero-sub{font-size:clamp(19px,2vw,25px);line-height:1.4;margin:19px 0 25px;color:#536168}.primary{display:inline-flex;gap:24px;align-items:center;padding:17px 28px;background:var(--yellow);border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 2px 0 #d49c2a;transition:background .15s,transform .15s}.primary:hover{background:#ffc84e;transform:translateY(-2px)}.primary span{font-size:22px;font-weight:500}.reassurance{font-size:13px;margin:14px 0 0;color:var(--muted)}.mobile-note{display:none}
.demo{margin:34px auto 0;width:min(1080px,100%)}.demo-screen{position:relative;aspect-ratio:16/9;isolation:isolate;background:#182229;border:1px solid #27343b;border-radius:13px;overflow:hidden;box-shadow:0 20px 45px -28px #15232c88}.demo-poster{display:block;width:100%;height:100%;border:0;padding:0;position:absolute;inset:0;cursor:pointer;background:#182229;color:white}.demo-poster img{width:100%;height:100%;object-fit:contain;transition:filter .2s}.demo-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#09121610 45%,#09121685);pointer-events:none}.demo-poster:hover img{filter:brightness(1.06)}.play-label{position:absolute;z-index:1;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:14px;font-size:17px;font-weight:600;text-shadow:0 1px 14px #000}.play-label>span:last-child{background:#10191ee8;border:1px solid #ffffff25;border-radius:28px;padding:10px 16px;white-space:nowrap}.play-label small{font-size:13px;font-weight:400;color:#c4cdd1;margin-left:9px}.play-circle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;color:#16242b;box-shadow:0 3px 28px #0004;transition:transform .2s}.demo-poster:hover .play-circle{transform:scale(1.06)}.play-circle svg{width:29px;height:29px;fill:currentColor;margin-left:4px}.demo figcaption{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:12px}.video-status{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);margin:0;color:white;background:#10191ee8;border-radius:7px;font-size:14px;text-align:center}.video-status:not(:empty){padding:10px 16px}#player-host{width:100%;height:100%}#player-host:focus{outline:none}#player-host>div{width:100%!important;height:100%!important}.process{display:flex;gap:32px;justify-content:center;align-items:center;padding:35px 0 47px;font-size:14px;color:#44535b}.process b{font-size:11px;font-weight:500;color:#8b9498;margin-right:9px}.process-arrow{color:#a8afb1}
.community{padding:48px 0 40px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}h2{font-size:34px;font-weight:650;letter-spacing:-1.2px;line-height:1.15;margin:0}.section-head p{font-size:15px;color:var(--muted);margin:12px 0 0}.text-link{font-size:14px;font-weight:600;white-space:nowrap;border-bottom:1px solid #c0c6c5;padding:0 0 5px}.text-link span{margin-left:10px}.text-link:hover{border-color:var(--ink)}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-card{min-width:0}.design-card a{display:block;border-radius:10px}.design-image{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#242b31}.design-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.design-card a:hover img{transform:scale(1.035)}.design-open{position:absolute;bottom:13px;right:13px;color:#e5e9e9;border:1px solid #ffffff40;background:#10191ed9;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:18px}.design-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:14px}.design-label h3{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:0}.design-label span{font-size:11px;color:var(--muted)}.gallery-note{font-size:11px;color:#768086;margin:20px 0 0}
.totals{position:relative;margin-top:20px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;align-items:center;padding:36px 40px 26px;background:#eceee8;border-radius:12px}.totals-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.7px}.totals-heading p{color:var(--muted);font-size:12px;margin:12px 0 0}.metric{display:flex;gap:19px;align-items:center}.hex-number{position:relative;width:112px;height:98px;flex:0 0 auto;display:grid;place-items:center}.hex-number svg{position:absolute;width:100%;height:100%;fill:#f6bb3814;stroke:#a87a2580;stroke-width:1}.hex-number strong{font-size:35px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric>span{font-size:13px;color:#536168;line-height:1.6}.totals-note{grid-column:1/-1;margin:6px 0 0;font-size:10px;color:#768086}.guide{padding-block:49px;display:flex;justify-content:space-between;align-items:center;gap:24px}.guide h2{font-size:24px;letter-spacing:-.6px}.guide p{font-size:14px;color:var(--muted);margin:10px 0 0}.footer{display:flex;align-items:center;gap:25px;padding-block:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer nav{display:flex;gap:24px;margin-left:auto}.preview-note{font-size:10px;padding:5px 8px;border:1px solid var(--line);border-radius:4px}
@media(min-width:1600px){.hero{padding-top:64px}.demo{margin-top:40px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}h1{letter-spacing:-1.7px}.hero{padding-top:44px}.totals{grid-template-columns:1fr 1fr;padding:28px}.totals-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;margin-bottom:3px}.totals-heading h2 br{display:none}.totals-heading h2{font-size:24px}.design-grid{gap:16px}.design-label{display:block}.design-label span{display:block;margin-top:6px}.process{gap:18px}.process b{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header{height:75px}.brand{font-size:21px;gap:8px}.brand-mark{width:34px;height:34px;border-radius:8px}.brand-mark img{width:28px;height:28px}.header nav{gap:16px;font-size:12px}.header nav a:first-child{display:none}.hero{padding-top:36px}h1{font-size:40px;line-height:1.07;max-width:360px;margin:auto;letter-spacing:-1.7px}.hero-sub{font-size:18px;margin:17px 0 23px}.primary{font-size:16px;padding:15px 25px}.reassurance{font-size:12px}.mobile-note{display:block;color:var(--muted);font-size:11px;margin:8px 0 0}.demo{margin-top:27px}.demo-screen{border-radius:8px}.play-circle{width:51px;height:51px}.play-circle svg{width:21px;height:21px}.play-label{gap:8px;font-size:12px}.play-label small{font-size:10px;margin-left:4px}.play-label>span:last-child{padding:6px 11px}.demo figcaption{font-size:10px}.demo figcaption span:last-child{display:none}.process{padding:24px 0 32px;gap:11px;font-size:10px;white-space:nowrap}.process-arrow{font-size:13px}.community{padding:32px 0}.section-head{align-items:start;gap:12px;flex-direction:column;margin-bottom:22px}h2{font-size:29px}.section-head p{font-size:13px;margin-top:9px}.text-link{font-size:12px}.design-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:83%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;overscroll-behavior-x:contain;padding-bottom:14px;scrollbar-color:#a1abae #e5e7e0;scrollbar-width:thin}.design-card{scroll-snap-align:start}.design-label h3{font-size:16px}.design-label{display:flex}.design-label span{font-size:10px}.gallery-note{margin-top:7px}.totals{margin-top:8px;padding:24px 20px;gap:20px 12px}.totals-heading{display:block}.totals-heading h2{font-size:22px}.totals-heading p{margin-top:8px}.metric{flex-direction:column;align-items:start;gap:10px}.hex-number{width:96px;height:84px}.hex-number strong{font-size:31px}.metric>span{font-size:12px}.totals-note{font-size:9px;line-height:1.6;margin-top:0}.guide{padding-block:34px;align-items:start;flex-direction:column;gap:18px}.guide h2{font-size:23px}.guide p{font-size:13px}.footer{flex-wrap:wrap;gap:20px;font-size:11px}.footer nav{gap:19px}.preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.demo-poster img{transform:scale(1.8);transform-origin:56% 63%}

:root{--paper:#0b1013;--ink:#f2f3f2;--muted:#99a7ae;--line:#263035;--yellow:#f5ba36;--dark:#10171b;color-scheme:dark}
.wrap{width:min(1180px,calc(100% - 64px))}.header{height:88px}.brand-mark{background:transparent}.header nav{align-items:center;gap:28px;color:#b9c3c8}.nav-builder{padding:11px 17px;border:1px solid #475057;border-radius:6px;color:#f1f3f4}.header nav .nav-builder:hover{border-color:var(--yellow);text-decoration:none}.hero{padding-top:66px}h1{font-size:clamp(40px,4.7vw,68px);font-weight:700;letter-spacing:-2.8px}.hero-sub{color:#b4bfc4;font-size:22px;margin-top:19px}.primary{color:#10171b;box-shadow:none;border-radius:6px;padding:16px 26px}.primary:hover{background:#ffd065}.reassurance{color:#94a2a9}.demo{margin-top:38px;width:1080px;max-width:100%}.demo-screen{border-radius:12px;border-color:#38444c;box-shadow:0 26px 70px #0005}.play-circle{background:var(--yellow);color:#10171b}.play-label>span:last-child{background:#0b1013e8}.process{color:#b0bdc4;padding-bottom:46px}.process b{color:var(--yellow)}.process-arrow{color:#53616a}.possibilities{padding:48px 0 54px;border-top:1px solid var(--line)}h2{font-size:32px;font-weight:600;letter-spacing:-1px}.render-note{color:var(--muted);font-size:12px}.render-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.render-grid figure{margin:0;min-width:0}.render-grid img{width:100%;height:340px;object-fit:cover;border-radius:8px}.render-grid figcaption{font-size:15px;color:#cdd5d9;margin-top:15px}.community{padding:48px 0}.text-link{color:#d8e0e3;border-color:#58646c}.text-link:hover{color:var(--yellow);border-color:var(--yellow)}.design-image{background:#1b242b;border:1px solid #303a41;border-radius:8px}.design-open{border-color:#56616a}.gallery-note{color:#83949e}.totals{background:#11191e;border:1px solid #27333b;border-radius:9px;padding:32px 36px 24px;margin-top:12px}.metric>span{color:#b5c0c6}.hex-number svg{fill:#f5ba3606;stroke:#d9a63588}.hex-number strong{color:#f2c45e}.totals-note{color:#8c9ca6}.guide{padding-block:50px}.guide h2{font-size:31px}.guide-secondary{display:inline-block;margin-top:15px;font-size:13px}.footer{padding-bottom:30px}.skip{background:var(--yellow);color:#10171b}.preview-note{color:#97a5ae}.design-grid{scrollbar-color:#647480 #162027}a:focus-visible,button:focus-visible{outline-color:#f5ba36}
@media(min-width:1600px){.hero{padding-top:64px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header nav{gap:16px;font-size:12px}.hero{padding-top:46px}.render-grid img{height:270px}.totals{padding:28px}.hero-sub{font-size:20px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header{height:72px}.header nav a:not(.nav-builder){display:none}.header nav .nav-builder{display:block;font-size:12px;padding:9px 12px}.hero{padding-top:38px}h1{font-size:43px;letter-spacing:-1.8px;max-width:360px}.hero-sub{font-size:17px;max-width:280px;margin:17px auto 22px;line-height:1.5}.demo{margin-top:26px}.process{padding-bottom:30px}.possibilities{padding:32px 0}.possibilities .section-head{flex-direction:row;align-items:end;gap:16px}.possibilities h2{max-width:230px}.render-note{font-size:10px;text-align:right;max-width:65px}.render-grid{grid-template-columns:1fr;gap:25px}.render-grid img{height:auto;aspect-ratio:16/10;object-fit:cover}.render-grid figcaption{font-size:13px;margin-top:10px}.community{padding:32px 0}h2{font-size:28px}.totals{padding:24px 20px}.guide{padding-block:36px;flex-direction:row;align-items:center;gap:18px}.guide h2{font-size:24px}.guide .primary{font-size:13px;gap:12px;padding:12px 15px;white-space:nowrap}.guide-secondary{font-size:11px}.footer{padding-block:24px}}
/* Sculpted counters, scoped to the dark preview. */
.totals{overflow:hidden;background:radial-gradient(ellipse at 82% 45%,#e6ac2512,transparent 65%),#10171b;border:1px solid #594a2d;border-radius:16px;padding:40px;gap:24px;isolation:isolate}
.totals:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(30deg,transparent 49.7%,#eabd57 50%,transparent 50.3%),linear-gradient(150deg,transparent 49.7%,#eabd57 50%,transparent 50.3%);background-size:100px 174px;mask-image:linear-gradient(to right,transparent,#000)}
.totals-heading .totals-eyebrow{font-size:10px;letter-spacing:2px;color:#e8b749;margin:0 0 16px}.totals-heading h2{font-size:27px;line-height:1.2}
.metric{flex-direction:column;align-items:center;text-align:center;gap:13px}.hex-number{width:176px;height:154px;filter:drop-shadow(0 8px 18px #0008)}
.hex-number:before{content:"";position:absolute;inset:8px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#f9d67a,#b47516);box-shadow:inset 0 0 35px #fff5}
.hex-number:after{content:"";position:absolute;inset:12px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#353127,#151c20 65%);z-index:0}
.hex-number svg{fill:none;stroke:#f7ca6890;stroke-width:.7}.hex-number strong{position:relative;z-index:1;color:#ffdc84;font-size:57px;letter-spacing:-2px;text-shadow:0 2px 12px #e9ac2522}.metric>span{font-size:13px;color:#cbd0d0;line-height:1.45}.totals-note{border-top:1px solid #e6b54c20;padding-top:17px;margin-top:5px;color:#8e999d}
@media(max-width:900px){.totals-heading{display:block}.totals-heading h2 br{display:none}.totals-heading h2{font-size:25px}.totals-heading .totals-eyebrow{margin-bottom:10px}}
@media(max-width:600px){.totals{padding:26px 20px;gap:22px 10px}.hex-number{width:125px;height:110px}.hex-number strong{font-size:42px}.totals-heading h2{font-size:23px}.metric{align-items:center;gap:10px}.metric>span{font-size:11px}.totals-note{padding-top:14px}}
.guide{margin-top:30px;margin-bottom:40px;padding:34px 36px;border:1px solid #465058;border-radius:12px;background:#151e23;gap:32px}.guide h2{font-size:30px}.guide p{font-size:15px;line-height:1.6;color:#aebbc2;margin:10px 0 0;max-width:460px}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;background:var(--yellow);color:#10171b;border-radius:6px;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none}.guide-button:hover{background:#ffd065}.guide-button span{font-size:21px}
@media(max-width:600px){.guide{padding:26px 22px;margin-top:24px;margin-bottom:28px;flex-direction:column;align-items:stretch;gap:22px}.guide h2{font-size:26px}.guide p{font-size:14px}.guide-button{font-size:14px;padding:15px 19px;justify-content:space-between}}
/* A balanced pair of counters, flowing into the guide below. */
.totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding:36px 48px 20px;margin-top:14px;background:radial-gradient(ellipse at 50% 40%,#e6ac2510,transparent 70%),#10171b}
.totals:before{mask-image:radial-gradient(ellipse at center,#000,transparent 80%)}
.totals .metric{position:relative;padding:0 24px;gap:14px}
.totals .metric+.metric:before{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:linear-gradient(transparent,#e7ba5150,transparent)}
.totals .hex-number{width:184px;height:160px}.totals .hex-number strong{font-size:59px}.totals .metric>span{font-size:14px}.totals .totals-note{text-align:center;grid-column:1/-1;padding-top:18px;margin:0;font-size:10px}
.guide{margin-top:24px}
@media(max-width:600px){.totals{padding:27px 12px 17px;gap:22px 0}.totals .metric{padding:0 8px;gap:12px}.totals .hex-number{width:125px;height:110px}.totals .hex-number strong{font-size:42px}.totals .metric>span{font-size:11px}.totals .totals-note{font-size:9px;line-height:1.5;padding-top:15px}.guide{margin-top:20px}}

/* Visitor review: clear actions, readable supporting text, and keyboard access. */
.hero-sub{max-width:660px;margin-inline:auto;text-wrap:balance}
.process{list-style:none;margin:0;padding-inline:0;gap:30px}
.process li{display:flex;align-items:center;position:relative}
.process li+li:before{content:"→";color:#7e8d96;margin-right:30px}
.demo-poster:focus-visible{outline-offset:-6px}
.design-action{display:flex;align-items:center;gap:12px;margin-top:12px;color:#e8c875;font-size:13px;font-weight:600;min-height:28px}
.design-action>span{transition:transform .18s}
.design-card a:hover .design-action>span{transform:translateX(3px)}
.design-card a:focus-visible .design-image{border-color:var(--yellow)}
.design-open{display:none}
.design-label span{font-size:12px}
.totals .totals-note{font-size:11px;line-height:1.5}
.header nav a,.footer nav a{display:inline-flex;align-items:center;min-height:44px}
.footer{padding-block:18px 24px}
.footer nav{gap:22px}
@media(min-width:901px) and (max-height:850px){.header{height:76px}.hero{padding-top:40px}.demo{margin-top:30px}}
@media(max-width:900px){.guide{gap:22px;padding:28px}.guide p{max-width:380px}.guide-button{gap:18px;padding:16px 20px}}
@media(max-width:600px){
  h1{font-size:clamp(35px,10vw,43px);letter-spacing:-1.5px}
  .hero-sub{max-width:330px;font-size:17px}
  .mobile-note{font-size:12px}
  .process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:25px 30px;font-size:12px;white-space:normal;line-height:1.4}
  .process li{display:flex;flex-direction:column;gap:7px;align-items:center}
  .process b{display:block;margin:0;font-size:11px}
  .process li+li:before{display:none}
  .demo figcaption{font-size:11px}
  .possibilities .section-head{flex-direction:column;align-items:start;gap:10px}
  .possibilities h2{max-width:none}
  .render-note{max-width:none;font-size:12px;text-align:left}
  .render-grid figcaption{font-size:14px}
  .design-label{display:block}
  .design-label span{font-size:12px;margin-top:5px;display:block}
  .design-action{font-size:13px;min-height:32px}
  .design-grid{padding:6px 6px 14px;margin:-6px -6px 0;scroll-padding-inline:6px}
  .text-link{display:inline-flex;align-items:center;min-height:36px;font-size:13px}
  .totals .metric{min-width:0}
  .totals .hex-number{width:min(125px,100%);height:auto;aspect-ratio:120/104}
  .totals .metric>span{font-size:12px}
  .totals .totals-note{font-size:11px;padding-inline:6px}
  .guide{padding:26px 22px}
  .guide-button{white-space:normal;gap:12px;font-size:14px;padding:15px 18px}
  .guide-button>span{flex-shrink:0}
  .footer{gap:10px 18px;padding-block:18px}
  .footer nav{gap:18px}
  .footer nav a{font-size:12px}
}


#demo-video{display:block;width:100%;height:100%;object-fit:contain;background:#10171b}
.demo-poster{z-index:1}.video-status{z-index:3;max-width:90%;pointer-events:none}
#video-recovery{font-size:14px;margin:14px 0 0}#video-recovery a{text-decoration:underline;text-underline-offset:4px}
.footer nav{flex-wrap:wrap;justify-content:flex-end;gap:4px 22px}.footer{flex-wrap:wrap}
.design-image-fallback{display:grid;place-items:center;height:100%;color:var(--muted);font-size:14px}
.design-label h3,.design-label>span{overflow-wrap:anywhere}.design-label h3{min-width:0}.design-label>span{flex-shrink:0;max-width:45%}
.community-message{grid-column:1/-1;color:var(--muted);font-size:15px;line-height:1.6;padding:24px;border:1px solid var(--line);border-radius:8px}
@media(max-width:600px){.footer nav{margin-left:0;justify-content:flex-start;width:100%;gap:2px 20px}.design-label>span{max-width:100%}}