:root{--ink:#090a0d;--white:#f4f1e9;--muted:#74767d;--soft:#b4b4b2;--indigo:#7280ff;--line:#d8d4c9;--panel:#15171d;--max:1296px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.grain{position:fixed;inset:-50%;width:200%;height:200%;z-index:50;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(114,128,255,.12),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}.shell{width:min(var(--max),calc(100% - 64px));margin:auto}.mono{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em}.nav{height:92px;display:flex;align-items:center;gap:40px;position:relative;z-index:2}.logo{font-size:22px;font-weight:800;letter-spacing:-.06em;text-decoration:none;color:var(--ink)}.logo span{color:var(--indigo)}.logo.light{color:var(--white)}nav{margin-left:auto;display:flex;gap:35px}nav a{font-size:12px;font-weight:700;text-decoration:none;color:var(--muted)}.nav-cta{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--white);background:var(--ink);border-radius:999px;padding:14px 18px;font-size:11px;font-weight:800}.nav-cta i,.button b{font-style:normal;color:var(--indigo)}.hero{min-height:770px;padding:100px 0 40px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:80px}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:800;margin:0 0 27px;color:var(--indigo)}.pulse{display:inline-block;width:7px;height:7px;background:var(--indigo);border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px rgba(114,128,255,.12)}.hero h1{font-size:clamp(54px,7vw,92px);line-height:.93;letter-spacing:-.065em;margin:0}.hero h1 em,.manifesto h2 em,.approach h2 em,.work h2 em,.principles h2 em{font-style:normal;color:var(--indigo)}.lede{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:16px;align-items:center;text-decoration:none;background:var(--ink);color:var(--white);padding:18px 22px;border-radius:999px;font-size:12px;font-weight:800}.under-link{color:var(--ink);font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.under-link span{margin-left:10px;color:var(--indigo)}.hero-orbit{width:430px;height:430px;position:relative}.orbit{position:absolute;border:1px solid rgba(9,10,13,.12);border-radius:50%;inset:10%;animation:spin 22s linear infinite}.o2{inset:20%;animation-duration:16s;animation-direction:reverse;border-color:rgba(114,128,255,.35)}.o3{inset:32%;animation-duration:12s}.core{position:absolute;inset:35%;border-radius:50%;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:0 25px 70px rgba(9,10,13,.18)}.core span{font-size:110px;font-weight:800;letter-spacing:-.1em;color:var(--indigo);margin-top:-15px}.core small{position:absolute;bottom:32px;font:9px "DM Mono";letter-spacing:.08em}.node{position:absolute;background:var(--white);border:1px solid #d7d4ca;box-shadow:0 12px 35px rgba(0,0,0,.07);border-radius:999px;padding:10px 13px;font:10px "DM Mono";font-weight:500}.n1{top:55px;right:5px}.n2{bottom:75px;right:18px}.n3{top:160px;left:-20px}.hero-bottom{grid-column:1/-1;border-top:1px solid #d8d4c9;padding-top:18px;display:flex;justify-content:space-between;color:#85868b}.ticker{overflow:hidden;border-top:1px solid #d8d4c9;border-bottom:1px solid #d8d4c9;white-space:nowrap}.ticker div{font-size:11px;font-weight:800;letter-spacing:.08em;padding:18px 0;animation:marquee 24s linear infinite}.ticker b{color:var(--indigo);padding:0 20px}.dark{background:var(--ink);color:var(--white)}.manifesto{padding:145px 0}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.manifesto h2,.approach h2,.work h2,.principles h2{font-size:58px;line-height:.99;letter-spacing:-.055em;margin:0}.manifesto-right{padding-top:60px}.big-copy{font-size:24px;line-height:1.55;color:#b4b4b2;max-width:600px;margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid #292c34}.mini-stats div{padding-top:22px;display:flex;flex-direction:column;gap:14px}.mini-stats strong{font:11px "DM Mono";color:var(--indigo)}.mini-stats span{font-size:12px;color:#888b92;line-height:1.5}.capabilities{padding:150px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.section-head>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:520px;margin:0 0 5px}.section-head h2{font-size:58px;line-height:.99;letter-spacing:-.055em;margin:0}.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:75px}.cap{min-height:330px;background:var(--panel);color:var(--white);border-radius:24px;padding:28px;position:relative;overflow:hidden}.cap.featured{background:var(--ink)}.cap>span{font:10px "DM Mono";color:var(--indigo)}.cap-icon{position:absolute;right:30px;top:25px;color:var(--indigo);font-size:30px}.cap h3{font-size:28px;letter-spacing:-.035em;margin:80px 0 17px}.cap p{font-size:14px;line-height:1.65;color:#9699a0;max-width:530px}.cap a{position:absolute;bottom:28px;color:var(--white);font-size:11px;font-weight:800;text-decoration:none}.cap a b{color:var(--indigo);margin-left:8px}.approach{padding:150px 0}.approach .section-head>p{color:#888b92}.timeline{position:relative;margin-top:95px}.timeline-line{position:absolute;top:20px;left:0;right:0;height:1px;background:#2d3037}.phase{display:grid;grid-template-columns:90px 1fr;gap:30px;position:relative;width:33.333%;min-height:220px}.phase>span{width:40px;height:40px;border:1px solid #3a3d46;background:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font:10px "DM Mono";color:#8c8e95;z-index:1}.phase.active>span{background:var(--indigo);border-color:var(--indigo);color:var(--white)}.phase h3{font-size:31px;margin:0 0 15px}.phase p{color:#898c93;line-height:1.65;font-size:14px;max-width:260px;margin:0}.timeline{display:flex}.work{padding:150px 0}.work .section-head>p{color:var(--muted)}.case{margin-top:75px;background:var(--ink);color:var(--white);border-radius:28px;padding:34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;min-height:550px}.case-info{padding:10px}.label{color:var(--indigo)}.case-info h3{font-size:49px;line-height:.95;letter-spacing:-.05em;margin:75px 0 24px}.case-info p{color:#979aa1;font-size:16px;line-height:1.7;max-width:430px;margin-bottom:75px}.case-info .under-link{color:var(--white);border-color:#666870}.case-screen{background:var(--white);border-radius:20px;color:var(--ink);padding:22px;position:relative;overflow:hidden}.screen-nav{display:flex;justify-content:space-between;align-items:center;font-size:10px}.screen-nav b{font-size:15px;letter-spacing:-.04em}.screen-nav span{font:9px "DM Mono";color:#777}.screen-nav i{font-style:normal;letter-spacing:3px;color:#aaa}.screen-body{padding:70px 25px 25px}.screen-body>small{font:9px "DM Mono";color:var(--indigo)}.screen-body h4{font-size:42px;line-height:1;letter-spacing:-.05em;margin:18px 0 55px}.screen-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.screen-cards div{height:170px;background:var(--ink);color:var(--white);border-radius:17px;padding:22px;position:relative}.screen-cards div:last-child{background:var(--indigo)}.screen-cards small{font:9px "DM Mono";color:var(--indigo)}.screen-cards div:last-child small{color:white}.screen-cards strong{display:block;font-size:21px;margin-top:35px}.screen-cards span{position:absolute;right:22px;bottom:20px}.principles{padding:150px 0}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.principles-list>div{border-top:1px solid var(--line);padding:27px 0}.principles-list span{font:10px "DM Mono";color:var(--indigo)}.principles-list h3{font-size:22px;margin:16px 0 8px}.principles-list p{font-size:14px;line-height:1.65;color:var(--muted);max-width:500px;margin:0}.contact{padding:140px 0}.contact-box{display:flex;align-items:end;justify-content:space-between;gap:60px}.contact h2{font-size:68px;line-height:.93;letter-spacing:-.06em;margin:0}.contact p:last-child{color:#898c93;font-size:16px;margin-top:25px}.contact-button{width:360px;height:180px;border:1px solid #343740;border-radius:24px;padding:28px;display:flex;align-items:flex-end;justify-content:space-between;color:var(--white);text-decoration:none}.contact-button span{font:12px "DM Mono"}.contact-button b{font-size:28px;color:var(--indigo)}.footer{height:100px;display:flex;align-items:center;justify-content:space-between;color:#676970}.reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease}.js-enabled .reveal{opacity:0;transform:translateY(24px)}.js-enabled .reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.shell{width:min(100% - 40px,680px)}nav{display:none}.hero{grid-template-columns:1fr;padding:75px 0 40px}.hero-orbit{width:min(90vw,430px);margin:auto}.manifesto-grid,.principles-grid,.section-head{grid-template-columns:1fr;gap:40px}.cap-grid,.case{grid-template-columns:1fr}.timeline{display:block}.phase{width:100%;grid-template-columns:60px 1fr;margin-bottom:55px}.timeline-line{left:20px;top:0;bottom:0;width:1px;height:auto;right:auto}.hero-bottom{gap:20px;flex-wrap:wrap}.contact-box{align-items:flex-start;flex-direction:column}.contact-button{width:100%}}@media(max-width:560px){.shell{width:calc(100% - 32px)}.nav{height:75px}.nav-cta{padding:12px}.hero h1{font-size:51px}.lede{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-orbit{height:350px}.system-card{height:350px}.manifesto,.capabilities,.approach,.work,.principles,.contact{padding:90px 0}.manifesto h2,.approach h2,.work h2,.principles h2,.section-head h2{font-size:43px}.contact h2{font-size:52px}.mini-stats{margin-top:55px}.cap-grid{gap:14px}.case{padding:18px}.case-info h3{font-size:42px;margin-top:55px}.screen-body{padding:50px 10px 10px}.screen-body h4{font-size:34px}.screen-cards{grid-template-columns:1fr}.screen-cards div{height:130px}.footer{height:110px;align-items:flex-start;padding-top:25px;flex-direction:column;gap:12px}}
/* Contact form */
.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:110px;align-items:start}.contact-intro{padding-top:5px}.contact h2{font-size:68px;line-height:.93;letter-spacing:-.06em;margin:0}.contact-lede{color:#92959c;font-size:17px;line-height:1.7;max-width:470px;margin:30px 0 60px}.contact-details{border-top:1px solid #2e3139;padding-top:22px;display:grid;gap:14px}.contact-details a{color:var(--white);font-size:14px;font-weight:700;text-decoration:none}.contact-details a span{color:var(--indigo);margin-left:8px}.contact-details .mono{color:#62656d;font-size:9px}.contact-form{background:#121419;border:1px solid #2c2f37;border-radius:26px;padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;color:#777a82;font:9px "DM Mono";letter-spacing:.08em;margin-bottom:22px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:10px;border:1px solid #30333b;border-radius:12px;background:#0b0d10;color:var(--white);font:14px Manrope,sans-serif;padding:15px 16px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form input,.contact-form select{height:52px}.contact-form textarea{min-height:145px;resize:vertical;line-height:1.55}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4f525a}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#777 50%),linear-gradient(135deg,#777 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(114,128,255,.09)}.form-footer{border-top:1px solid #2c2f37;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer>span{color:#5f626a;font-size:10px;line-height:1.5}.form-footer button{border:0;background:var(--white);color:var(--ink);border-radius:999px;padding:16px 21px;font:800 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap;transition:transform .2s}.form-footer button:hover{transform:translateY(-2px)}.form-footer button b{color:var(--indigo);margin-left:10px}.form-status{font-size:12px;color:var(--indigo);margin:15px 0 0;min-height:18px}.contact-form.is-sent{border-color:rgba(114,128,255,.5)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:60px}.contact-form{padding:25px}}
@media(max-width:560px){.contact h2{font-size:52px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{border-radius:20px;padding:20px}.form-footer{align-items:flex-start;flex-direction:column}.form-footer button{width:100%;justify-content:center}.contact-lede{margin-bottom:40px}}

/* --- Lorqis interaction layer --- */
.nav a,.nav-cta{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--indigo);transition:right .3s ease}.nav nav a:hover:after{right:0}
.magnetic{will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.magnetic:hover{box-shadow:0 14px 34px rgba(9,10,13,.15)}
.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.tilt-card:hover{box-shadow:0 25px 60px rgba(9,10,13,.13)}.cap.tilt-card:hover .cap-icon{transform:translateZ(25px) rotate(-8deg) scale(1.15)}.cap-icon{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.hero-orbit{will-change:transform}.hero-orbit .node{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .25s}.hero-orbit:hover .n1{transform:translate(7px,-5px)}.hero-orbit:hover .n2{transform:translate(5px,6px)}.hero-orbit:hover .n3{transform:translate(-5px,-4px)}.core-letter{display:inline-block;transition:transform .6s cubic-bezier(.16,1,.3,1),letter-spacing .6s}.hero-orbit:hover .core-letter{transform:rotate(8deg) scale(1.08);letter-spacing:-.16em}
.phase{transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.phase:hover{transform:translateX(12px)}.phase:hover h3{color:var(--indigo)}.phase h3{transition:color .25s ease}
.case-screen{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.case:hover .case-screen{box-shadow:0 30px 80px rgba(0,0,0,.28)}.screen-cards div{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-radius .35s}.screen-cards div:hover{transform:translateY(-8px) scale(1.02);border-radius:22px}
.contact-button{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}.contact-button:hover{transform:translateY(-6px);border-color:var(--indigo);background:#101218}.contact-button b{transition:transform .4s}.contact-button:hover b{transform:translate(5px,-5px)}
.ticker:hover div{animation-play-state:paused}.ticker div{will-change:transform}
.section-head h2,.manifesto h2,.principles h2{transition:letter-spacing .5s}.section-head:hover h2,.manifesto-grid:hover h2,.principles-grid:hover h2{letter-spacing:-.07em}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cursor-glow{display:none}.reveal{opacity:1;transform:none}}

/* --- V5 creative interaction system --- */
.scroll-progress{position:fixed;right:18px;top:50%;width:2px;height:110px;background:rgba(9,10,13,.1);z-index:40;border-radius:9px;overflow:hidden}.scroll-progress span{display:block;width:100%;height:0;background:var(--indigo);transition:height .1s linear}
.orbit-node{cursor:pointer;font-family:"DM Mono",monospace}.orbit-node:focus-visible{outline:2px solid var(--indigo);outline-offset:4px}.hero-orbit.mode-ai .core{box-shadow:0 0 0 12px rgba(114,128,255,.08),0 25px 70px rgba(9,10,13,.2)}.hero-orbit.mode-product .core{border-radius:24%;transform:rotate(45deg)}.hero-orbit.mode-product .core-letter{transform:rotate(-45deg) scale(1.08)}.hero-orbit.mode-systems .core{box-shadow:0 0 0 2px var(--indigo),0 0 70px rgba(114,128,255,.25)}.hero-orbit.mode-systems .orbit{border-style:dashed}.core{transition:transform .7s cubic-bezier(.16,1,.3,1),border-radius .7s,box-shadow .7s}.core-label{transition:opacity .2s}.hero-state{position:absolute;right:40px;bottom:72px;display:flex;gap:14px;color:#777a81}.hero-state span:first-child{color:var(--indigo)}
.interactive-cap{isolation:isolate}.interactive-cap:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(114,128,255,.14),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}.interactive-cap:hover:before{opacity:1}.interactive-cap:after{content:attr(data-signal);position:absolute;right:28px;bottom:28px;color:rgba(255,255,255,.25);font:8px "DM Mono";letter-spacing:.08em;transform:translateY(8px);opacity:0;transition:opacity .35s,transform .35s}.interactive-cap:hover:after{opacity:1;transform:none}.interactive-cap h3,.interactive-cap p,.interactive-cap a{position:relative;z-index:1}
.signal-field{padding:120px 0;overflow:hidden}.signal-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px}.signal-copy .mono{color:#666a72}.signal-copy h2{font-size:64px;line-height:.95;letter-spacing:-.06em;margin:24px 0}.signal-copy h2 em{color:var(--indigo);font-style:normal}.signal-visual{height:430px;position:relative;display:grid;place-items:center}.signal-ring{position:absolute;border:1px solid #292c34;border-radius:50%;animation:signalSpin 18s linear infinite}.signal-ring.r1{width:140px;height:140px}.signal-ring.r2{width:270px;height:270px;animation-duration:24s;animation-direction:reverse;border-color:#353944}.signal-ring.r3{width:400px;height:400px;animation-duration:32s;border-style:dashed}.signal-center{width:82px;height:82px;border-radius:50%;background:var(--indigo);display:grid;place-items:center;color:white;font-size:34px;font-weight:800;z-index:2;box-shadow:0 0 70px rgba(114,128,255,.3)}.signal-beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--indigo),transparent);width:100%;animation:beam 4s ease-in-out infinite}.signal-beam.b1{transform:rotate(32deg)}.signal-beam.b2{transform:rotate(-32deg);animation-delay:1.4s}.signal-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--indigo);box-shadow:0 0 20px var(--indigo)}.signal-dot.d1{top:55px;right:100px}.signal-dot.d2{bottom:70px;left:80px}.signal-dot.d3{top:190px;left:20px}
@keyframes signalSpin{to{transform:rotate(360deg)}}@keyframes beam{0%,100%{opacity:.15;transform:scaleX(.55) rotate(32deg)}50%{opacity:1;transform:scaleX(1) rotate(32deg)}}
@media(max-width:900px){.hero-state{position:static;grid-column:1/-1;margin-top:5px}.signal-inner{grid-template-columns:1fr}.signal-visual{margin-top:30px}.scroll-progress{right:8px;height:80px}}
@media(max-width:560px){.signal-field{padding:90px 0}.signal-copy h2{font-size:46px}.signal-visual{height:330px}.signal-ring.r3{width:300px;height:300px}.signal-ring.r2{width:210px;height:210px}.signal-ring.r1{width:110px;height:110px}}

/* V6 — immersive interactions */
.cap-stack{margin-top:70px;border-top:1px solid var(--line)}
.cap-panel{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:0 20px;min-height:104px;display:grid;grid-template-columns:80px 1fr 60px;align-items:center;cursor:pointer;position:relative;transition:min-height .55s cubic-bezier(.16,1,.3,1),background .4s}
.cap-panel:hover{background:#ece9df}.cap-panel.active{min-height:280px;background:var(--ink);color:var(--white)}
.cap-num{font:10px "DM Mono";color:var(--indigo)}.cap-title{font-size:32px;font-weight:700;letter-spacing:-.04em}.cap-arrow{font-size:22px;color:var(--indigo);justify-self:end;transition:transform .45s}.cap-panel.active .cap-arrow{transform:rotate(45deg)}
.cap-detail{grid-column:2/3;max-width:620px;max-height:0;opacity:0;overflow:hidden;transition:max-height .55s ease,opacity .35s ease}.cap-panel.active .cap-detail{max-height:130px;opacity:1}.cap-detail p{font-size:15px;line-height:1.7;color:#999ca3;margin:0 0 18px}.cap-tags{display:flex;gap:8px;flex-wrap:wrap}.cap-tags i{font:8px "DM Mono";font-style:normal;border:1px solid #3a3d45;border-radius:999px;padding:7px 9px;color:#8e9198}
.cap-panel.active .cap-num{align-self:start;margin-top:39px}.cap-panel.active .cap-arrow{align-self:start;margin-top:33px}
.narrative{min-height:180vh;padding:0}.narrative-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px}.narrative-copy .eyebrow{margin-bottom:55px}
.n-step{border-left:1px solid #30333a;padding:0 0 30px 25px;margin-bottom:8px;opacity:.28;transition:opacity .4s,border-color .4s,transform .4s}.n-step.active{opacity:1;border-color:var(--indigo);transform:translateX(8px)}.n-step span{font:9px "DM Mono";color:var(--indigo);display:block;margin-bottom:9px}.n-step strong{font-size:27px;display:block}.n-step small{font-size:12px;color:#858890;display:block;margin-top:6px}
.narrative-visual{height:600px;position:relative;display:grid;place-items:center;overflow:hidden}.n-visual-grid{position:absolute;inset:0;background-image:linear-gradient(#24272f 1px,transparent 1px),linear-gradient(90deg,#24272f 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black,transparent 72%);transform:perspective(500px) rotateX(55deg) scale(1.5)}
.n-visual-core{width:180px;height:180px;border:1px solid #3a3d45;border-radius:50%;display:grid;place-items:center;position:relative;transition:width .7s,height .7s,border-radius .7s,background .7s,box-shadow .7s}.n-visual-core:before,.n-visual-core:after{content:"";position:absolute;border:1px solid #30333a;border-radius:50%;inset:-35px}.n-visual-core:after{inset:-85px;border-style:dashed}.n-visual-core span{font:26px "DM Mono";color:var(--indigo)}.n-visual-word{position:absolute;bottom:38px;right:0;font-size:72px;font-weight:800;letter-spacing:-.07em;color:#1f2229;transition:color .5s}
.narrative[data-step="2"] .n-visual-core{border-radius:30px;transform:rotate(45deg)}.narrative[data-step="3"] .n-visual-core{width:240px;height:240px;box-shadow:0 0 80px rgba(114,128,255,.18)}.narrative[data-step="4"] .n-visual-core{width:110px;height:110px;background:var(--indigo);border-color:var(--indigo);box-shadow:0 0 100px rgba(114,128,255,.35)}.narrative[data-step="4"] .n-visual-core span{color:white}.narrative[data-step="4"] .n-visual-word{color:#30333a}
.case-screen{overflow:hidden}.case-lens .lens{position:absolute;z-index:3;width:180px;height:180px;border-radius:50%;border:1px solid rgba(114,128,255,.7);background:radial-gradient(circle,rgba(114,128,255,.15),transparent 65%);box-shadow:0 0 40px rgba(114,128,255,.14);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.case-lens:hover .lens{opacity:1}
.contact-immersive{position:relative;overflow:hidden}.contact-box{position:relative;z-index:1}
@media(max-width:900px){.cap-title{font-size:24px}.cap-panel{grid-template-columns:55px 1fr 40px}.narrative-sticky{grid-template-columns:1fr;gap:20px;padding:80px 0}.narrative{min-height:auto}.narrative-visual{height:420px}.n-step{display:inline-block;width:49%;vertical-align:top;border-left:0;border-bottom:1px solid #30333a;padding:0 10px 15px;margin-bottom:12px}}
@media(max-width:560px){.cap-panel{min-height:82px;grid-template-columns:40px 1fr 35px;padding:0 10px}.cap-panel.active{min-height:250px}.cap-title{font-size:20px}.cap-detail{grid-column:2/4}.n-step{width:100%;display:block}.narrative-visual{height:320px}.n-visual-word{font-size:46px}}

/* V7 production polish */
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-success{margin-top:18px;padding:16px 18px;border:1px solid #3b3e48;background:#111319;display:flex;flex-direction:column;gap:5px;color:#fff}.form-success strong{font-size:14px}.form-success span{font-size:12px;color:#9b9ea6}
.contact-form button:disabled{opacity:.6;cursor:wait}
@media(max-width:720px){
  .hero{min-height:auto;padding-top:110px;padding-bottom:70px}
  .hero-orbit{margin-top:35px;transform:scale(.82)}
  .hero-state{font-size:8px;gap:8px}
  .hero-bottom{gap:12px;flex-wrap:wrap}
  .section-head{gap:28px}
  .section-head h2{font-size:42px}
  .cap-panel.active{min-height:265px}
  .cap-title{line-height:1.1}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .contact-intro h2{font-size:48px}
  .narrative-sticky{min-height:100svh}
}
@media(max-width:430px){
  .nav{padding-top:18px}
  .nav nav{display:none}
  .nav-cta{font-size:9px;padding:10px 12px}
  .logo{font-size:20px}
  .hero h1{font-size:50px}
  .hero-orbit{margin-left:-20px;margin-right:-20px;transform:scale(.68)}
  .signal-copy h2{font-size:42px}
  .contact-intro h2{font-size:42px}
}

.form-success[hidden]{display:none!important}
.form-footer button{transform:none!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}
.form-footer button:hover{transform:translateY(-2px)!important}

/* V10: submit button is intentionally static — no magnetic transform, no glow patch. */
.form-footer button,
.form-footer button:hover,
.form-footer button:focus,
.form-footer button:active {
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}
.form-footer button {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(20,22,28,.12) !important;
  overflow: hidden;
}
.form-footer button::before,
.form-footer button::after {
  content: none !important;
}
.form-footer button b {
  transform: none !important;
  filter: none !important;
}

/* V11: keep the contact area completely clean and distraction-free. */
.contact-immersive .cursor-glow,
.contact-immersive ~ .cursor-glow { display:none !important; }
.contact-immersive { isolation:isolate; }
.contact-immersive .contact-form,
.contact-immersive .form-footer,
.contact-immersive .form-footer button { position:relative; z-index:2; }