@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#030814;--panel:#081222;--ink:#edf4ff;--muted:#94a3bb;--blue:#087dff;--cyan:#54dbff;--line:#1a2b43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{cursor:default;opacity:.5}.skip{position:fixed;left:20px;top:-80px;z-index:20;padding:12px;background:var(--cyan);color:var(--bg)}.skip:focus{top:10px}.header{height:100px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #142033;background:#030814ee;position:relative;z-index:4}.brand{display:block;width:130px}.brand img{display:block;width:100%;height:auto;object-fit:contain}nav{display:flex;align-items:center;gap:34px;font-size:12px}nav>a{color:#bdc9de}nav>a:hover{color:var(--cyan)}.nav-cta{border:1px solid #2c4a73;padding:13px 18px;border-radius:4px}.nav-cta span{margin-left:25px}main,footer{max-width:1600px;margin:auto}.hero{position:relative;min-height:670px;height:calc(100svh - 100px);max-height:900px;overflow:hidden;background:radial-gradient(ellipse at 77% 43%,#07306666,transparent 48%)}.hero-copy{position:relative;z-index:2;width:47%;padding:105px 0 0 5%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:9px;color:#a8bbd4}.eyebrow i,.live-dot,.location i{height:5px;width:5px;background:var(--cyan);box-shadow:0 0 12px #4cdbff;border-radius:50%;display:inline-block}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:Manrope,sans-serif;font-weight:500}h1{font-size:clamp(46px,4.8vw,75px);line-height:1.14;letter-spacing:-3px;margin:31px 0 24px}h1 span,h2 span{background:linear-gradient(110deg,#fff,#b8dbff 40%,#3bbaff 85%);background-clip:text;-webkit-text-fill-color:transparent}h1 span{color:var(--cyan)}.hero-copy>p{font-size:15px;line-height:1.9;max-width:365px;color:#9faec5}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 21px;border:1px solid #297bd3;border-radius:3px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.primary{background:linear-gradient(110deg,#087aff,#0558c9);color:white;box-shadow:0 8px 35px #006aff20}.button:hover{background:#128cff;transform:translateY(-2px)}.text-link{font-size:12px;color:#bdcfe5;background:none;border:0;padding:0}.text-link:hover{color:var(--cyan)}.hero-tags{display:flex;gap:23px;margin-top:55px;font-size:7px;letter-spacing:1.5px;color:#71849f}.hero-tags span:before{content:'+';color:var(--cyan);margin-right:8px}.scene-shell{position:absolute;right:0;top:0;width:62%;height:calc(100% - 64px)}#studio-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .6s}#studio-canvas.ready{opacity:1}#studio-canvas:active{cursor:grabbing}.scene-label{position:absolute;top:34px;right:8%;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:2px;color:#8eabc9;pointer-events:none}.scene-controls{position:absolute;bottom:24px;left:22%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:15px}.scene-controls>span{font-size:7px;letter-spacing:1.6px;color:#7a93b3}.scene-controls b{font-size:16px;margin-left:8px;font-weight:400}#reset-view{background:#071729cc;border:1px solid #244367;color:#bdd6ef;padding:10px 13px;display:flex;gap:8px;font-size:11px;border-radius:3px}#reset-view:hover{border-color:var(--cyan)}.hero-footer{position:absolute;bottom:0;left:5%;right:5%;height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#899ebc}.hero-footer b{margin:0 12px;color:var(--cyan)}.hero-footer a{font-size:8px}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:radial-gradient(ellipse,#0a397833,transparent 65%)}.scene-fallback[hidden]{display:none}.scene-fallback img{width:68%;height:auto;position:relative;filter:drop-shadow(0 20px 18px #0088ff44);z-index:1}.scene-fallback p{font-size:10px;color:#90b5d8;position:absolute;bottom:80px}.fallback-orbit{position:absolute;width:75%;height:38%;border:1px solid #0f93ff66;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 30px #1686ff22}.section{padding:100px 5%;border-top:1px solid #142034}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}h2{font-size:clamp(38px,3.5vw,55px);line-height:1.15;letter-spacing:-2px;margin-top:18px}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted)}.service-selector{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-selector button{border:0;border-right:1px solid var(--line);background:#060e1c;padding:25px 22px;display:flex;align-items:center;gap:16px;text-align:left;font-size:14px;min-height:74px}.service-selector button:last-child{border-right:0}.service-selector button>span{font-size:9px;color:#718cad}.service-selector button>b{margin-left:auto;font-size:18px;font-weight:400}.service-selector button[aria-pressed=true]{background:linear-gradient(110deg,#0d2b52,#081931);box-shadow:inset 0 -2px #2297ff}.service-selector button[aria-pressed=true]>span{color:var(--cyan)}.service-detail{display:grid;grid-template-columns:.3fr 1.5fr 1fr;gap:32px;padding:50px 30px 25px}.service-number{font:80px/1 Manrope,sans-serif;color:#152b47;letter-spacing:-6px}.service-detail h3{font:500 29px/1.3 Manrope,sans-serif;margin-top:15px;letter-spacing:-.8px}.service-detail p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:18px;max-width:530px}.service-detail ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px;font-size:12px;color:#b2c5db}.service-detail li:before{content:'↗';color:var(--cyan);margin-right:12px}.service-visual{display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:700px}.service-visual p{font-size:8px;letter-spacing:3px;margin-top:35px}.wire-cube{width:110px;height:110px;position:relative;transform:rotateX(25deg) rotateY(-30deg) rotateZ(-8deg);transform-style:preserve-3d}.wire-cube span{position:absolute;inset:0;border:1px solid #3baeff;background:linear-gradient(135deg,#166eff22,#5ae6ff11);box-shadow:0 0 35px #0088ff19}.wire-cube span:nth-child(1){transform:translateZ(55px)}.wire-cube span:nth-child(2){transform:rotateY(90deg) translateZ(55px)}.wire-cube span:nth-child(3){transform:rotateX(90deg) translateZ(55px)}.work{background:linear-gradient(180deg,#040a17,#050c18)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{border:1px solid var(--line);padding:22px;background:#060f1e;overflow:hidden;min-width:0}.project-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1.3px;color:#8b9fba}.concept{padding:5px 7px;border:1px solid #2c415b;color:#a5bbd3;font-size:7px}.preview-controls{display:flex;justify-content:flex-end;gap:3px;margin:18px 0 12px}.preview-controls button{border:1px solid transparent;background:none;color:#879bb6;padding:7px 12px;font-size:10px;border-radius:3px}.preview-controls button[aria-pressed=true]{background:#15253b;border-color:#2c4563;color:#e2efff}.project-stage{height:330px;display:flex;align-items:center;justify-content:center;padding:26px;overflow:hidden;position:relative}.orbit-stage{background:radial-gradient(at 50% 20%,#183a58,#07192b)}.forma-stage{background:radial-gradient(at 50% 20%,#263746,#111e2b)}.device{width:100%;max-width:450px;height:260px;border:1px solid #40526c;background:#0b1728;border-radius:7px;overflow:hidden;box-shadow:0 20px 30px #0005;transition:width .45s,height .45s,border-radius .45s;flex-shrink:0}.device-bar{height:23px;display:flex;align-items:center;gap:4px;background:#101e30;padding:0 10px;color:#778cab;font-size:6px}.device-bar i{width:4px;height:4px;border-radius:50%;background:#46607e}.device-bar span{margin-left:auto;margin-right:auto}.orbit-app{display:flex;height:calc(100% - 23px);color:#dee9f8}.orbit-app aside{width:65px;flex-shrink:0;background:#0c1a2c;padding:17px 12px;font-size:20px;font-weight:700}.orbit-app aside span{display:block;font-size:6px;font-weight:400;margin-top:18px;color:#7d96b3}.orbit-content{padding:24px 20px;width:100%}.orbit-content>small{font-size:5px;letter-spacing:1px;color:#698bb2}.orbit-content h4{font:500 17px/1.2 Manrope,sans-serif;margin-top:10px;letter-spacing:-.3px}.dashboard-stats{display:flex;gap:9px;margin-top:15px}.dashboard-stats>div{background:#142940;border:1px solid #233e5d;padding:9px;flex:1;display:flex;flex-direction:column;gap:5px}.dashboard-stats b{font-size:8px;font-weight:500}.dashboard-stats span{font-size:5px;color:#8da7c5}.chart{height:40px;display:flex;align-items:flex-end;gap:7px;margin-top:12px}.chart i{background:#247ae7;height:30%;flex:1}.chart i:nth-child(2){height:50%}.chart i:nth-child(3){height:40%}.chart i:nth-child(4){height:70%}.chart i:nth-child(5){height:60%}.chart i:nth-child(6){height:85%}.chart i:nth-child(7){height:100%;background:#51d7f7}.task{font-size:6px;margin-top:13px;display:flex;justify-content:space-between;color:#9fb6d1}.task span{color:#5bc6ed}.forma-app{background:#ece8df;color:#34382e;height:calc(100% - 23px);padding:20px}.forma-nav{font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}.forma-nav span{font-size:5px;letter-spacing:1px}.forma-main{position:relative;height:145px;display:flex;align-items:center;justify-content:space-between}.forma-main h4{font:30px/1.1 Georgia,serif;z-index:1}.forma-main h4 em{font-weight:400}.object-art{position:relative;width:120px;height:135px;display:flex;align-items:center;justify-content:center}.vase{position:relative;width:66px;height:95px;background:linear-gradient(90deg,#79917e,#adbca3 40%,#5b7160);border-radius:18% 18% 35% 35%;z-index:1;box-shadow:inset -10px 0 10px #253c3250}.vase:before{content:'';position:absolute;top:-12px;left:16px;right:16px;height:20px;background:linear-gradient(90deg,#7f9583,#a9baa3,#5b7160);border-radius:8px 8px 0 0}.vase:after{content:'';position:absolute;top:-14px;left:15px;right:15px;height:6px;background:#3b5241;border:3px solid #93a98f;border-radius:50%}.object-shadow{position:absolute;bottom:13px;width:100px;height:10px;background:#4e594c66;filter:blur(6px);transform:rotate(-5deg)}.forma-link{border-top:1px solid #aeb6a6;padding-top:12px;font-size:7px;display:flex;justify-content:space-between}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:15px}.project-info h3{font:500 24px Manrope,sans-serif;letter-spacing:-.5px}.project-info p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:7px}.tags{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.tags span{border:1px solid #20354e;padding:5px 8px;font-size:8px;color:#9bb1cc}.project-open{width:40px;height:40px;border:1px solid #294360;background:#0b1b30;font-size:22px;border-radius:50%;flex-shrink:0}.project-open:hover{background:#0d66bd}.project-wide{grid-column:1/-1}.notes-stage{background:radial-gradient(at 50% 0%,#142e42,#0a1724)}.project-wide .device.desktop{max-width:790px}.notes-app{background:#d9e5db;color:#283e33;height:calc(100% - 23px);padding:22px 28px}.notes-nav{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;justify-content:space-between}.notes-nav span{font-size:6px;font-weight:400;letter-spacing:0}.notes-main{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.notes-main small{font-size:6px;letter-spacing:1px}.notes-main h4{font:500 34px/1.05 Manrope,sans-serif;letter-spacing:-1.5px;margin-top:12px}.notes-main h4 span{color:#49876c}.notes-main p{font-size:7px;margin-top:16px}.notes-art{background:#317d64;width:190px;height:145px;transform:rotate(5deg);padding:18px;color:#e0f3df}.notes-art>span{font-size:52px;line-height:.8}.notes-art>div{font:20px/1 Georgia,serif;margin-top:16px}.device.mobile{width:170px;height:285px;border-radius:20px;border:5px solid #273b53}.mobile .device-bar{height:16px}.mobile .device-bar span{font-size:5px}.mobile .orbit-app aside{display:none}.mobile .orbit-content{padding:24px 12px}.mobile .orbit-content h4{font-size:17px}.mobile .dashboard-stats{gap:4px}.mobile .dashboard-stats>div{padding:7px}.mobile .forma-app{padding:16px 12px}.mobile .forma-nav span{display:none}.mobile .forma-main{height:190px;display:block;padding-top:17px}.mobile .forma-main h4{font-size:26px}.mobile .object-art{width:90px;height:100px;margin-left:auto;margin-top:-8px}.mobile .vase{width:48px;height:64px}.mobile .vase:before{left:10px;right:10px}.mobile .vase:after{left:9px;right:9px}.mobile .object-shadow{bottom:8px;width:65px}.mobile .notes-app{padding:18px 12px}.mobile .notes-nav{font-size:7px;letter-spacing:1px}.mobile .notes-nav span{display:none}.mobile .notes-main{display:block;margin-top:22px}.mobile .notes-main h4{font-size:24px}.mobile .notes-main p{font-size:6px;line-height:1.6;margin-top:10px}.mobile .notes-art{height:67px;width:105px;margin-top:20px;margin-left:auto;padding:8px;display:flex;gap:10px;align-items:center}.mobile .notes-art>span{font-size:28px}.mobile .notes-art>div{font-size:11px;margin:0}.studio{display:grid;grid-template-columns:1fr 1fr;gap:80px}.studio-copy>p{font-size:14px;line-height:1.9;max-width:480px;color:var(--muted);margin-top:25px}.studio-copy>p:first-of-type{font-size:17px;color:#cad9ed}.location{margin-top:30px;font-size:8px;letter-spacing:2px;display:flex;gap:10px;align-items:center}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:center}.founder{background:linear-gradient(135deg,#102746,#050b15);border:1px solid #243b58;padding:25px 23px}.founder-monogram{font:100px/.9 Manrope,sans-serif;color:#42759d;letter-spacing:-8px;display:block;position:relative;margin:18px 0 45px;text-shadow:1px 1px 0 #5ba9d2}.founder-monogram>span{position:absolute;top:0;right:0;font:9px 'DM Sans',sans-serif;color:#7996b9;letter-spacing:1px}.founder h3{font-size:20px;font-weight:500}.founder p{font-size:9px;color:#7794b7;margin-top:9px}.founder-note{grid-column:1/-1;font-size:7px;letter-spacing:2px;color:#7389a6;text-align:center;padding-top:6px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:radial-gradient(at 0% 100%,#0b2c512e,transparent 60%)}.contact-copy>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px;max-width:330px}.form-note{border-left:2px solid #1c5996;padding-left:18px;margin-top:50px;max-width:360px}.form-note>span{font-size:8px;letter-spacing:1.4px;color:#709bc7}.form-note p{font-size:11px;line-height:1.8;color:#8195b0;margin-top:10px}form{display:flex;flex-direction:column;gap:23px;padding-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:23px}label{font-size:10px;letter-spacing:.2px;display:flex;flex-direction:column;gap:11px;color:#c5d5e9}input,select,textarea{width:100%;border:1px solid #283c57;border-radius:2px;padding:13px;background:#07101e;color:var(--ink);font-size:12px;min-height:46px}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#617797;font-size:11px}select{color:#c1d1e5}form>.button{align-self:flex-start}#form-status{font-size:12px;line-height:1.7;color:#8abbd8}#form-status:empty{display:none}#download-brief{font-size:12px;color:var(--cyan);text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{width:105px}footer>span{font-size:7px;letter-spacing:1.6px;color:#7087a6;line-height:2}footer>a:last-child{font-size:9px;color:#a5b8d1}dialog{background:linear-gradient(135deg,#0b1d33,#040b16);color:var(--ink);border:1px solid #34587e;padding:50px;width:calc(100% - 32px);max-width:620px}dialog::backdrop{background:#010713d9;backdrop-filter:blur(10px)}dialog h2{font-size:42px}dialog>p,.dialog-detail p{font-size:13px;line-height:1.9;color:#a0b4ce;margin-top:23px}.close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:27px}.dialog-detail{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.dialog-detail h3{font-size:18px;font-weight:500}.dialog-detail p{margin-top:10px}dialog .button{margin-top:30px}.close-bottom{display:block;margin-top:22px}@media(min-width:1600px){h1{font-size:75px}}@media(max-width:1100px){h1{font-size:52px}.hero-copy{padding-top:110px}.hero-actions{gap:20px}.hero{min-height:650px}.scene-shell{width:61%}.service-selector button{font-size:12px;padding:22px 16px;gap:10px}.service-detail{grid-template-columns:.2fr 1.5fr .65fr;padding-left:0;padding-right:0}.service-number{font-size:65px}.service-detail h3{font-size:25px}.project-stage{padding:15px;height:310px}.project-card{padding:18px}.studio,.contact{gap:40px}.founder{padding:18px}.founder-monogram{font-size:85px}nav{gap:25px}}@media(max-width:760px){html{scroll-padding-top:25px}.header{height:78px;padding:0 6%}.brand{width:104px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:11px 12px}.nav-cta span{margin-left:15px}.hero{height:auto;min-height:0;max-height:none;padding-bottom:55px;display:flex;flex-direction:column;background:radial-gradient(at 50% 65%,#0a285852,transparent 60%)}.hero-copy{width:100%;padding:32px 6% 0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.7px}h1{font-size:clamp(38px,10.5vw,59px);letter-spacing:-2px;line-height:1.1;margin:22px 0 16px}.hero-copy>p{font-size:12px;line-height:1.8;max-width:340px}.hero-actions{margin-top:21px;gap:22px}.button{font-size:11px;padding:13px 16px;gap:20px}.hero-actions .text-link{font-size:10px}.hero-tags{display:none}.scene-shell{position:relative;width:100%;height:340px;top:auto;right:auto;margin-top:4px}.scene-label{top:16px;right:6%;font-size:6px;letter-spacing:1.5px}.scene-controls{left:6%;right:6%;bottom:10px}.scene-controls>span{font-size:6px}#reset-view{font-size:10px;padding:9px 12px}.scene-fallback img{width:63%}.scene-fallback p{bottom:55px;font-size:9px}.hero-footer{left:6%;right:6%;height:47px;font-size:6px;letter-spacing:1px}.hero-footer b{margin:0 6px}.hero-footer a{font-size:6px;letter-spacing:1px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:38px;letter-spacing:-1.6px}.section-heading>p{margin-top:20px;font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.8px}.service-selector{grid-template-columns:1fr}.service-selector button{font-size:13px;border-right:0;border-bottom:1px solid var(--line);min-height:58px;padding:18px}.service-selector button:last-child{border-bottom:0}.service-selector button[aria-pressed=true]{box-shadow:inset 2px 0 #2297ff}.service-detail{grid-template-columns:1fr;padding:30px 0 0;gap:15px}.service-number{font-size:40px;letter-spacing:-2px}.service-detail h3{font-size:25px;max-width:320px}.service-detail p{font-size:12px}.service-detail li{font-size:11px}.service-visual{display:none}.project-grid{grid-template-columns:1fr;gap:24px}.project-wide{grid-column:auto}.project-card{padding:16px}.project-stage{height:305px;padding:12px}.project-top{font-size:7px;letter-spacing:1px}.device{height:250px}.project-info h3{font-size:22px}.project-info p{font-size:10px}.project-wide .device.desktop{max-width:450px}.notes-app{padding:20px 15px}.notes-main h4{font-size:24px;letter-spacing:-.7px}.notes-main p{font-size:6px;line-height:1.6;max-width:160px}.notes-art{width:90px;height:120px;padding:13px;flex-shrink:0}.notes-art>span{font-size:39px}.notes-art>div{font-size:15px}.notes-nav{font-size:7px;letter-spacing:1px}.notes-nav span{font-size:5px}.orbit-content{padding:23px 14px}.orbit-content h4{font-size:15px}.orbit-app aside{width:50px;padding:18px 10px}.forma-main h4{font-size:27px}.object-art{width:88px}.studio,.contact{grid-template-columns:1fr;gap:36px}.studio-copy>p{font-size:12px}.studio-copy>p:first-of-type{font-size:15px}.founder-grid{gap:12px}.founder-monogram{font-size:78px;margin-bottom:32px}.founder h3{font-size:18px}.founder p{font-size:8px}.founder-note{font-size:6px}.contact-copy>p{font-size:12px;max-width:300px}.form-note{margin-top:26px}.form-row{grid-template-columns:1fr;gap:23px}input,select,textarea{font-size:16px}input::placeholder,textarea::placeholder{font-size:12px}label{font-size:11px}footer{padding:25px 6%;gap:15px}footer .brand{width:85px}footer>span{font-size:6px;letter-spacing:.6px}footer>a:last-child{font-size:7px;max-width:65px;line-height:1.8}dialog{padding:40px 25px}dialog h2{font-size:34px}}@media(max-width:360px){.hero-actions{gap:15px}.hero-copy .eyebrow{font-size:6px}.project-stage{padding:8px}.orbit-app aside{display:none}.notes-art{width:70px}.notes-main h4{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep brand lettering and scene instructions readable at small screen sizes. */
.scene-tagline{position:absolute;bottom:70px;left:0;right:0;text-align:center;color:#edf5ff;font-size:14px;line-height:1.5;letter-spacing:.6px;pointer-events:none;text-shadow:0 2px 8px #030814}.scene-tagline span{color:#54dbff;margin:0 9px}.scene-controls>span{font-size:9px;color:#b8cce5}.hero-footer{font-size:10px;color:#bbcee6}.hero-footer a{font-size:9px}.brand{width:150px}
@media(max-width:760px){.header .brand{width:120px}.scene-shell{height:390px}.scene-tagline{bottom:55px;font-size:13px;letter-spacing:0}.scene-tagline span{margin:0 6px}.scene-controls>span{font-size:8px}.hero-footer{font-size:8px}.hero-footer a{font-size:8px}}
@media(max-width:360px){.scene-tagline{font-size:12px}.hero-footer{font-size:7px}.hero-footer a{font-size:7px}}

/* Media services — editorial cards with lightweight native illustrations. */
.media{background:radial-gradient(ellipse at 70% 20%,#082c5030,transparent 60%)}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.media-service{border:1px solid #263c58;background:#07101e;min-width:0}.media-art{height:250px;padding:23px 26px;border-bottom:1px solid #263c58;overflow:hidden;position:relative}.media-art-label{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1px;color:#9eb6d5}.editing-art{background:radial-gradient(at 50% 30%,#113b69,#081427)}.edit-screen{height:117px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.edit-play{border:1px solid #49caff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:30px;line-height:1;color:#a6e8ff;box-shadow:0 0 24px #168dff33}.edit-screen>span{font-size:9px;letter-spacing:2px;color:#aecded}.edit-timeline{position:relative;margin:0 5%;border-top:1px solid #294b75;padding-top:12px}.edit-track{display:flex;gap:5px;height:22px}.edit-track>span{background:linear-gradient(90deg,#1468d0,#299ee4);border:1px solid #3aabff;flex:2}.edit-track>span:nth-child(2){flex:3;background:linear-gradient(90deg,#094a9c,#1e7bdc)}.edit-track>span:nth-child(3){flex:1}.edit-audio{display:flex;align-items:center;justify-content:space-around;height:27px;background:#091b2d;margin-top:6px}.edit-audio i{height:8px;width:4px;background:#54dbff}.edit-audio i:nth-child(3n){height:16px}.edit-audio i:nth-child(4n){height:20px}.edit-audio i:nth-child(5n){height:12px}.edit-playhead{position:absolute;left:61%;top:0;bottom:0;width:1px;background:#d0f4ff;box-shadow:0 0 8px #50d5ff}.edit-playhead:before{content:'';position:absolute;top:-3px;left:-3px;width:7px;height:7px;background:#bdefff;transform:rotate(45deg)}.writing-art{background:radial-gradient(at 50% 80%,#183246,#0a1727)}.script-sheet{width:80%;max-width:360px;margin:18px auto 0;padding:15px 20px;background:#0d1e32;border:1px solid #385778;transform:rotate(-3deg);box-shadow:10px 10px 0 #091422;position:relative}.script-sheet-header{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#83a5ca;padding-bottom:12px;border-bottom:1px solid #2a4565}.script-line{display:flex;gap:15px;margin-top:12px}.script-line>span{font-size:7px;color:#559dde;padding-top:3px}.script-line>div{flex:1}.script-line b{display:block;font-size:11px;font-weight:500;color:#d7e8f8}.script-line i{display:block;background:#385a7b;height:2px;width:87%;margin-top:5px}.script-line i:nth-of-type(2){width:63%;background:#243f5d}.script-cursor{position:absolute;right:25px;bottom:21px;color:#71dbff}.media-content{padding:30px}.media-content h3{font:500 29px/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin-top:15px}.media-content>p{font-size:14px;line-height:1.85;color:#a8b9d0;margin-top:17px;max-width:480px}.media-content ul{list-style:none;padding:0;margin:23px 0 29px;font-size:12px;line-height:1.8;color:#c0d1e5;display:grid;gap:7px}.media-content li:before{content:'+';color:#54dbff;margin-right:11px}.media-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263c58;padding-top:19px;font-size:13px;color:#d0e7ff}.media-cta>span{font-size:22px;color:#54dbff}
@media(max-width:1000px) and (min-width:761px){nav{gap:17px}.header .brand{width:130px}}
@media(max-width:760px){.media-grid{grid-template-columns:1fr;gap:24px}.media-art{height:235px;padding:20px}.media-art-label{font-size:8px}.media-content{padding:25px 22px}.media-content h3{font-size:27px}.media-content>p{font-size:14px}.media-content ul{font-size:12px}.script-sheet{width:86%;padding:13px 16px}}

/* Projected HTML labels stay sharp while their physical panels move in WebGL. */
.scene-service-labels{position:absolute;inset:0;pointer-events:none}.scene-service-labels[hidden]{display:none}.scene-service-button{position:absolute;transform:translate(-50%,-50%);width:220px;min-height:64px;padding:12px 14px;display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:9px;border:1px solid #4979a9;border-radius:4px;background:#061426;color:#f2f7ff;text-align:left;pointer-events:auto;box-shadow:0 8px 24px #01071280;font-size:17px;line-height:1.25}.scene-service-button strong{font-weight:600}.scene-service-button>span{font-size:11px;color:#b5d8f5}.scene-service-button>b{color:#73dfff;font-weight:400;font-size:20px}.scene-service-button[aria-pressed=true]{background:#0b2b4c;border-color:#80e6ff}.scene-service-button:hover{background:#153b60;border-color:#80e6ff}.service-selector button{font-size:16px;color:#edf5ff}.service-detail p{font-size:15px;color:#bccbe0}.service-detail ul{font-size:14px;color:#ccdaeb}.service-detail .text-link{font-size:14px;color:#d7eaff}
@media(max-width:760px){.scene-service-button{width:152px;min-height:66px;padding:10px 11px;grid-template-columns:1fr 14px;gap:4px 7px;font-size:15px;line-height:1.3}.scene-service-button>span{display:none}.scene-service-button[data-service=apps]{width:196px;min-height:54px}.service-selector button{font-size:16px;min-height:64px}.service-detail p{font-size:15px;line-height:1.85}.service-detail li{font-size:14px;line-height:1.7}.service-detail .eyebrow{font-size:11px;letter-spacing:1px}}
@media(max-width:360px){.scene-service-button{width:140px;font-size:14px}}

#studio-canvas,#studio-canvas:active{cursor:default}

/* Separate Media page and a reachable Media link on phones. */
nav>a[aria-current=page]{color:var(--cyan)}.media-page .media{border-top:0}.media-page .section-heading h1{margin:18px 0 0;font-size:clamp(46px,5vw,75px)}
@media(max-width:760px){nav>a.media-nav{display:block;font-size:11px}.header nav{gap:12px}.media-page .section-heading h1{font-size:clamp(38px,10.5vw,59px)}}

/* Product & AI page illustrations use native geometry and no extra renderer. */
.product-art{background:radial-gradient(at 50% 25%,#143b69,#081427)}.product-blueprint{max-width:340px;margin:20px auto 0}.blueprint-label{font-size:8px;letter-spacing:2px;color:#b9d6f5}.blueprint-window{position:relative;margin-top:12px;padding:12px 16px;border:1px solid #4a83b5;border-radius:5px;background:#0b1c30;box-shadow:8px 8px 0 #05101f}.blueprint-window>i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#54dbff}.blueprint-content{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.blueprint-content span{height:26px;border:1px solid #2e5b84;background:linear-gradient(110deg,#136ac044,#54dbff11)}.blueprint-content span:first-child{grid-column:1/-1;height:20px}.product-steps{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:10px;color:#b9d6f5}.product-steps b{color:#54dbff;font-weight:400}.ai-art{background:radial-gradient(at 50% 50%,#074f633f,#081427)}.ai-network{display:flex;align-items:center;justify-content:center;gap:14px;min-height:150px}.ai-network>span{font-size:8px;letter-spacing:1px;max-width:70px;text-align:center;line-height:1.7;color:#b9d6f5}.ai-network>b{font-weight:400;color:#54dbff}.ai-network>strong{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border:1px solid #54dbff;border-radius:18px;font:500 28px Manrope,sans-serif;color:#d8f5ff;box-shadow:0 0 30px #08aaff22;background:#0a2840}.ai-caption{text-align:center;font-size:8px;letter-spacing:1.5px;color:#9eb6d5}.product-page .section-heading h1{font-size:clamp(38px,4vw,62px)}
@media(max-width:760px){.header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.header nav{width:100%;justify-content:space-between;gap:8px}nav>a.product-nav{display:block;font-size:11px}.product-page .section-heading h1{font-size:clamp(34px,8.5vw,50px)}.ai-network{gap:10px}.ai-caption{font-size:7px;letter-spacing:1px}}

/* Engineering illustration: bounded CSS effects, paused until visible. */
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#3770a30b 1px,transparent 1px),linear-gradient(90deg,#3770a30b 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}.technical-studio{padding:55px 5% 65px;border-top:1px solid var(--line);background:radial-gradient(at 85% 40%,#07375a33,transparent 60%)}.technical-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.technical-heading h2{font-size:clamp(30px,3vw,43px);margin-top:12px;letter-spacing:-1px}.technical-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.effects-toggle{background:#08192b;border:1px solid #315474;padding:10px 14px;border-radius:4px;font-size:11px;flex-shrink:0}.effects-toggle:hover{border-color:var(--cyan)}.technical-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.code-preview{min-width:0;border:1px solid #2a4565;border-radius:8px;overflow:hidden;background:#06101e;box-shadow:0 14px 40px #0002}.code-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #1c314b;background:#0a192b;font:9px ui-monospace,Consolas,monospace;color:#9ebbd9}.code-preview-bar i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#375b7e}.code-preview-bar i:last-child{background:#54dbff}.code-preview pre{margin:0;padding:20px 0;overflow-x:auto;font:12px/1.9 ui-monospace,Consolas,monospace;color:#c1d9f1}.code-row{display:block;padding:0 18px;min-width:max-content}.code-row>b{display:inline-block;width:27px;color:#587696;font-weight:400;user-select:none}.code-row>em{font-style:normal;color:#65c4ff}.code-row>strong{font-weight:400;color:#8ee4cf}.code-row:nth-child(4){background:#0a2a453f;border-left:2px solid #3499e9;padding-left:16px;animation:code-highlight 5s ease-in-out infinite}.code-caret{display:inline-block;width:6px;height:13px;background:#54dbff;margin-left:5px;vertical-align:middle;animation:code-caret 1.6s ease-in-out infinite}.code-preview-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #1c314b;padding:12px 18px;font:8px/1.6 ui-monospace,Consolas,monospace;color:#7899ba}.circuit-preview{min-width:0;display:flex;flex-direction:column;justify-content:center;border:1px solid #1d3b57;border-radius:8px;background:linear-gradient(#29689b0b 1px,transparent 1px),linear-gradient(90deg,#29689b0b 1px,transparent 1px),#071423;background-size:24px 24px;padding:20px}.circuit-preview svg{display:block;width:100%;height:auto}.circuit-tracks path{stroke:#214c6b;stroke-width:1.5}.circuit-signals path{stroke:url(#circuit-color);stroke-width:2;stroke-dasharray:24 460;animation:circuit-flow 6s linear infinite}.circuit-signals path:nth-child(2){animation-delay:-2s}.circuit-signals path:nth-child(3){animation-delay:-4s}.circuit-core{fill:#0c2943;stroke:#54dbff;stroke-width:1.3}.circuit-preview text{fill:#c5edff;font:20px ui-monospace,Consolas,monospace}.circuit-nodes{fill:#54dbff;animation:circuit-pulse 4s ease-in-out infinite}.circuit-caption{display:flex;justify-content:space-between;font:8px ui-monospace,Consolas,monospace;letter-spacing:1px;color:#87b2d4}.technical-studio .code-row,.technical-studio .code-caret,.technical-studio .circuit-signals path,.technical-studio .circuit-nodes{animation-play-state:paused}.technical-studio.effects-running .code-row,.technical-studio.effects-running .code-caret,.technical-studio.effects-running .circuit-signals path,.technical-studio.effects-running .circuit-nodes{animation-play-state:running}@keyframes circuit-flow{to{stroke-dashoffset:-484}}@keyframes circuit-pulse{50%{opacity:.4}}@keyframes code-highlight{50%{background:#116fa22e;border-color:#72e2ff}}@keyframes code-caret{50%{opacity:.25}}
@media(max-width:760px){.technical-studio{padding:40px 6% 50px}.technical-heading{align-items:flex-start;gap:15px}.technical-heading .eyebrow{font-size:7px;letter-spacing:1px}.technical-heading h2{font-size:30px}.technical-heading p{font-size:12px}.effects-toggle{font-size:10px;padding:9px 10px}.technical-grid{grid-template-columns:1fr;gap:16px}.code-preview pre{font-size:11px}.code-preview-footer{font-size:7px;padding:12px}.circuit-preview{padding:18px}.circuit-preview svg{max-height:190px}.circuit-caption{font-size:7px;letter-spacing:.5px}}

/* Interactive editing desk. HTML controls remain usable without WebGL. */
.editing-demo{background:radial-gradient(at 25% 40%,#0739643b,transparent 65%)}.editing-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.editing-viewport{position:relative;height:480px;border:1px solid #274863;border-radius:8px;overflow:hidden;background:radial-gradient(at 50% 25%,#123453,#030c19)}#editing-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;opacity:0}#editing-canvas.ready{opacity:1}#editing-canvas:active{cursor:grabbing}#editing-canvas[hidden]{display:none}.editing-view-controls{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.editing-view-controls>span{font-size:8px;letter-spacing:1px;color:#a0bfdc}.editing-view-controls button,.editing-finishing button,.editing-shot-buttons button{border:1px solid #315474;border-radius:4px;background:#08192b;color:#d3e8fc;padding:10px 12px;font-size:11px}.editing-console{padding:28px;border:1px solid #274863;border-radius:8px;background:#071321;display:flex;flex-direction:column;gap:20px;min-width:0}.editing-console h3{font:500 27px/1.25 Manrope,sans-serif;letter-spacing:-.5px}.editing-console>p{font-size:13px;line-height:1.8;color:#a5bcd6;min-height:46px}.editing-shot-buttons{display:flex;gap:7px;flex-wrap:wrap}.editing-shot-buttons button[aria-pressed=true],.editing-finishing button[aria-pressed=true]{border-color:#54dbff;background:#0b304e}.editing-scrub{font-size:12px;gap:12px}.editing-scrub output{font:11px ui-monospace,Consolas,monospace;color:#54dbff}#editing-time{padding:0;border:0;accent-color:#54dbff;min-height:32px;cursor:pointer}.editing-console>.button{align-self:flex-start}.editing-finishing{display:flex;gap:9px;flex-wrap:wrap}.editing-console>.editing-demo-note{font-size:11px;color:#819cb8;min-height:0;margin-top:0}.editing-console>#editing-demo-status{font-size:11px;color:#b2d7ee;min-height:0}.editing-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:30px}.editing-fallback[hidden]{display:none}.fallback-film{width:100%;max-width:430px;height:250px;position:relative;padding:20px;border:8px solid #1d354d;border-radius:8px;background:linear-gradient(#084165,#031624);overflow:hidden}.fallback-film>span{font:9px ui-monospace,Consolas,monospace;position:relative;z-index:1;color:#b1d7e9}.fallback-film>strong{position:absolute;bottom:20px;left:20px;right:20px;font-size:15px;z-index:1}.fallback-skyline{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-around;height:160px}.fallback-skyline i{width:14%;height:80%;background:#146788}.fallback-skyline i:nth-child(2n){height:55%;background:#0a4566}.fallback-skyline i:last-child{height:100%}.editing-fallback.ungraded .fallback-film{filter:grayscale(1)}.editing-fallback.titles-off .fallback-film>strong{visibility:hidden}
@media(max-width:1000px){.editing-layout{grid-template-columns:1fr}.editing-viewport{height:430px}}@media(max-width:760px){.editing-viewport{height:360px}.editing-console{padding:24px 20px}.editing-console h3{font-size:25px}.editing-view-controls{left:12px;right:12px;bottom:12px}.editing-view-controls>span{font-size:7px;letter-spacing:.5px}.editing-view-controls button{font-size:10px}.fallback-film{height:220px}.editing-demo .section-heading>p{font-size:12px}}

/* Aluminium workstation framing for the creative editing suite. */
.editing-viewport{background:radial-gradient(ellipse at 22% 70%,#b27b3820,transparent 42%),radial-gradient(ellipse at 65% 30%,#194464,#030c19)}.editing-studio-label{position:absolute;top:20px;left:20px;z-index:1;display:flex;align-items:center;gap:8px;pointer-events:none;font:8px ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:#b7cee3}.editing-studio-label i{display:block;width:5px;height:5px;border-radius:50%;background:#e8bc85;box-shadow:0 0 12px #f1b77555}.editing-fallback .fallback-film{border-color:#b2becb;border-bottom-width:25px;box-shadow:0 20px 40px #0005;border-radius:10px}.editing-fallback:after{content:'';position:absolute;bottom:60px;left:50%;transform:translateX(-50%) perspective(300px) rotateX(35deg);width:180px;height:35px;border:5px solid #aab8c7;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 13px,#bcc8d7 13px 16px),repeating-linear-gradient(0deg,#cbd5df 0 7px,#899caf 7px 10px)}@media(max-width:760px){.editing-studio-label{top:15px;left:15px;font-size:7px;letter-spacing:1px}.editing-fallback:after{bottom:48px;width:150px;height:28px}}

#editing-footage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.editing-credits{font-size:10px!important;min-height:0!important}.editing-credits a{color:#8ddfff;text-decoration:underline;text-underline-offset:3px}

.editing-fallback.ungraded .fallback-film{filter:none}.editing-fallback:not(.ungraded) #editing-footage{filter:contrast(1.12) saturate(1.2) sepia(.12)}

/* Supplied photo: keep the physical laptop unchanged and replace only its screen. */
.editing-fallback.photo-fallback{padding:30px 15px 50px}.editing-fallback.photo-fallback:after{display:none}.photo-preview{position:relative;width:96%;max-width:700px;aspect-ratio:1.3497;overflow:hidden}.photo-preview>img{position:absolute;width:135.135%;height:auto;max-width:none;left:-19.595%;top:-21.488%;clip-path:polygon(25.5% 14.9%,73.7% 15.5%,75.2% 16.2%,75.8% 17.6%,75.6% 53.2%,77% 54.1%,85.1% 68.5%,85.5% 69.8%,85% 71.1%,83.1% 72%,19.1% 71.8%,17.6% 71%,17.2% 69.8%,17.3% 68.4%,22.5% 54.1%,25.5% 53.1%)}#photo-editor-screen{position:absolute;left:0;top:0;width:1024px;height:640px;transform-origin:0 0;pointer-events:none} .editing-viewport{background:radial-gradient(ellipse at 50% 45%,#123e60,#030c19 75%)}

/* Flat photo correction: rectangular crop, preserved proportions, no mesh or mask. */
.editing-viewport{height:auto;min-height:0}.editing-fallback.photo-fallback{position:relative;inset:auto;display:block;padding:48px 18px 16px}.photo-preview{width:100%;max-width:none;border-radius:6px;overflow:hidden;isolation:isolate}.photo-preview>img{clip-path:none;transform:none;object-fit:initial;display:block}#photo-editor-screen{z-index:1;clip-path:inset(0 round 8px)}.editing-view-controls{position:relative;bottom:auto;left:auto;right:auto;margin:0 18px 18px}.editing-view-controls>span{font-size:8px}@media(max-width:760px){.editing-fallback.photo-fallback{padding:40px 12px 14px}.editing-view-controls{margin:0 12px 14px}.editing-view-controls>span{font-size:7px}}

/* Product intelligence lab: perspective in CSS, content and controls in HTML. */
.ai-lab{background:radial-gradient(ellipse at 30% 50%,#08355d50,transparent 60%)}.lab-scenarios{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.lab-scenarios button,.lab-result button{background:#081a2e;border:1px solid #2c496a;border-radius:5px;padding:13px 18px;font-size:12px}.lab-scenarios button[aria-pressed=true]{border-color:var(--cyan);background:#10334d;box-shadow:inset 0 -2px var(--cyan)}.lab-workbench{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.lab-stage{min-width:0;border:1px solid #2b4e70;border-radius:12px;overflow:hidden;background:radial-gradient(at 50% 40%,#123858,#040d1a)}.lab-stage-bar{display:flex;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #254663;font:9px/1.6 ui-monospace,monospace;letter-spacing:1px;color:#90bddc}.lab-stage-bar span:last-child{color:var(--cyan)}.lab-space{position:relative;height:420px;overflow:hidden;perspective:900px}.lab-grid{position:absolute;inset:40% -40% -70%;background:linear-gradient(#3aa1de28 1px,transparent 1px),linear-gradient(90deg,#3aa1de28 1px,transparent 1px);background-size:40px 40px;transform:rotateX(65deg);mask-image:linear-gradient(transparent,#000 40%,transparent)}.lab-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#285471;stroke-width:2}.lab-connections .lab-signal{stroke:url(#lab-path-color);stroke-width:3;stroke-dasharray:18 340;stroke-dashoffset:0;opacity:.4}.lab-floating{position:absolute;top:34%;width:27%;padding:19px 15px;border:1px solid #3886ab;background:linear-gradient(135deg,#153958eb,#08192eef);border-radius:9px;box-shadow:0 20px 30px #0005;transform:rotateY(12deg);min-height:128px}.lab-source{left:5%;transform:rotateY(14deg) rotateZ(-3deg)}.lab-destination{right:5%;transform:rotateY(-14deg) rotateZ(3deg)}.lab-floating>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#77c8f1}.lab-floating>b{display:block;font:500 16px/1.35 Manrope,sans-serif;margin:12px 0}.lab-floating>i{display:block;width:85%;height:4px;margin:8px 0;background:#3c708c;border-radius:4px}.lab-floating>i:last-child{width:55%;background:#48ccea}.lab-floating small{font:7px ui-monospace,monospace;color:#8ba9be}.lab-mini-check{color:var(--cyan);font-size:22px}.lab-core{position:absolute;left:35%;top:20%;width:30%;height:65%;display:flex;align-items:center;justify-content:center;flex-direction:column}.lab-cube{width:108px;height:108px;border:1px solid #79e7ff;border-radius:22px;background:linear-gradient(135deg,#0f87a8,#0a3d75 70%);box-shadow:inset -12px -12px 0 #012c5180,0 0 45px #139ad944,0 28px 25px #0004;transform:rotateX(14deg) rotateY(-20deg) rotateZ(-7deg);display:grid;place-items:center}.lab-cube>div{font:500 35px Manrope,sans-serif;text-align:center;text-shadow:0 0 20px #a3edff}.lab-cube span{display:block;font:7px ui-monospace,monospace;letter-spacing:1px;margin-top:6px}.lab-orbit{position:absolute;width:175px;height:65px;top:35%;border:1px solid #42d7ff80;border-radius:50%;transform:rotateZ(-25deg);box-shadow:0 0 15px #25a7dd20}.lab-core-caption{font:8px ui-monospace,monospace;color:#94c7e1;letter-spacing:1px;margin-top:35px}.lab-pipeline{display:flex;justify-content:space-around;gap:8px;padding:18px 14px;margin:0;list-style:none;border-top:1px solid #26445e;font:10px ui-monospace,monospace;color:#6f8ba7}.lab-pipeline .active{color:var(--cyan)}.lab-console{border:1px solid #294e6b;border-radius:12px;background:#081522;padding:28px;display:flex;flex-direction:column;gap:22px;min-width:0}.lab-console h3{font:500 26px/1.25 Manrope,sans-serif;letter-spacing:-.6px}.lab-input{background:#04101e;border:1px solid #203d59;border-radius:6px;padding:18px}.lab-input>span,.lab-result>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--cyan)}.lab-input p,.lab-result p{font-size:13px;line-height:1.8;color:#d1e3f7;margin-top:12px}.lab-input small,.lab-result small{display:block;font-size:11px;line-height:1.7;color:#87a7c6;margin-top:12px}.lab-console>.button{align-self:flex-start}.lab-console #lab-status{font-size:11px;line-height:1.7;color:#a8c9e2}.lab-disclosure{font-size:10px;line-height:1.8;color:#7d9bb7}.lab-result{padding:20px;border:1px solid #2d869b;border-radius:6px;background:#09303b55}.lab-result[hidden]{display:none}.lab-result h4{font:500 17px/1.4 Manrope,sans-serif;margin-top:12px}.lab-result button{margin-top:18px;font-size:11px;padding:10px 12px}.lab-running .lab-signal{opacity:1;animation:lab-flow 1.8s linear infinite}.lab-running .lab-cube{animation:lab-float 2.6s ease-in-out infinite}.lab-running .lab-orbit{border-color:#80eeff}.ai-lab[data-step="2"] .lab-destination{border-color:#77dcd9;box-shadow:0 0 25px #37d8d81c}@keyframes lab-flow{to{stroke-dashoffset:-358}}@keyframes lab-float{50%{transform:translateY(-12px) rotateX(14deg) rotateY(-12deg) rotateZ(-4deg)}}
@media(max-width:1000px){.lab-workbench{grid-template-columns:1fr}.lab-space{height:370px}}@media(max-width:600px){.lab-scenarios{display:grid;grid-template-columns:1fr;width:100%}.lab-scenarios button{text-align:left}.lab-stage-bar{padding:14px;font-size:7px;letter-spacing:.5px}.lab-space{height:300px}.lab-floating{padding:12px 9px;top:34%;min-height:110px;width:28%}.lab-floating>b{font-size:12px}.lab-floating>span{font-size:6px;letter-spacing:0}.lab-floating small{font-size:6px}.lab-source{left:3%}.lab-destination{right:3%}.lab-core{left:33%;width:34%}.lab-cube{width:76px;height:76px;border-radius:16px}.lab-cube>div{font-size:26px}.lab-cube span{font-size:6px}.lab-orbit{width:115px;height:46px}.lab-core-caption{font-size:6px;letter-spacing:0;margin-top:25px}.lab-pipeline{font-size:8px;padding:16px 8px}.lab-console{padding:24px 20px}.lab-console h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.lab-running .lab-signal,.lab-running .lab-cube{animation:none}}

.lab-auto-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.lab-auto-controls>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#87bedc}.lab-auto-controls button{border:1px solid #315474;border-radius:4px;background:#08192b;padding:11px 14px;font-size:11px}@media(max-width:600px){.lab-auto-controls>span{font-size:7px;letter-spacing:.5px}.lab-auto-controls button{font-size:10px;padding:10px}}

/* Continuous product engine: orbiting intelligence and assembling interfaces. */
.ai-lab{--lab-accent:#54dbff}.ai-lab[data-scenario=knowledge]{--lab-accent:#a69aff}.ai-lab[data-scenario=leads]{--lab-accent:#68e5c1}.lab-stage{background:radial-gradient(ellipse at 48% 48%,#14477288,transparent 60%),#040d1a}.lab-space{height:490px}.lab-scene-caption{position:absolute;left:24px;top:27px;display:flex;flex-direction:column;gap:10px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--lab-accent)}.lab-scene-caption small{font-size:7px;color:#6c93b1;letter-spacing:1px}.lab-source{top:38%;width:23%;left:4%;z-index:2}.lab-destination{top:31%;width:33%;right:3%;z-index:2;min-height:225px;background:linear-gradient(135deg,#153b59f2,#071625f5);border-color:var(--lab-accent);transition:border-color .6s}.lab-destination>b{font-size:14px;margin:10px 0 14px}.lab-core{left:29%;width:34%;top:24%;height:54%}.lab-cube{width:100px;height:100px;border-color:var(--lab-accent);background:linear-gradient(135deg,#137b9e,#093c75 70%);z-index:1}.lab-orbit{width:185px;height:80px;top:35%;border-color:var(--lab-accent);transform:rotate(-30deg)}.lab-orbit-two{transform:rotate(45deg);opacity:.55}.lab-orbit-three{transform:rotate(95deg);opacity:.25}.lab-orbit:after{content:'';position:absolute;left:18%;top:8%;width:5px;height:5px;border-radius:50%;background:#e1fbff;box-shadow:0 0 12px var(--lab-accent)}.lab-core-halo{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#129ed31c,transparent 67%);border:1px dashed #4284ac33}.lab-core-caption{position:relative;z-index:2;margin-top:33px;color:var(--lab-accent)}.lab-app-preview{padding:11px;background:#04101c;border:1px solid #3f779255;border-radius:5px;min-height:136px;font-family:ui-monospace,monospace}.lab-app-top{font-size:7px;letter-spacing:.5px;color:#91bad5;display:flex;align-items:center;gap:5px;margin-bottom:12px}.lab-app-top i{width:4px;height:4px;background:var(--lab-accent);border-radius:50%}.lab-chat-question{font-size:8px;color:#bad5e9;padding:8px;background:#182f44;border-radius:5px 5px 0 5px;max-width:90%;margin-left:auto}.lab-chat-answer{font-size:8px;line-height:1.6;color:var(--lab-accent);border:1px solid #28708866;padding:8px;margin:9px 0;border-radius:5px 5px 5px 0}.lab-chat-answer span{display:block;width:80%;height:3px;background:#39738c;margin-top:6px}.lab-chat-answer span:last-child{width:55%}.lab-app-tag{font-size:6px;letter-spacing:.4px;color:#84a9bc;margin-top:12px}.lab-search-field{padding:8px;border:1px solid #66679677;border-radius:4px;font-size:8px;color:#d2cfff;margin-bottom:8px}.lab-doc-row{font-size:8px;color:#c2c4dc;display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #384566}.lab-doc-row b{font-weight:400;color:var(--lab-accent)}.lab-board{display:flex;gap:7px}.lab-board>div{flex:1;min-width:0;background:#15302877;padding:7px;border-radius:4px}.lab-board span{font-size:6px;color:#7baa9b}.lab-board p{font-size:8px;line-height:1.4;border:1px solid #377d6877;padding:7px 5px;margin-top:7px;color:#b4e4d0}.lab-board small{font-size:6px;margin-top:8px;color:#77bfa6;line-height:1.5}.lab-scan{position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--lab-accent),transparent);box-shadow:0 0 25px var(--lab-accent);opacity:.3}.lab-constellation{position:absolute;inset:0;pointer-events:none}.lab-constellation i{position:absolute;width:3px;height:3px;background:var(--lab-accent);box-shadow:0 0 10px var(--lab-accent);border-radius:50%;left:12%;top:22%;opacity:.5}.lab-constellation i:nth-child(2){left:38%;top:15%;animation-delay:-2s}.lab-constellation i:nth-child(3){left:72%;top:19%;animation-delay:-3s}.lab-constellation i:nth-child(4){left:90%;top:63%;animation-delay:-4s}.lab-constellation i:nth-child(5){left:22%;top:79%;animation-delay:-1s}.lab-constellation i:nth-child(6){left:55%;top:80%;animation-delay:-3s}.lab-constellation i:nth-child(7){left:82%;top:83%;animation-delay:-5s}.lab-constellation i:nth-child(8){left:8%;top:65%;animation-delay:-2s}
.lab-cube,.lab-running .lab-cube{animation:lab-float 4s ease-in-out infinite paused}.lab-signal,.lab-running .lab-signal{animation:lab-flow 2.8s linear infinite paused}.lab-orbit{animation:lab-orbit-spin 12s linear infinite paused}.lab-orbit-two{animation-delay:-4s;animation-direction:reverse}.lab-orbit-three{animation-delay:-8s}.lab-scan{animation:lab-scan-pass 7s linear infinite paused}.lab-constellation i{animation:lab-star 5s ease-in-out infinite paused}.lab-alive .lab-cube,.lab-alive .lab-signal,.lab-alive .lab-orbit,.lab-alive .lab-scan,.lab-alive .lab-constellation i{animation-play-state:running}.lab-alive .lab-signal{opacity:1}.lab-app-preview{opacity:.5;transform:translateY(8px);transition:opacity .7s,transform .7s}.ai-lab[data-step="2"] .lab-app-preview{opacity:1;transform:none}.lab-result[hidden]{display:block;visibility:hidden;min-height:245px}.lab-result{min-height:245px}@keyframes lab-orbit-spin{to{transform:rotate(330deg)}}@keyframes lab-scan-pass{from{transform:translateY(10px)}to{transform:translateY(490px)}}@keyframes lab-star{50%{opacity:.1;transform:translateY(-12px)}}
@media(max-width:600px){.lab-space{height:345px}.lab-scene-caption{left:15px;top:20px;font-size:7px;letter-spacing:.5px}.lab-scene-caption small{font-size:6px}.lab-source{left:3%;width:23%;top:41%;min-height:94px}.lab-source>b{font-size:10px}.lab-destination{right:3%;top:35%;width:35%;padding:10px 8px;min-height:177px}.lab-destination>b{font-size:10px;margin-bottom:8px}.lab-core{left:27%;width:36%;top:32%;height:48%}.lab-cube{width:65px;height:65px}.lab-cube>div{font-size:23px}.lab-cube span{font-size:5px}.lab-orbit{width:113px;height:51px}.lab-core-halo{width:130px;height:130px}.lab-core-caption{font-size:5px;margin-top:25px}.lab-app-preview{padding:7px;min-height:112px}.lab-app-top{font-size:5px;margin-bottom:7px}.lab-chat-question,.lab-chat-answer,.lab-doc-row,.lab-search-field,.lab-board p{font-size:6px;padding:5px}.lab-app-tag{font-size:5px;letter-spacing:0}.lab-board{gap:3px}.lab-board>div{padding:4px}.lab-board span,.lab-board small{font-size:5px}.lab-stage-bar{letter-spacing:0}}@media(prefers-reduced-motion:reduce){.lab-alive .lab-cube,.lab-alive .lab-signal,.lab-alive .lab-orbit,.lab-alive .lab-scan,.lab-alive .lab-constellation i{animation:none}.lab-app-preview{transition:none}}