@font-face{font-family:SpaceGrotesk;src:url('assets/fonts/space-grotesk-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
body{background:#08151f}h1,h2,h3,.wordmark{font-family:SpaceGrotesk,"Aptos","Segoe UI",sans-serif}h1{font-size:clamp(66px,6.8vw,112px);font-weight:650;line-height:1.02;letter-spacing:-.075em}h1 em{font-family:inherit;letter-spacing:-.072em;font-weight:550;line-height:1.05;color:#e0ad63}h2{font-weight:550;letter-spacing:-.05em}.section-space{padding-top:100px;padding-bottom:100px}.site-header{height:92px;background:#091b28;border-color:#3553685c}.site-header nav{font-size:11px;gap:27px}.wordmark{font-size:13px;letter-spacing:.045em}.wordmark small{font-family:"Segoe UI",sans-serif}.hero{grid-template-columns:.85fr 1.25fr;padding:40px 5.2vw 70px;min-height:680px;max-width:none;gap:14px;background:radial-gradient(ellipse at 70% 45%,#153d5966,transparent 50%),linear-gradient(130deg,#071722,#0a1d2b)}.hero:before{opacity:.035}.hero:after{background-size:65px 65px;opacity:.12}.hero-copy{padding-top:15px;max-width:570px}.hero-description{font-size:14px;line-height:1.85;max-width:390px;color:#9eb5c4}.hero .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:29px}.hero-actions{gap:24px}.hero-actions .button{font-size:10px;min-height:51px;padding:15px 21px;border-radius:4px}.hero .text-link{font-size:10px}.hero-footnote{font-size:7px;gap:12px;margin-top:45px;max-width:370px}.hero-visual{height:575px;min-width:0;position:relative;isolation:isolate;z-index:1;align-self:center;overflow:visible}.visual-topline,.visual-bottomline{position:absolute;left:12px;right:8px;z-index:2;display:flex;align-items:center;gap:8px;font:7px/1.5 monospace;letter-spacing:.14em;color:#7392a8;pointer-events:none}.visual-topline{top:9px;border-bottom:1px solid #49637933;padding-bottom:12px}.visual-dimension{margin-left:auto;color:#b5c9d4}.scene-live-dot{height:4px;width:4px;display:inline-block;border-radius:50%;background:#d8ad68;box-shadow:0 0 15px #d8ad6870}.visual-bottomline{bottom:0;border-top:1px solid #49637933;padding-top:12px}.visual-bottomline .motion-toggle{position:static;pointer-events:auto;margin-inline-start:auto;padding:0;font:7px/1.5 monospace;color:#a6bac6;letter-spacing:0}.engineering-scene{position:absolute;inset:10px -25px 24px;overflow:hidden;min-width:0}.hero-modes{position:absolute;z-index:3;bottom:37px;left:8px;right:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hero-modes button{display:flex;align-items:center;gap:6px;border:1px solid #4a6b7e59;border-radius:5px;background:#102938c9;backdrop-filter:blur(9px);color:#87a5b8;min-height:45px;padding:9px 8px;font-size:8px;text-align:start;transition:border-color .2s,background .2s}.hero-modes button:hover,.hero-modes button[aria-pressed=true]{border-color:#d5a963a3;color:#f0dfbd;background:#173747dc}.mode-index{font:8px monospace;color:#58798d}.hero-modes button[aria-pressed=true] .mode-index{color:#d8ad68}.stack-strip{background:#091c29;padding-top:23px;padding-bottom:23px;font-size:13px;letter-spacing:.01em;font-family:SpaceGrotesk,system-ui;justify-content:center;gap:62px;border-color:#2c4e6459}.capabilities-section{background:#0b1f2d}.section-heading{margin-bottom:46px;position:relative}.section-heading h2{max-width:720px}.section-heading .eyebrow{color:#d7ae74}.section-number{font:8px/1.5 monospace;letter-spacing:.13em;color:#6a899e;white-space:nowrap;padding-bottom:5px}.capability-workbench{border:1px solid #3b5b705c;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:300px 1fr;background:#0c2636;box-shadow:0 15px 70px #02101950}.capability-tabs{background:#091d2b;padding:20px 17px;display:flex;flex-direction:column;gap:9px;border-inline-end:1px solid #34536a4f}.capability-tabs>button{border:1px solid transparent;background:transparent;color:#9cb3c3;display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;padding:21px 17px;border-radius:7px;text-align:start;font-size:12px;line-height:1.5}.capability-tabs>button[aria-pressed=true]{color:#f5e5ca;background:#173345;border-color:#d2a25d4f;box-shadow:inset 3px 0 #d2a25d}.capability-tabs>button:hover{background:#112c3e}.capability-tab-index{font:9px monospace;color:#617f94}.capability-tabs>button[aria-pressed=true] .capability-tab-index{color:#d2a25d}.capability-small-note{border-top:1px solid #34536a5c;margin:25px 14px 0;padding-top:25px;color:#829fb1}.capability-small-note>span{font:23px monospace;color:#b9a077}.capability-small-note p{font-size:10px;line-height:1.9;margin-top:13px}.capability-panel{padding:34px 38px;min-height:420px;position:relative;display:grid;grid-template-columns:1fr 190px;gap:30px;align-items:center;background:radial-gradient(ellipse at 85% 70%,#21485b40,transparent 65%),#0d2839}.capability-copy h3{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin:0 0 16px;font-weight:550}.capability-copy>.capability-description{font-size:13px;color:#a9c0cd;line-height:1.9;max-width:400px}.capability-tags{display:flex;gap:7px;flex-wrap:wrap;margin:21px 0 24px}.capability-tags span{background:#22465c5c;border:1px solid #3c61785c;padding:7px 9px;border-radius:4px;color:#b5d2e1;font:8px monospace}.capability-skill-list{list-style:none;padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:12px 17px;font-size:10px;color:#9fb8c8}.capability-skill-list li:before{content:'✓';color:#d0ae76;margin-inline-end:7px}.capability-product-link{border:0;border-bottom:1px solid #c3a66d5c;background:transparent;display:inline-flex;gap:20px;padding:9px 0;color:#d8c19b;font-size:10px;line-height:1.5;text-align:start}.capability-media{position:relative;display:grid;place-items:center;perspective:1000px}.capability-screenshot{width:165px;max-height:330px;object-fit:contain;border:4px solid #486376;border-radius:23px;box-shadow:13px 17px 0 #04131e,20px 40px 50px #03131d6b;transform:rotateY(-7deg) rotateZ(3deg);background:#eef3f4}.capability-logo{width:100px;height:100px;border-radius:25px;box-shadow:0 20px 65px #0a7f9854;z-index:1}.capability-media:has(.capability-logo):before{content:'';position:absolute;width:170px;height:170px;border:1px solid #d3a65a55;border-radius:50%;transform:rotateX(55deg);box-shadow:0 0 0 25px #173d5140,0 0 0 55px #1a435325}.capability-evidence-note{font-size:8px;line-height:1.7;max-width:260px;color:#7898ae;margin-top:20px}.products{background:#0a1c29}.products .product-grid{gap:32px 24px}.product-art{aspect-ratio:1.5;border-radius:9px;background:radial-gradient(ellipse at 30% 20%,var(--card-bg),transparent 90%),#102735}.product-art img{transform:rotate(-4deg);width:92px;height:92px}.product-art:hover img{transform:rotate(0) translateY(-6px) scale(1.08)}.product-art:before{border-radius:12px;transform:translate(30%,-20%) rotate(30deg);opacity:.09}.product-art:after{border-radius:12px;transform:translate(50%,10%) rotate(30deg);opacity:.07}.product-meta h3{font-size:20px}.showcase{background:linear-gradient(135deg,#0b2434,#0e2b3d);padding-top:80px;padding-bottom:80px}.showcase-copy h2{font-size:clamp(33px,3.5vw,51px);max-width:470px}.showcase-copy>p:not(.eyebrow){font-size:13px}.showcase .phone-gallery{height:420px;max-width:440px}.showcase .phone-preview{height:380px;width:184px}.approach-section{background:#091b28}.delivery-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.delivery-step{padding:0 25px 0 0;position:relative;border-top:1px solid #4562797a;padding-top:30px}.delivery-number{font:10px monospace;color:#819eaf}.delivery-dot{position:absolute;left:0;top:-4px;height:7px;width:7px;border:1px solid #d7ae74;border-radius:50%;background:#0b1f2d}.delivery-step:first-child .delivery-dot{background:#d7ae74;box-shadow:0 0 20px #d7ae7455}.delivery-step h3{margin-top:25px;font-size:20px;line-height:1.3;max-width:210px}.delivery-step p{font-size:11px;line-height:1.9;color:#95adbd;margin-top:13px;max-width:220px}.studio-compact{background:#0c2332;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center;border-top:1px solid #38576b45}.studio-signature{max-width:310px}.studio-brand-art{border:1px solid #5d748255;border-radius:15px;overflow:hidden;width:210px;aspect-ratio:1;background:#e7e0d3;box-shadow:16px 18px 0 #071722,20px 30px 50px #04111a3d}.studio-brand-art img{width:100%;height:100%;object-fit:cover}.studio-signature .location-tag{font-size:8px!important;color:#8aa6b8;margin-top:28px;line-height:1.7}.studio-summary{font-size:14px;line-height:1.95;color:#a6bdcb;max-width:570px;margin-top:25px}.studio-compact .eyebrow{color:#d7ae74}.contact{border-top:1px solid #38576b45}.section-number{direction:ltr}.site-footer .wordmark{font-size:10px}.assistant-launcher{font-size:10px;min-height:49px;padding:11px 16px;bottom:20px;right:20px}
@media(min-width:1600px){.hero{padding-left:7vw;padding-right:6vw;gap:25px;min-height:760px}.hero-visual{height:660px}.capability-workbench{grid-template-columns:340px 1fr}.capability-panel{grid-template-columns:1fr 240px;gap:50px}.capability-screenshot{width:190px;max-height:380px}}
@media(max-width:1100px){.hero{grid-template-columns:.9fr 1.1fr;gap:5px;padding-left:5vw;padding-right:4vw;min-height:650px}.hero h1{font-size:clamp(60px,6.8vw,84px)}.hero-visual{height:520px}.hero .eyebrow{font-size:7px}.hero-modes button{font-size:7px;padding:8px 6px}.visual-topline,.visual-bottomline{font-size:6px}.capability-workbench{grid-template-columns:245px 1fr}.capability-tabs{padding:15px 12px}.capability-tabs>button{padding:17px 13px;font-size:11px}.capability-panel{padding:28px 24px;grid-template-columns:1fr 155px;gap:20px}.capability-copy h3{font-size:26px}.capability-screenshot{width:143px;max-height:300px}.capability-description{font-size:12px!important}.stack-strip{gap:40px}.delivery-step h3{font-size:18px}.studio-compact{gap:50px}.studio-brand-art{width:190px}}
@media(max-width:800px){.site-header{height:82px}.hero{grid-template-columns:1fr;padding:55px 7vw 75px;gap:25px}.hero-copy{max-width:580px;padding-top:0}.hero h1{font-size:clamp(62px,10vw,85px);max-width:600px}.hero-description{max-width:480px}.hero-actions{flex-direction:row;align-items:center}.hero-footnote{margin-top:33px}.hero-visual{height:530px;width:100%;max-width:650px;margin:0 auto}.hero-modes button{font-size:8px}.visual-topline,.visual-bottomline{font-size:7px}.hero .eyebrow{font-size:8px}.stack-strip{gap:22px 34px;font-size:12px;padding:24px 7vw}.section-space{padding:70px 7vw}.capability-workbench{grid-template-columns:1fr}.capability-tabs{display:grid;grid-template-columns:1fr 1fr;border-inline-end:0;border-bottom:1px solid #34536a4f;gap:6px}.capability-tabs>button{padding:13px;font-size:11px;grid-template-columns:20px 1fr 12px}.capability-small-note{display:none}.capability-panel{min-height:390px;grid-template-columns:1fr 170px;padding:30px;gap:30px}.capability-screenshot{width:155px;max-height:310px}.section-number{position:absolute;right:0;top:0;font-size:7px}.section-heading h2{max-width:570px}.delivery-flow{grid-template-columns:1fr 1fr;gap:45px 25px}.delivery-step h3{font-size:21px;max-width:220px}.delivery-step p{font-size:12px;max-width:270px}.studio-compact{grid-template-columns:1fr;gap:45px}.studio-signature{display:flex;max-width:none;align-items:center;gap:35px;order:2}.studio-brand-art{width:160px;flex-shrink:0}.studio-signature .location-tag{margin:0;max-width:180px;line-height:1.9}.showcase .phone-gallery{margin-bottom:25px}.showcase{padding-top:65px;padding-bottom:65px}.showcase .phone-preview{height:365px;width:177px}.showcase .phone-gallery{height:400px}.engineering-scene{left:-15px;right:-15px}}
@media(max-width:440px){.hero{padding:45px 6vw 70px;gap:25px}.hero h1{font-size:58px}.hero-description{font-size:12px;line-height:1.9}.hero .eyebrow{font-size:7px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .button{min-height:47px;padding:14px 16px;font-size:9px}.hero-actions .text-link{font-size:9px}.hero-visual{height:425px;margin-top:0}.visual-topline{left:0;right:0;font-size:6px}.visual-bottomline{left:0;right:0;font-size:6px}.hero-modes{left:0;right:0;gap:4px;bottom:35px}.hero-modes button{font-size:6.5px;min-height:44px;padding:8px 5px;gap:4px;align-items:start;flex-direction:column}.mode-index{font-size:6px}.section-space{padding:60px 6vw}.stack-strip{justify-content:space-between;gap:17px 25px;font-size:11px}.capability-panel{grid-template-columns:1fr;gap:25px;padding:27px 23px;min-height:0}.capability-copy h3{font-size:27px}.capability-description{font-size:12px!important}.capability-media{margin:7px 0 20px;min-height:180px}.capability-screenshot{width:142px;max-height:285px}.capability-tabs>button{font-size:10px;padding:12px 9px;gap:5px}.capability-tab-index{font-size:8px}.capability-panel .capability-evidence-note{font-size:8px}.section-number{font-size:6px}.products .product-grid{grid-template-columns:1fr;gap:28px}.product-art{aspect-ratio:1.7}.product-art img{width:82px;height:82px}.product-meta{display:flex}.product-meta h3{font-size:21px}.product-category{font-size:8px;margin:0}.product-description{font-size:12px}.showcase .phone-preview{height:315px;width:151px}.showcase .phone-gallery{height:355px;width:300px}.delivery-flow{grid-template-columns:1fr;gap:30px}.delivery-step{padding-top:22px;padding-left:40px;min-height:135px;border-top:0;border-inline-start:1px solid #4562797a}.delivery-number{position:absolute;left:12px;top:23px;font-size:8px}.delivery-dot{left:-4px;top:24px}.delivery-step h3{margin:0;font-size:23px;max-width:none}.delivery-step p{max-width:none;font-size:12px;margin-top:11px}.studio-signature{gap:23px}.studio-brand-art{width:130px}.studio-signature .location-tag{font-size:7px!important}.studio-summary{font-size:13px}.assistant-launcher{font-size:9px}.architecture-brackets{display:none}}
@media(prefers-reduced-motion:reduce){.capability-screenshot{transform:none}.hero-modes button{transition:none}}

@media(max-width:440px){.delivery-step{padding-left:0;padding-inline-start:40px}.delivery-number{left:auto;inset-inline-start:12px}.delivery-dot{left:auto;inset-inline-start:-4px}}

/* Keep the projected 3D labels clear of the persistent layer controls. */
.hero-visual .engineering-scene{bottom:90px}
@media(max-width:440px){.hero-visual{height:465px}}
.hero h1{hyphens:none}.hero h1>span{font-size:calc(1em * var(--hero-title-scale,1))}.hero h1>em{font-size:calc(1em * var(--hero-subtitle-scale,1))}
.assistant-launcher{left:auto;right:auto;inset-inline-end:20px}
.visual-topline,.visual-bottomline{direction:ltr}

/* Keep technical detail readable on both desktop and phone screens. */
.site-header nav{font-size:12px}.hero-description{font-size:16px;line-height:1.8}.hero .eyebrow{font-size:10px}.visual-topline,.visual-bottomline{font-size:9px}.hero-modes button{font-size:10px}.mode-index{font-size:8px}.capability-tabs>button{font-size:14px}.capability-copy>.capability-description{font-size:15px}.capability-tags span{font-size:10px}.capability-skill-list{font-size:11px}.capability-evidence-note{font-size:10px}.capability-product-link{font-size:12px}
@media(max-width:800px){.hero-description{font-size:15px}.hero .eyebrow{font-size:9px}.visual-topline,.visual-bottomline{font-size:8px}.hero-modes button{font-size:9px}.capability-tabs>button{font-size:12px}}
@media(max-width:440px){.hero-description{font-size:14px}.hero .eyebrow{font-size:8px}.hero-modes button{font-size:9px}.capability-copy>.capability-description{font-size:14px!important}.product-description{font-size:14px}.capability-tabs>button{font-size:12px}.contact input,.contact textarea{font-size:16px}}

/* The studio hero puts real product experiences ahead of decorative hardware. */
.hero{grid-template-columns:.8fr 1.35fr;gap:24px}.hero h1{font-size:clamp(60px,6vw,98px)}.hero-visual{height:610px}.product-studio-label{position:absolute;inset:8px 8px auto;display:flex;gap:18px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#9bb4c4;z-index:2}.product-studio-label>span:first-child{color:#d7b77f;font-size:9px;letter-spacing:.17em}.product-studio-label>span:last-child{letter-spacing:0;font-size:12px;color:#a7c0cf}.hero-visual .engineering-scene{top:22px;bottom:128px;left:-18px;right:-18px}.hero-products{grid-template-columns:repeat(3,1fr);bottom:63px;gap:10px}.hero-products button{font:12px/1.4 "Segoe UI",sans-serif;min-height:48px;justify-content:center;gap:9px;padding:10px 12px;border-radius:9px;flex-direction:row;align-items:center}.hero-products img{width:22px;height:22px;object-fit:contain;border-radius:5px}.product-studio-action{position:absolute;bottom:32px;left:8px;right:8px;display:flex;justify-content:center}.product-studio-action button{background:transparent;border:0;color:#dabb84;font-size:11px;padding:3px 12px}.hero-visual .visual-bottomline{left:8px;right:8px;font:9px/1.5 "Segoe UI",sans-serif;letter-spacing:0;gap:15px;border:0;padding:0}.hero-visual .visual-bottomline>span{opacity:.7}.hero-visual .visual-bottomline .motion-toggle{font-size:9px}.hero-visual .engineering-scene-stage:before,.hero-visual .engineering-scene-stage:after{display:none}
@media(min-width:1600px){.hero-visual{height:680px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(58px,9vw,80px)}.hero-visual{height:610px;max-width:650px}.product-studio-label{inset:8px 0 auto}.hero-products{left:0;right:0}.hero-products button{font-size:11px;gap:7px;padding:10px 8px}}
@media(max-width:440px){.hero h1{font-size:54px}.hero-visual{height:590px}.hero-visual .engineering-scene{left:-8px;right:-8px;top:25px;bottom:130px}.product-studio-label>span:first-child{font-size:8px}.product-studio-label>span:last-child{font-size:10px}.hero-products{gap:5px;bottom:64px}.hero-products button{font-size:10px;gap:5px;padding:9px 5px;min-height:47px}.hero-products img{width:18px;height:18px}.product-studio-action button{font-size:10px}.hero-visual .visual-bottomline{left:0;right:0;font-size:8px;align-items:start}.hero-visual .visual-bottomline>span{max-width:200px}.hero-visual .visual-bottomline .motion-toggle{font-size:8px;white-space:nowrap}}

/* Keep the complete app screens readable instead of cropping them to a tall frame. */
.showcase .phone-preview{height:auto;background:#101e2d;padding:0;cursor:zoom-in}
.showcase .phone-preview:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.showcase .phone-preview img{display:block;height:auto;object-fit:contain}
.showcase .phone-one{transform:rotateY(4deg) rotateZ(-3deg)}
.showcase .phone-two{transform:rotateY(-4deg) rotateZ(3deg)}
#product-detail .detail-preview{display:block;width:min(100%,480px);max-width:100%;max-height:none;height:auto;object-fit:contain;border-radius:12px}