:root{--bg:#0d0d0d;--fg:#f4f1ea;--accent:#24d69a;--metal:#6f7673;--line:#f4f1ea29}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--fg);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:var(--bg)}.site-shell{min-height:100vh}.section-pad{padding-left:clamp(22px,5vw,76px);padding-right:clamp(22px,5vw,76px)}.progress{z-index:90;background:#f4f1ea0d;width:100%;height:2px;position:fixed;top:0;left:0}.progress-fill{background:var(--accent);width:100%;height:100%;display:block;transform:scaleX(.03)}.topbar{z-index:80;mix-blend-mode:difference;height:82px;color:var(--fg);justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,76px);display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.04em;font-size:20px;font-weight:900}.brand span{vertical-align:top;color:var(--accent);margin-left:3px;font-size:8px}.desktop-nav{text-transform:uppercase;letter-spacing:.08em;gap:34px;font-size:13px;display:flex}.desktop-nav a{opacity:.72;transition:opacity .25s}.desktop-nav a:hover{opacity:1}.menu-button{color:inherit;text-transform:uppercase;background:0 0;border:0;display:none}.mobile-menu{display:none}.hero{border-bottom:1px solid var(--line);align-items:end;min-height:100svh;padding-top:110px;padding-bottom:56px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 75% 48%,#24d69a21,#0000 35%),linear-gradient(#f4f1ea05,#0000 45%);position:absolute;inset:0}.hero-scene{z-index:1;opacity:.95;pointer-events:auto;width:min(56vw,880px);height:82vh;position:absolute;top:7vh;right:-1vw}.hero-scene canvas{display:block;width:100%!important;height:100%!important}.hero-grid{z-index:2;grid-template-columns:minmax(0,1fr) 100px;align-items:end;gap:30px;display:grid;position:relative}.hero-content{max-width:1080px}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--metal);margin:0 0 24px;font-size:11px}.hero-title{letter-spacing:-.07em;text-wrap:balance;max-width:1120px;margin:0;font-size:clamp(62px,8.8vw,154px);font-weight:800;line-height:.84}.hero-title .line{display:block}.hero-title .accent{color:var(--accent);font-weight:450}.hero-copy{color:#f4f1eab8;max-width:560px;margin:32px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.45}.hero-actions{align-items:center;gap:25px;margin-top:34px;display:flex}.button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:56px;padding:0 28px;font-weight:700;transition:transform .25s,background .25s,color .25s;display:inline-flex}.button.primary{background:var(--accent);color:#0d0d0d;border-color:var(--accent)}.button:hover{transform:translateY(-2px)}.text-link{color:#f4f1eaad;font-size:14px}.hero-side{writing-mode:vertical-rl;letter-spacing:.2em;color:var(--metal);justify-self:end;gap:24px;font-size:10px;display:flex}.manifesto{grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:40px;padding-top:140px;padding-bottom:150px;display:grid}.manifesto-text{letter-spacing:-.055em;max-width:1180px;margin:0;font-size:clamp(38px,5.8vw,92px);line-height:.98}.manifesto-text em{color:var(--accent);font-style:normal}.selected-work{background:var(--fg);color:var(--bg);scroll-margin-top:86px;position:relative}.work-head{justify-content:space-between;align-items:flex-end;gap:30px;min-height:28vh;padding-top:80px;padding-bottom:36px;display:flex}.work-head h2,.services h2,.process h2,.idea-stage h2{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(40px,5.4vw,84px);line-height:.96}.work-head>p{color:#6f7673;max-width:320px;font-size:13px;line-height:1.5}.work-track{width:max-content;min-height:72vh;display:flex}.work-card{border-right:1px solid #0d0d0d1f;grid-template-rows:auto 1fr auto;gap:28px;width:min(88vw,1260px);min-height:72vh;padding:36px clamp(24px,3.5vw,56px) 46px;display:grid;position:relative;overflow:hidden}.work-card:after{content:"";opacity:.12;filter:blur(70px);background:#24d69a;border-radius:50%;width:440px;height:440px;position:absolute;top:-100px;right:-120px}.work-meta{text-transform:uppercase;letter-spacing:.14em;z-index:2;color:#6f7673;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative}.work-num{color:var(--bg);background:#0d0d0d14;border-radius:999px;padding:4px 10px;font-family:monospace;font-size:12px}.project-stage{aspect-ratio:16/9.6;z-index:2;background:var(--bg);will-change:transform;border:1px solid #0d0d0d29;border-radius:16px;align-self:center;width:min(78vw,980px);margin:0 auto;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;transform:rotate(-.6deg);box-shadow:0 30px 75px #0d0d0d24}.work-card:hover .project-stage{transform:rotate(0)translateY(-4px);box-shadow:0 42px 96px #0d0d0d38}.chrome{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0df2;border-bottom:1px solid #f4f1ea1a;align-items:center;gap:10px;height:38px;padding:0 16px;display:flex}.chrome-dots{align-items:center;gap:6px;display:flex}.chrome-dots i{background:#f4f1ea47;border-radius:50%;width:9px;height:9px}.chrome-title{text-transform:uppercase;letter-spacing:.14em;color:#f4f1ead9;margin-left:6px;font-size:10px;font-weight:500}.chrome-url{letter-spacing:.04em;color:#6f7673;margin-left:auto;font-family:monospace;font-size:10px}.project-viewport{background:var(--bg);width:100%;height:calc(100% - 38px);position:relative;overflow:hidden}.project-screenshot{object-fit:cover;object-position:top center;will-change:transform;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.work-card:hover .project-screenshot{transform:scale(1.025)}.viewport-action{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;background:#0d0d0d59;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-stage:hover .viewport-action{opacity:1}.action-pill{background:var(--fg);color:var(--bg);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:12px 22px;font-size:12px;font-weight:600;transition:transform .3s,background .2s,color .2s;transform:translateY(6px)}.viewport-action:hover .action-pill{color:var(--bg);background:#24d69a;transform:translateY(0)}.work-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:36px;display:flex;position:relative}.work-info h3{letter-spacing:-.04em;margin:0;font-size:clamp(26px,2.8vw,42px);line-height:1.05}.work-info p{color:#0d0d0db8;max-width:620px;margin:10px 0 0;font-size:14px;line-height:1.55}.work-highlights{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.highlight-tag{letter-spacing:.05em;text-transform:uppercase;color:#0d0d0dd9;background:#f4f1ea99;border:1px solid #0d0d0d24;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-block}.project-cta{background:var(--bg);color:var(--fg);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:16px 30px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 10px 25px #0d0d0d1f}.project-cta:hover{color:var(--bg);background:#24d69a;transform:translateY(-2px);box-shadow:0 14px 30px #24d69a4d}.services{padding-top:150px;padding-bottom:160px}.services-intro{grid-template-columns:.35fr 1fr;gap:40px;margin-bottom:90px;display:grid}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1.2fr 1fr 35px;align-items:center;gap:28px;min-height:138px;transition:background .28s,padding .28s;display:grid}.service-row:hover{background:#24d69a0b;padding-left:18px}.service-row>span{color:var(--accent);font-size:11px}.service-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(27px,3.4vw,54px);font-weight:500}.service-row p{color:#f4f1ea94;max-width:390px;margin:0;line-height:1.5}.service-row b{color:var(--metal);font-size:22px}.idea-stage{background:var(--fg);min-height:100vh;color:var(--bg);grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:center;gap:5vw;padding-top:130px;padding-bottom:130px;display:grid}.idea-copy{flex-direction:column;justify-content:center;display:flex}.idea-copy p:last-child{color:#0d0d0dad;max-width:520px;margin-top:24px;font-size:16px;line-height:1.65}.idea-visual-wrapper{width:100%;position:relative}.process-evolution{flex-direction:column;gap:16px;width:100%;display:flex}.evolution-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.evolution-tabs{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.evolution-tab{cursor:pointer;text-align:left;background:#0d0d0d08;border:1px solid #0d0d0d1f;border-radius:10px;padding:10px 12px;transition:background .22s,border-color .22s,color .22s,box-shadow .22s}.evolution-tab:hover{background:#0d0d0d0f;border-color:#0d0d0d33}.evolution-tab.active{color:#f4f1ea;background:#0d0d0d;border-color:#0d0d0d;box-shadow:0 8px 20px #0d0d0d1f}.tab-meta{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.tab-num{opacity:.65;font-family:monospace;font-size:10px}.evolution-tab.active .tab-num{color:var(--accent);opacity:1;font-weight:700}.tab-label{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.tab-bar{background:#0d0d0d14;border-radius:2px;width:100%;height:2px;position:relative;overflow:hidden}.evolution-tab.active .tab-bar{background:#f4f1ea33}.tab-bar-fill{background:var(--accent);height:100%;transition:width .3s;display:block}.tab-bar-fill.animate-progress{animation:4.5s linear infinite tabFillAnim}@keyframes tabFillAnim{0%{width:0%}to{width:100%}}.view-mode-toggle{background:#0d0d0d0a;border:1px solid #0d0d0d24;border-radius:999px;padding:3px;display:flex}.mode-btn{color:#0d0d0da6;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:500;transition:all .2s}.mode-btn:hover{color:#0d0d0d}.mode-btn.active{color:#f4f1ea;background:#0d0d0d;font-weight:600;box-shadow:0 2px 8px #0d0d0d24}.evolution-canvas{background:#fff;border:1px solid #0d0d0d24;border-radius:14px;flex-direction:column;min-height:440px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0d0d0d17}.canvas-header{background:#0d0d0d05;border-bottom:1px solid #0d0d0d17;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:11px;display:flex}.header-dots{gap:6px;display:flex}.header-dots span{background:#0d0d0d2e;border-radius:50%;width:9px;height:9px}.header-title{color:#0d0d0d;align-items:center;gap:8px;font-weight:600;display:flex}.stage-num-badge{color:var(--accent);background:#0d0d0d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700}.stage-context-title{letter-spacing:-.01em}.stage-divider{color:var(--metal)}.stage-tag{color:var(--metal);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:400}.header-status{align-items:center;gap:6px;margin-left:auto;display:flex}.status-indicator-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}.status-text{letter-spacing:.08em;color:var(--metal);font-family:monospace;font-size:9px;font-weight:600}.canvas-body{flex:1;min-height:380px;padding:24px;display:grid;position:relative}.stage-screen{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:20px;transform:translateY(10px)scale(.99)}.stage-screen.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.stage-idea{background:0 0}.idea-canvas-grid{flex-direction:column;justify-content:space-between;gap:16px;height:100%;display:flex}.idea-card.primary-insight{background:#0d0d0d08;border:1px solid #0d0d0d17;border-radius:10px;padding:18px 20px}.idea-card.primary-insight .card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-pill{letter-spacing:.06em;color:var(--accent);background:#0d0d0d;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.card-mono{color:var(--metal);font-family:monospace;font-size:10px}.idea-card.primary-insight h4{letter-spacing:-.02em;color:#0d0d0d;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35}.idea-card.primary-insight p{color:#0d0d0da6;margin:0;font-size:13px;line-height:1.5}.idea-nodes-row{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.idea-node{background:#fff;border:1px solid #0d0d0d1f;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;box-shadow:0 4px 14px #0d0d0d0a}.node-icon{color:var(--accent);margin-bottom:2px;font-size:12px}.idea-node b{color:#0d0d0d;font-size:12px;line-height:1.2}.idea-node span{color:#0d0d0d99;font-size:10px;line-height:1.35}.idea-connector-line{justify-content:center;align-items:center;display:flex}.flow-arrow{color:var(--accent);font-size:14px;font-weight:700}.idea-footer-specs{flex-wrap:wrap;gap:8px;display:flex}.spec-tag{color:#0d0d0d;background:#24d69a24;border:1px solid #24d69a59;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:10px;font-weight:600}.stage-wireframe{background:0 0}.wireframe-blueprint{flex-direction:column;gap:10px;height:100%;display:flex}.blueprint-rulers{color:var(--metal);border-bottom:1px dashed #0d0d0d33;justify-content:space-between;padding-bottom:4px;font-family:monospace;font-size:9px;display:flex}.wireframe-layout{background:#0d0d0d04;border:1px dashed #0d0d0d47;border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding:16px;display:flex;position:relative}.wire-topbar{border-bottom:1px dashed #0d0d0d29;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.wire-logo-box{background:#0d0d0d24;border-radius:3px;width:68px;height:16px}.wire-nav-links{gap:12px;display:flex}.wire-nav-links span{background:#0d0d0d1a;border-radius:2px;width:44px;height:8px}.wire-btn-outline{border:1px dashed #0d0d0d59;border-radius:4px;width:56px;height:20px}.wire-hero-block{flex-direction:column;gap:10px;padding:10px 0;display:flex}.wire-h1-placeholder{background:#0d0d0d24;border-radius:4px;width:85%;height:24px}.wire-h1-placeholder.short{width:55%;height:24px}.wire-copy-placeholder{background:#0d0d0d14;border-radius:2px;width:68%;height:10px;margin-top:4px}.wire-actions-row{gap:12px;margin-top:6px;display:flex}.wire-cta-placeholder{background:#0d0d0d2e;border-radius:999px;width:110px;height:32px}.wire-link-placeholder{background:#0d0d0d1a;border-radius:2px;align-self:center;width:80px;height:12px}.wire-grid-blocks{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.wire-card-block{border:1px dashed #0d0d0d33;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.wire-card-head{background:#0d0d0d1f;border-radius:2px;width:50%;height:12px}.wire-card-text{background:#0d0d0d14;border-radius:2px;width:80%;height:8px}.wire-annotation{color:#0d0d0d;background:#fff;border:1px solid #0d0d0d33;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-family:monospace;font-size:9px;display:flex;position:absolute;box-shadow:0 2px 8px #0d0d0d14}.wire-annotation.pos-1{top:72px;right:28px}.wire-annotation.pos-2{bottom:84px;right:28px}.wire-pin{color:var(--accent);font-size:11px;font-weight:800}.stage-interface{background:0 0}.interface-canvas{flex-direction:column;justify-content:space-between;gap:14px;height:100%;display:flex}.ds-tokens-bar{background:#0d0d0d08;border:1px solid #0d0d0d17;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;display:flex}.ds-title{color:#0d0d0d;letter-spacing:.06em;font-family:monospace;font-weight:700}.color-swatches{align-items:center;gap:6px;display:flex}.swatch{border:1px solid #0d0d0d26;border-radius:50%;width:14px;height:14px;display:inline-block}.swatch.c-dark{background:#0d0d0d}.swatch.c-emerald{background:#24d69a}.swatch.c-light{background:#f4f1ea}.swatch.c-metal{background:#6f7673}.typography-token{color:var(--metal);font-family:monospace;font-size:9px}.styled-ui-frame{color:#f4f1ea;background:#0d0d0d;border:1px solid #0d0d0d24;border-radius:10px;flex-direction:column;flex:1;justify-content:space-between;padding:20px;display:flex;box-shadow:0 16px 40px #0d0d0d26}.ui-header{border-bottom:1px solid #f4f1ea1f;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.ui-brand{letter-spacing:-.03em;font-size:14px;font-weight:800}.ui-brand span{color:var(--accent);vertical-align:top;margin-left:2px;font-size:7px}.ui-nav-pills{gap:8px;display:flex}.ui-nav-pills .pill{color:#f4f1eab3;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:10px}.ui-nav-pills .pill.active{color:#f4f1ea;background:#f4f1ea1f}.ui-mini-cta{background:var(--accent);color:#0d0d0d;cursor:pointer;border:0;border-radius:999px;padding:6px 14px;font-size:10px;font-weight:700}.ui-content-row{grid-template-columns:1.3fr 1fr;align-items:center;gap:16px;margin-top:14px;display:grid}.ui-eyebrow{letter-spacing:.15em;color:var(--metal);text-transform:uppercase;font-size:9px}.ui-heading{letter-spacing:-.04em;margin:6px 0 8px;font-size:18px;font-weight:700;line-height:1.25}.ui-heading em{color:var(--accent);font-style:normal}.ui-desc{color:#f4f1eaa6;margin:0;font-size:11px;line-height:1.45}.ui-visual-preview{justify-content:center;display:flex}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f1ea0f;border:1px solid #f4f1ea2e;border-radius:8px;flex-direction:column;gap:6px;width:100%;padding:12px;display:flex}.glass-chip{color:var(--accent);letter-spacing:.08em;font-family:monospace;font-size:9px;font-weight:700}.glass-metrics{color:#f4f1ea99;justify-content:space-between;font-family:monospace;font-size:9px;display:flex}.stage-experience{background:0 0}.experience-live-canvas{flex-direction:column;justify-content:space-between;gap:14px;height:100%;display:flex}.live-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-indicator{color:var(--accent);letter-spacing:.06em;background:#0d0d0d;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:monospace;font-size:10px;font-weight:700;display:inline-flex}.pulse-beacon{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.8s ease-in-out infinite pulseBeacon}@keyframes pulseBeacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.live-metric-tag{color:var(--metal);background:#0d0d0d0a;border:1px solid #0d0d0d1a;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:9px}.production-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kpi-card{background:#fff;border:1px solid #0d0d0d1f;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 6px 18px #0d0d0d0a}.kpi-card.accent-card{background:#24d69a0a;border-color:#24d69a80}.kpi-label{color:var(--metal);font-size:11px;font-weight:500}.kpi-val{letter-spacing:-.05em;color:#0d0d0d;font-size:26px;font-weight:800;line-height:1.1}.accent-card .kpi-val{color:#0d0d0d}.kpi-detail{color:#0d0d0d99;margin-top:2px;font-size:9px;line-height:1.35}.experience-footer-card{color:#f4f1ea;background:#0d0d0d;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 12px 30px #0d0d0d1f}.footer-card-copy b{letter-spacing:-.02em;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.footer-card-copy p{color:#f4f1eab3;margin:0;font-size:11px;line-height:1.4}.status-pill-verified{background:var(--accent);color:#0d0d0d;white-space:nowrap;border-radius:999px;padding:6px 12px;font-family:monospace;font-size:10px;font-weight:700}.evolution-canvas.stack-view .canvas-body{perspective:1200px;transform-style:preserve-3d;min-height:440px}.evolution-canvas.stack-view .stage-screen{opacity:.88;pointer-events:auto;background:#fff;border:1px solid #0d0d0d33;border-radius:10px;width:82%;height:74%;display:block;top:13%;left:9%;box-shadow:-15px 20px 40px #0d0d0d2e}.evolution-canvas.stack-view .stage-screen[data-layer="1"]{transform:rotateX(24deg)rotateY(-18deg)rotate(4deg)translate3d(0,-50px,-90px)}.evolution-canvas.stack-view .stage-screen[data-layer="2"]{transform:rotateX(24deg)rotateY(-18deg)rotate(4deg)translate3d(0,-18px,-20px)}.evolution-canvas.stack-view .stage-screen[data-layer="3"]{color:#f4f1ea;background:#0d0d0d;transform:rotateX(24deg)rotateY(-18deg)rotate(4deg)translate3d(0,14px,50px)}.evolution-canvas.stack-view .stage-screen[data-layer="4"]{opacity:1;border-color:var(--accent);transform:rotateX(24deg)rotateY(-18deg)rotate(4deg)translate3d(0,46px,120px);box-shadow:-20px 30px 60px #24d69a40}.evolution-summary{background:#0d0d0d05;border:1px solid #0d0d0d1a;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.summary-left{align-items:center;gap:14px;display:flex}.summary-step-num{color:#0d0d0d;border-right:1px solid #0d0d0d26;padding-right:14px;font-family:monospace;font-size:18px;font-weight:800}.summary-title{color:#0d0d0d;letter-spacing:-.02em;margin:0 0 2px;font-size:13px;font-weight:700}.summary-text{color:#0d0d0da6;max-width:520px;margin:0;font-size:11px;line-height:1.4}.summary-controls{align-items:center;gap:8px;display:flex}.summary-nav-arrow{color:#0d0d0d;cursor:pointer;background:#fff;border:1px solid #0d0d0d26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.summary-nav-arrow:hover{color:#f4f1ea;background:#0d0d0d}.summary-counter{color:var(--metal);padding:0 4px;font-family:monospace;font-size:10px;font-weight:600}.process{padding-top:150px;padding-bottom:160px}.process-head{grid-template-columns:.35fr 1fr;gap:40px;margin-bottom:90px;display:grid}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.process-item{border-right:1px solid var(--line);flex-direction:column;min-height:260px;padding:28px 24px 42px 0;display:flex}.process-item:not(:first-child){padding-left:24px}.process-item span{color:var(--accent);font-size:11px}.process-item h3{letter-spacing:-.035em;margin:auto 0 10px;font-size:28px}.process-item p{color:#f4f1ea8f;margin:0;line-height:1.5}.contact{border-top:1px solid var(--line);padding-top:150px;padding-bottom:110px}.contact h2{letter-spacing:-.07em;max-width:1250px;margin:0;font-size:clamp(58px,9vw,150px);line-height:.84}.contact h2 em{color:var(--accent);font-style:normal}.contact-bottom{justify-content:space-between;align-items:end;gap:30px;margin-top:70px;display:flex}.contact-bottom>div{color:var(--metal);flex-direction:column;align-items:end;gap:8px;font-size:13px;display:flex}.contact-bottom>div a{color:var(--fg)}.footer{border-top:1px solid var(--line);min-height:88px;color:var(--metal);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.footer a{color:var(--fg)}@media (max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{z-index:75;background:#0d0d0d;align-content:center;gap:15px;padding:110px 24px 40px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;inset:0;transform:translateY(-105%)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{letter-spacing:-.05em;border-bottom:1px solid var(--line);padding:12px 0;font-size:45px}.hero{min-height:100svh;padding-bottom:34px}.hero-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(54px,16vw,100px)}.hero-copy{max-width:92%}.hero-side{display:none}.hero-scene{opacity:.42;pointer-events:none;width:100vw;height:56vh;top:12vh;right:-5vw}.manifesto,.services-intro,.process-head,.idea-stage{grid-template-columns:1fr}.manifesto{gap:12px;padding-top:100px;padding-bottom:100px}.work-head{min-height:auto;padding-top:70px;display:block}.work-head>p{margin-top:20px}.work-track{width:auto;min-height:0;display:grid}.work-card{border-bottom:1px solid #0d0d0d24;border-right:0;gap:22px;width:100%;min-height:auto;padding:36px 0 48px}.project-stage{aspect-ratio:16/10;width:100%;margin:18px 0;transform:none}.work-card:hover .project-stage{transform:none}.viewport-action{display:none}.work-bottom{flex-direction:column;align-items:start;gap:24px}.work-cta-wrap{width:100%}.project-cta{justify-content:center;width:100%;padding:15px 24px}.service-row{grid-template-columns:42px 1fr 24px;min-height:0;padding:24px 0}.service-row p{grid-column:2/4}.idea-stage{gap:36px;min-height:auto;padding-top:90px;padding-bottom:90px}.evolution-canvas{min-height:480px}.idea-nodes-row{grid-template-columns:1fr;gap:8px}.idea-connector-line{display:none}.production-grid{grid-template-columns:1fr;gap:8px}.ui-content-row{grid-template-columns:1fr;gap:12px}.evolution-canvas.stack-view .canvas-body{perspective:none}.evolution-canvas.stack-view .stage-screen{opacity:0;width:auto;height:auto;position:absolute;inset:16px;transform:none!important}.evolution-canvas.stack-view .stage-screen[data-layer="4"]{opacity:1}.process-grid{grid-template-columns:1fr 1fr}.process-item:nth-child(2){border-right:0}.contact-bottom{flex-direction:column;align-items:start}.contact-bottom>div{align-items:start}}@media (max-width:560px){.topbar{height:68px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-title{font-size:clamp(50px,15vw,76px)}.manifesto-text{font-size:40px}.work-card{padding-left:18px;padding-right:18px}.project-stage{aspect-ratio:16/10.5;border-radius:12px}.work-highlights{gap:6px}.highlight-tag{padding:4px 9px;font-size:10px}.chrome{height:34px;padding:0 12px}.chrome-url{display:none}.services,.process{padding-top:100px;padding-bottom:100px}.service-row{grid-template-columns:34px 1fr 22px}.process-grid{grid-template-columns:1fr}.process-item,.process-item:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:210px;padding-left:0}.evolution-nav{flex-direction:column;align-items:stretch;gap:10px}.evolution-tabs{grid-template-columns:repeat(2,1fr);gap:6px}.view-mode-toggle{align-self:flex-start}.evolution-canvas{min-height:520px}.canvas-header{flex-wrap:wrap;padding:10px 14px}.header-status{display:none}.canvas-body{min-height:440px;padding:14px}.stage-screen{inset:10px}.wireframe-layout{gap:10px;padding:12px}.wire-grid-blocks{grid-template-columns:1fr}.wire-annotation{display:none}.evolution-summary{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 14px}.summary-left{flex-direction:column;align-items:flex-start;gap:6px}.summary-step-num{border-bottom:1px solid #0d0d0d26;border-right:0;padding-bottom:4px;padding-right:0}.summary-controls{justify-content:space-between;width:100%}.contact{padding-top:100px}.contact h2{font-size:58px}.footer{flex-direction:column;align-items:flex-start;padding-top:30px;padding-bottom:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-scene,.progress{display:none}.servix-initial-loader{display:none!important}}html.no-intro .servix-initial-loader{display:none!important}.servix-initial-loader{z-index:9999;opacity:1;will-change:opacity, transform;background:#070908;justify-content:center;align-items:center;transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:scale(1)}.servix-initial-loader.exiting{opacity:0;pointer-events:none;transform:scale(1.035)}.loader-backdrop{pointer-events:none;position:absolute;inset:0}.cyber-grid{background-image:linear-gradient(#00e5ff09 1px,#0000 1px),linear-gradient(90deg,#00e5ff09 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.glow-radial-core{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#00e5ff12 0%,#24d69a0a 40%,#0000 70%);border-radius:50%;width:min(70vw,720px);height:min(70vw,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cyber-stream-lines{position:absolute;inset:0;overflow:hidden}.stream-line{opacity:.35;background:linear-gradient(90deg,#0000,#00e5ff,#24d69a,#0000);width:40%;height:1px;animation:2.4s cubic-bezier(.2,.8,.2,1) infinite streamFlow;position:absolute;left:-20%}.stream-line.s-1{animation-delay:.1s;top:38%}.stream-line.s-2{opacity:.25;animation-delay:.8s;top:62%}@keyframes streamFlow{0%{opacity:0;transform:translate(0)}30%{opacity:.45}to{opacity:0;transform:translate(350%)}}.loader-center-box{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:relative}.loader-top-meta{letter-spacing:.24em;color:#00e5ff;opacity:.72;align-items:center;gap:8px;margin-bottom:20px;font-family:monospace;font-size:10px;animation:.6s ease-out metaFade;display:flex}.meta-bracket{color:#f4f1ea66}@keyframes metaFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:.72;transform:translateY(0)}}.brand-reveal-wrapper{padding:6px 14px;position:relative;overflow:hidden}.scan-beam{pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#00e5ff73,#24d69a59,#0000);width:100%;height:100%;animation:1.4s cubic-bezier(.2,.8,.2,1) forwards scanBeamAnim;position:absolute;top:0;left:-100%}@keyframes scanBeamAnim{0%{left:-100%}to{left:200%}}.loader-brand-title{letter-spacing:.12em;color:#f4f1ea;text-shadow:0 0 35px #00e5ff59,0 0 70px #24d69a2e;margin:0;font-size:clamp(48px,9.5vw,110px);font-weight:900;line-height:1;animation:.9s cubic-bezier(.16,1,.3,1) forwards brandRevealAnim}.brand-reg{vertical-align:top;color:#00e5ff;text-shadow:0 0 15px #00e5ff;margin-left:6px;font-size:clamp(14px,2.4vw,28px)}@keyframes brandRevealAnim{0%{opacity:0;filter:blur(10px);letter-spacing:.24em;transform:scale(.94)translateY(14px)}to{opacity:1;filter:blur();letter-spacing:.12em;transform:scale(1)translateY(0)}}.loader-brand-ghost{letter-spacing:.12em;pointer-events:none;opacity:0;margin:0;font-size:clamp(48px,9.5vw,110px);font-weight:900;line-height:1;position:absolute;inset:6px 14px}.brand-reveal-wrapper.glitch-active .loader-brand-ghost.ghost-1{opacity:.65;color:#00e5ff;clip-path:polygon(0 20%,100% 20%,100% 45%,0 45%);transform:translate(-3px,-1px)}.brand-reveal-wrapper.glitch-active .loader-brand-ghost.ghost-2{opacity:.55;color:#24d69a;clip-path:polygon(0 60%,100% 60%,100% 85%,0 85%);transform:translate(3px,1px)}.loader-sub-row{justify-content:center;align-items:center;gap:10px;margin-top:18px;animation:.8s ease-out .4s both subRowFade;display:flex}@keyframes subRowFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader-data-dot{background:#00e5ff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotPulse;box-shadow:0 0 10px #00e5ff}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.loader-sub-text{letter-spacing:.18em;text-transform:uppercase;color:#f4f1eac7;margin:0;font-size:clamp(11px,1.3vw,14px);font-weight:500}.loader-cursor{color:#00e5ff;font-family:monospace;font-size:14px;animation:.6s infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.laser-axis{background:#f4f1ea1a;width:min(280px,60vw);height:1px;margin-top:24px;position:relative;overflow:hidden}.laser-fill{background:linear-gradient(90deg,#0000,#00e5ff,#24d69a,#0000);animation:1.8s ease-in-out infinite laserPulse;position:absolute;inset:0}@keyframes laserPulse{0%{opacity:.3;transform:scaleX(.2)}50%{opacity:.85;transform:scaleX(1)}to{opacity:.3;transform:scaleX(.2)}}@media (max-width:560px){.loader-top-meta{letter-spacing:.18em;margin-bottom:16px;font-size:9px}.loader-sub-text{letter-spacing:.14em;font-size:10px}}