:root{--bg:#050505;--surface:#0d0f14;--blue:#2563eb;--text:#f5f7fa;--muted:#9a9da7;--line:#24262c;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #71a5ff;outline-offset:6px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Space Grotesk',Arial,sans-serif}h2{font-size:clamp(36px,4.4vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:500}h3{font-weight:500}em{font-style:normal;color:#5b8fff}.muted{color:var(--muted)}.section{max-width:1440px;margin:auto;padding:105px 7%}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:65px}.section-top>span,.eyebrow{font-size:12px;letter-spacing:.14em;line-height:1.6;font-weight:500}.section-top>span{color:#777d8b}.eyebrow{color:#9ca4b7}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:5px;background:#f5f7fa;color:#101114;padding:15px 25px;font-size:14px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{background:#dce7ff;box-shadow:0 0 28px #2563eb35;transform:translateY(-3px)}.button.small{padding:10px 18px;font-size:13px}.text-link{font-size:14px;background:none;border:0;border-bottom:1px solid #6b7280;padding:7px 0;display:inline-block;transition:color .2s,border .2s}.text-link:hover{color:#84aaff;border-color:#84aaff}.scroll-progress{position:fixed;height:2px;top:0;left:0;width:0;background:var(--blue);z-index:99}header{height:90px;padding:0 7%;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-icon{color:#5688ff;font-size:38px;font-weight:700;line-height:1;transform:skewY(-10deg)}.brand-dot{font:11px Inter;align-self:flex-start;margin-top:4px;margin-left:-5px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav>a:not(.button):hover{color:#8fb0ff}.menu-button{display:none}.hero{min-height:800px;height:100svh;max-height:1080px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;z-index:-3;will-change:transform}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center;opacity:.93}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505d9 0%,#05050590 32%,transparent 68%),linear-gradient(0deg,#050505 0%,transparent 25%);z-index:-1}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#ffffff06 50%,transparent 50.05%);z-index:-2}.hero-content{padding:100px 7% 125px;max-width:100%;width:100%}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#bbc5d7;animation:arrive 1s both}.eyebrow>span{display:inline-block;width:19px;height:2px;background:#527ef2}.hero h1{font-size:clamp(76px,9vw,144px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:28px 0 30px;animation:arrive 1s .15s both}.hero h1 em{color:#f5f7fa}.hero-description{font-size:18px;line-height:1.75;color:#afb2bd;animation:arrive 1s .3s both}.hero-description strong{color:#e6e8ef;font-weight:400}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:35px;animation:arrive 1s .45s both}.hero-bottom{position:absolute;bottom:32px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;color:#969daa}.hero-bottom a{display:flex;gap:20px;align-items:center}.scroll-line{width:1px;height:35px;background:linear-gradient(#548bff,transparent)}.hero-index{color:#687080}.ribbon{border-block:1px solid #252932;padding:23px 0;overflow:hidden;color:#a4a9b5;background:#090a0d}.ribbon div{display:flex;align-items:center;gap:42px;white-space:nowrap;font:500 24px 'Space Grotesk';letter-spacing:.025em;width:max-content;animation:marquee 35s linear infinite}.ribbon b{color:#397bfa;font-size:32px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.section-copy>p{color:var(--muted);max-width:450px;margin-top:25px}.section-copy>.text-link{margin-top:25px}.customizer{background:linear-gradient(145deg,#131620,#090a0f);border:1px solid #282c38;padding:25px;border-radius:14px;box-shadow:0 35px 70px #0009;transform:perspective(1000px) rotateY(-5deg)}.customizer-top,.voice-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;letter-spacing:.12em;color:#a6adbc;margin-bottom:24px}.demo-label{border:1px solid #3d4350;padding:4px 8px;border-radius:20px;font-size:11px;letter-spacing:0;white-space:nowrap;color:#b1b7c3}.mini-site{--accent:#2563eb;--radius:15px;background:#f4f5f8;color:#171b25;border-radius:var(--radius);overflow:hidden;transition:border-radius .4s}.mini-nav{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;border-bottom:1px solid #dcdfe5}.mini-nav strong{font-size:14px}.mini-body{padding:33px 25px;background:linear-gradient(130deg,#fff,#eceef5)}.mini-tag{font-size:10px;color:var(--accent);font-weight:700;letter-spacing:.09em}.mini-body h3{font-size:32px;line-height:1.1;letter-spacing:-.045em;margin:15px 0}.mini-body p{font-size:12px;color:#626b78}.mini-cta{display:inline-block;font-size:11px;background:var(--accent);color:white;padding:11px 16px;margin-top:18px;border-radius:calc(var(--radius) / 2);transition:background .3s}.mini-items{display:flex;padding:15px;gap:9px}.mini-items span{font-size:10px;padding:8px 5px;background:#e3e6ed;border-radius:calc(var(--radius) / 2);text-align:center;flex:1}.custom-controls{display:flex;justify-content:space-between;gap:18px;margin-top:23px}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;color:#aab0bc;margin-bottom:10px}.swatch{border:2px solid transparent;width:25px;height:25px;border-radius:50%;background:var(--swatch);margin-right:5px}.swatch.selected{outline:1px solid #fff;outline-offset:3px}.style-toggle{font-size:12px;padding:5px 9px;border:1px solid #2a303c;background:transparent;border-radius:5px}.style-toggle.selected{background:#28303d}.small-note{font-size:12px!important;line-height:1.6;color:#8a93a5!important;margin-top:18px!important}.solutions{border-top:1px solid var(--line)}.solutions-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.solutions-head h2{font-size:clamp(36px,4vw,60px)}.solutions-head>p{max-width:260px;color:var(--muted)}.service-list{margin-top:60px}.service{display:grid;grid-template-columns:45px 1.1fr 1fr;gap:22px;align-items:start;border-top:1px solid var(--line);padding:30px 0;position:relative;transition:padding .3s}.service:hover{padding-left:12px}.service>span:first-child{color:#5e6a7e;font:22px 'Space Grotesk'}.service h3{font-size:29px;letter-spacing:-.04em}.service p{color:var(--muted);font-size:14px;max-width:350px}.service .service-tag{grid-column:2;font-size:10px;letter-spacing:.14em;color:#627ca9;margin-top:-10px}.voice-section{background:radial-gradient(ellipse at 20% 50%,#0b163980,transparent 55%);border-top:1px solid var(--line)}.voice-card{padding:30px;border:1px solid #2b3449;background:linear-gradient(150deg,#101725,#080a0f);border-radius:16px;text-align:center;position:relative;box-shadow:0 0 100px #0c3fb015}.voice-card .wave{height:75px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:40px}.wave span{width:3px;background:#5083f1;border-radius:2px;height:var(--height);opacity:.65;transition:height .3s}.voice-card.playing .wave span{animation:wave .6s var(--delay) infinite alternate}.mic-button{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid #4069af;background:#172d56;color:#c0d6ff;margin:15px auto 23px;box-shadow:0 0 35px #245bb13b}.mic-button svg{width:25px;height:25px}.voice-card.playing .mic-button{box-shadow:0 0 0 12px #2563eb18,0 0 50px #2563eb38}#voice-transcript{min-height:65px;font:22px/1.5 'Space Grotesk';letter-spacing:-.035em}.voice-cart{margin:20px 0}.cart-row{display:flex;justify-content:space-between;background:#ffffff06;border:1px solid #ffffff08;border-radius:6px;margin:6px 0;padding:10px 14px;font-size:13px;animation:arrive .4s both}.cart-row b{font-weight:400;color:#8bb5ff}.cart-confirm{font-size:13px;color:#aac6ff;padding-top:12px}.pill{font-size:10px;letter-spacing:.1em;border:1px solid #29487e;color:#9cbdff;padding:7px 11px;border-radius:20px;display:inline-block;margin-bottom:22px}.clean-list{list-style:none;margin:25px 0 0;padding:0}.clean-list li{font-size:14px;color:#c0c5d0;margin:12px 0;padding-left:20px;position:relative}.clean-list li:before{content:'+';position:absolute;left:0;color:#689eff}.project{border-top:1px solid var(--line)}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.project-heading>p{color:var(--muted)}.project-art{display:block;border:1px solid #33302a;border-radius:12px;overflow:hidden;position:relative;background:#15130b;transition:transform .5s;transform:perspective(1400px) rotateX(3deg)}.project-art img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain;background:#080808;transition:transform .7s}.project-art:hover img{transform:scale(1.025)}.project-open{position:absolute;right:25px;bottom:25px;background:#fff;color:#111;padding:12px 20px;border-radius:4px;font-size:13px}.project-caption{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.project-caption h3{font-size:25px}.project-caption span{color:#777f8f;font-size:11px;letter-spacing:.1em}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:60px}.steps article{border-top:1px solid #344057;padding-top:20px}.steps article>span{color:#5c85dc;font:20px 'Space Grotesk'}.steps h3{font-size:24px;margin:25px 0 13px}.steps p{font-size:14px;color:var(--muted)}.faq{border-top:1px solid var(--line)}.faq>.eyebrow{margin-bottom:40px}.faq .split{align-items:start}.faq h2{font-size:clamp(36px,3.8vw,55px)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:#8eaff5;font-size:21px;top:-5px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;margin-top:15px}.contact{border-top:1px solid var(--line);background:radial-gradient(ellipse at 0% 100%,#0b1639,transparent 65%)}.contact .split{align-items:start}.contact h2{font-size:clamp(46px,5.6vw,80px)}.contact h2+p{margin-top:30px;color:var(--muted)}form label{display:block;font-size:13px;color:#b2b9c7;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;border:1px solid #2b303c;background:#101218;padding:12px 14px;border-radius:4px;color:#f5f7fa;margin-top:7px;font-size:14px}textarea{resize:vertical}form .button{width:100%;margin-top:3px}#proposal-result{margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 7%;border-top:1px solid var(--line);font-size:12px;color:#9097a6}footer .brand{color:#fff;font-size:22px}footer p{margin-top:4px}.footer-word{font:700 19.6vw/.85 'Space Grotesk';letter-spacing:-.065em;text-align:center;color:#0f1117;overflow:hidden;user-select:none;padding-top:10px}.reveal{opacity:1}.motion-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.motion-enabled .reveal.visible{opacity:1;transform:translateY(0)}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-35%)}}@keyframes wave{to{transform:scaleY(.3);opacity:1}}@media(min-width:1600px){.hero-content{padding-left:max(7%,calc((100vw - 1240px)/2))}}@media(max-width:950px){.section{padding:75px 6%}.split{gap:5%}.hero{min-height:720px}.hero h1{font-size:98px}.hero-art img{object-position:60% center}.hero:after{background:linear-gradient(90deg,#050505dd,#05050588 40%,#05050522),linear-gradient(0deg,#050505,transparent 30%)}.section-top>span{display:none}.customizer{padding:18px}.custom-controls{flex-wrap:wrap}.service h3{font-size:23px}.steps{gap:22px}.solutions-head{display:block}.solutions-head>p{margin-top:20px;max-width:450px}.hero-bottom>span:first-child{font-size:9px}}@media(max-width:650px){header{height:75px;padding:0 6%}.brand{font-size:22px}.menu-button{display:block;background:transparent;border:1px solid #444b5c;border-radius:4px;font-size:13px;padding:7px 12px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#0b0c11;padding:25px 6%;border-bottom:1px solid #333;align-items:stretch;gap:22px}nav.open{display:flex;flex-direction:column}.hero{height:860px;min-height:0;max-height:none;align-items:flex-start}.hero-content{padding:155px 6% 0}.hero .eyebrow{font-size:10px;letter-spacing:.09em}.hero h1{font-size:clamp(63px,15vw,98px);margin-top:25px}.hero-description{font-size:16px}.hero-art{top:250px;left:-38%;right:-32%;bottom:0}.hero-art img{object-position:75% center;opacity:.7}.hero:after{background:linear-gradient(180deg,#050505 0%,#050505da 34%,transparent 68%,#050505 100%)}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-bottom{left:6%;right:6%;bottom:28px}.hero-bottom>span:first-child{display:none}.ribbon div{font-size:17px;gap:25px}.ribbon{padding:16px 0}.section{padding:60px 6%}.section-top{margin-bottom:35px}.split{grid-template-columns:1fr;gap:40px}h2{font-size:43px}.customizer{transform:none;padding:20px}.section-copy>p{font-size:16px}.custom-controls{flex-wrap:nowrap}.service{grid-template-columns:32px 1fr;gap:8px 14px;padding:25px 0}.service h3{font-size:25px}.service p{grid-column:2;margin-top:7px}.service .service-tag{margin-top:8px}.voice-section .section-copy{grid-row:1}.voice-card{padding:23px}.voice-card .wave{margin-top:20px}.project-heading{display:block}.project-heading>p{margin-top:22px}.project-art{min-height:240px;display:flex;align-items:center;padding-bottom:60px}.project-open{bottom:17px;right:17px;padding:9px 15px}.project-caption{align-items:start;flex-direction:column}.project-caption .text-link{font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:35px 24px}.steps h3{margin:15px 0 10px}.contact h2{font-size:53px}.form-row{grid-template-columns:1fr;gap:0}footer{align-items:start;flex-direction:column;gap:18px;padding:30px 6%}.hero-index{font-size:10px}.section-top .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Independent perspective layer for the Ultrion hero artwork. */
.hero-art{transform-origin:72% 52%;backface-visibility:hidden}.hero-art img{transform-origin:72% 52%;will-change:transform;backface-visibility:hidden}@media(max-width:650px){.hero-art,.hero-art img{transform-origin:70% 58%}}@media(prefers-reduced-motion:reduce){.hero-art,.hero-art img{transform:none!important;will-change:auto}}
/* Cinematic 3D opening. Native scroll remains in control. */
.hero-runway{position:relative}.cinematic .hero-runway{height:185svh;min-height:1300px}.cinematic .hero{position:sticky;top:0;height:100svh;min-height:650px;max-height:1100px}.has-webgl .hero-art{opacity:0;transition:opacity .8s}.has-webgl .hero:after{background:linear-gradient(0deg,#050505 0%,transparent 18%);pointer-events:none}.hero-content{position:relative;z-index:3;will-change:transform,opacity}.hero-content[inert]{pointer-events:none}#u-stage{position:absolute;right:0;top:8%;width:59%;height:85%;z-index:1;pointer-events:none;isolation:isolate}#u-stage canvas{display:block;width:100%;height:100%}.has-webgl .hero-grid{z-index:0;background:radial-gradient(ellipse at 76% 50%,#0d225c77,transparent 50%)}.hero-bottom{z-index:5}.scroll-scene{position:absolute;left:7%;top:25%;z-index:4;opacity:0;pointer-events:none;max-width:48%;will-change:transform,opacity}.scroll-scene h2{margin:18px 0;font-size:clamp(43px,5.4vw,80px)}.scroll-scene>p:not(.eyebrow){color:#a8b4c9;font-size:16px}.scroll-order{margin-top:22px;background:#0b1220e8;border:1px solid #2c4167;border-radius:10px;padding:18px 22px;max-width:350px;box-shadow:0 20px 80px #0008}.scroll-order>p{font-size:15px;margin:12px 0;color:#f5f7fa}.scroll-order>div{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-top:1px solid #ffffff12}.scroll-order b{font-weight:500;color:#82b1ff}.scroll-order small{display:block;color:#a4b8d9;font-size:12px;margin-top:8px}.voice-journey{margin-bottom:28px}.voice-beats{display:flex;gap:25px;position:relative;border-bottom:2px solid #242d40;padding-bottom:12px}.voice-beats:after{content:'';height:2px;position:absolute;bottom:-2px;left:0;width:calc(var(--voice-progress,0)*100%);background:#518dff}.voice-beat{font-size:12px;color:#828b9c;transition:color .2s}.voice-beat.active{color:#a6c6ff}.voice-stage-label{font:18px 'Space Grotesk';color:#cfddf5;margin-top:16px}.cinematic .voice-section{height:170svh;min-height:1350px;padding-top:0;padding-bottom:0}.cinematic .voice-sticky{position:sticky;top:0;padding:55px 0;min-height:100svh}.cinematic .voice-sticky .section-top{margin-bottom:24px}.cinematic .voice-card .wave{margin-top:12px;height:45px}.kinetic-word{display:inline-block;transition:opacity .65s var(--word-delay),transform .8s var(--word-delay);opacity:0;transform:translateY(.7em) rotate(3deg)}.type-visible .kinetic-word{opacity:1;transform:translateY(0) rotate(0)}.kinetic-title em .kinetic-word{color:inherit}.has-webgl .hero h1{max-width:70%}@media(max-width:950px){#u-stage{right:-12%;width:72%;opacity:.85}.scroll-scene{max-width:60%}.cinematic .voice-section{height:auto;min-height:0;padding-top:60px;padding-bottom:60px}.cinematic .voice-sticky{position:relative;padding:0;min-height:0}.voice-journey{display:none}}@media(max-width:650px){.cinematic .hero-runway{height:160svh;min-height:1000px}.cinematic .hero{height:100svh;min-height:630px;max-height:950px}.has-webgl .hero-content{padding-top:125px}.has-webgl .hero h1{max-width:none}.has-webgl .hero-description{max-width:310px}.has-webgl .hero-actions{gap:14px}.has-webgl .hero .text-link{font-size:13px}#u-stage{top:auto;bottom:-8%;right:-15%;width:100%;height:60%}.has-webgl .hero-grid{background:radial-gradient(ellipse at 70% 75%,#0c256880,transparent 55%)}.scroll-scene{left:6%;top:15%;max-width:88%}.scroll-scene h2{font-size:46px}.scroll-scene>p:not(.eyebrow){font-size:14px}.scroll-order{max-width:300px;padding:12px 16px}.scroll-scene .eyebrow{font-size:10px}.hero-bottom{bottom:18px}.has-webgl .hero-content{pointer-events:none}.has-webgl .hero-content a{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.cinematic .hero-runway{height:auto;min-height:0}.cinematic .hero{position:relative}.scroll-scene{display:none}.kinetic-word{opacity:1;transform:none;transition:none}.cinematic .voice-section{height:auto;min-height:0}.cinematic .voice-sticky{position:relative}.has-webgl .hero-content{opacity:1!important;transform:none!important}}
/* Technological lettering: dimensional edges and staggered perspective assembly. */
.tech-heading{perspective:1000px;perspective-origin:50% 45%;overflow:visible}.tech-word{display:inline-block;white-space:nowrap;transform-style:preserve-3d}.tech-letter{display:inline-block;position:relative;transform-origin:50% 75%;transform-style:preserve-3d;color:#e7edff;text-shadow:none;opacity:0;transform:translate3d(0,.7em,-90px) rotateX(80deg) rotateY(var(--letter-turn));filter:blur(5px);transition:transform 1.05s cubic-bezier(.16,1,.3,1) var(--letter-delay),opacity .5s ease var(--letter-delay),filter .75s ease var(--letter-delay)}.letters-visible .tech-letter{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0);filter:blur(0)}.tech-heading em .tech-letter{color:#80b0ff;text-shadow:none}.hero h1.tech-heading{animation:none;line-height:1.04;letter-spacing:-.067em}.hero h1 .tech-letter{text-shadow:none}.hero h1 em .tech-letter{color:#8bb5ff;text-shadow:none}.hero h1.letters-visible .tech-word{animation:tech-settle 1.8s ease-out both}.hero h1 em .tech-word{animation-delay:.28s}@keyframes tech-settle{0%{filter:brightness(1)}45%{filter:brightness(1.28)}100%{filter:brightness(1)}}@media(max-width:650px){.tech-heading{perspective:650px}.tech-letter{filter:none}.hero h1.tech-heading{font-size:clamp(57px,14.4vw,90px);line-height:1.08}.tech-heading .tech-letter{text-shadow:none}.hero h1 em .tech-letter{text-shadow:none}}@media(prefers-reduced-motion:reduce){.tech-letter{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.tech-word{animation:none!important}}
.ribbon-divider{width:30px;height:1px;background:#477be1;display:inline-block;flex-shrink:0;transform:rotate(-45deg)}.browser-window-mark{width:14px;height:11px;border:1px solid #71809a;border-top:3px solid #71809a;display:inline-block}.line-plus:before,.line-plus:after{content:'';position:absolute;width:9px;height:1px;background:currentColor}.line-plus:after{transform:rotate(90deg)}.product-add.line-plus{position:relative}.project-pontox{margin-top:62px;border-top:1px solid #24262c;padding-top:44px}.pontox-proof{background:#080808;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:45px;border:1px solid #303036;border-radius:10px;overflow:hidden}.pontox-identity{display:flex;align-items:center;justify-content:center;min-width:0}.pontox-identity img{width:min(100%,280px);height:auto;max-height:300px;object-fit:contain}.pontox-proof h3{font-size:clamp(35px,4vw,56px);line-height:1.08;letter-spacing:-.045em;margin:17px 0}.pontox-proof p{font-size:14px;color:#a1a9b8;max-width:370px}.pontox-proof .eyebrow{font-size:10px;color:#c4b3a1}.pontox-proof .button{margin-top:24px}.pontox-proof-visual{position:relative}.pontox-food{width:100%;height:350px;object-fit:cover;border-radius:8px}.pontox-logo-badge{position:absolute;bottom:14px;left:14px;width:78px;height:78px;border-radius:8px;object-fit:contain;background:#000}.real-project-label{font-size:10px;letter-spacing:.15em;color:#8e98ab;margin-bottom:20px}@media(max-width:650px){.pontox-proof{grid-template-columns:1fr;padding:24px;gap:25px}.pontox-identity{min-height:220px}.pontox-identity img{max-height:220px}.pontox-food{height:270px}.project-pontox{margin-top:40px;padding-top:30px}}

video.pontox-food{height:430px;display:block;object-fit:contain;background:#000}.pontox-logo-badge{top:14px;bottom:auto;pointer-events:none}.pontox-proof .pontox-source-note{font-size:12px;color:#8b95a7;margin-top:15px}@media(max-width:650px){video.pontox-food{height:370px}.pontox-logo-badge{width:58px;height:58px}}

/* Never display a different raster U while the 3D model is loading. */
.hero-art{visibility:hidden;opacity:0;transition:none!important}.art-fallback .hero-art{visibility:visible;opacity:.93}.has-webgl #u-stage{animation:u-ready .55s ease-out backwards}@keyframes u-ready{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.has-webgl #u-stage{animation:none}}

/* Real storefront walkthrough — user-controlled playback. */
.project-tour{margin:36px 0 0;border:1px solid #26292f;border-radius:18px;overflow:hidden;background:#08090b}.tour-toolbar{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid #26292f;color:#a9adb5;font-size:12px;letter-spacing:.02em}.tour-status{width:7px;height:7px;border-radius:50%;background:#3a8cff}.tour-label{margin-left:auto;color:#e0e5ef;font-size:10px;letter-spacing:.15em}.project-tour-video{display:block;width:100%;height:auto;aspect-ratio:1200/824;object-fit:contain;background:#000}.project-tour figcaption{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;font-size:12px;color:#8d939f}.project-tour figcaption span:first-child{color:#e8edf5}@media(max-width:600px){.project-tour{border-radius:12px}.project-tour figcaption{flex-direction:column;gap:6px;padding:14px}.tour-toolbar{padding:12px;font-size:10px}.tour-label{font-size:8px}}

/* Portrait devices for the real-project demonstrations. */
.project-tour{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:48px;background:radial-gradient(ellipse at 30% 50%,#101b2c 0,#08090b 65%)}.phone-device{position:relative;width:min(100%,330px);margin-inline:auto;padding:9px;border:1px solid #526074;border-radius:40px;background:#050609;box-shadow:0 20px 60px #0008;overflow:hidden}.phone-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#f0f2f6;font:10px Inter,sans-serif}.phone-top i{display:block;width:76px;height:19px;border-radius:20px;background:#15181e}.phone-address{text-align:center;font-size:9px;color:#a4acb9;padding:8px 3px;border-block:1px solid #171c24;background:#0c0f15}.project-tour-video{aspect-ratio:520/924;object-fit:contain;width:100%;height:auto;border-radius:0 0 22px 22px}.phone-home{height:22px;display:grid;place-items:center}.phone-home:after{content:'';width:90px;height:3px;border-radius:5px;background:#bdc2cd}.project-tour figcaption{display:flex;flex-direction:column;gap:18px;padding:0}.project-tour figcaption span:first-child{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.1;max-width:270px}.project-tour figcaption span:last-child{font-size:13px;line-height:1.7;max-width:280px}.pontox-proof-visual.phone-device{width:min(100%,310px)}.phone-device video.pontox-food{width:100%;height:auto;aspect-ratio:9/16;border-radius:20px;object-fit:contain}.phone-device .pontox-logo-badge{top:57px;left:20px;width:50px;height:50px}@media(max-width:650px){.project-tour{grid-template-columns:1fr;gap:28px;padding:26px 16px}.project-tour figcaption{text-align:center;align-items:center}.project-tour figcaption span:first-child{font-size:30px}.phone-device{width:min(100%,300px);border-radius:34px}.pontox-proof{padding:24px 16px}}

/* One concise voice feature; project videos temporarily removed. */
.section.voice-section{height:auto;min-height:0;padding-block:100px}.voice-section .voice-sticky{position:static;min-height:0;height:auto;padding:0}.project-heading+.project-caption{margin-top:42px;padding:30px 0;border-top:1px solid #24262c}.project-pontox{margin-top:18px;padding-top:28px}.project-pontox .project-caption{padding-bottom:10px}@media(max-width:650px){.section.voice-section{padding-block:65px}}

/* Scroll-driven orbital nucleus, confined to the outside page gutter. */
.scroll-orbit{position:fixed;top:0;right:5px;width:76px;height:76px;z-index:8;pointer-events:none;opacity:0;will-change:transform;contain:layout style;transition:opacity .25s linear}.orbit-shell{position:relative;width:100%;height:100%;perspective:350px}.orbit-rotor{position:absolute;inset:8%;transform-style:preserve-3d;will-change:transform}.orbit-ring{position:absolute;inset:0;border:1px solid #3184ed;border-radius:50%;box-shadow:0 0 8px #1a68dc33;transform-style:preserve-3d}.orbit-ring:after{content:'';position:absolute;top:12%;left:12%;width:4px;height:4px;background:#c0e1ff;border-radius:50%;box-shadow:0 0 8px #378aff}.orbit-ring-a{border-top:2px solid #a2d1ff}.orbit-ring-b{transform:rotateX(70deg);border-color:#76b6ff}.orbit-ring-c{transform:rotateY(70deg);border-style:dashed;opacity:.65}.orbit-satellite{position:absolute;top:-2px;left:48%;width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 12px #2986ff}.orbit-core{position:absolute;inset:31%;filter:drop-shadow(0 0 6px #1764cf66)}.orbit-core svg{display:block;width:100%;height:100%}.orbit-trail{position:absolute;bottom:56%;left:50%;height:min(22vh,190px);width:1px;background:linear-gradient(transparent,#2266ba66,#76b8ff);transform:translateX(-50%)}.orbit-scale{position:absolute;top:100%;left:50%;display:grid;justify-items:center;gap:5px;padding-top:9px}.orbit-scale i{display:block;height:1px;width:5px;background:#2b5d96}.orbit-scale i:first-child{width:11px;background:#72b8ff}.orbit-scale i:last-child{opacity:.3}@media(max-width:1100px){.scroll-orbit{width:52px;height:52px;right:2px}}@media(max-width:650px){.scroll-orbit{width:28px;height:28px;right:0}.orbit-trail{height:13vh;opacity:.55}.orbit-scale{gap:4px}.orbit-ring:after,.orbit-satellite{width:3px;height:3px}.orbit-core{inset:29%}}@media(prefers-reduced-motion:reduce){.scroll-orbit{display:none}}

/* Sites and point-of-sale positioning. */
.hero h1.tech-heading{font-size:clamp(64px,7.1vw,112px);max-width:72%;line-height:1.08}.hero-description{max-width:620px}.pdv-section{border-top:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#10275c45,transparent 65%)}.pdv-panel{padding:32px;border:1px solid #2b3e61;border-radius:14px;background:linear-gradient(135deg,#101a2c,#090b10)}.segment-options{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 35px}.segment-options button{border:1px solid #36415a;background:#111724;border-radius:5px;font-size:14px;padding:10px 12px}.segment-options button[aria-pressed=true]{background:#275dde;border-color:#568cff;color:white}.pdv-caption{font-size:12px;letter-spacing:.08em;color:#9eb6df}.segment-content h3{font-size:32px;line-height:1.15;margin:15px 0}.segment-content p{font-size:16px;color:#aeb9cc}.segment-content ul{list-style:none;padding:0;margin:24px 0 0}.segment-content li{padding:12px 0;border-top:1px solid #29344a;color:#e0e7f3;font-size:16px}.pdv-panel .small-note{font-size:14px!important}.service p,.steps p,details p{font-size:16px}.service .service-tag,.pill{font-size:12px}form label,nav,.button.small{font-size:14px}.contact h2{font-size:clamp(44px,5vw,72px)}
@media(max-width:950px){header{padding-inline:5%}nav{gap:17px}.hero h1.tech-heading{font-size:clamp(64px,8vw,90px)}}@media(max-width:650px){.hero h1.tech-heading{font-size:clamp(38px,9.7vw,64px);max-width:100%;letter-spacing:-.05em}.hero-description{font-size:16px;max-width:100%}.hero-description br{display:none}.hero-description strong{white-space:nowrap}.hero-content{padding-top:135px}.pdv-panel{padding:22px}.segment-options{gap:8px}.segment-options button{flex:1 1 auto}.pdv-section h2{font-size:40px}.contact h2{font-size:46px}.hero .eyebrow{font-size:12px;max-width:300px}.has-webgl .hero-description{max-width:360px}.hero-actions{margin-top:24px}}