:root{--canvas:#030711;--panel:#0b1220;--accent:#24dcfa;--accent-hover:#7aeeff;--accent-muted:#163a54;--blue:#1f58ff;--text-secondary:#aebccd;--text-primary:#f0f5fb;--line:#233248;--control-border:#65778e;--ease:cubic-bezier(.22,.7,.2,1);--ease-soft:cubic-bezier(.25,.1,.25,1);--tshadow:0 1px 2px #030711f2,0 3px 12px #030711c7,0 10px 44px #030711cc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:hidden;overflow-x:clip}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Sora,sans-serif;font-weight:500;line-height:1.18;letter-spacing:-.048em}h2{font-size:clamp(30px,3.35vw,46px);max-width:24ch}h3{letter-spacing:-.035em}p{color:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#126477;color:#f0f5fb}.wrap{width:min(1280px,88%);margin-inline:auto}.mono,.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.12em}.eyebrow{margin-bottom:26px;color:var(--text-secondary)}.section{padding-top:132px;padding-bottom:132px;scroll-margin-top:20px;position:relative}.environment{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 34% at 90% 60%,#10254444,transparent 72%),radial-gradient(ellipse 90% 30% at 0% 95%,#08223522,transparent 70%),var(--canvas)}.environment:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 70% 60%,#122d4633,transparent 55%);animation:environment-drift 90s ease-in-out infinite alternate}.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:12px 20px;border-radius:6px;background:var(--accent);color:#04111a;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:absolute;top:0;left:0;right:0;z-index:100;background:linear-gradient(#030711d9,#03071100)}.nav-wrap{width:min(1380px,92%);height:108px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;flex-shrink:0}.brand>span{font-family:Sora,sans-serif;font-weight:600;font-size:33px;letter-spacing:-.07em}.brand-sub{display:block;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.29em;margin-top:6px;padding-left:2px}.brand img{width:48px;height:48px;border-radius:50%}.site-header nav{display:flex;align-items:center;gap:36px;font-size:13px}.site-header nav>a:not(.button){position:relative;padding:12px 0;color:#d0dbea;transition:opacity .25s}.site-header nav>a:not(.button):after{content:'';height:1px;background:var(--accent);position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-header nav>a:hover:after,.site-header nav>a:focus-visible:after{transform:scaleX(1)}.menu-toggle{display:none}.button{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:38px;min-height:54px;padding:15px 26px;border:1px solid transparent;border-radius:100px;background:var(--accent);color:#03131c;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;transition:transform .35s var(--ease);flex-shrink:0;text-shadow:none}.button:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--accent-hover);opacity:0;transition:opacity .3s var(--ease)}.button:hover:before{opacity:1}.button:hover{transform:translateY(-2px)}.button>span{font-size:20px;line-height:1;transition:transform .3s var(--ease)}.button:hover>span{transform:translate(2px,-2px)}.button-small{min-height:44px;padding:11px 21px;font-size:12px;gap:24px}.button-secondary{border-color:var(--control-border);background:transparent;color:var(--text-primary);min-height:49px}.button-secondary:before{background:#153047}.button-secondary:hover:before{opacity:.75}.journey{height:100svh;min-height:620px;position:relative}.stage{height:100svh;min-height:620px;position:relative;top:0;overflow:hidden;isolation:isolate;background:#07111d}.static-art,.poster,#hero-video,.global-scrim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.static-art,.poster{background-size:cover;background-position:center}.static-art{opacity:0}.no-js .static-art,[data-mode=static] .static-art,.video-failed .static-art{background-image:url('/__l5e/assets-v1/59803aa3-bbf6-4a38-bcd1-468b9f1b2229/hero-static.jpg');opacity:1}.poster{opacity:0;transition:opacity .6s}.poster.visible{opacity:1}#hero-video{object-fit:cover;object-position:center;opacity:0;transform:translateZ(0);will-change:transform;transition:opacity .65s var(--ease)}.video-ready #hero-video{opacity:1}.global-scrim{background:linear-gradient(90deg,#03071160 0%,#03071120 45%,#03071100 65%),linear-gradient(0deg,#030711 0%,#03071100 15%,#03071100 82%,#03071166 100%)}.hero-topline{position:absolute;left:6%;top:calc(19vh + 3px);display:flex;align-items:center;gap:12px;font-size:10px;color:#c5d0df}.status-dot{height:5px;width:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px #24dcfa66}.hero-bands{height:100%;position:relative}.band{position:absolute;top:50%;left:0;transform:translateY(-50%);width:620px;max-width:54%;opacity:0;pointer-events:none;text-shadow:var(--tshadow);--k:1;--op:0;z-index:2}.band:before{content:'';position:absolute;z-index:-1;inset:-50% -18% -50% -30%;background:radial-gradient(ellipse at 45% 50%,#030711b8 0%,#0307118a 40%,#03071100 76%);pointer-events:none;opacity:calc(.4 + .6*var(--k,1))}.band-one{opacity:1;pointer-events:auto}.band h1,.hero-heading{font-family:Sora,sans-serif;font-size:clamp(48px,5.35vw,82px);line-height:1.13;letter-spacing:-.06em;font-weight:500;max-width:15ch;color:var(--text-primary)}.quiet-title{color:#aebfd3}.band p:not(.hero-heading){font-size:15px;line-height:1.8;max-width:44ch;margin-top:28px;color:#bfccda}.band .button{margin-top:32px}.band-two .hero-heading{font-size:clamp(40px,4.45vw,66px);max-width:17ch;line-height:1.24}.band-three .hero-heading{font-size:clamp(44px,5vw,75px);max-width:15ch}.word{display:inline-block;white-space:pre;--wk:clamp(0,(var(--k,1) - var(--threshold,0))*3.2,1);opacity:var(--wk);transform:translateY(calc((1 - var(--wk))*22px));padding-bottom:.12em;margin-bottom:-.12em}.band[data-effect=align] .word{transform:translateX(calc((1 - var(--wk))*-25px))}.band[data-effect=depth] .word{transform:translateY(calc((1 - var(--wk))*15px)) scale(calc(.93 + .07*var(--wk)))}.hero-bottom{position:absolute;bottom:40px;left:6%;display:flex;justify-content:space-between;align-items:center;color:#b7c7d9}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.16em}.cue-line{width:1px;height:35px;background:#63768d;position:relative;overflow:hidden}.cue-line:after{content:'';position:absolute;inset:0;background:var(--accent);transform:translateY(-100%);animation:cue-slide 3s -1.3s var(--ease) infinite}.hero-signature{font-size:9px;letter-spacing:.13em}.hero-signature>span{color:#647b94;padding:0 18px}.hero-meter{position:absolute;right:3%;top:46%;height:100px;width:1px;background:#7c94ad55}.hero-meter>span{position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:#a4c4df;transform:translateY(calc(var(--progress,0)*95px))}.loading-indicator{display:none;position:absolute;right:5%;bottom:88px;align-items:center;gap:10px;color:#bfccda}.loading-indicator svg{width:24px;height:24px;transform:rotate(-90deg)}.loading-indicator circle{fill:none;stroke-width:2}.ring-base{stroke:#8193a844}.ring-fill{stroke:var(--accent);stroke-dasharray:126;stroke-dashoffset:var(--ld,126)}.loading-indicator .mono{font-size:8px}.is-loading .loading-indicator{display:flex}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:66px}.intro-copy{max-width:33ch;font-size:15px;padding-bottom:5px}.service-list{border-top:1px solid var(--line)}.service-row{position:relative;display:grid;grid-template-columns:50px 1.1fr 1.25fr 40px;align-items:baseline;gap:30px;padding:35px 0;border-bottom:1px solid var(--line);transition:transform .4s var(--ease)}.service-row:before{content:'';position:absolute;inset:0 -24px;background:linear-gradient(90deg,#10213288,#10213200);border-radius:12px;opacity:0;z-index:-1;transition:opacity .4s var(--ease)}.service-row:hover:before{opacity:1}.service-row:hover{transform:translateX(7px)}.service-number{color:#a1b3c9;font-size:10px}.service-row h3{font-size:23px;line-height:1.4;letter-spacing:-.035em}.service-row p{font-size:14px;max-width:48ch;line-height:1.8}.row-arrow{font-size:25px;text-align:right;opacity:.75;transition:transform .4s var(--ease)}.service-row:hover .row-arrow{transform:translate(3px,-3px)}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:13px;margin-top:36px;min-height:44px}.text-link>span{font-size:22px;transition:transform .3s}.text-link:hover>span{transform:translate(3px,-3px)}.demo-section{padding-block:115px;background:linear-gradient(150deg,#0d192880,#08101c80);border-block:1px solid #19283a}.demo-heading{margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr;gap:0 100px}.demo-heading>.eyebrow{grid-column:1/-1}.demo-heading>p:last-child{max-width:34ch;align-self:end;font-size:15px}.demo-shell{border:1px solid #364b63;border-radius:22px;background:#08111f;overflow:hidden}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #364b63}.demo-tabs button{appearance:none;position:relative;border:0;background:transparent;color:#b5c4d4;font-size:13px;text-align:left;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;line-height:1.4}.demo-tabs button+button{border-left:1px solid #364b63}.demo-tabs button:before{content:'';position:absolute;bottom:0;left:24px;right:24px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .35s var(--ease)}.demo-tabs [aria-selected=true]{color:var(--text-primary);background:#0e1d2d}.demo-tabs [aria-selected=true]:before{transform:scaleX(1)}.demo-tabs button:focus-visible{outline-offset:-6px}.demo-tabs button>span{color:#8ca8c2;font-size:19px}.demo-body{display:grid;grid-template-columns:.9fr 1.5fr;gap:6%;padding:56px 5% 44px;align-items:center}.route-index{font-size:10px;color:#91a4bb;display:block;margin-bottom:24px}.route-copy h3{font-size:26px;margin-bottom:20px;max-width:18ch}.route-copy>p{font-size:14px;max-width:32ch;min-height:115px}.route-copy .button{margin-top:25px;gap:20px;font-size:12px;padding-inline:20px}.mock-browser{border-radius:13px;overflow:hidden;box-shadow:0 24px 70px #0004;border:1px solid #49617a;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:transform .8s var(--ease)}.demo-shell:hover .mock-browser{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}.browser-chrome{height:32px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 14px;background:#162537;color:#b8c6d6;font-size:9px}.browser-dots{display:flex;gap:4px}.browser-dots i{width:4px;height:4px;background:#8f9bab;border-radius:50%}.browser-address{font-family:'IBM Plex Mono',monospace;font-size:8px;opacity:.8}.mock-site{background:#e8edf3;color:#102132;min-height:295px;padding:26px 27px 17px;transition:opacity .2s var(--ease),transform .3s var(--ease);--mock-color:#115477}.mock-site.changing{opacity:0;transform:translateY(6px)}.mock-nav{display:flex;align-items:center;justify-content:space-between;font-family:Sora,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.05em}.mock-nav-line{width:48px;height:3px;background:#8b9ca933;border-radius:2px}.mock-body{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:15px;padding-block:34px 28px}.mock-kicker{font-family:'IBM Plex Mono',monospace;font-size:6px;letter-spacing:.08em;color:#5c6e7a;margin-bottom:12px}.mock-title{font-family:Sora,sans-serif;font-size:clamp(15px,1.7vw,25px);line-height:1.25;color:#102132;letter-spacing:-.06em;max-width:15ch}.mock-button{background:var(--mock-color);color:#edf5fb;font-size:6px;border-radius:3px;padding:8px 10px;display:inline-flex;align-items:center;gap:14px;margin-top:19px;line-height:1.3}.mock-sculpture{height:140px;position:relative;perspective:300px}.mock-sculpture span{position:absolute;left:10%;top:10%;width:80%;height:80%;border:12px solid #b4cbd9;border-radius:50%;box-shadow:inset 2px 1px 2px #f0f5fb,2px 6px 10px #10213218;transform:rotateY(-28deg) rotateX(15deg)}.mock-sculpture span:nth-child(2){transform:translateX(12px) rotateY(-28deg) rotateX(15deg);border-color:#76a3bd}.mock-sculpture span:nth-child(3){transform:translateX(24px) rotateY(-28deg) rotateX(15deg);border-color:#235476}.mock-footer{display:flex;justify-content:space-between;border-top:1px solid #b7c5d2;padding-top:12px;font-size:7px;color:#334f62}.mock-site[data-design="1"]{background:#d1e9e7;--mock-color:#1e5f5b}.mock-site[data-design="1"] .mock-sculpture span{border-radius:14px;border-color:#79aca9;transform:rotate(-18deg) translate(-5px,10px)}.mock-site[data-design="1"] .mock-sculpture span:nth-child(2){border-color:#528e8a;transform:rotate(-8deg) translate(8px,0)}.mock-site[data-design="1"] .mock-sculpture span:nth-child(3){border-color:#255b5a;transform:rotate(5deg) translate(20px,-8px)}.mock-site[data-design="2"]{background:#e5e3ed;--mock-color:#554b76}.mock-site[data-design="2"] .mock-sculpture span{border-color:#b7adc7;border-radius:50% 50% 0 0;transform:translateX(-10px) rotateY(-20deg)}.mock-site[data-design="2"] .mock-sculpture span:nth-child(2){border-color:#8f7fa5;transform:translateX(4px) rotateY(-20deg)}.mock-site[data-design="2"] .mock-sculpture span:nth-child(3){border-color:#5c5075;transform:translateX(18px) rotateY(-20deg)}.demo-note{padding:0 5% 22px;text-align:right;font-size:10px;color:#9fafc2}.process .section-intro{align-items:center}.process-orbit{width:90px;height:90px;flex-shrink:0;margin-right:20px;fill:none;stroke:#304b62;stroke-width:.7}.process-orbit .draw-line{stroke:#67dff6;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease)}.in .process-orbit .draw-line{stroke-dashoffset:0}.orbit-dot{fill:var(--accent);stroke:none}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1727;border-radius:14px;margin-bottom:26px}.step-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}.process-step:hover .step-image img{transform:scale(1.045)}.step-index{position:absolute;left:16px;top:16px;border-radius:20px;padding:3px 10px;line-height:1.8;background:#07111edb;color:#d6e7f7;border:1px solid #576d85;font-size:10px}.process-step h3{font-size:22px;margin-bottom:12px}.process-step p{font-size:14px;max-width:34ch}.faq{display:grid;grid-template-columns:.9fr 1.2fr;gap:8%;border-top:1px solid var(--line)}.faq-heading{align-self:start}.small-orbit{width:90px;height:90px;border:1px solid #30485e;border-radius:50%;position:relative;margin-top:44px;transform:rotate(-35deg)}.small-orbit:before{content:'';position:absolute;inset:10px;border:1px solid #314860;border-radius:50%;transform:rotateY(52deg)}.small-orbit:after{content:'';position:absolute;left:50%;top:-2px;width:4px;height:4px;border-radius:50%;background:#8fc4dc;box-shadow:0 0 20px #24dcfa44;animation:quiet-pulse 6s -2s ease-in-out infinite alternate}.faq-list{border-top:1px solid #42566c}.faq details{border-bottom:1px solid #42566c}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;font-size:15px;line-height:1.65;padding:24px 0;min-height:72px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;color:#a9bdcf;font-weight:400;transition:transform .35s var(--ease);width:20px;flex-shrink:0;text-align:center}.faq details[open] summary>span{transform:rotate(45deg)}.answer{padding:0 42px 25px 0;font-size:14px}.answer p{max-width:52ch}.contact{background:linear-gradient(145deg,#0c1b2b99,#07111d66);border-block:1px solid #23364a;padding-block:120px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-heading h2{max-width:17ch;font-size:clamp(36px,3.5vw,49px)}.contact-heading>p:not(.eyebrow){font-size:15px;max-width:35ch;margin-top:26px}.email-link{margin-top:32px;display:inline-flex;align-items:center;gap:28px;font-size:14px;min-height:44px}.email-link>span{font-size:23px;transition:transform .3s}.email-link:hover>span{transform:translate(3px,-3px)}.contact-halo{width:164px;height:164px;margin-top:52px;border:1px solid #30516e;border-radius:50%;position:relative;transform:rotateX(25deg) rotateY(-30deg)}.contact-halo:before{content:'';position:absolute;inset:8px;border:1px solid #193c5c;border-radius:50%}.contact-halo:after{content:'';position:absolute;inset:1px;border-radius:50%;box-shadow:inset 0 -3px 14px #24dcfa44,0 6px 20px #1268b52b;opacity:.45;animation:quiet-pulse 7s -3s ease-in-out infinite alternate}.contact-halo span{position:absolute;bottom:-2px;left:50%;width:5px;height:5px;background:#8ee9fa;border-radius:50%}.contact-form{padding-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:23px;min-width:0}.field label{font-size:12px;color:#c9d6e5}.field input,.field select,.field textarea{border:1px solid var(--control-border);border-radius:7px;background:#081221;color:#e6edf6;width:100%;padding:13px 15px;font-size:14px;line-height:1.5;min-height:49px;box-shadow:none;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#98a9be;opacity:1}.field textarea{resize:vertical;min-height:120px}.field select{padding-right:32px}.form-note{font-size:11px;line-height:1.7;max-width:58ch;margin-bottom:20px}.form-submit{width:100%;justify-content:space-between}.form-status{font-size:12px;line-height:1.7;margin-top:16px}.form-status:empty{display:none}.copy-email{background:transparent;border:0;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;gap:16px;font-size:11px;color:#b5c7db;margin-top:10px}.copy-email>span{font-size:16px}.site-footer{padding-block:48px 24px}.footer-top{display:flex;align-items:center;gap:70px;padding-bottom:42px}.footer-top>p{font-size:12px;line-height:1.75}.back-top{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:24px;min-height:44px}.back-top>span{font-size:18px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px}.footer-bottom p{font-size:10px;color:#91a3bb}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0ms)}.js .reveal.in{opacity:1;transform:translateY(0)}.js .reveal.is-settled{transition-delay:0s!important}.in-view .orbit-dot{animation:quiet-pulse 5s -1.5s ease-in-out infinite alternate}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.no-js .demo-tabs{display:none}.no-js .hero-meter,.no-js .loading-indicator{display:none}
body{isolation:isolate}.site-header{position:fixed;background:#030711ad;backdrop-filter:blur(12px)}.js[data-mode=cinema] .journey{height:max(400vh,calc(100vh + 2400px))}.band-two:before{background:radial-gradient(ellipse 90% 90% at 46% 50%,#030711cc 0%,#030711b8 46%,#03071194 64%,#03071100 82%)}.demo-tabs,.demo-tabs button+button{border-color:var(--control-border)}.faq-list,.faq details{border-color:#5d7188}.cue-line:after,.small-orbit:after,.contact-halo:after{animation-play-state:paused}.journey.in-view .cue-line:after,.faq.in-view .small-orbit:after,.contact.in-view .contact-halo:after{animation-play-state:running}.no-js .contact-form{display:none}.no-js .contact-grid{grid-template-columns:1fr}
@keyframes environment-drift{from{transform:translate(-3%,-1%)}to{transform:translate(3%,2%)}}@keyframes cue-slide{0%{transform:translateY(-105%)}65%,100%{transform:translateY(105%)}}@keyframes quiet-pulse{from{opacity:.35}to{opacity:1}}
@media(min-width:1600px){.hero-topline{left:calc((100vw - 1280px)/2)}.hero-bottom{left:calc((100vw - 1280px)/2)}}
@media(max-width:1100px){.band{max-width:58%}.band h1,.hero-heading{font-size:clamp(45px,5.4vw,69px)}.band-two .hero-heading{font-size:clamp(36px,4.6vw,55px)}.band p:not(.hero-heading){font-size:14px;max-width:39ch}.site-header nav{gap:25px}.service-row{grid-template-columns:35px 1fr 1.2fr 25px;gap:20px}.service-row h3{font-size:20px}.process-grid{gap:22px}.demo-body{gap:5%;padding-inline:4%}.mock-site{padding:23px 19px 15px}.route-copy h3{font-size:23px}.route-copy>p{font-size:13px}.contact-grid{gap:7%}.form-row{grid-template-columns:1fr;gap:0}.contact-heading h2{font-size:37px}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px){.journey{height:100svh;min-height:620px}.static-art{background-image:url('/__l5e/assets-v1/59803aa3-bbf6-4a38-bcd1-468b9f1b2229/hero-static.jpg');opacity:1}.hero-meter{display:none!important}.band:not(.band-one){display:none!important}.band-one{opacity:1!important;pointer-events:auto!important}.word{opacity:1;transform:none!important}}
@media(max-width:800px){.wrap{width:88%}.section{padding-block:90px}.nav-wrap{height:88px;width:90%}.brand>span{font-size:29px}.brand img{width:42px;height:42px}.brand-sub{font-size:8px}.menu-toggle{display:flex;position:relative;z-index:3;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:11px;background:#0b1625;border:1px solid var(--control-border);border-radius:50%}.menu-toggle span{display:block;height:1px;background:#e4edf7;width:100%;transition:transform .3s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:77px;left:5%;right:5%;padding:20px 26px 26px;border:1px solid #425973;border-radius:14px;background:#081220;box-shadow:0 24px 65px #0005;align-items:stretch;gap:10px;font-size:15px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav .button{margin-top:10px}.no-js .menu-toggle{display:none}.no-js .site-header nav{position:static;display:flex;flex-direction:row;background:transparent;border:0;box-shadow:none;padding:0;gap:14px;font-size:11px}.no-js .site-header nav .button{display:none}.section-intro{gap:30px;align-items:flex-start;flex-direction:column;margin-bottom:44px}.intro-copy{max-width:45ch}.service-row{grid-template-columns:26px 1fr 25px;gap:12px;padding:28px 0}.service-row h3{font-size:22px}.service-row p{grid-column:2;max-width:48ch;font-size:13px}.row-arrow{grid-column:3;grid-row:1/3}.demo-heading{display:block;margin-bottom:35px}.demo-heading>p:last-child{margin-top:23px}.demo-tabs{grid-template-columns:1fr}.demo-tabs button{padding:18px 23px;min-height:58px;font-size:13px}.demo-tabs button+button{border-left:0;border-top:1px solid #364b63}.demo-tabs button:before{left:0;top:15px;bottom:15px;right:auto;width:2px;height:auto;transform:scaleY(0)}.demo-tabs [aria-selected=true]:before{transform:scaleY(1)}.demo-body{grid-template-columns:1fr;padding:32px 7% 25px;gap:35px}.route-index{margin-bottom:16px}.route-copy>p{max-width:45ch;min-height:0;font-size:14px}.route-copy .button{margin-top:22px}.mock-browser{transform:none}.mock-site{padding:25px;min-height:280px}.mock-title{font-size:24px}.demo-note{text-align:left;font-size:10px;padding:0 7% 23px;max-width:45ch}.process .section-intro{flex-direction:row;align-items:center}.process-orbit{width:64px;height:64px;margin:0}.process-grid{grid-template-columns:1fr;gap:42px}.step-image{aspect-ratio:16/9;margin-bottom:20px}.process-step p{max-width:46ch}.faq{grid-template-columns:1fr;gap:38px}.small-orbit{display:none}.faq summary{font-size:14px;padding:21px 0}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-halo{display:none}.contact-heading h2{font-size:37px}.contact-heading>p:not(.eyebrow){max-width:42ch}.email-link{margin-top:20px;font-size:13px;gap:18px}.field input,.field textarea,.field select{font-size:16px}.footer-top{flex-wrap:wrap;gap:24px;align-items:center;padding-bottom:30px}.footer-top>p{font-size:11px;margin-left:auto}.back-top{margin-left:0;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:5px}.footer-bottom{padding-top:18px;gap:12px;flex-direction:column}.footer-bottom p{font-size:9px}}
@media(max-width:720px){.journey,.stage{height:100svh;min-height:620px}.static-art{background-position:67% center}.global-scrim{background:linear-gradient(0deg,#030711 0%,#030711d9 30%,#03071140 75%,#03071177 100%)}.hero-topline{top:140px;font-size:8px;left:6%;letter-spacing:.13em}.band{top:auto;bottom:126px;left:0;transform:none;max-width:100%;width:100%}.band:before{inset:-25% -12% -25%;background:radial-gradient(ellipse at 45% 70%,#030711b8,#03071100 78%)}.band h1,.hero-heading{font-size:clamp(38px,8.8vw,62px);max-width:16ch;letter-spacing:-.06em;line-height:1.15}.band p:not(.hero-heading){font-size:13px;line-height:1.8;max-width:38ch;margin-top:23px;color:#c3cfde}.band .button{margin-top:26px;min-height:51px;font-size:13px;padding-inline:23px}.hero-bottom{bottom:34px;left:6%}.hero-signature{font-size:7px;letter-spacing:.06em}.hero-signature>span{padding:0 7px}.scroll-cue{font-size:7px;gap:9px}.cue-line{height:27px}.eyebrow{font-size:9px;margin-bottom:22px}h2{font-size:31px;letter-spacing:-.05em}.process-orbit{display:none}.contact-heading h2{font-size:34px}.mock-body{padding-block:30px 24px}.mock-sculpture{height:115px}.mock-title{font-size:22px}.site-footer{padding-top:36px}.brand{gap:6px}}
@media(max-width:380px){.band h1{font-size:34px}.hero-signature{display:none}.mock-site{padding-inline:19px}.mock-title{font-size:19px}.mock-kicker{font-size:5px}.mock-sculpture{height:97px}.route-copy h3{font-size:23px}.contact-heading h2{font-size:31px}.email-link{font-size:12px;gap:14px}.footer-top>p{max-width:20ch}}
@media(max-height:560px){.hero-bottom,.hero-meter,.hero-topline{display:none}.stage,.journey{min-height:440px}.band{top:54%;bottom:auto;transform:translateY(-50%)}.band h1,.hero-heading{font-size:clamp(32px,4.1vw,56px)}.band p:not(.hero-heading){font-size:12px;margin-top:15px;max-width:48ch;line-height:1.65}.band .button{margin-top:20px;min-height:44px;padding-block:10px}.nav-wrap{height:75px}}
@media(pointer:coarse){button,a.button,.menu-toggle,.copy-email{min-height:44px}.button{display:inline-flex;align-items:center;justify-content:center}.form-submit{justify-content:space-between}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important;transition-delay:0s!important}html[data-motion=paused] .reveal{opacity:1!important;transform:none!important}html[data-motion=paused] .draw-line{stroke-dashoffset:0!important}html[data-motion=paused] .word{opacity:1!important;transform:none!important}html[data-motion=paused] .mock-browser{transform:none}html[data-motion=paused] .environment:after{transform:none}html[data-motion=paused] .small-orbit{transform:rotate(-35deg)}html[data-motion=paused] .contact-halo{transform:rotateX(25deg) rotateY(-30deg)}
@media(prefers-reduced-motion:reduce){html:not([data-motion=enabled]){scroll-behavior:auto}html:not([data-motion=enabled]) *,html:not([data-motion=enabled]) *:before,html:not([data-motion=enabled]) *:after{animation:none!important;transition:none!important;transition-delay:0s!important}html:not([data-motion=enabled]) .reveal{opacity:1!important;transform:none!important}html:not([data-motion=enabled]) .draw-line{stroke-dashoffset:0!important}html:not([data-motion=enabled]) .word{opacity:1!important;transform:none!important}html:not([data-motion=enabled]) .mock-browser{transform:none}html:not([data-motion=enabled]) .environment:after{transform:none}html:not([data-motion=enabled]) .small-orbit{transform:rotate(-35deg)}html:not([data-motion=enabled]) .contact-halo{transform:rotateX(25deg) rotateY(-30deg)}}
.demo-tabs button+button{border-color:var(--control-border)}

/* Motion is a visitor choice. The operating-system preference is the default. */
html[data-mode=static] .journey{height:100svh}
html[data-mode=static] .poster,html[data-mode=static] #hero-video,html[data-mode=static] .hero-meter,html[data-mode=static] .loading-indicator{display:none!important}
html[data-mode=static] .band:not(.band-one){display:none!important}
html[data-mode=static] .band-one{opacity:1!important;pointer-events:auto!important}
html[data-mode=static] .word{opacity:1;transform:none!important}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.band .hero-actions .button{margin-top:0}
.motion-toggle{display:none;position:fixed;z-index:110;right:22px;bottom:20px;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #65778e;border-radius:30px;background:#07121ff2;color:#d6e6f6;font-size:11px;box-shadow:0 4px 24px #0005}
.js .motion-toggle{display:flex}
.motion-icon{width:14px;height:14px;border:1px solid #88d2e7;border-radius:50%;position:relative}
.motion-icon:after{content:'';position:absolute;inset:3px;border-left:2px solid #b3ecf5;border-right:2px solid #b3ecf5}
.motion-toggle[aria-pressed=false] .motion-icon:after{inset:3px 2px 3px 4px;border:0;border-left:5px solid #b3ecf5;border-top:3px solid transparent;border-bottom:3px solid transparent}
.js .hero-signature{margin-right:160px}
.chapter-bridge{height:110px;display:flex;align-items:center;gap:28px;position:relative}
.bridge-label{white-space:nowrap;font-size:9px;color:#a8bbce;letter-spacing:.16em}
.bridge-track{height:1px;flex:1;background:#21354a;overflow:hidden}
.bridge-track i{display:block;height:1px;background:linear-gradient(90deg,#23435d,#258eff 65%,#76eaff);transform-origin:left;box-shadow:0 0 15px #2499ff88}
.bridge-orbit{width:32px;height:32px;border-radius:50%;border:1px solid #1c3e63;border-top-color:#72e9ff;border-right-color:#286cff;position:relative}
.bridge-orbit:after{content:'';position:absolute;width:4px;height:4px;right:2px;top:2px;background:#a8f5ff;border-radius:50%;box-shadow:0 0 12px #36d9ff}
.js .chapter-bridge .bridge-label{opacity:0;transform:translateY(10px);transition:transform .8s var(--ease),opacity .8s var(--ease)}
.js .chapter-bridge .bridge-track i{transform:scaleX(0);transition:transform 1.3s var(--ease)}
.js .chapter-bridge .bridge-orbit{opacity:0;transform:rotate(-100deg) scale(.6);transition:opacity 1s var(--ease) .25s,transform 1.3s var(--ease) .15s}
.js .chapter-bridge.in .bridge-label,.js .chapter-bridge.in .bridge-orbit{opacity:1;transform:none}
.js .chapter-bridge.in .bridge-track i{transform:scaleX(1)}
.chapter-bridge+.section{padding-top:66px}
html[data-motion=paused] .chapter-bridge .bridge-label,html[data-motion=paused] .chapter-bridge .bridge-orbit{opacity:1;transform:none}
html[data-motion=paused] .chapter-bridge .bridge-track i{transform:scaleX(1)}
.close-film{width:44px;height:44px;border:1px solid #65778e;border-radius:50%;background:transparent;color:#e9f3fc;font-size:17px}
@media(max-width:720px){.hero-actions{gap:10px 20px;margin-top:23px}.band .hero-actions .button{min-height:48px}.js .hero-signature{display:none}.motion-toggle{right:12px;bottom:12px;font-size:10px;padding-inline:13px}.chapter-bridge{height:90px;gap:16px}.bridge-label{font-size:8px;letter-spacing:.1em}.bridge-orbit{width:26px;height:26px}.chapter-bridge+.section{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=enabled]) .chapter-bridge .bridge-label,html:not([data-motion=enabled]) .chapter-bridge .bridge-orbit{opacity:1;transform:none}html:not([data-motion=enabled]) .chapter-bridge .bridge-track i{transform:scaleX(1)}}

/* Native autoplay runs independently from the scroll captions. */
.poster{background-image:url('/__l5e/assets-v1/3c3bbd14-7b18-4de8-b812-a1c49c4b0c6b/hero-poster.jpg');opacity:1}
.video-ready .poster{opacity:0}
html[data-mode=ambient] .band:not(.band-one){display:none!important}
html[data-mode=ambient] .band-one{opacity:1!important;pointer-events:auto!important}
html[data-mode=ambient] .word{opacity:1;transform:none!important}
.loading-indicator .ring-fill{stroke-dasharray:36 90;stroke-dashoffset:0;animation:loading-turn 1.2s linear infinite;transform-origin:24px 24px}
@keyframes loading-turn{to{transform:rotate(360deg)}}
@media(max-width:720px){#hero-video{object-position:67% center}.poster{background-position:67% center}}
.band-one:before,.band-three:before{background:radial-gradient(ellipse 90% 90% at 46% 50%,#030711e0 0%,#030711d0 46%,#030711b8 64%,#03071100 82%)}
.band:before{border-radius:50%;filter:blur(24px)}

.portfolio{--portfolio-gap:28px;padding-block:96px 64px}
.portfolio-intro{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:40px}
.portfolio h2{letter-spacing:-.035em}
.portfolio-intro>p{max-width:42ch;font-size:15px;line-height:1.7}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--portfolio-gap)}
.portfolio-project{display:block;min-width:0;border-radius:12px}
.project-image{aspect-ratio:8/5;overflow:hidden;border-radius:12px;background:var(--panel)}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:24px}
.project-meta h3{font-size:20px;line-height:1.35;letter-spacing:-.025em}
.project-meta p{margin-top:8px;font-size:13px;line-height:1.6;color:var(--text-secondary)}
.project-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;font-size:12px;color:var(--accent);margin-top:-7px}
.project-action svg{flex-shrink:0;transition:transform .35s var(--ease)}
.portfolio-project:hover .project-image img,.portfolio-project:focus-visible .project-image img{transform:scale(1.025)}
.portfolio-project:hover .project-action svg,.portfolio-project:focus-visible .project-action svg{transform:translate(2px,-2px)}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}
@media(max-width:720px){.portfolio{padding-block:64px 32px}.portfolio-intro{display:block;margin-bottom:32px}.portfolio-intro>p{margin-top:20px;font-size:14px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:36px}.project-meta{padding-top:20px}.project-meta h3{font-size:19px}.project-meta p{font-size:12px}.project-action{font-size:11px;gap:6px}}

/* WhatsApp is the primary contact; pause remains available on the other side. */
.whatsapp-icon{flex-shrink:0;width:22px;height:22px}
.motion-toggle{left:22px;right:auto}
.hero-bottom{bottom:88px}
.whatsapp-float{position:fixed;z-index:110;right:22px;bottom:20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border-radius:30px;background:var(--accent);color:#03131c;font-size:12px;font-weight:600;line-height:1.4;box-shadow:0 5px 24px #0005;transition:transform .3s var(--ease),background .3s var(--ease)}
.whatsapp-float:hover{transform:translateY(-2px);background:var(--accent-hover)}
.contact-heading>p.contact-phone{font-family:Sora,sans-serif;font-size:24px;line-height:1.35;letter-spacing:-.025em;color:var(--text-primary);margin-top:32px}
.contact-whatsapp{margin-top:20px}
.contact-alternative{display:flex;flex-direction:column;align-items:flex-start;margin-top:24px;font-size:12px;color:var(--text-secondary)}
.contact-alternative>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--text-primary);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#65778e}
.contact-alternative>a:hover{color:var(--accent)}
.message-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.message-link[hidden]{display:none}
.copy-email{display:block}
.site-footer{padding-bottom:100px}
@media(max-width:720px){.motion-toggle{left:12px;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.whatsapp-float{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:44px;padding:10px 14px;font-size:11px;gap:8px}.whatsapp-float .whatsapp-icon{width:20px;height:20px}.contact-heading>p.contact-phone{font-size:22px}.contact-alternative>a{font-size:13px}.contact-whatsapp{gap:24px}.site-footer{padding-bottom:104px}}
@media(max-width:720px) and (min-height:561px){.hero-bottom{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.band{bottom:calc(126px + env(safe-area-inset-bottom,0px))}}
