/* One interactive centerpiece; surrounding content stays quiet and readable. */
.hero{gap:4%;grid-template-columns:1fr 1fr;padding:64px 0 66px}.hero h1{font-size:clamp(51px,6.2vw,83px);letter-spacing:-.075em}.hero p{font-size:17px}.hero h1 em{color:#64814e}.proof{margin-top:30px;font-size:11px;line-height:1.5}.dimension-studio{position:relative;min-width:0;background:#e7eddc;border:1px solid #d1dcc5;border-radius:28px;overflow:hidden;box-shadow:0 25px 50px #22332c14}.studio-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0;font-size:9px;letter-spacing:1.8px;font-weight:800;color:#53664f}.studio-header button{font-size:10px;letter-spacing:0;border:1px solid #bacbb1;background:#f8faf3;border-radius:22px;padding:9px 12px;cursor:pointer;color:#344535}.studio-header button:disabled{opacity:.65;cursor:default}.model-stage{position:relative;width:100%;height:465px;background:radial-gradient(ellipse at 50% 40%,#fffdf5 0%,#e7eddc 72%);isolation:isolate}.model-stage:after{content:'';position:absolute;bottom:46px;left:18%;width:64%;height:30px;border-radius:50%;background:#40573b35;filter:blur(15px);z-index:-1}.model-stage canvas{display:none;width:100%;height:100%;touch-action:pan-y;cursor:grab}.model-stage.model-ready canvas{display:block}.model-stage canvas:active{cursor:grabbing}.model-fallback{position:absolute;inset:30px;display:flex;justify-content:center;align-items:center;gap:15px;transform:rotate(-7deg)}.fallback-phone{width:155px;height:260px;background:#f2cdb9;border:8px solid #273d42;border-radius:24px;padding:27px 15px;font:800 27px/1.1 var(--display);letter-spacing:-1px;box-shadow:0 20px 30px #26342930}.fallback-phone span{display:block;color:#35544f;font-size:10px;margin-bottom:25px;letter-spacing:2px}.fallback-spark{color:#799150;font-size:90px}.model-ready .model-fallback{display:none}.model-instruction{text-align:center;font-size:10px;color:#63735e;margin:-20px 0 18px;position:relative;pointer-events:none}.model-pickers{display:flex;gap:7px;justify-content:center;padding:0 15px 20px}.model-pickers button{background:#f6f8ef;color:#4c6047;border:1px solid #c1cdb5;border-radius:30px;padding:11px 17px;font-size:11px;font-weight:700;cursor:pointer}.model-pickers button[aria-pressed=true]{background:#21362c;color:#e9f4d9;border-color:#21362c}.model-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #cbd7be;background:#edf1e4;padding:18px 24px}.model-caption strong{font-size:12px;display:block}.model-caption p{font-size:10px!important;margin:5px 0 0;line-height:1.5;max-width:245px;color:#68775e}.model-caption a{font-size:11px;font-weight:800;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.ticker-track{animation:slide 26s linear infinite}.showcase{padding:80px 0}.control-row .rotation-control{background:transparent;border:1px solid #5b7275;border-radius:22px;color:#dce9e5;padding:8px 10px;cursor:pointer;font-size:10px}.process{padding:85px 0}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.process h2{font:800 clamp(35px,4.7vw,60px)/1.1 var(--display);letter-spacing:-.07em;margin:14px 0 0}.process-heading>p{max-width:290px;font-size:14px;color:var(--muted);line-height:1.7}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}.process-step{border-top:1px solid #bfcbb8;padding-top:22px}.process-step>span{font-size:12px;color:#74945a;font-weight:800}.process-step h3{font-size:17px;letter-spacing:-.5px;margin:20px 0 12px}.process-step p{font-size:13px;color:var(--muted);line-height:1.8}.included{font-size:13px;line-height:1.85;color:#50624f;margin:25px 0}.scope-note{border-top:1px solid #c1ceb6;margin-top:18px;padding-top:16px;font-size:12px!important;line-height:1.8}.showcase .sample-notice{color:#9db2b1;font-size:11px;line-height:1.7;margin-top:24px}.project-examples{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.project-example{display:block;border:1px solid #526268;background:#1d3039;border-radius:18px;padding:22px;transition:transform .2s}.project-example>span{font-size:9px;color:var(--accent);letter-spacing:1.2px}.project-example h3{font-size:18px;margin:15px 0 10px;letter-spacing:-.5px}.project-example p{font-size:12px;line-height:1.7;color:#bdd0ce;margin-bottom:15px}.project-example b{font-size:12px;color:var(--accent)}.trust-note{font-size:12px;line-height:1.8;max-width:640px!important;margin:20px auto!important}.hero .quiet-link{font-size:12px}
@media(hover:hover){.project-example:hover{transform:translateY(-3px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.dimension-studio{max-width:560px;width:100%;margin:24px auto 0}.process-grid{grid-template-columns:repeat(2,1fr)}.process-heading{align-items:start;flex-direction:column}.process-heading>p{max-width:500px;margin:0}}
@media(max-width:620px){.hero{padding:35px 0 45px}.hero h1{font-size:clamp(47px,11.5vw,65px)}.hero p{font-size:15px}.dimension-studio{border-radius:20px;margin-top:15px}.studio-header{padding:18px 17px 0;font-size:8px;letter-spacing:1px}.studio-header button{font-size:9px;padding:8px 10px}.model-stage{height:365px}.model-stage:after{bottom:35px}.model-instruction{font-size:9px;margin-top:-15px}.model-pickers{padding-bottom:16px;gap:6px}.model-pickers button{font-size:10px;padding:10px 13px}.model-caption{padding:16px;align-items:start;gap:12px}.model-caption p{max-width:195px;font-size:9px!important}.model-caption a{font-size:10px}.showcase,.process{padding:55px 0}.process-grid{gap:25px 20px;margin-top:30px}.process-step h3{font-size:16px}.process-step p{font-size:12px}.project-examples{grid-template-columns:1fr}.control-row{gap:8px;flex-wrap:wrap}.dots button{width:16px}.dots button[aria-current=true]{width:24px}.fallback-phone{width:135px;height:230px;font-size:23px}.fallback-spark{font-size:65px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.model-pickers[hidden],.studio-header button[hidden]{display:none}
.model-stage{background:radial-gradient(ellipse at 50% 40%,#223a47 0%,#0b1822 75%)}
.model-stage .particle-layer{display:block!important;position:absolute;inset:0;pointer-events:none;cursor:default;z-index:2}
.model-stage:after{background:#0008}
.model-instruction{color:#63735e}
.model-stage.model-ready #model-canvas{position:relative;z-index:1}

.logo-mark-image{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 auto}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand img{display:block;width:20px;height:20px;flex:0 0 auto}.project-example-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;align-items:center;gap:8px 22px;border-color:#718b83}.project-example-featured>span{grid-column:1;grid-row:1;color:var(--accent)}.project-example-featured h3{grid-column:1;grid-row:2;margin:0}.project-example-featured p{grid-column:2;grid-row:1/span 2;margin:0}.project-example-featured b{grid-column:3;grid-row:1/span 2;white-space:nowrap}.project-example-featured:hover{transform:translateY(-3px)}
@media(max-width:620px){.project-example-featured{display:block}.project-example-featured h3{margin:15px 0 10px}.project-example-featured p{margin-bottom:15px}}