@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#05060b;--ink:#f5f7ff;--purple:#8a5cff;--blue:#48a7ff;--muted:#a8b2c9;--border:#d9c8ff30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #48a7ff;outline-offset:5px}#signal{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 50%,transparent 30%,#05060b66 100%)}main,footer{position:relative;z-index:2}.progress-line{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#48a7ff,#8a5cff,#ff4fc3);width:var(--progress,0%);z-index:25;box-shadow:0 0 15px #8a5cff}header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:28px 4.5%;gap:20px}.brand{display:flex;align-items:center;gap:10px;font:800 18px/1.3 Manrope,sans-serif;letter-spacing:1px;white-space:nowrap}.brand i{font-style:normal;font-weight:400;color:#a384d6}.brand small{display:block;font:500 8px/2.2 'DM Sans',sans-serif;letter-spacing:3.3px;color:#bab0ce}.brand-icon{font-size:45px;line-height:1;color:#55f0c4;text-shadow:0 0 30px #8a5cff}nav{display:flex;gap:36px;font-size:14px}nav sup{font-size:9px;color:#55f0c4}nav a:hover{color:#55f0c4}.nav-cta{padding:11px 20px;border:1px solid #e1cdff70;font-size:13px;border-radius:3px;background:#0a071055;}.nav-cta span{margin-left:30px;color:#55f0c4}.experience-controls{position:fixed;z-index:30;bottom:20px;right:25px;display:flex;align-items:center;gap:15px;padding:10px 15px;background:#0d1220f5;border:1px solid #ac8ddd40;border-radius:3px}.experience-controls button{background:none;border:0;color:#ded2f4;font-size:11px;padding:0}.experience-controls>span:last-child{font:10px monospace;color:#a894c8;border-left:1px solid #ac8ddd40;padding-left:15px}.live-wave{display:flex;gap:3px;height:16px;align-items:center}.live-wave i{width:2px;height:8px;background:#ab81ff;animation:equalize 1s ease-in-out infinite alternate}.live-wave i:nth-child(2){height:16px;animation-delay:.2s}.live-wave i:nth-child(3){height:11px;animation-delay:.5s}.live-wave i:nth-child(4){height:5px;animation-delay:.7s}body.motion-paused .live-wave i{animation-play-state:paused}@keyframes equalize{to{height:3px}}.hero{height:100svh;min-height:800px;max-height:1250px;position:relative;padding:155px 5% 55px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a8b2c9}.hero-title{text-align:center;padding:65px 0 35px;text-shadow:0 5px 60px #05060b99}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:500;text-transform:uppercase;margin:0 0 25px;color:#a8b2c9}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(65px,10.2vw,164px);font-weight:800;letter-spacing:-.065em;line-height:.96;margin-bottom:0}h1 span{color:#48a7ff;text-shadow:0 0 90px #703dce66}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom p{font-size:15px;color:#f5f7ff;margin:0;text-shadow:0 2px 15px #05060b}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 26px;border-radius:3px;border:1px solid #dec9ff60;font-size:13px;transition:background .3s,transform .3s}.button span{font-size:22px;line-height:1}.primary{color:#1c082f;background:#55f0c4;border-color:#55f0c4;box-shadow:0 0 45px #8a5cff50}.primary:hover{background:#48a7ff;transform:translateY(-4px)}.outline{background:#10081f77;}.outline:hover{background:#4c257966}.scroll-cue{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:18px;color:#a8b2c9}.scroll-cue i{height:50px;width:1px;background:linear-gradient(#caa1ff,transparent)}h2{font-weight:500;font-size:clamp(52px,6.8vw,106px);line-height:1.04;letter-spacing:-.055em;margin-bottom:30px}em{font-style:normal;color:#8a5cff}h2>span{color:#48a7ff}.manifesto{height:160vh;position:relative}.manifesto-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 9% 55px;background:linear-gradient(90deg,#05060b99,transparent 65%)}.manifesto h2{font-size:clamp(60px,7.6vw,118px);max-width:900px}.manifesto h2 em{font-family:Georgia,serif;font-weight:400}.manifesto-foot{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.manifesto-foot p{font-size:16px;color:#e0d3ed;max-width:350px;margin:0}.chapter{font-size:11px;letter-spacing:2px;color:#b89cd8}.expertise{padding:120px 7% 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:80px}.section-heading>p{font-size:15px;color:#a8b2c9;max-width:390px}.engines{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px}.engine{position:relative;padding:35px 30px 38px;background:linear-gradient(130deg,#0d1220ed,#0d1220dc);border:1px solid #c199ff40;box-shadow:inset 0 0 40px #a471ff06;min-height:450px;overflow:hidden;transition:border-color .4s,transform .4s}.engine:hover{border-color:#bd89ff;transform:translateY(-8px)}.engine:nth-child(even){transform:translateY(120px)}.engine:nth-child(even):hover{transform:translateY(112px)}.engine:last-child{grid-column:1/-1;width:60%;margin:55px auto 0;min-height:380px}.engine-number{position:absolute;right:12px;top:-20px;font:500 155px/1 Manrope,sans-serif;letter-spacing:-15px;color:#b485ff16;pointer-events:none}.engine-copy{position:relative}.engine-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#48a7ff;margin-bottom:70px}.engine h3{font-size:clamp(30px,3.6vw,53px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin-bottom:25px}.engine-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#a8b2c9;max-width:470px}.engine-copy .capabilities{font-size:11px!important;color:#a99ab9!important;margin:25px 0}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #b997d5;padding-bottom:5px;color:#55f0c4}.text-link:hover{color:#ae85fa}.work{padding:140px 5% 100px;position:relative}.work-heading h2{font-size:clamp(55px,8.5vw,135px);font-weight:700;letter-spacing:-.065em}.work-heading h2 span{color:#48a7ff}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:45px 0 55px}.work-toolbar p{font-size:15px;color:#a8b2c9;margin:0}.filters{display:flex;border:1px solid #c69aff50;padding:5px;background:#080510cc;gap:4px}.filters button{font-size:12px;color:#c8b5df;border:0;padding:11px 16px;background:none;border-radius:2px;white-space:nowrap}.filters button.active{background:#55f0c4;color:#25123e}.filters span{font-size:9px;padding-left:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px;align-items:start}.project:nth-child(4n+2){margin-top:85px}.project[hidden]{display:none}.project-screen{position:relative;border:1px solid #bb99e15c;background:#0d1220;overflow:hidden;box-shadow:0 30px 70px #0007;transition:border-color .4s}.project-screen img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:top;display:block;transition:transform 1s,filter 1s;filter:saturate(.85)}.project:hover .project-screen{border-color:#bb83ff}.project:hover img{transform:scale(1.035);filter:saturate(1.15)}.browser-bar{position:relative;z-index:2;height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:8px;letter-spacing:.5px;background:#0d1220;color:#a99ab9;border-bottom:1px solid #b593da26}.browser-bar span:first-child{letter-spacing:3px;color:#7a5c92;font-size:6px}.visit{position:absolute;right:15px;bottom:15px;border:1px solid #ddc3ff70;background:#11051dd9;color:#eadbff;padding:10px 16px;font-size:11px;opacity:0;transform:translateY(10px);transition:.35s}.visit b{font-size:15px;margin-left:20px}.project:hover .visit,.project:focus-visible .visit{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;align-items:end;margin-top:19px;gap:15px;text-shadow:0 2px 15px #000}.project-number{font-size:9px;letter-spacing:1.4px;color:#a8b2c9}.project h3{font-size:26px;font-weight:500;margin:5px 0 0;letter-spacing:-.6px}.project-type{font-size:8px;letter-spacing:1px;color:#b8a0cd;padding-bottom:6px}.portfolio-link{margin-top:65px}.connection{min-height:125vh;display:flex;align-items:center;padding:100px 8%;position:relative}.connection-inner{width:100%}.connection h2{font-size:clamp(65px,8.4vw,132px);max-width:1200px}.connection-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:60px;gap:35px}.connection-bottom p{font-size:16px;color:#d0bbdf;margin:0}.contact{padding:100px 7%;background:linear-gradient(180deg,transparent,#090312aa)}.contact-title h2{font-size:clamp(58px,8.9vw,145px);font-weight:700;letter-spacing:-.06em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:70px}.contact-details>p{font-size:23px;line-height:1.5;letter-spacing:-.5px}.contact-details>a{display:block;font-size:15px;margin-top:15px;overflow-wrap:anywhere}.contact-details>span{display:block;margin-top:70px;font-size:10px;letter-spacing:2px;color:#b898cf}form{display:flex;flex-direction:column;gap:20px;padding:30px;background:#0d1220f5;border:1px solid #ac7be640;}label{font-size:11px;color:#f5f7ff;display:flex;flex-direction:column;gap:7px}input,select,textarea{font-size:14px;width:100%;min-width:0;border:0;border-bottom:1px solid #c298e366;background:#05060b99;color:#f5ecff;border-radius:0;padding:12px 8px;outline:none}input:focus,select:focus,textarea:focus{border-color:#48a7ff}select{background:#0d1220}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form .button{align-self:flex-start;font-size:12px}.form-note{font-size:11px;color:#a8b2c9;margin:0}footer{padding:35px 5% 85px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#05060b99;border-top:1px solid #b18cd233}footer>span{font-size:9px;letter-spacing:2px;color:#a8b2c9}footer small{font-size:10px;color:#a8b2c9}.reveal{opacity:1;transform:translateY(0)}.js-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.65,.2,1)}.js-ready .reveal.in-view{opacity:1;transform:translateY(0)}.js-ready .engine:nth-child(even).in-view{transform:translateY(120px)}@media(min-width:1700px){.expertise,.work,.contact{max-width:1800px;margin:auto}}@media(max-width:1000px){h1{font-size:10.5vw}.hero{min-height:740px}.hero-bottom{gap:20px}.scroll-cue{display:none}.engines{gap:35px}.engine{padding:30px 25px}.project-type{display:none}.section-heading{gap:20px}.section-heading>p{max-width:280px}.contact-grid{gap:5%}.brand{font-size:15px}nav{gap:22px}.work-toolbar{align-items:start;flex-direction:column}}@media(max-width:600px){html{scroll-padding-top:30px}header{padding:22px 6%}.brand{font-size:12px;gap:6px;letter-spacing:.7px}.brand small{font-size:6px;letter-spacing:2px}.brand-icon{font-size:35px}nav{display:none}.nav-cta{padding:10px 12px;font-size:10px}.nav-cta span{margin-left:12px}.hero{min-height:740px;max-height:1000px;height:100svh;padding:122px 6% 85px}.hero-kicker{font-size:7px;letter-spacing:1px;gap:10px}.hero-title{padding:0;margin-top:50px;margin-bottom:55px}.hero-title .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:28px}h1{font-size:11.1vw;letter-spacing:-.064em;line-height:1.06}.hero-bottom{flex-direction:column;align-items:start;gap:28px}.hero-bottom p{font-size:14px}.button{padding:15px 20px;font-size:12px;gap:35px}.experience-controls{bottom:12px;right:12px;padding:9px 11px;gap:10px}.experience-controls button{font-size:10px}.experience-controls>span:last-child{font-size:9px;padding-left:10px}.eyebrow{font-size:9px;letter-spacing:1.8px}.manifesto{height:145vh}.manifesto-sticky{padding:80px 7%;min-height:100svh}.manifesto h2{font-size:16vw;line-height:1.02}.manifesto-foot{flex-direction:column;align-items:start;gap:25px;margin-top:20px}.manifesto-foot p{font-size:14px}.chapter{font-size:9px}.expertise{padding:70px 6%}.section-heading{flex-direction:column;align-items:start;margin-bottom:40px}.section-heading h2{font-size:14vw}.section-heading>p{font-size:14px;max-width:none}.engines{grid-template-columns:1fr;gap:24px}.engine,.engine:last-child{width:100%;min-height:0;padding:30px 24px;margin:0}.engine:nth-child(even),.js-ready .engine:nth-child(even).in-view{transform:none}.engine-number{font-size:125px;top:0;right:15px}.engine-copy .eyebrow{margin-bottom:55px}.engine h3{font-size:39px;letter-spacing:-1.7px}.engine-copy>p:not(.eyebrow){font-size:14px}.work{padding:65px 6%}.work-heading h2{font-size:12.8vw}.work-toolbar{margin:25px 0 35px;gap:24px}.work-toolbar p{font-size:13px}.filters{width:100%}.filters button{padding:10px 13px;font-size:11px;flex:1}.project-grid{grid-template-columns:1fr;gap:35px}.project:nth-child(4n+2){margin-top:0}.project h3{font-size:24px}.project-number{font-size:8px}.project-type{display:block;font-size:7px}.project-screen img{aspect-ratio:1.45}.visit{opacity:1;transform:none;font-size:9px;padding:7px 11px;right:10px;bottom:10px}.browser-bar{height:25px;font-size:7px}.portfolio-link{margin-top:35px}.connection{min-height:105svh;padding:80px 7%}.connection h2{font-size:15vw}.connection .eyebrow{font-size:8px;max-width:250px;line-height:1.8}.connection-bottom{align-items:start;flex-direction:column;margin-top:35px;gap:30px}.connection-bottom p{font-size:14px}.contact{padding:50px 6% 70px}.contact-title h2{font-size:12.4vw;line-height:1.05}.contact-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.contact-details>p{font-size:20px}.contact-details>a{font-size:13px}.contact-details>span{margin-top:30px;font-size:9px}form{padding:23px 18px}.form-row{gap:15px}footer{padding:30px 6% 80px;flex-wrap:wrap}footer>span{display:none}footer small{font-size:9px}.js-ready .reveal{transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}

/* Original brand identity; the signal stays beneath every section. */
:root{--ink:#f5f7ff;--muted:#a8b2c9;--bg:#05060b;--panel:#0d1220;--blue:#48a7ff;--violet:#8a5cff;--mag:#ff4fc3;--mint:#55f0c4;--sun:#ffd166}
.logo{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:900;letter-spacing:.12em;font-size:14px;white-space:nowrap;color:var(--ink)}.logo i{font-style:normal;color:var(--mint)}
.hero-title h1{font-size:clamp(48px,6.9vw,108px);font-weight:800;letter-spacing:-.055em;line-height:1.06}.hero-title h1 span{background:linear-gradient(90deg,var(--blue),var(--violet),var(--mag),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
#signal-stage{position:fixed;inset:-10%;z-index:0;pointer-events:none;transform:translate3d(0,var(--signal-y,0px),0) scale(var(--signal-scale,1));transition:transform .35s linear;will-change:transform;contain:strict}
#signal{position:absolute;inset:0;width:100%;height:100%;animation:signal-drift 24s ease-in-out infinite alternate;will-change:transform}
@keyframes signal-drift{0%{transform:translate3d(-2%,-3%,0) rotate(-4deg) scale(1.04)}100%{transform:translate3d(3%,3%,0) rotate(4deg) scale(1.12)}}
body.motion-paused #signal,body.page-hidden #signal{animation-play-state:paused}body.motion-paused #signal-stage{transition:none}
.engine:nth-child(5n+1) .eyebrow{color:var(--blue)}.engine:nth-child(5n+2) .eyebrow{color:var(--violet)}.engine:nth-child(5n+3) .eyebrow{color:var(--mag)}.engine:nth-child(5n+4) .eyebrow{color:var(--mint)}.engine:nth-child(5n+5) .eyebrow{color:var(--blue)}
.primary{background:var(--mint);color:#05060b;box-shadow:none;border-color:var(--mint)}.primary:hover{background:var(--blue)}.nav-cta{border-color:#55f0c480}.nav-cta span{color:var(--mint)}em{color:var(--violet)}.engine{box-shadow:none;border-color:#ffffff26}.engine-number{color:#48a7ff19}.project-screen{box-shadow:none;border-color:#ffffff30}.project-screen img{object-fit:contain;background:#05060b;filter:none}.project:hover img{transform:none;filter:none}.atmosphere{background:radial-gradient(ellipse at center,transparent 35%,#05060b66)}.contact{background:linear-gradient(180deg,transparent,#05060bbb)}
@media(max-width:600px){.logo{font-size:11px;letter-spacing:.09em}.hero-title h1{font-size:10vw;line-height:1.12}.hero-title{margin-top:30px;margin-bottom:30px}#signal-stage{inset:-7%}.project-screen img{height:auto;aspect-ratio:1.45}.engine{background:#0d1220ed}}
@media(prefers-reduced-motion:reduce){#signal{animation:none}#signal-stage{transition:none;transform:none}}
.hero-title h1 span{background-image:linear-gradient(90deg,#fff 0%,var(--mint) 35%,#7ca8ff 66%,var(--mag) 100%)}
/* The mesh itself now bends and twists in 3D, rather than moving a flat image. */
.gpu-signal #signal-stage{inset:0;transform:none;transition:none;will-change:auto}.gpu-signal #signal{animation:none;transform:none;will-change:auto;width:100%;height:100%}.signal-static-fallback #signal-stage{background:radial-gradient(ellipse at 30% 30%,#48a7ff28,transparent 65%),radial-gradient(ellipse at 75% 65%,#8a5cff44,transparent 60%)}

.logo-with-mark{display:inline-flex;align-items:center;gap:12px}.s2-mark{display:inline-flex;align-items:flex-start;flex-shrink:0;font:900 30px/1 Inter,Arial,sans-serif;letter-spacing:-2px;background:linear-gradient(135deg,var(--violet),var(--blue),var(--mint));background-clip:text;-webkit-background-clip:text;color:transparent}.s2-mark sup{font-size:15px;line-height:1;letter-spacing:0;position:relative;top:-1px}.manifesto h2 em{font-family:Manrope,sans-serif;font-weight:500}.filters{flex-wrap:wrap}@media(max-width:600px){.logo-with-mark{gap:8px}.s2-mark{font-size:25px}.s2-mark sup{font-size:12px}.filters button[data-filter="all"]{flex-basis:100%}.filters button{min-width:0}.manifesto h2{font-size:14vw}}

/* Original S² square, upright and scaled for the header. */
header .s2-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:36%;background:conic-gradient(from 30deg,var(--mint),var(--blue),var(--violet),var(--mag),var(--mint));color:#fff;letter-spacing:0;transform:none;animation:none;-webkit-background-clip:border-box;background-clip:border-box;font:950 20px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
header .s2-mark:before{content:"";position:absolute;inset:3px;border-radius:32%;background:#090d16}header .s2-mark>span{position:relative;z-index:1;line-height:1;color:#fff;transform:none}header .logo-with-mark{gap:12px}
@media(max-width:600px){header .s2-mark{width:34px;height:34px;flex-basis:34px;font-size:16px}header .s2-mark:before{inset:2.5px}header .logo-with-mark{gap:8px}}

.home-reviews{padding:90px 7%;position:relative}.home-reviews .section-heading{align-items:end;margin-bottom:45px}.home-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-review{padding:32px;background:#0d1220ed;border:1px solid #ffffff26;display:flex;flex-direction:column}.review-stars{color:var(--mint);font-size:18px;letter-spacing:4px}.home-review blockquote{margin:22px 0 30px;font-size:18px;line-height:1.75;color:var(--ink)}.review-person{display:flex;gap:14px;align-items:center;margin-top:auto}.review-person .avatar{width:40px;height:40px;display:grid;place-items:center;border:1px solid #48a7ff70;color:var(--blue);font-size:13px;flex-shrink:0}.review-person b{display:block;font-size:14px}.review-person span{display:block;font-size:12px;color:var(--muted)}@media(max-width:600px){.home-reviews{padding:60px 6%}.home-review-grid{grid-template-columns:1fr}.home-review{padding:24px}.home-review blockquote{font-size:16px}.home-reviews .section-heading{align-items:start;gap:20px}}


/* Layered service experiences. */
.engine{--service-accent:var(--blue);padding:32px 28px 38px}.engine:nth-child(2){--service-accent:var(--violet)}.engine:nth-child(3){--service-accent:var(--mag)}.engine:nth-child(4){--service-accent:var(--mint)}.engine-number{font-size:90px;opacity:.4}.engine-copy .eyebrow{margin-bottom:18px}.deep-scene{margin:0 -18px 28px;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--service-accent) 14%,transparent),transparent 68%);border-bottom:1px solid #ffffff0d}.deep-scene svg{display:block;width:100%;height:auto;overflow:visible}.deep-scene text{font-family:'DM Sans',sans-serif;fill:#dce4f5}.deep-scene .tiny{font-size:8px;letter-spacing:1px}.deep-scene .small{font-size:10px}.deep-scene .result-title{font-size:16px;font-weight:600;letter-spacing:-.4px}.deep-scene .hero-word{font-size:29px;font-weight:700;letter-spacing:-1px}.deep-scene .poster{font-size:37px;font-weight:800;letter-spacing:-2px}.deep-scene .social-icons{font-size:22px}.deep-scene .button-text{fill:#05060b;font-size:8px;font-weight:800;letter-spacing:1px}.deep-scene .bright{fill:var(--service-accent)}.deep-scene .pane,.deep-scene .phone{fill:#0d1423;stroke:#8297bd66;stroke-width:1}.deep-scene .phone{stroke:#9baecd;stroke-width:2}.deep-scene .topbar{fill:#1b2435}.deep-scene .screen,.deep-scene .sidebar{fill:#070c17}.deep-scene .glass{fill:#172338;stroke:#93abd52a}.deep-scene .task{fill:#24324a;stroke:#a8b2c955}.deep-scene .muted{fill:#7384a6;opacity:.55}.deep-scene .accent-fill{fill:var(--service-accent)}.deep-scene .blue-fill{fill:#48a7ff}.deep-scene .violet-fill{fill:#8a5cff}.deep-scene .pink-fill{fill:#ff4fc3}.deep-scene .floor{fill:#000;opacity:.35}.deep-scene .wire,.deep-scene .gridline{fill:none;stroke:#ffffff18}.deep-scene .ring{fill:none;stroke:var(--service-accent)}.deep-scene .sculpture{fill:none;stroke:var(--service-accent);stroke-width:6;stroke-linecap:round}.deep-web .sculpture{stroke:url(#glow-web)}.deep-scene .cursor{fill:#fff;stroke:#05060b}.deep-scene .social-art{fill:url(#glow-social);fill-opacity:.25}.deep-scene .play-shape{fill:var(--service-accent)}.deep-scene .ripple-line{fill:none;stroke:var(--service-accent);stroke-width:2}.deep-scene .reaction{fill:#341d38;stroke:var(--service-accent)}.deep-scene .result-focus{fill:#241d3c;stroke:var(--service-accent)}.deep-scene .growth-curve{fill:none;stroke:var(--service-accent);stroke-width:3;stroke-dasharray:220;animation:curve-draw 6s ease-in-out infinite}.deep-scene .map-road{fill:none;stroke:#637592;stroke-width:3;opacity:.4}.deep-scene .radar{fill:none;stroke:var(--service-accent);animation:radar-pulse 3s ease-out infinite;transform-box:fill-box;transform-origin:center}.deep-scene .flow-path{fill:none;stroke:var(--service-accent);stroke-width:2;stroke-dasharray:4 7;animation:data-flow 2s linear infinite}.deep-scene .travel-dot{fill:var(--service-accent);animation:lead-travel 3s ease-in-out infinite}.depth-layer{filter:drop-shadow(0 12px 10px #0005)}.canvas-layer{transform:matrix(.98,-.035,.07,.97,-7,5)}.drawer-layer{animation:float-drawer 7s ease-in-out infinite}.phone-layer{animation:float-phone 6s ease-in-out infinite}.studio-cursor{animation:cursor-move 7s ease-in-out infinite}.search-layer{transform:matrix(.97,.025,-.035,.97,8,3)}.visibility-layer,.comment-float,.inquiry-layer,.profile-layer{animation:float-drawer 7s ease-in-out infinite}.map-layer,.content-right,.follow-layer,.automation-layer{animation:float-phone 6s ease-in-out infinite}.content-left{transform:rotate(-9deg);transform-origin:95px 180px}.content-right{transform-origin:395px 180px}.content-center{animation:content-hover 8s ease-in-out infinite}.reaction-float{animation:float-drawer 5s ease-in-out infinite}.landing-layer{transform:rotate(-3deg);transform-origin:center}.crm-layer{transform:matrix(.96,-.04,.07,.95,-4,8)}.pipeline-task{animation:task-progress 9s ease-in-out infinite}.search-result{animation:result-glow 6s ease-in-out infinite}
@keyframes float-drawer{0%,100%{transform:translateY(3px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes float-phone{0%,100%{transform:translateY(-3px) rotate(3deg)}50%{transform:translateY(6px) rotate(1deg)}}@keyframes content-hover{50%{transform:translateY(-7px)}}@keyframes cursor-move{0%,100%{transform:translate(0,0)}40%,65%{transform:translate(-75px,-50px)}}@keyframes curve-draw{0%,10%{stroke-dashoffset:220}65%,100%{stroke-dashoffset:0}}@keyframes radar-pulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.4);opacity:0}}@keyframes data-flow{to{stroke-dashoffset:-44}}@keyframes lead-travel{0%{transform:translateX(-25px);opacity:0}40%{opacity:1}100%{transform:translateX(45px);opacity:0}}@keyframes task-progress{0%,15%,100%{transform:translate(0,0)}38%,65%{transform:translate(101px,0)}80%{transform:translate(202px,70px)}}@keyframes result-glow{50%{opacity:.7}}
.deep-scene *{animation-play-state:paused}.service-active .deep-scene *{animation-play-state:running}body.motion-paused .deep-scene *,body.page-hidden .deep-scene *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.deep-scene *{animation:none!important}}@media(max-width:600px){.deep-scene{margin:0 -16px 24px}.engine{padding:28px 24px}.engine-copy .eyebrow{margin-bottom:16px}}

/* Web design: an unfolding immersive page. */
.deep-web .web13-title{font-size:37px;font-weight:700;letter-spacing:-1.8px;fill:#f5f7ff}.deep-web .web13-page{transform-origin:250px 170px;animation:web13-page 9s ease-in-out infinite;filter:drop-shadow(0 12px 12px #0006)}.deep-web .web13-back{transform:translate(3px,0) rotate(5deg);transform-origin:250px 170px}.deep-web .web13-orbit{transform-origin:250px 174px;animation:web13-orbit 20s linear infinite}.deep-web .web13-sculpt{transform-origin:346px 171px;animation:web13-spin 16s linear infinite}.deep-web .web13-scroll{animation:web13-scroll 11s ease-in-out infinite}.deep-web .web13-scrollbar{animation:web13-thumb 11s ease-in-out infinite}.deep-web .web13-caption{animation:web13-caption 9s ease-in-out infinite}
@keyframes web13-page{0%,100%{transform:translateY(1px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes web13-orbit{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}@keyframes web13-spin{to{transform:rotate(360deg)}}@keyframes web13-scroll{0%,30%,100%{transform:translateY(0)}55%,75%{transform:translateY(-122px)}}@keyframes web13-thumb{0%,30%,100%{transform:translateY(0)}55%,75%{transform:translateY(76px)}}@keyframes web13-caption{50%{transform:translateY(4px)}}
.deep-web *{animation-play-state:paused}.service-active .deep-web *{animation-play-state:running}body.motion-paused .deep-web *,body.page-hidden .deep-web *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.deep-web *{animation:none!important}}

.project-visit-button{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:12px 22px;border:1px solid var(--mint);border-radius:3px;background:#0d1220;color:var(--mint);font-size:13px;transition:background .2s,color .2s}.project-visit-button:hover{background:var(--mint);color:#05060b}.project-screen{overflow:hidden}.project-screen img{display:block;width:100%;object-fit:contain}.project:hover .visit{display:none}