:root{--navy:#02154a;--royal:#082c7a;--tech:#0b53c7;--electric:#055ff9;--ice:#7498c1;--ink:#071737;--paper:#f5f7fb;--line:#d9e2ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-inter),Arial,sans-serif;background:#fff;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.nav{z-index:20;color:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 5.5vw;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}:is(.nav:has(+main .inner),.nav:has(+main .contact),.nav:has(+main .case)){color:var(--navy);border-bottom:1px solid var(--line);position:relative}.nav nav{gap:30px;font-size:13px;font-weight:600;display:flex}.nav nav a{opacity:.82}.nav nav a:hover{opacity:1}.brand{letter-spacing:-.8px;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.brand-mark{letter-spacing:-1px;border:2px solid;border-radius:10px 3px;place-items:center;width:34px;height:28px;font-size:10px;display:grid}.brand small{letter-spacing:1.2px;margin-top:1px;font-size:5px;font-weight:600;display:block}.button{background:var(--tech);color:#fff;border:1px solid var(--tech);letter-spacing:.2px;align-items:center;gap:10px;padding:14px 20px;font-size:12px;font-weight:700;transition:all .25s;display:inline-flex}.button:hover{background:var(--electric);border-color:var(--electric);transform:translateY(-2px)}.nav-cta{padding:11px 15px}.menu,.mobile-nav{display:none}.eyebrow{letter-spacing:1.55px;color:var(--tech);margin:0 0 18px;font-size:10px;font-weight:800}.hero{background:var(--navy);color:#fff;align-items:center;min-height:100vh;padding:130px 7vw 90px;display:flex;position:relative;overflow:hidden}.grid{background-color:#0000;background-image:linear-gradient(#7498c114 1px,#0000 1px),linear-gradient(90deg,#7498c114 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero-copy{z-index:2;max-width:660px;position:relative}.hero .eyebrow{color:#a9cdf9}.hero h1,h1{letter-spacing:-.065em;margin:0 0 28px;font-size:clamp(45px,5.2vw,84px);font-weight:850;line-height:.98}.lede{color:#546984;max-width:620px;font-size:18px;line-height:1.6}.hero .lede{color:#bbcee8;max-width:540px}.actions{align-items:center;gap:28px;margin-top:34px;display:flex}.text-link{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.capabilities{color:#a9c2e0;letter-spacing:.7px;margin-top:70px;font-size:10px}.capabilities i,.ticker i{background:var(--electric);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin:0 8px;display:inline-block}.hero-canvas{z-index:1;width:56%;position:absolute;top:12%;bottom:5%;right:3vw}.hero-fallback{color:#fff;background:radial-gradient(circle,#0b53c7 0,#0b53c759 27%,#0000 66%);border-radius:50%;place-items:center;font-size:40px;font-weight:900;display:grid;position:absolute;inset:15%}.scene-label{letter-spacing:1.2px;color:#b6d8ff;z-index:2;background:#082c7a6b;border:1px solid #87bcff40;width:100px;padding:10px;font-size:8px;font-weight:800;position:absolute}.scene-label i{background:var(--electric);width:40%;height:2px;margin-top:7px;display:block}.label-a{top:20%;left:20%}.label-b{top:33%;right:7%}.label-c{bottom:22%;left:16%}.scroll-cue{letter-spacing:1.4px;color:#9fb9db;font-size:9px;position:absolute;bottom:25px;left:7vw}.scroll-cue span{margin-left:8px;font-size:17px}.statement{background:#fff;grid-template-columns:1.2fr 1fr;gap:8vw;padding:150px 12vw;display:grid}.statement .eyebrow{grid-column:1/-1}.statement h2,.section h2,.platform h2,.philosophy h2,.technology h2,.final-cta h2{letter-spacing:-.06em;margin:0;font-size:clamp(36px,4.3vw,64px);font-weight:850;line-height:1.03}.statement em,h2 em{color:var(--tech);font-style:normal}.statement>p:last-child{color:#526680;align-self:end;max-width:400px;font-size:16px;line-height:1.65}.section{padding:130px 7vw}.problem{background:var(--paper)}.section-intro{color:#526680;max-width:480px;line-height:1.6}.problem-layout{grid-template-columns:1.15fr .85fr;gap:6vw;margin-top:58px;display:grid}.problem-list{border-top:1px solid var(--line)}.problem-list button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;grid-template-columns:42px 1fr 20px;align-items:center;padding:19px 4px;font-size:14px;display:grid}.problem-list button span{color:var(--ice);font-size:10px;font-weight:700}.problem-list button.selected{color:var(--tech);font-weight:750}.solution-card{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;min-height:290px;padding:34px;display:flex}.solution-card p{letter-spacing:1.5px;color:#9fc7ff;margin:0 0 8px;font-size:9px;font-weight:800}.solution-card strong{font-size:18px;line-height:1.35}.solution-card>b{color:var(--electric);margin:17px 0;font-size:22px}.solution-card h3{margin:0;font-size:20px;line-height:1.25}.solution-bars{gap:5px;margin-top:28px;display:flex}.solution-bars i{background:#4b83d9;height:4px;display:block}.solution-bars i:first-child{width:70px}.solution-bars i:nth-child(2){width:38px}.solution-bars i:nth-child(3){width:55px}.chaos{color:#fff;background:linear-gradient(130deg,#071941,#031130);grid-template-columns:.8fr 1.2fr;gap:7vw;padding:140px 7vw;display:grid;overflow:hidden}.chaos .eyebrow{color:#9ec9ff}.chaos h2{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(42px,5vw,70px);line-height:1}.chaos-copy>p:last-child{color:#b2c8e6;max-width:360px;line-height:1.65}.system-scene{min-height:450px;position:relative}.artifacts span{color:#9fb8dd;background:#ffffff0a;border:1px solid #9fb8dd4d;padding:9px 12px;font-size:10px;position:absolute}.artifacts span:first-child{top:4%;left:0;transform:rotate(-12deg)}.artifacts span:nth-child(2){top:6%;right:3%;transform:rotate(9deg)}.artifacts span:nth-child(3){top:37%;left:13%;transform:rotate(12deg)}.artifacts span:nth-child(4){top:34%;right:12%;transform:rotate(-9deg)}.artifacts span:nth-child(5){bottom:15%;left:1%;transform:rotate(8deg)}.artifacts span:nth-child(6){bottom:18%;right:3%;transform:rotate(-13deg)}.artifacts span:nth-child(7){bottom:1%;left:30%}.artifacts span:nth-child(8){top:0;right:28%}.system-core{text-align:center;letter-spacing:1px;background:#0b53c7;border-radius:50%;place-items:center;width:160px;height:160px;font-size:11px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #0b53c71a,0 0 80px #055ff96b}.system-core b{color:#c0ddff;white-space:nowrap;font-size:9px;position:absolute}.system-core b:first-of-type{top:-48px}.system-core b:nth-of-type(2){top:8px;right:-78px}.system-core b:nth-of-type(3){bottom:20px;right:-93px}.system-core b:nth-of-type(4){bottom:-45px}.system-core b:nth-of-type(5){bottom:20px;left:-72px}.system-core b:nth-of-type(6){top:8px;left:-78px}.section-head{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-head>p{color:#526680;max-width:330px;line-height:1.6}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px;display:grid}.project{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:460px;padding:25px;transition:all .3s;display:flex;overflow:hidden}.project:hover{transform:translateY(-5px);box-shadow:0 20px 45px #02154a1a}.project>div:last-child>p{letter-spacing:.7px;color:var(--tech);margin:0 0 12px;font-size:9px;font-weight:750}.project h3{letter-spacing:-.04em;margin:0 0 8px;font-size:25px}.project span{color:#5a6d86;max-width:350px;font-size:13px;line-height:1.5;display:block}.project em{align-items:center;gap:7px;margin-top:18px;font-size:11px;font-style:normal;font-weight:800;display:flex}.project-visual{background:#eaf2ff;height:255px;position:relative;overflow:hidden}.qruz .project-visual{background:#081f56}.pet .project-visual{background:#e5f1ef}.erp .project-visual{background:#eff2f8}.window{background:#fff;border:6px solid #d4e3fa;width:70%;height:70%;position:absolute;top:18%;left:13%;box-shadow:15px 18px #082c7a1a}.window i{background:var(--ice);border-radius:50%;width:7px;height:7px;margin:8px 2px 0 7px;display:inline-block}.window b,.phone b,.browser b,.tablet b,.device-phone b,.case-screen b{background:repeating-linear-gradient(90deg,#dceafe 0 26%,#0000 26% 30%);border-top:2px solid #eef4fe;height:55%;margin:22px 15px;display:block}.phone{background:#fff;border:5px solid #082c7a;border-radius:15px;width:80px;height:175px;position:absolute;bottom:-8%;right:10%}.phone b{height:68%;margin:25px 7px}.platform{background:var(--paper);grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;padding:140px 9vw;display:grid}.platform>div>p:not(.eyebrow){color:#526680;max-width:390px;line-height:1.6}.platform-labels{flex-wrap:wrap;gap:10px;margin-top:33px;display:flex}.platform-labels span{letter-spacing:1px;color:var(--tech);border:1px solid #bed0e8;padding:8px;font-size:9px;font-weight:800}.devices{height:370px;position:relative}.browser{background:#fff;border:8px solid #122c5a;width:74%;height:74%;position:absolute;top:5%;left:0;box-shadow:20px 25px #dbe7f6}.browser i{background:var(--ice);border-radius:50%;width:7px;height:7px;margin:8px 2px 0 8px;display:inline-block}.browser b{background:linear-gradient(110deg,#eff5ff 50%,#0b53c7 50%);height:72%;margin:22px}.tablet,.device-phone{background:#082c7a;border:5px solid #061b4e;position:absolute}.tablet{width:135px;height:210px;bottom:0;right:3%}.device-phone{border-radius:12px;width:75px;height:145px;bottom:-9%;right:24%}.tablet b,.device-phone b{background:#d9e9ff;height:80%;margin:14px 7px}.services h2{margin-bottom:54px}.services-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.service{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:255px;padding:25px;transition:all .25s;position:relative}.service:hover{background:var(--navy);color:#fff}.service>svg{color:var(--tech);width:20px}.service h3{margin:17px 0 8px;font-size:15px}.service p{color:#62758d;font-size:11px;line-height:1.5}.service:hover p{color:#b1c7e5}.service>svg:last-child{position:absolute;bottom:20px;right:21px}.service-visual{align-items:end;gap:4px;height:48px;margin-top:12px;display:flex}.service-visual i{background:#dceaff;width:13px;display:block}.service-visual i:first-child{height:15px}.service-visual i:nth-child(2){background:#94b9ed;height:35px}.service-visual i:nth-child(3){background:var(--tech);height:25px}.philosophy{background:var(--navy);color:#fff;padding:145px 7vw}.philosophy .eyebrow{color:#9fcbff}.philosophy-title{grid-template-columns:1fr 1fr;display:grid}.philosophy>p{color:#c2d1e6;max-width:500px;margin:55px 0 65px 50%;line-height:1.75}.ideas{border-top:1px solid #b8d3f340;grid-template-columns:repeat(3,1fr);display:grid}.ideas>div{border-right:1px solid #b8d3f340;min-height:140px;padding:25px 25px 25px 0;position:relative}.ideas>div+div{padding-left:25px}.ideas span{color:#85b2ea;font-size:10px}.ideas h3{max-width:160px;font-size:16px;line-height:1.3}.ideas svg{color:var(--electric);width:17px;position:absolute;bottom:22px;right:22px}.process{padding-bottom:150px}.timeline{border-top:2px solid var(--tech);grid-template-columns:repeat(7,1fr);margin-top:65px;display:grid;position:relative}.timeline:before{content:"";background:var(--electric);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:0;box-shadow:0 0 0 6px #dbe9fb}.timeline article{padding:25px 16px 0 0}.timeline article+article{border-left:1px solid var(--line);padding-left:16px}.timeline span{color:var(--tech);font-size:10px;font-weight:800}.timeline h3{margin:15px 0 7px;font-size:14px}.timeline p{color:#60738b;margin:0;font-size:11px;line-height:1.5}.technology{background:#f0f5fb;padding:130px 7vw}.architecture{width:min(100%,850px);margin:65px auto;position:relative}.architecture:before{content:"";border-left:1px dashed #80a6d7;position:absolute;top:12%;bottom:12%;left:30%}.architecture div{border-bottom:1px solid #c9d9eb;grid-template-columns:30% 1fr;padding:17px 0;display:grid}.architecture b{letter-spacing:1px;color:var(--tech);font-size:10px}.architecture span{font-size:15px}.ticker{text-align:center;color:#59708d;white-space:nowrap;font-size:11px}.final-cta{background:var(--tech);color:#fff;text-align:center;padding:140px 7vw}.final-cta .eyebrow{color:#d8e9ff}.final-cta h2{max-width:780px;margin:0 auto 24px}.final-cta>p:not(.eyebrow){color:#dbeaff;margin:0 auto 30px}.light{color:var(--tech);background:#fff;border-color:#fff}.light:hover{background:var(--navy);color:#fff;border-color:var(--navy)}footer{background:var(--navy);color:#fff;padding:80px 7vw 35px}.footer-top{border-bottom:1px solid #b8d3f333;justify-content:space-between;align-items:end;padding-bottom:70px;display:flex}.footer-top .eyebrow{color:#a8cbf6}.footer-top h2{letter-spacing:-.07em;margin:0;font-size:clamp(48px,7vw,100px);line-height:.8}.round-link{font-size:13px;font-weight:700}.round-link b{margin-left:10px;font-size:22px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;padding-top:42px;display:grid}.footer-grid>div{color:#c2d2e8;flex-direction:column;gap:9px;font-size:11px;display:flex}.footer-grid>div p{letter-spacing:1px;color:#78a3dc;margin:0 0 6px;font-size:9px}.fine{color:#8ba6ca;font-size:10px;line-height:1.7}.inner,.case,.contact{min-height:70vh;padding:125px 10vw}.inner h1,.contact h1,.case h1{color:var(--navy);max-width:850px;margin-top:0}.inner .lede,.contact .lede,.case .lede{margin-bottom:70px}.work-list{border-top:1px solid var(--line);max-width:1000px}.work-list a{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 30px;align-items:center;padding:28px 0;display:grid}.work-list span,.service-list span{color:var(--tech);font-size:10px;font-weight:800}.work-list h2,.service-list h2{letter-spacing:-.04em;margin:0 0 7px;font-size:25px}.work-list p,.service-list p{color:#60738b;margin:0;font-size:13px;line-height:1.5}.service-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-bottom:45px;display:grid}.service-list article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px}.service-list h2{margin-top:35px}.about-grid{color:#4c617e;grid-template-columns:1fr 1fr;gap:7vw;max-width:850px;font-size:18px;line-height:1.7;display:grid}.contact{background:var(--paper)}.type-options{flex-wrap:wrap;gap:8px;margin:35px 0;display:flex}.type-options button{color:var(--navy);background:0 0;border:1px solid #b9cae1;padding:11px 14px;font-size:12px}.type-options .active{background:var(--navy);color:#fff}.contact form{grid-template-columns:1fr 1fr;gap:15px;max-width:900px;display:grid}.contact input,.contact textarea,.contact select{color:var(--ink);background:#fff;border:1px solid #c8d5e5;border-radius:0;min-height:52px;padding:15px}.contact textarea{grid-column:span 2;min-height:110px}.contact .file{color:#506988;padding:8px 0;font-size:12px}.contact .file input{background:0 0;border:0;min-height:auto;padding:8px}.contact form .button{grid-column:span 2;width:max-content}.case{background:var(--paper)}.back{color:var(--tech);margin-bottom:55px;font-size:12px;font-weight:700;display:inline-block}.case-screen{color:#fff;letter-spacing:1px;background:#062365;height:400px;margin:55px 0;padding:32px;font-size:12px;font-weight:800;position:relative;overflow:hidden}.case-screen:before{content:"";background:radial-gradient(circle,#0b53c7,#0000 65%);width:420px;height:420px;position:absolute;top:-40%;right:15%}.case-screen i{opacity:.9;background:#d9e9ff;display:block;position:absolute}.case-screen i:first-of-type{width:50%;height:55%;top:20%;right:12%}.case-screen i:nth-of-type(2){background:#779fda;width:24%;height:25%;bottom:12%;right:18%}.case-screen i:nth-of-type(3){background:#0b53c7;width:14%;height:45%;bottom:0;left:16%}.case-info{max-width:700px;margin-left:auto}.case-info>p{color:#536a89;line-height:1.7}.case-info>p:first-child{letter-spacing:1px;color:var(--tech);font-size:10px;font-weight:800}.case-info h2{letter-spacing:-.04em;font-size:32px}@media (max-width:800px){.nav{height:66px;padding:0 22px}.nav nav,.nav-cta{display:none}.menu{color:inherit;background:0 0;border:0;padding:5px;display:block}.mobile-nav{background:var(--navy);color:#fff;z-index:-1;flex-direction:column;gap:20px;padding:115px 9vw 40px;display:flex;position:fixed;inset:0}.mobile-nav div a{letter-spacing:-.06em;font-size:clamp(35px,10vw,60px);font-weight:800}.mobile-nav .button{width:max-content;margin-top:20px}.hero{align-items:flex-start;min-height:760px;padding:118px 7vw 70px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(44px,11vw,68px)}.hero .lede{max-width:440px;font-size:15px}.hero-canvas{width:108%;height:48%;top:46%;right:-7%}.capabilities{margin-top:36px;line-height:2}.statement,.platform{grid-template-columns:1fr;gap:30px;padding:95px 7vw}.statement>p:last-child{font-size:15px}.section,.chaos,.philosophy,.technology,.final-cta{padding:90px 7vw}.problem-layout,.chaos{grid-template-columns:1fr;gap:42px}.solution-card{min-height:260px}.chaos{padding-bottom:70px}.system-scene{min-height:365px}.project-grid{grid-template-columns:1fr}.project{min-height:390px}.services-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:225px;padding:18px}.philosophy-title{display:block}.philosophy>p{margin:40px 0 55px}.ideas{grid-template-columns:1fr}.ideas>div,.ideas>div+div{border-bottom:1px solid #b8d3f340;border-right:0;min-height:105px;padding:20px 0}.timeline{border-left:2px solid var(--tech);border-top:0;grid-template-columns:1fr;margin-left:7px}.timeline:before{top:0;left:-7px}.timeline article,.timeline article+article{border-left:0;padding:0 0 25px 22px}.timeline h3{margin:7px 0}.architecture:before{left:0}.architecture div{grid-template-columns:35% 1fr;padding-left:15px}.ticker{white-space:normal;line-height:2}.footer-top{flex-direction:column;align-items:start;gap:33px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.fine{grid-column:1/-1}.inner,.case,.contact{padding:105px 7vw 75px}.inner .lede,.contact .lede,.case .lede{margin-bottom:45px}.service-list,.contact form{grid-template-columns:1fr}.contact textarea,.contact form .button{grid-column:auto}.case-screen{height:270px}.case-info{margin:0}.artifacts span{padding:7px;font-size:8px}.system-core{transform:translate(-50%,-50%)scale(.8)}.label-c{display:none}}@media (max-width:440px){.hero{min-height:720px}.actions{flex-wrap:wrap;gap:16px}.button{padding:13px 16px}.hero-canvas{height:40%;top:53%}.statement h2,.section h2,.platform h2,.philosophy h2,.technology h2,.final-cta h2{font-size:37px}.problem-list button{font-size:12px}.project-visual{height:215px}.services-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>.brand{grid-column:1/-1}.system-core b{font-size:8px}.devices{height:300px}.browser{width:86%}.tablet{width:105px;height:165px}.device-phone{width:58px;height:115px;right:28%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand{width:248px;line-height:0}.brand-logo{object-fit:contain;width:100%;height:auto;display:block}.compact-brand{width:42px;display:none}.nav-dark{color:#fff}.nav-light{border-bottom:1px solid var(--line);background:#fff;color:var(--navy)!important}.nav.is-scrolled{color:var(--navy);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #02154a1f}.mobile-brand{display:none}@media (max-width:800px){.nav .desktop-brand{display:none}.nav .compact-brand{display:flex}.mobile-nav .mobile-brand{width:228px;margin-bottom:18px;display:flex}}.hero{background:radial-gradient(circle at 72% 44%,#123b8c 0,#082c7a80 18%,#0000 43%),linear-gradient(115deg,#02154a 0%,#06194e 55%,#010e35 100%)}.hero:after{content:"";pointer-events:none;opacity:.8;background:radial-gradient(at 72% 48%,#0000 0 18%,#7498c11f 18.1% 18.25%,#0000 18.4% 31%,#7498c114 31.1% 31.2%,#0000 31.4%);position:absolute;inset:0}.hero-orbit{pointer-events:none;z-index:1;border:1px solid #87bcff24;border-radius:50%;position:absolute}.orbit-one{width:620px;height:620px;top:15%;right:9%}.orbit-two{opacity:.5;border-style:dashed;width:790px;height:790px;top:5%;right:2%}.hero-interface{z-index:3;pointer-events:none;width:min(53vw,740px);height:76%;position:absolute;top:12%;right:4vw}.hero-panel{color:#eaf4ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1px;background:linear-gradient(135deg,#113f8fd6,#041545e6);border:1px solid #9cccff3d;padding:16px;font-size:10px;position:absolute;box-shadow:0 25px 60px #00000038,inset 0 1px #ffffff14}.hero-panel header{color:#b7d7fa;justify-content:space-between;font-size:9px;display:flex}.hero-panel header b{color:#8ce3c2;text-transform:uppercase;font-size:8px}.hero-panel strong{letter-spacing:-.05em;margin:14px 0 7px;font-size:22px;display:block}.hero-panel small{color:#8fb4e0;font-size:8px}.analytics-panel{width:220px;top:12%;left:11%;transform:rotate(-4deg)}.chart{border-bottom:1px solid #a0cbff38;align-items:end;gap:7px;height:43px;margin-bottom:8px;display:flex}.chart i{background:linear-gradient(#2d80ef,#78b2ff);width:12px}.chart i:first-child{height:24%}.chart i:nth-child(2){height:56%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:80%}.chart i:nth-child(5){height:61%}.chart i:nth-child(6){height:93%}.chart i:nth-child(7){height:70%}.inventory-panel{width:205px;top:25%;right:2%;transform:rotate(5deg)}.dot{background:#68dbbc;border-radius:50%;width:7px;height:7px}.stock-row{color:#c4daf6;border-bottom:1px solid #b4d3f321;justify-content:space-between;padding:9px 0;display:flex}.stock-row em{color:#fff;font-style:normal}.stock-row.low em{color:#ffbd72}.pos-panel{width:185px;bottom:8%;left:22%;transform:rotate(5deg)}.panel-label{color:#9ec9ff;font-size:8px}.pos-panel>div{gap:6px;margin:10px 0;display:flex}.pos-panel>div i{background:#386dc1;width:15px;height:5px;display:block}.hero-phone{color:#082c7a;background:linear-gradient(160deg,#fff,#d8edff);border:5px solid #051a51;border-radius:20px;width:115px;height:220px;padding:17px 12px;font-size:9px;position:absolute;bottom:0;right:23%;transform:rotate(-8deg);box-shadow:18px 20px 45px #00000047}.hero-phone span{font-weight:800}.hero-phone b{margin-top:26px;font-size:16px;display:block}.hero-phone i{background:linear-gradient(135deg,#7cd7bf,#e6ad74);border-radius:8px;height:50px;margin:12px 0;display:block}.hero-phone small{color:#406894;font-size:8px}.data-path{transform-origin:0;opacity:.7;background:linear-gradient(90deg,#0000,#78b5ff,#0000);height:1px;position:absolute}.data-path i{background:#85c4ff;border-radius:50%;width:6px;height:6px;animation:5s linear infinite packet;position:absolute;top:-3px}.path-a{width:230px;top:37%;left:28%;transform:rotate(28deg)}.path-b{width:210px;bottom:33%;right:22%;transform:rotate(-30deg)}.path-b i{animation-delay:2.4s}@keyframes packet{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}.problem{background:linear-gradient(110deg,#f6f9fe,#edf4fd);position:relative}.problem-layout{grid-template-columns:1fr 80px 1fr;align-items:stretch;gap:0}.problem-layout:before{content:"OCTECH\a SYSTEM";white-space:pre;text-align:center;background:var(--navy);color:#dbeaff;letter-spacing:1px;border-radius:50%;align-self:center;place-items:center;width:62px;height:62px;margin:auto;font-size:8px;line-height:1.55;display:grid;box-shadow:0 0 0 10px #0b53c717,0 0 40px #0b53c72e}.problem-list{grid-column:1}.solution-card{grid-column:3;position:relative}.solution-card:before{content:"CONNECTED OPERATIONS";color:#6da3e7;letter-spacing:1px;font-size:8px;position:absolute;top:18px;right:20px}.project-grid{grid-template-columns:1fr;gap:0;margin-top:65px}.project{border-width:1px 0 0;grid-template-columns:1.18fr .82fr;align-items:center;gap:7vw;min-height:520px;padding:36px 0;display:grid}.project:nth-child(2n) .project-visual{order:2}.project:nth-child(2n)>div:last-child{order:1}.project-visual{height:390px}.project h3{font-size:clamp(34px,4vw,58px)}.project>div:last-child>p:before{content:"PROJECT ";color:#7596bc}.services-grid{grid-template-columns:1.1fr .9fr 1fr;grid-auto-flow:dense}.service:first-child{grid-row:span 2}.service:first-child h3{font-size:25px}.service:nth-child(4){grid-column:span 2}.service:nth-child(7){background:#eaf2fb;grid-column:span 2}.process{background:linear-gradient(#fff,#f3f7fc)}.timeline article{transition:all .3s}.timeline article:hover{transform:translateY(-8px)}.timeline article:hover h3{color:var(--tech)}.final-cta{background:radial-gradient(circle at 72% 40%,#12428e 0,#02154a33 23%,transparent 45%),var(--navy);position:relative;overflow:hidden}.final-cta:after{content:"";pointer-events:none;border:1px solid #adcffa24;border-radius:50%;position:absolute;inset:10% 14%}.final-cta>*{z-index:1;position:relative}@media (max-width:800px){.hero-interface{transform-origin:top;z-index:1;opacity:.32;width:108%;height:43%;top:49%;right:-8%;transform:scale(.78)}.analytics-panel{top:0;left:8%}.inventory-panel{top:15%;right:4%}.pos-panel{bottom:4%;left:14%}.hero-phone{bottom:-3%;right:27%}.hero-orbit{width:480px;height:480px;top:39%;right:-35%}.orbit-two{display:none}.problem-layout{grid-template-columns:1fr;gap:25px}.problem-layout:before{display:none}.solution-card{grid-column:1}.project{flex-direction:column;align-items:stretch;gap:26px;min-height:0;padding:35px 0;display:flex}.project:nth-child(2n) .project-visual,.project:nth-child(2n)>div:last-child{order:initial}.project-visual{height:280px}.services-grid{grid-template-columns:1fr 1fr}.service:first-child,.service:nth-child(4),.service:nth-child(7){grid-area:auto}.service:first-child h3{font-size:15px}}@media (prefers-reduced-motion:reduce){.data-path i{animation:none}.hero-interface,.project:hover,.timeline article:hover{transform:none}}.hero-copy{z-index:4}.cinematic-canvas{z-index:2;touch-action:pan-y;pointer-events:auto;position:fixed;inset:0 0 0 38%}.cinematic-canvas canvas{width:100%!important;height:100%!important}.cinematic-sequence>section{z-index:3;position:relative}.cinematic-sequence .hero{z-index:1}.cinematic-sequence .chaos{background:#020f32eb;min-height:120vh}.cinematic-sequence .system-scene{opacity:0;pointer-events:none}.three-label{text-align:center;color:#fff;width:98px;font:800 9px/1.2 var(--font-inter);letter-spacing:.8px;pointer-events:none}.three-label small{color:#82b8f8;margin-top:4px;font-size:5px;display:block}.tg-screen{color:#173355;width:420px;height:230px;font:500 10px/1.3 var(--font-inter);pointer-events:none;background:#f3f7fc;grid-template-columns:88px 1fr;display:grid}.tg-screen aside{color:#b9d1ef;background:#09285e;flex-direction:column;gap:14px;padding:18px 12px;display:flex}.tg-screen aside b{color:#fff;font-size:13px}.tg-screen header{margin-bottom:14px;font-size:15px;font-weight:800}.tg-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tg-stats b{background:#e2ecfa;padding:9px;font-size:12px}.tg-stats small{color:#67809f;font-size:6px;display:block}.tg-screen p{border-bottom:1px solid #d8e3f0;margin:0;padding:7px 5px}.tg-phone{color:#173355;width:118px;height:230px;font:600 9px/1.3 var(--font-inter);pointer-events:none;background:#f7faff;flex-direction:column;gap:16px;padding:18px 12px;display:flex}.tg-phone b{color:#0b53c7;font-size:12px}.tg-phone strong{margin-top:auto;font-size:12px}.tg-phone button{color:#fff;background:#0b53c7;border:0;padding:10px;font-size:8px;font-weight:800}@media (max-width:800px){.cinematic-canvas{z-index:2;inset:32% -30% 0 -18%}.hero-interface{display:none}.tg-screen{grid-template-columns:64px 1fr;width:300px;height:190px;font-size:7px}.tg-screen aside{gap:10px;padding:11px 7px}.tg-screen aside b{font-size:9px}.tg-screen main{padding:11px}.tg-screen header{font-size:11px}.tg-stats b{font-size:8px}.tg-phone{width:105px;height:205px}}.project-visual{background:0 0;overflow:visible}.product-ui{width:100%;height:100%;font-family:var(--font-inter);text-align:left;font-size:9px;position:relative;overflow:hidden;box-shadow:0 26px 55px #02154a24}.product-ui button{color:#fff;background:#0b53c7;border:0;padding:7px 10px;font-size:8px;font-weight:700}.tindahan-ui{color:#17365d;background:#f7fbff;grid-template-columns:90px 1fr;padding:12px 0 0 12px;display:grid}.tindahan-ui aside{color:#a8c7f0;background:#09285e;flex-direction:column;gap:14px;padding:14px 11px;display:flex}.tindahan-ui aside b{color:#fff;margin-bottom:12px;font-size:12px}.tindahan-ui aside b span{color:#76aefe}.tindahan-ui aside i{font-style:normal}.tindahan-ui aside .on{color:#fff;border-left:2px solid #63a4ff;padding-left:7px;font-weight:800}.retail-main{padding:15px}.retail-main header,.clinic-ui main header,.erp-ui>header{justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.retail-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0;display:grid}.retail-stats b{background:#e8f1ff;padding:9px;font-size:13px}.retail-stats small{color:#6182a9;margin-top:4px;font-size:7px;font-weight:500;display:block}.sale-table{background:#fff;border:1px solid #d6e4f5;padding:10px}.sale-table p{color:#52708f;border-top:1px solid #edf3fa;grid-template-columns:1.1fr 1fr .7fr .55fr;margin:0;padding:7px 0;display:grid}.sale-table p b{color:#168766;background:#dff7ef;width:max-content;padding:2px 4px;font-size:7px}.sale-table em{color:#123c70;font-style:normal;font-weight:700}.retail-phone{background:#fff;border:4px solid #082c7a;border-radius:13px;flex-direction:column;gap:9px;width:98px;height:180px;padding:15px 10px;display:flex;position:absolute;bottom:-12px;right:7%;transform:rotate(-5deg);box-shadow:10px 15px 28px #02154a33}.retail-phone b{font-size:15px}.retail-phone i{color:#426589;background:#eff5fd;padding:6px;font-style:normal}.retail-phone button{margin-top:auto;font-size:7px}.qruz-ui{background:linear-gradient(135deg,#0a1742,#321360);overflow:visible}.qruz-sticker{color:#142051;background:#f8eb45;width:112px;height:112px;padding:12px;position:absolute;top:14%;left:8%;transform:rotate(-7deg);box-shadow:8px 10px 20px #05071a}.qruz-sticker b{font-size:15px;line-height:1}.qruz-sticker i{font-size:29px;font-style:normal;position:absolute;bottom:22px;right:12px}.qruz-sticker small{font-size:5px;font-weight:800;position:absolute;bottom:8px;left:10px}.qruz-phone{color:#242053;background:#fff;border:5px solid #d4d7ee;border-radius:17px;flex-direction:column;gap:15px;width:120px;height:245px;padding:18px 12px;display:flex;position:absolute;top:7%;left:31%;box-shadow:15px 18px 30px #07031c}.qruz-phone span{color:#6b29de;font-size:11px;font-weight:900}.qruz-phone b{margin-top:20px;font-size:13px}.pin{letter-spacing:5px;font-size:17px}.qruz-phone small{color:#12a577;margin-top:auto;font-weight:800}.qruz-admin{color:#243257;background:#fff;width:235px;padding:13px;position:absolute;top:20%;right:2%;transform:rotate(4deg);box-shadow:15px 17px 35px #07031c}.qruz-admin header{justify-content:space-between;font-size:8px;display:flex}.qruz-admin header b{color:#6b29de}.qruz-admin strong{margin:18px 0;font-size:21px;display:block}.qruz-admin strong small{color:#6580a0;font-size:7px}.qruz-admin p{border-top:1px solid #e9edf6;justify-content:space-between;margin:0;padding:7px 0;display:flex}.qruz-admin p b{color:#12996e}.qruz-step{letter-spacing:1px;color:#b7a2ff;font-size:7px;position:absolute}.qruz-step:after{content:"→";color:#f6e74d;margin-left:10px}.s1{bottom:8%;left:7%}.s2{bottom:6%;left:43%}.s3{bottom:12%;right:8%}.pet-ui{background:#f7f0e9}.pet-phone{color:#60474a;background:#fff9f2;border:5px solid #563c42;border-radius:19px;width:135px;height:255px;padding:15px;position:absolute;bottom:-7px;left:7%;box-shadow:13px 16px 30px #57362633}.pet-phone header{flex-direction:column;font-size:8px;display:flex}.pet-phone header b{color:#d66d5c;margin-top:4px;font-size:12px}.pet-card{background:#f6cba2;border-radius:10px;margin:18px 0 12px;padding:11px}.pet-card i{font-size:27px;font-style:normal;display:block}.pet-card strong{font-size:15px;display:block}.pet-card small{font-size:7px}.pet-phone>p{letter-spacing:1px;font-size:7px}.reminder{background:#e6eee7;border-radius:8px;padding:9px;font-size:9px;display:block}.reminder small{font-size:7px;font-weight:500}.clinic-ui{color:#4f5559;background:#fff;grid-template-columns:76px 1fr;width:73%;height:75%;display:grid;position:absolute;top:10%;right:3%;box-shadow:15px 20px 30px #4d373029}.clinic-ui aside{color:#dce9e1;background:#5b746d;flex-direction:column;gap:13px;padding:15px 10px;display:flex}.clinic-ui aside b{color:#fff;margin-bottom:14px;font-size:10px}.clinic-ui aside b span{color:#f5c779}.clinic-ui aside i{font-size:8px;font-style:normal}.clinic-ui aside .on{color:#fff;font-weight:800}.clinic-ui main{padding:15px}.clinic-grid{grid-template-columns:1.2fr .8fr;gap:10px;margin-top:18px;display:grid}.clinic-grid section{background:#f5f7f2;padding:10px}.clinic-grid p{border-top:1px solid #dfe6dc;gap:8px;margin:0;padding:7px 0;font-size:8px;display:flex}.clinic-grid p b{margin-left:auto}.clinic-grid p small{color:#819187}.erp-ui{color:#203655;background:#eff3f8;padding:15px}.erp-ui>header span{color:#7187a4;font-size:8px}.erp-flow{justify-content:space-between;margin:34px 0 22px;display:flex;position:relative}.erp-flow:before{content:"";background:#aac1dd;height:1px;position:absolute;top:26px;left:4%;right:4%}.erp-flow div{z-index:1;flex-direction:column;align-items:center;gap:5px;font-size:7px;display:flex;position:relative}.erp-flow small{color:#526e90;background:#d5e0ee;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.erp-flow .active small{color:#fff;background:#0b53c7;box-shadow:0 0 0 6px #cbdcff}.erp-flow div span{color:#7795bb;font-size:13px;position:absolute;top:9px;left:95%}.erp-body{grid-template-columns:1.15fr .85fr;gap:12px;display:grid}.erp-body section,.erp-body aside{background:#fff;padding:14px}.erp-body section>strong{font-size:13px}.erp-body section>p{color:#6c82a0;margin:5px 0 15px}.erp-lines span{border-top:1px solid #e8edf4;justify-content:space-between;padding:8px 0;display:flex}.erp-body footer{border-top:2px solid #dce6f1;justify-content:space-between;margin-top:12px;padding-top:10px;display:flex}.erp-body aside p{letter-spacing:1px;color:#7087a4;font-size:7px}.erp-body aside>b{color:#128668;margin:17px 0 8px;display:block}.erp-body aside span{color:#6e829d;font-size:8px;line-height:1.4}.erp-body aside button{margin-top:18px;display:block}@media (max-width:800px){.product-ui{transform-origin:0 0;width:116%;height:116%;transform:scale(.86)}.tindahan-ui{grid-template-columns:70px 1fr}.retail-phone{right:4%}.qruz-phone{left:26%}.qruz-admin{transform-origin:100% 0;right:-6%;transform:rotate(4deg)scale(.8)}.clinic-ui{width:82%;right:-8%}.pet-phone{left:3%}.erp-flow div b{font-size:6px}.erp-body{grid-template-columns:1fr}.erp-body aside{display:none}}.cinematic-canvas.is-inactive{visibility:hidden}.cinematic-sequence>.hero{overflow:visible}.cinematic-sequence>.cinematic-scroll-narrative{z-index:auto}html,body{overflow-x:hidden}.cinematic-canvas{transition:opacity .45s}.cinematic-canvas.is-inactive{opacity:0;pointer-events:none}.cinematic-scroll-narrative{color:#fff;z-index:1;background:linear-gradient(#02154a,#020d2f 52%,#061b47);height:650vh;position:relative}.cinematic-copy{z-index:4;pointer-events:none;width:38vw;margin-left:6vw;position:sticky;top:28vh}.cinematic-copy p{letter-spacing:1.5px;color:#8ebcf3;font-size:9px;font-weight:800}.cinematic-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(44px,6vw,86px);line-height:.92}.cinematic-copy h2 em{color:#4e85dc}.product-copy-3d span,.product-copy-3d b{max-width:430px;margin-top:17px;display:block}.product-copy-3d b{letter-spacing:.7px;color:#a9c7ea;font-size:9px}.product-copy-3d a{pointer-events:auto;align-items:center;gap:8px;margin-top:28px;font-size:11px;font-weight:800;display:flex}.cinematic-sequence>.statement,.cinematic-sequence>.problem,.cinematic-sequence>.chaos,.project-grid>.tindahan{display:none}@media (max-width:800px){.cinematic-scroll-narrative{height:540vh}.cinematic-copy{width:86vw;margin-left:7vw;top:15vh}.cinematic-copy h2{font-size:44px}.product-copy-3d{padding-top:145vh}}.engine-ui{color:#183253;width:132px;height:74px;font:600 7px/1.25 var(--font-inter);pointer-events:none;background:linear-gradient(145deg,#f9fcfff7,#d8e7f7eb);padding:10px 11px;box-shadow:0 10px 30px #000c2833}.engine-ui small{letter-spacing:.9px;color:#527399;font-size:5px;display:block}.engine-ui b{letter-spacing:-.35px;margin:7px 0 4px;font-size:12px;display:block}.engine-ui span{color:#577694;font-size:5.5px}.engine-bars{float:right;align-items:end;gap:3px;height:12px;margin-top:-19px;display:flex}.engine-bars i{background:#0b53c7;border-radius:1px 1px 0 0;width:4px;display:block}.engine-bars i:first-child{height:5px}.engine-bars i:nth-child(2){height:9px}.engine-bars i:nth-child(3){height:7px}.engine-bars i:nth-child(4){height:12px}.engine-ui.stock .engine-bars i:nth-child(4){background:#d78338}.engine-ui.payment .engine-bars i{background:#268b6e}.module-ui{color:#dbeaff;width:116px;height:54px;font:600 6px/1.2 var(--font-inter);pointer-events:none;background:linear-gradient(135deg,#122c4cf5,#071830f0);border:1px solid #94beeb2e;padding:8px 9px}.module-ui small{letter-spacing:1px;color:#7eaadd;font-size:5px}.module-ui b{color:#fff;margin:6px 0 3px;font-size:9px;display:block}.module-ui span{letter-spacing:.7px;color:#6dd0af;font-size:4px}.module-ui div{float:right;align-items:end;gap:2px;height:16px;display:flex}.module-ui i{background:#4d8cd8;width:3px}.module-ui i:first-child{height:6px}.module-ui i:nth-child(2){height:13px}.module-ui i:nth-child(3){height:9px}.tg-screen{border-radius:2px;grid-template-columns:78px 1fr;width:388px;height:214px;font-size:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #d5e2f0}.tg-screen aside{gap:12px;padding:14px 10px}.tg-screen aside b{font-size:11px}.tg-screen main{padding:14px}.tg-screen header{margin-bottom:11px;font-size:13px}.tg-stats b{padding:8px;font-size:10px}.tg-screen p{padding:6px 4px}.tg-phone{border-radius:7px;gap:13px;width:106px;height:214px;padding:15px 10px;font-size:8px;overflow:hidden}.tg-phone b{font-size:11px}.tg-phone strong{font-size:10px}.cinematic-canvas canvas{display:block}.cinematic-copy{max-width:560px}.cinematic-scroll-narrative{overflow:clip}@media (max-width:800px){html,body{max-width:100%;overflow-x:clip}.cinematic-canvas{z-index:2;width:100%;height:62%;inset:38% 0 0}.cinematic-copy{width:86vw;max-width:86vw;top:12vh}.cinematic-copy h2{font-size:clamp(38px,11vw,48px)}.tg-screen{grid-template-columns:54px 1fr;width:292px;height:174px;font-size:6px}.tg-screen aside{gap:8px;padding:9px 6px}.tg-screen aside b{font-size:8px}.tg-screen main{padding:9px}.tg-screen header{font-size:9px}.tg-stats b{padding:5px;font-size:7px}.tg-phone{width:96px;height:190px;padding:12px 8px}.hero{padding-bottom:300px}.hero-copy{max-width:100%}.hero .lede{max-width:92%}.actions,.capabilities{z-index:5;position:relative}}html,body{max-width:100%;overflow-x:clip!important}.legal{max-width:980px}.legal section{max-width:760px;margin:0 0 42px}.legal h2{letter-spacing:-.035em;color:var(--navy);margin:0 0 12px;font-size:24px}.legal section p{color:#536a89;margin:0;font-size:16px;line-height:1.75}.legal section a{color:var(--tech);text-underline-offset:3px;font-weight:700;text-decoration:underline}.legal-note{color:#7187a4;margin-top:56px;font-size:12px}body{background:#fff}.cinematic-canvas{touch-action:pan-y;pointer-events:auto;transition:opacity .35s,visibility .35s;z-index:2!important;width:100vw!important;height:100svh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.cinematic-canvas canvas{touch-action:pan-y;width:100%!important;height:100%!important;display:block!important}.cinematic-canvas.is-inactive{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.cinematic-canvas.is-active{opacity:1!important;visibility:visible!important}.cinematic-sequence>.hero{isolation:auto;z-index:auto!important;overflow:hidden!important}.cinematic-sequence>.hero .hero-copy,.cinematic-sequence>.hero .scroll-cue{position:relative;z-index:16777272!important}.cinematic-sequence>.hero .hero-interface{display:none!important}.cinematic-sequence>.hero .hero-orbit{opacity:.38;z-index:1!important}.cinematic-sequence>.hero:after{z-index:0}.nav.nav-dark.is-scrolled{-webkit-backdrop-filter:blur(18px)saturate(125%);color:#fff!important;background:linear-gradient(#02154ae0,#02154aab)!important;border-bottom:1px solid #89b9ee24!important}.nav.nav-dark.is-scrolled .button{box-shadow:0 8px 26px #00000024}.hero{background:radial-gradient(circle at 74% 45%,#144794b3 0,#082c7a57 22%,#0000 49%),linear-gradient(117deg,#02154a 0%,#041746 58%,#010b28 100%)!important;min-height:100svh!important}.hero-copy{width:min(46vw,660px);max-width:660px!important}.hero h1{max-width:650px}.hero .lede{max-width:520px!important}.hero .capabilities{max-width:570px}.cinematic-scroll-narrative{color:#fff;z-index:1!important;background:radial-gradient(circle at 68% 20%,#0b53c729,#0000 30%),radial-gradient(circle at 55% 75%,#082c7a2e,#0000 37%),linear-gradient(#020d2f 0%,#010b29 50%,#03143c 100%)!important;height:660vh!important;position:relative!important;overflow:clip!important}.cinematic-copy{z-index:5!important;width:min(39vw,570px)!important;margin-left:6vw!important;top:26vh!important}.cinematic-copy p{color:#8bbbf2!important;letter-spacing:1.8px!important}.cinematic-copy h2{letter-spacing:-.065em!important;font-size:clamp(46px,5.75vw,84px)!important;line-height:.9!important}.cinematic-copy h2 em{font-style:normal;color:#5e95eb!important}.chaos-copy-3d{height:310vh!important;padding-top:78vh!important}.product-copy-3d{height:300vh!important;padding-top:170vh!important}.product-copy-3d span{color:#d1def0;font-size:16px;line-height:1.55;margin-top:22px!important}.product-copy-3d b{text-transform:uppercase;line-height:1.7;letter-spacing:1.05px!important;color:#8fb6e5!important;font-size:9px!important}.product-copy-3d a{color:#fff!important;font-size:12px!important}.oc-engine-surface,.oc-core-badge,.oc-artifact,.oc-module-ui,.oc-data-hub,.oc-tg-desktop,.oc-tg-phone{font-family:var(--font-inter),Inter,Arial,sans-serif;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}.oc-engine-surface{color:#173655;background:linear-gradient(145deg,#f9fcff 0%,#edf4fb 55%,#dfeaf6 100%);width:134px;height:73px;padding:10px 11px;overflow:hidden;box-shadow:0 14px 34px #000f2d38,inset 0 0 0 1px #fffc}.oc-engine-surface small{letter-spacing:1.1px;color:#59789a;font-size:5px;font-weight:800;line-height:1;display:block}.oc-engine-surface b{letter-spacing:-.45px;font-size:12px}.oc-engine-surface span{color:#6a839d;margin-top:4px;font-size:5.5px;display:block}.oc-surface-row{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.oc-surface-row em{color:#27866e;background:#dff5ed;border-radius:2px;padding:2px 4px;font-size:5px;font-style:normal;font-weight:800}.oc-mini-bars{align-items:end;gap:4px;height:17px;margin-top:3px;display:flex}.oc-mini-bars i{background:linear-gradient(#3d82d1,#0b53c7);border-radius:1px 1px 0 0;width:7px;display:block}.oc-mini-bars i:first-child{height:7px}.oc-mini-bars i:nth-child(2){height:11px}.oc-mini-bars i:nth-child(3){height:9px}.oc-mini-bars i:nth-child(4){height:15px}.oc-mini-bars i:nth-child(5){height:13px}.oc-stock-line{border-top:1px solid #d6e2ee;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:4px;padding:5px 0 0;display:grid}.oc-stock-line b{font-size:7px;font-weight:650}.oc-stock-line span{color:#254a6d;margin:0;font-size:6px;font-weight:800}.oc-stock-line.warn span{color:#a56221}.oc-payment-status{color:#26886d;letter-spacing:.8px;align-items:center;gap:4px;margin-top:7px;font-size:5px;font-weight:900;display:flex}.oc-payment-status i{background:#58d1a6;border-radius:50%;width:5px;height:5px;display:block}.oc-payment-amount{margin-top:4px;font-size:13px!important;display:block!important}.oc-core-badge{color:#eaf5ff;background:linear-gradient(135deg,#05142bf0,#0e2f52eb);border:1px solid #6caae638;grid-template-rows:1fr auto;grid-template-columns:32px 1fr;align-items:center;width:98px;height:60px;padding:7px 8px;display:grid;box-shadow:0 12px 28px #00000040}.oc-core-badge img{object-fit:contain;grid-row:1/3;width:28px;height:28px}.oc-core-badge span{letter-spacing:.9px;align-self:end;font-size:6px;font-weight:900}.oc-core-badge small{letter-spacing:.7px;color:#78a9dd;align-self:start;margin-top:2px;font-size:4px}.oc-artifact{color:#173451}.oc-sheet{background:#f5f9fd;border:1px solid #dbe6f0;width:172px;height:105px;padding:10px 11px;box-shadow:0 18px 35px #000d2433}.oc-sheet header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.oc-sheet header b{font-size:7px}.oc-sheet header span{letter-spacing:.8px;color:#5681ac;font-size:4px}.oc-sheet-grid{border-top:1px solid #d5e0ea;border-left:1px solid #d5e0ea;grid-template-columns:.8fr 1.25fr .65fr .55fr;display:grid}.oc-sheet-grid>*{border-bottom:1px solid #d5e0ea;border-right:1px solid #d5e0ea;padding:4px;font-size:5px}.oc-sheet-grid b{color:#5c7591;letter-spacing:.4px;background:#eaf2fa;font-size:4.5px}.oc-sheet-grid .good{color:#26896e;font-weight:900}.oc-sheet-grid .warn{color:#b06927;background:#fff4df;font-weight:900}.oc-chat{background:#f8fbff;border-radius:9px;width:79px;height:143px;padding:9px 8px;overflow:hidden}.oc-chat header{border-bottom:1px solid #dfe8f2;align-items:center;gap:5px;padding-bottom:7px;display:flex}.oc-chat header i{background:#0b53c7;border-radius:50%;width:8px;height:8px}.oc-chat header b{font-size:5px}.oc-chat p{border-radius:7px;max-width:58px;margin:6px 0;padding:5px 6px;font-size:4.6px;line-height:1.3}.oc-chat .left{background:#eaf1f8}.oc-chat .right{color:#0b3c7a;background:#dbeaff;margin-left:auto}.oc-chat small{text-align:center;color:#7691ad;margin-top:7px;font-size:4px;display:block}.oc-receipt{color:#293a4b;text-align:left;background:0 0;width:67px;height:198px;padding:11px 8px}.oc-receipt>b{text-align:center;letter-spacing:.8px;font-size:6px;display:block}.oc-receipt>small{text-align:center;color:#778696;margin:4px 0 14px;font-size:4px;display:block}.oc-receipt span,.oc-receipt strong{justify-content:space-between;padding:4px 0;font-size:4.6px;display:flex}.oc-receipt em{font-style:normal;font-weight:800}.oc-receipt hr{border:0;border-top:1px dashed #9aa6b0;margin:5px 0}.oc-receipt i{text-align:center;color:#9b6d42;background:#f0e8dc;margin-top:13px;padding:3px;font-size:4px;font-style:normal;display:block}.oc-payment{text-align:center;background:#f8fbff;border-radius:9px;width:83px;height:147px;padding:17px 8px}.oc-payment i{color:#26896e;background:#dff5ed;border-radius:50%;place-items:center;width:26px;height:26px;margin:0 auto 9px;font-size:15px;font-style:normal;font-weight:900;display:grid}.oc-payment small{letter-spacing:.7px;color:#6e849c;font-size:4px;display:block}.oc-payment b{margin:6px 0 9px;font-size:12px;display:block}.oc-payment span{color:#7890a7;font-size:4.5px;line-height:1.6;display:block}.oc-order{background:#f7faff;width:146px;height:105px;padding:10px 11px}.oc-order header{letter-spacing:.6px;border-bottom:1px solid #dbe5ef;justify-content:space-between;padding-bottom:6px;font-size:5px;display:flex}.oc-order header span{color:#0b53c7;font-weight:900}.oc-order p{justify-content:space-between;margin:7px 0;display:flex}.oc-order p strong{font-size:6px}.oc-order p small{color:#8094a8;font-size:4px}.oc-order>div{border-top:1px solid #e2eaf2;grid-template-columns:1fr auto;padding:4px 0;font-size:4.8px;display:grid}.oc-order footer{color:#758da4;border-top:1px solid #dbe5ef;margin-top:5px;padding-top:5px;font-size:4px}.oc-report{background:#f7faff;width:146px;height:105px;padding:10px 11px}.oc-report header{justify-content:space-between;font-size:5px;display:flex}.oc-report header span{color:#758da5;font-size:4px}.oc-report>strong{margin-top:8px;font-size:12px;display:block}.oc-report>small{color:#71889e;font-size:4px}.oc-report-bars{border-bottom:1px solid #d6e1ec;align-items:end;gap:6px;height:32px;margin-top:2px;display:flex}.oc-report-bars i{background:linear-gradient(#4d8ed7,#0b53c7);border-radius:1px 1px 0 0;flex:1;display:block}.oc-report-bars i:first-child{height:35%}.oc-report-bars i:nth-child(2){height:52%}.oc-report-bars i:nth-child(3){height:43%}.oc-report-bars i:nth-child(4){height:67%}.oc-report-bars i:nth-child(5){height:59%}.oc-report-bars i:nth-child(6){height:82%}.oc-report footer{color:#71879d;margin-top:5px;font-size:4px}.oc-module-ui{color:#d8eaff;background:linear-gradient(140deg,#0d2a48f7,#05162bf2);border:1px solid #70aae12e;width:114px;height:52px;padding:8px 9px;box-shadow:0 15px 28px #00041438}.oc-module-ui small{letter-spacing:1px;color:#77a8dc;font-size:4.5px;font-weight:900}.oc-module-value{justify-content:space-between;align-items:center;margin:5px 0 3px;display:flex}.oc-module-value b{color:#fff;font-size:9px}.oc-module-value i{background:#58d1a6;border-radius:50%;width:5px;height:5px;display:block;box-shadow:0 0 0 3px #58d1a614}.oc-module-ui span{color:#7898b8;letter-spacing:.35px;font-size:4.5px}.oc-data-hub{text-align:center;color:#e8f4ff;background:linear-gradient(135deg,#0b2342,#12375e);border:1px solid #73b0ea3b;width:104px;height:44px;padding:7px 9px;box-shadow:0 10px 30px #00000040}.oc-data-hub small{letter-spacing:1.5px;color:#77aee8;font-size:4px;display:block}.oc-data-hub b{letter-spacing:.8px;margin:3px 0;font-size:7px;display:block}.oc-data-hub span{color:#7898b8;font-size:4px}.oc-tg-desktop{color:#193653;width:410px;height:236px;font:500 7px/1.3 var(--font-inter);background:#f5f8fc;border-radius:4px;grid-template-columns:76px 1fr;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #dce6f0}.oc-tg-desktop aside{color:#a8c2df;background:linear-gradient(#09285e,#061d48);flex-direction:column;gap:10px;padding:16px 10px;display:flex}.oc-tg-desktop aside b{color:#fff;margin-bottom:7px;font-size:9px}.oc-tg-desktop aside b span{color:#63a5ee}.oc-tg-desktop aside i{border-left:2px solid #0000;padding-left:5px;font-size:5.6px;font-style:normal}.oc-tg-desktop aside i.on{color:#fff;border-color:#5ea3ef;font-weight:800}.oc-tg-desktop main{padding:15px 17px}.oc-tg-desktop main>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.oc-tg-desktop main>header div{flex-direction:column;display:flex}.oc-tg-desktop main>header small{letter-spacing:.8px;color:#7290ae;font-size:4.5px}.oc-tg-desktop main>header b{letter-spacing:-.35px;font-size:13px}.oc-tg-desktop main>header button{color:#fff;background:#0b53c7;border:0;padding:6px 8px;font-size:5px;font-weight:800}.oc-tg-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.oc-tg-stats>div{background:#e7f0fa;padding:8px}.oc-tg-stats b{font-size:9px;display:block}.oc-tg-stats span{color:#7289a2;font-size:4.2px}.oc-tg-table{background:#fff;border:1px solid #e0e8f1;margin-top:11px}.oc-tg-table header{border-bottom:1px solid #e5ebf2;justify-content:space-between;padding:7px 8px;display:flex}.oc-tg-table header b{font-size:5.5px}.oc-tg-table header span{color:#5d7da1;font-size:4.2px}.oc-tg-table p{border-bottom:1px solid #edf1f5;grid-template-columns:.8fr 1.45fr .65fr .5fr;align-items:center;margin:0;padding:7px 8px;font-size:5.4px;display:grid}.oc-tg-table p:last-child{border-bottom:0}.oc-tg-table p strong{color:#54708d}.oc-tg-table p b{text-align:right}.oc-tg-table p em{color:#238769;background:#e1f5ed;justify-self:end;padding:2px 4px;font-size:4px;font-style:normal}.oc-tg-table p em.low{color:#9a681f;background:#fff3da}.oc-tg-table p em.warn{color:#9f4f2b;background:#ffeadf}.oc-tg-report{background:#fff;border:1px solid #e0e8f1;margin-top:11px;padding:8px}.oc-tg-report header{justify-content:space-between;font-size:5px;display:flex}.oc-tg-report header span{color:#7188a1}.oc-tg-chart{border-bottom:1px solid #dae4ed;align-items:end;gap:8px;height:72px;margin-top:8px;padding:0 4px;display:flex}.oc-tg-chart i{background:linear-gradient(#4e93dc,#0b53c7);border-radius:2px 2px 0 0;flex:1;min-height:10%}.oc-tg-phone{color:#163451;width:116px;height:226px;font:600 6px/1.35 var(--font-inter);background:#f8fbff;border-radius:9px;padding:15px 11px;overflow:hidden}.oc-tg-phone header{border-bottom:1px solid #dce6ef;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.oc-tg-phone header b{color:#0b53c7;font-size:9px}.oc-tg-phone header span{color:#7b91a8;font-size:4px}.oc-cart-line{border-bottom:1px solid #e5ecf3;justify-content:space-between;padding:11px 0;display:flex}.oc-cart-line>span{font-size:6px}.oc-cart-line small{color:#8194a7;margin-top:2px;font-size:4.2px;display:block}.oc-cart-line>b{font-size:6px}.oc-cart-total{justify-content:space-between;align-items:end;margin-top:14px;display:flex}.oc-cart-total span{color:#71859b;font-size:5px}.oc-cart-total b{font-size:12px}.oc-tg-phone button{color:#fff;letter-spacing:.4px;background:#0b53c7;border:0;width:100%;margin-top:13px;padding:9px 4px;font-size:5px;font-weight:900}.oc-phone-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.oc-phone-success i{color:#24866b;background:#dff5ed;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;font-style:normal;font-weight:900;display:grid}.oc-phone-success small{letter-spacing:.7px;color:#6d849c;margin-top:9px;font-size:4.5px}.oc-phone-success b{margin-top:4px;font-size:13px}.oc-phone-success span{color:#8094a9;margin-top:4px;font-size:4.5px}@media (max-width:800px){.nav{height:64px!important;padding:0 24px!important}.nav.nav-dark.is-scrolled{background:#02154ad1!important}.cinematic-canvas{width:100vw!important;height:100svh!important;inset:0!important}.hero{align-items:flex-start!important;min-height:112svh!important;padding:106px 24px 300px!important}.hero-copy{width:100%!important;max-width:none!important}.hero h1{letter-spacing:-.058em!important;margin-bottom:22px!important;font-size:clamp(42px,11.8vw,51px)!important;line-height:.96!important}.hero .lede{max-width:94%!important;font-size:14px!important;line-height:1.55!important}.hero .actions{flex-wrap:wrap;gap:16px!important;margin-top:25px!important}.hero .button{padding:12px 14px!important;font-size:10px!important}.hero .text-link{font-size:10px!important}.hero .capabilities{max-width:92%!important;margin-top:34px!important;font-size:8px!important;line-height:2!important}.hero .capabilities i{margin:0 6px!important}.scroll-cue{font-size:7px!important;bottom:18px!important;left:24px!important}.hero-orbit{opacity:.17!important}.cinematic-scroll-narrative{height:560vh!important}.cinematic-copy{width:86vw!important;max-width:86vw!important;margin-left:7vw!important;top:11vh!important}.cinematic-copy h2{font-size:clamp(39px,11.6vw,48px)!important;line-height:.92!important}.chaos-copy-3d{height:275vh!important;padding-top:70vh!important}.product-copy-3d{height:260vh!important;padding-top:142vh!important}.product-copy-3d span{max-width:88vw!important;font-size:14px!important}.product-copy-3d b{max-width:84vw!important;font-size:7px!important}.oc-engine-surface{width:126px;height:69px}.oc-artifact{transform-origin:50%}.oc-tg-desktop{width:360px;height:210px}.oc-tg-phone{width:110px;height:218px}}@media (max-width:380px){.hero{padding-left:20px!important;padding-right:20px!important}.hero h1{font-size:41px!important}.cinematic-copy{width:88vw!important;max-width:88vw!important;margin-left:6vw!important}.cinematic-copy h2{font-size:39px!important}}@media (max-width:800px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.cinematic-canvas{height:100svh!important;top:0!important}}.hero-approved-stage{--hero-progress:0;--pointer-x:0;--pointer-y:0;z-index:2;pointer-events:none;opacity:1;background:#02154a;transition:opacity .35s;position:fixed;inset:0;overflow:hidden}.hero-approved-stage:not(.is-active){opacity:0;visibility:hidden}.hero-approved-background,.hero-approved-backlight,.hero-approved-engine,.hero-approved-panel,.hero-approved-ring,.hero-approved-beam,.hero-approved-streaks,.hero-approved-vignette{will-change:transform,opacity;position:absolute}.hero-approved-background{transform:scale(calc(1 + var(--hero-progress)*.12)) translate(calc(var(--pointer-x)*-2px),calc(var(--pointer-y)*-2px));inset:0}.hero-approved-background img{object-fit:cover}.hero-approved-background-mobile{display:none!important}.hero-approved-backlight{width:56vw;height:56vw;transform:translate(calc(var(--pointer-x)*-3px),calc(var(--pointer-y)*-3px));opacity:calc(.8 - var(--hero-progress)*.35);background:radial-gradient(circle,#3e82e140,#082c7a14 38%,#0000 70%);top:5vh;right:-4vw}.hero-approved-engine{width:min(60vw,900px);transform:translate(calc(var(--pointer-x)*5px),calc(var(--pointer-y)*5px)) scale(calc(1 + var(--hero-progress)*1.52));transform-origin:58% 51%;filter:brightness(calc(1 + var(--hero-progress)*.1));animation:7s ease-in-out infinite engine-breathe;top:12vh;right:1.2vw}.hero-approved-engine img,.hero-approved-panel img{width:100%;height:auto;display:block}.hero-approved-panel{transform-origin:50%;transition:filter .2s}.hero-approved-sales{width:min(25vw,365px);transform:translate(calc(var(--pointer-x)*8px + var(--hero-progress)*-14vw),calc(var(--pointer-y)*8px + var(--hero-progress)*-6vh)) scale(calc(1 + var(--hero-progress)*.26));animation:8s ease-in-out infinite panel-drift-a;top:15vh;right:37vw}.hero-approved-inventory{width:min(23vw,335px);transform:translate(calc(var(--pointer-x)*10px + var(--hero-progress)*15vw),calc(var(--pointer-y)*10px + var(--hero-progress)*-4vh)) scale(calc(1 + var(--hero-progress)*.18));animation:9s ease-in-out infinite panel-drift-b;top:23vh;right:4vw}.hero-approved-transaction{width:min(19vw,285px);transform:translate(calc(var(--pointer-x)*12px + var(--hero-progress)*18vw),calc(var(--pointer-y)*12px + var(--hero-progress)*10vh)) scale(calc(1 + var(--hero-progress)*.38));animation:7s ease-in-out infinite panel-drift-c;bottom:12vh;right:11vw}.hero-approved-ring{width:min(62vw,930px);height:min(62vw,930px);transform:translate(calc(var(--pointer-x)*14px),calc(var(--pointer-y)*14px)) scale(calc(.72 + var(--hero-progress)*3.2));opacity:calc(.35 + var(--hero-progress)*.65);animation:40s linear infinite ring-turn;top:5vh;right:-1vw}.hero-approved-ring img{object-fit:contain}.hero-approved-beam{transform:scale(calc(1 + var(--hero-progress)*1.6));opacity:var(--hero-progress);background:radial-gradient(at 69%,#6db1ff00 0 14%,#3a81e926 27%,#0000 58%);inset:-15%}.hero-approved-streaks{transform:scale(calc(1 + var(--hero-progress)*2.1));opacity:calc(var(--hero-progress)*.8);background:linear-gradient(112deg,#0000 39%,#559dff14 43%,#0000 44%),linear-gradient(76deg,#0000 67%,#e5a24a0f 68%,#0000 69%),linear-gradient(98deg,#0000 60%,#055ff917 61%,#0000 62%);inset:0}.hero-approved-vignette{background:radial-gradient(ellipse at center,transparent 25%,rgba(1,9,31,calc(var(--hero-progress)*.7)) 100%);opacity:var(--hero-progress);inset:0}.hero-enter-sequence{z-index:1;background:#010b29;height:390vh;position:relative}.cinematic-sequence>.hero{isolation:auto;z-index:auto!important}.cinematic-sequence>.hero .hero-copy,.cinematic-sequence>.hero .scroll-cue{z-index:16777272!important}.hero-interface{display:none!important}.hero-approved-stage.reduced-motion,.hero-approved-stage.reduced-motion *{transition:none!important;animation:none!important}.hero-approved-stage.reduced-motion .hero-approved-ring{opacity:.35;transform:scale(.72)!important}.hero-approved-stage.reduced-motion .hero-approved-beam,.hero-approved-stage.reduced-motion .hero-approved-streaks,.hero-approved-stage.reduced-motion .hero-approved-vignette{opacity:0!important}@keyframes engine-breathe{50%{margin-top:-7px}}@keyframes panel-drift-a{50%{margin-top:-5px}}@keyframes panel-drift-b{50%{margin-top:6px}}@keyframes panel-drift-c{50%{margin-top:-5px}}@keyframes ring-turn{to{rotate:360deg}}@media (max-width:800px){.hero-approved-stage{height:112svh;position:absolute;top:0;opacity:1!important;visibility:visible!important}.hero-approved-background img:first-child{display:none!important}.hero-approved-background-mobile{display:block!important}.hero-approved-engine{width:92vw;right:4vw;top:calc(75vh - var(--hero-progress)*54vh);animation:8s ease-in-out infinite engine-breathe;transform:scale(calc(.92 + var(--hero-progress)*1.05))!important}.hero-approved-sales{width:34vw;right:54vw;top:calc(78vh - var(--hero-progress)*9vh);transform:translateX(calc(var(--hero-progress)*-30vw)) scale(.86)!important}.hero-approved-inventory{width:32vw;right:4vw;top:calc(86vh - var(--hero-progress)*10vh);transform:translateX(calc(var(--hero-progress)*30vw)) scale(.8)!important}.hero-approved-transaction{display:none}.hero-approved-ring{width:94vw;height:94vw;right:3vw;top:calc(72vh - var(--hero-progress)*68vh);opacity:calc(.3 + var(--hero-progress)*.7);transform:scale(calc(.72 + var(--hero-progress)*2.7))!important}.hero-approved-backlight{width:110vw;height:110vw;top:62vh;right:-8vw}.hero-approved-beam,.hero-approved-streaks,.hero-approved-vignette{display:none}.hero-enter-sequence{height:330vh}.hero-enter-sequence+.statement{position:relative}.hero{z-index:3!important}.hero-approved-stage.is-active{height:100svh;position:fixed;inset:0}}.hero-approved-stage{--engine-scale:1;--core-opacity:0}.hero-approved-engine{transform:translate(calc(var(--pointer-x)*5px),calc(var(--pointer-y)*5px)) scale(var(--engine-scale))}.hero-approved-sales,.hero-approved-inventory{opacity:calc(1 - max(0,var(--hero-progress) - .72)*3.4)}.hero-approved-transaction{opacity:calc(1 - max(0,var(--hero-progress) - .72)*3.8)}.hero-approved-ring{opacity:clamp(.18,calc((var(--hero-progress) - .48)*2.3),1)}.hero-approved-beam{opacity:clamp(0,calc((var(--hero-progress) - .68)*2.8),.82)}.hero-approved-streaks{opacity:clamp(0,calc((var(--hero-progress) - .7)*2.9),.72)}.hero-approved-vignette{opacity:clamp(0,calc((var(--hero-progress) - .76)*3.2),.86)}.hero-approved-interior{opacity:var(--core-opacity);pointer-events:none;background:radial-gradient(#09397e57,#0000 22%),radial-gradient(#061a44 0 4%,#010a22 44%,#010713 100%);position:absolute;inset:0;overflow:hidden}.hero-approved-interior i{border:1px solid #5ca4ff70;width:clamp(160px,28vw,440px);height:clamp(110px,18vw,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(800px)rotateX(1deg);box-shadow:inset 0 0 25px #256cd62b,0 0 24px #155bc221}.hero-approved-interior i:first-child{scale:1}.hero-approved-interior i:nth-child(2){opacity:.72;scale:1.55}.hero-approved-interior i:nth-child(3){opacity:.48;scale:2.3}.hero-approved-interior i:nth-child(4){opacity:.28;scale:3.2}.hero-approved-interior i:nth-child(5){opacity:.14;scale:4.5}.hero-approved-interior b{background:#9bd0ff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px 10px #0b53c78c}.hero-approved-interior span{transform-origin:0;background:linear-gradient(90deg,#0000,#3a8ae7,#0000);width:46vw;height:1px;position:absolute;top:50%;left:50%}.hero-approved-interior span:first-of-type{rotate:13deg}.hero-approved-interior span:nth-of-type(2){rotate:-17deg}.hero-approved-interior span:nth-of-type(3){rotate:176deg}.hero-copy{transition:opacity .18s linear,transform .18s linear}@media (max-width:800px){.hero-approved-engine{top:calc(75vh - var(--hero-progress)*54vh);transform:scale(calc(.92 * var(--engine-scale)))!important}.hero-approved-interior i{width:58vw;height:34vw}.hero-approved-interior span{width:70vw}.hero-enter-sequence{height:290vh!important}}.hero-approved-interior{z-index:20;background:radial-gradient(#2075e1b8,#072d6961 18%,#0000 42%),radial-gradient(#08265d 0 4%,#020f32 42%,#010713 100%)}.hero-approved-interior i{border:2px solid #73bfffdb;box-shadow:inset 0 0 35px #257bef59,0 0 32px #1571e652}.hero-approved-interior i:nth-child(2){opacity:.8}.hero-approved-interior i:nth-child(3){opacity:.62}.hero-approved-interior i:nth-child(4){opacity:.42}.hero-approved-interior i:nth-child(5){opacity:.28}.hero-approved-interior b{background:#c2e4ff;width:16px;height:16px;box-shadow:0 0 32px 16px #0b6debb8}.hero-approved-interior span{background:linear-gradient(90deg,#0000,#74baff,#0000);height:2px;box-shadow:0 0 12px #0b53c7}.cinematic-sequence>.hero-enter-sequence{z-index:1!important}.hero-approved-stage{z-index:10!important}.hero-enter-sequence{height:250vh!important}@media (max-width:800px){.hero-enter-sequence{height:200vh!important}}.hero-approved-interior{isolation:isolate;background:radial-gradient(#3484ec66 0 2%,#0f438e2e 13%,#0000 33%),radial-gradient(#061d4d 0 5%,#020e2f 42%,#010611 100%)}.hero-approved-interior:before,.hero-approved-interior:after{content:"";pointer-events:none;position:absolute;inset:0}.hero-approved-interior:before{z-index:1;background:linear-gradient(90deg,#010613b8,#0000 20% 80%,#010613b8),linear-gradient(#01061338,#0000 33% 75%,#010613a1)}.hero-approved-interior:after{opacity:.45;z-index:1;background:repeating-linear-gradient(90deg,#0000 0 9.7%,#5da6f813 9.8% 9.86%,#0000 9.96% 19.5%);-webkit-mask-image:radial-gradient(#000,#0000 63%);mask-image:radial-gradient(#000,#0000 63%)}.hero-core-haze{filter:blur(15px);z-index:0;background:radial-gradient(#60b3ff38,#0a4aaa1a 21%,#0000 61%);animation:5s ease-in-out infinite core-haze;position:absolute;inset:12%}.hero-approved-interior i{z-index:2;background:linear-gradient(105deg,#a8d9ff11,#0000 27% 76%,#4f96e70f);border:1px solid #7fc1ffb3;border-color:#7fc1ffb3 #2c73ca9e #7fc1ffb3 #d0ebffe0;width:clamp(148px,18.5vw,292px);height:clamp(88px,11.6vw,184px);transform:translate(-50%,-50%)perspective(900px)rotateX(2deg);box-shadow:inset 0 1px #dcf1ff3b,inset 0 -14px 28px #04255d33,0 0 20px #1e71e11a}.hero-approved-interior i:first-of-type{opacity:.97;scale:.62}.hero-approved-interior i:nth-of-type(2){opacity:.9;scale:.91}.hero-approved-interior i:nth-of-type(3){opacity:.78;scale:1.26}.hero-approved-interior i:nth-of-type(4){opacity:.64;scale:1.75}.hero-approved-interior i:nth-of-type(5){opacity:.49;scale:2.35}.hero-approved-interior i:nth-of-type(6){opacity:.34;scale:3.1}.hero-approved-interior i:nth-of-type(7){opacity:.23;transform:translate(-47%,-46%)perspective(900px)rotateX(2deg)}.hero-approved-interior i:nth-of-type(2n){border-color:#badbf8ad #538dc98c #538dc98c;box-shadow:inset 0 0 24px #0c449138,0 0 32px #114da51c}.hero-core-rail{transform-origin:50%;z-index:3;opacity:.8;background:linear-gradient(90deg,#0000 0 5%,#519bef0f 16%,#9cd5ffe0 49.5%,#458fe71a 84%,#0000 100%);width:76vw;height:2px;position:absolute;top:50%;left:50%;box-shadow:0 0 11px #2379ef6b}.hero-core-rail:after{content:"";background:#b9e2ff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:49.5%;transform:translate(-50%,-50%);box-shadow:0 0 11px 4px #1e7ef273}.hero-core-rail-a{transform:translate(-50%,-50%)rotate(12deg)}.hero-core-rail-b{transform:translate(-50%,-50%)rotate(-16deg)}.hero-core-rail-c{opacity:.52;transform:translate(-50%,-50%)rotate(168deg)}.hero-core-rail-d{opacity:.45;transform:translate(-50%,-50%)rotate(71deg)}.hero-core-rail-e{opacity:.35;transform:translate(-50%,-50%)rotate(-69deg)}.hero-core-rail-f{opacity:.22;transform:translate(-50%,-50%)rotate(33deg)}.hero-approved-interior span{z-index:4;background:#9ed1ff;border-radius:50%;width:6px;height:6px;transform:none;box-shadow:0 0 10px 3px #1475eb80}.hero-approved-interior span:first-of-type{top:31%;left:18%}.hero-approved-interior span:nth-of-type(2){top:68%;left:28%}.hero-approved-interior span:nth-of-type(3){top:22%;left:39%}.hero-approved-interior span:nth-of-type(4){top:29%;left:64%}.hero-approved-interior span:nth-of-type(5){top:59%;left:78%}.hero-approved-interior span:nth-of-type(6){top:76%;left:69%}.hero-approved-interior span:nth-of-type(7){top:84%;left:47%}.hero-approved-interior span:nth-of-type(8){background:#d7a05a;top:41%;left:87%;box-shadow:0 0 9px 3px #d4823059}.hero-approved-interior small{z-index:3;background:#bfe1ffe6;border-radius:50%;width:2px;height:2px;animation:3.5s linear infinite core-particle;position:absolute;box-shadow:0 0 7px #4c9ef9b3}.hero-approved-interior small:first-of-type{animation-delay:-.2s;top:52%;left:11%}.hero-approved-interior small:nth-of-type(2){animation-delay:-2.4s;top:73%;left:19%}.hero-approved-interior small:nth-of-type(3){animation-delay:-1.1s;top:39%;left:31%}.hero-approved-interior small:nth-of-type(4){animation-delay:-3s;top:14%;left:42%}.hero-approved-interior small:nth-of-type(5){animation-delay:-.8s;top:19%;left:57%}.hero-approved-interior small:nth-of-type(6){animation-delay:-1.8s;top:35%;left:72%}.hero-approved-interior small:nth-of-type(7){animation-delay:-2.8s;top:68%;left:82%}.hero-approved-interior small:nth-of-type(8){animation-delay:-.5s;top:87%;left:63%}.hero-approved-interior small:nth-of-type(9){animation-delay:-1.5s;top:81%;left:37%}.hero-approved-interior small:nth-of-type(10){background:#db9d58;animation-delay:-2.1s;top:24%;left:91%;box-shadow:0 0 6px #d37e2b99}.hero-approved-interior b{z-index:5;background:#d4edff;width:14px;height:14px;animation:2.8s ease-in-out infinite core-focal;box-shadow:0 0 22px 9px #55aaffb8,0 0 62px 21px #0953cc52}@keyframes core-haze{50%{opacity:.72;transform:scale(1.16)}}@keyframes core-particle{50%{opacity:.35;transform:translate(14px,-9px)scale(1.7)}}@keyframes core-focal{50%{transform:translate(-50%,-50%)scale(1.33);box-shadow:0 0 30px 13px #60b5ffd1,0 0 72px 28px #0953cc5c}}@media (max-width:800px){.hero-approved-interior i{width:48vw;height:29vw}.hero-approved-interior i:nth-of-type(6),.hero-approved-interior i:nth-of-type(7){display:none}.hero-core-rail{width:128vw}.hero-core-rail-d,.hero-core-rail-e,.hero-core-rail-f,.hero-approved-interior span:nth-of-type(4),.hero-approved-interior span:nth-of-type(6),.hero-approved-interior span:nth-of-type(7),.hero-approved-interior span:nth-of-type(8),.hero-approved-interior small:nth-of-type(n+7){display:none}}@media (prefers-reduced-motion:reduce){.hero-core-haze,.hero-approved-interior small,.hero-approved-interior b{animation:none!important}}.chaos-cinematic{--chaos-progress:0;--chaos-pointer-x:0;--chaos-pointer-y:0;z-index:2;color:#fff;background:#010814;min-height:420vh;position:relative;overflow:clip}.chaos-sticky{isolation:isolate;background:radial-gradient(at 69% 49%,#0b4ead3d,#0000 31%),radial-gradient(at 55% 52%,#061a45 0,#020d2d 42%,#010611 100%);height:100svh;position:sticky;top:0;overflow:hidden}.chaos-depth,.chaos-rails,.chaos-focal{pointer-events:none;position:absolute;inset:0}.chaos-depth{background:linear-gradient(90deg,#010714b8,#0000 26% 80%,#01071480),repeating-linear-gradient(90deg,#0000 0 12%,#78b5f60b 12.1% 12.2%,#0000 12.3% 24%);-webkit-mask-image:radial-gradient(at 64%,#000 5%,#0000 74%);mask-image:radial-gradient(at 64%,#000 5%,#0000 74%)}.chaos-rails{transform:scale(calc(1 + var(--chaos-progress)*.38));opacity:calc(.38 + var(--chaos-progress)*.42);background:linear-gradient(160deg,#0000 43%,#63a6f52b 49.7%,#0000 50.1%),linear-gradient(23deg,#0000 44%,#63a6f51f 49.8%,#0000 50.2%),linear-gradient(96deg,#0000 49.6%,#e2a45124 49.9%,#0000 50.2%)}.chaos-focal{width:10px;height:10px;transform:translate(-50%,-50%) scale(calc(1 - min(var(--chaos-progress),.72)*.55));opacity:calc(1 - min(var(--chaos-progress),.75)*.72);background:#bfe5ff;border-radius:50%;inset:50% auto auto 63%;box-shadow:0 0 28px 13px #2680f18c,0 0 100px 35px #0546b238}.chaos-copy{z-index:6;pointer-events:none;max-width:min(39vw,510px);margin-left:7vw;position:sticky;top:21vh}.chaos-copy .eyebrow{color:#a8cdf9}.chaos-copy h2{letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(42px,4.7vw,72px);font-weight:850;line-height:.98}.chaos-copy>p:last-child{color:#b7cbe5;max-width:390px;margin:0;font-size:16px;line-height:1.65}.chaos-artifact{z-index:3;opacity:clamp(0,calc((var(--chaos-progress) - .15)*2.8),1);will-change:transform,opacity;filter:drop-shadow(0 22px 25px #00041352);transition:opacity .1s linear;position:absolute}.chaos-artifact img{width:100%;height:auto;display:block}.chaos-spreadsheet{width:min(40vw,575px);transform:translate3d(calc(var(--chaos-pointer-x)*-6px),calc(var(--chaos-pointer-y)*-5px),0) rotate(-7deg) scale(calc(.48 + var(--chaos-progress)*.52));transform-origin:50%;top:20%;left:48%}.chaos-chat{z-index:5;width:min(18vw,235px);transform:translate3d(calc(var(--chaos-pointer-x)*-9px),calc(var(--chaos-pointer-y)*-8px),0) rotate(10deg) scale(calc(.44 + var(--chaos-progress)*.56));top:38%;left:66%}.chaos-order{z-index:4;width:min(25vw,330px);transform:translate3d(calc(var(--chaos-pointer-x)*-7px),calc(var(--chaos-pointer-y)*-6px),0) rotate(9deg) scale(calc(.42 + var(--chaos-progress)*.58));top:54%;left:44%}.chaos-receipt{z-index:7;width:min(12vw,160px);transform:translate3d(calc(var(--chaos-pointer-x)*-13px),calc(var(--chaos-pointer-y)*-11px),0) rotate(12deg) scale(calc(.45 + var(--chaos-progress)*.55));top:11%;right:4%}.chaos-payment{z-index:6;width:min(19vw,245px);transform:translate3d(calc(var(--chaos-pointer-x)*-11px),calc(var(--chaos-pointer-y)*-10px),0) rotate(-10deg) scale(calc(.44 + var(--chaos-progress)*.56));bottom:3%;right:18%}.chaos-report{z-index:2;width:min(32vw,460px);opacity:clamp(0,calc((var(--chaos-progress) - .28)*2),.72);transform:translate3d(calc(var(--chaos-pointer-x)*-4px),calc(var(--chaos-pointer-y)*-3px),0) rotate(-5deg) scale(calc(.42 + var(--chaos-progress)*.45));bottom:23%;right:1%}.chaos-particles{z-index:1;position:absolute;inset:0}.chaos-particles i{width:3px;height:3px;opacity:calc(.1 + var(--chaos-progress)*.55);background:#9ed2ff;border-radius:50%;position:absolute;box-shadow:0 0 9px #3f91f4b8}.chaos-particles i:first-child{top:31%;left:49%}.chaos-particles i:nth-child(2){top:22%;left:74%}.chaos-particles i:nth-child(3){background:#e0a05c;top:56%;left:89%}.chaos-particles i:nth-child(4){top:73%;left:42%}.chaos-particles i:nth-child(5){top:14%;left:59%}.chaos-particles i:nth-child(6){top:80%;left:79%}.chaos-particles i:nth-child(7){top:37%;left:92%}.chaos-particles i:nth-child(8){top:47%;left:35%}.chaos-particles i:nth-child(9){top:61%;left:68%}.chaos-particles i:nth-child(n+10){display:none}.chaos-cinematic.reduced-motion{min-height:120vh}.chaos-cinematic.reduced-motion .chaos-artifact{opacity:1;transform:none!important}.chaos-cinematic.reduced-motion .chaos-focal{opacity:.25}@media (max-width:800px){.chaos-cinematic{min-height:370vh}.chaos-copy{max-width:calc(100vw - 48px);margin:0 24px;top:12vh}.chaos-copy h2{max-width:340px;font-size:clamp(36px,11vw,50px)}.chaos-copy>p:last-child{max-width:315px;font-size:14px}.chaos-sticky{background:radial-gradient(at 50% 62%,#0b4ead40,#0000 32%),linear-gradient(#031134,#010611)}.chaos-focal{top:68%;left:50%}.chaos-spreadsheet{width:76vw;transform:translate3d(0,0,0) rotate(-7deg) scale(calc(.5 + var(--chaos-progress)*.5));top:48%;left:25%}.chaos-chat{width:37vw;transform:rotate(10deg) scale(calc(.46 + var(--chaos-progress)*.54));top:56%;left:55%}.chaos-receipt{width:27vw;transform:rotate(12deg) scale(calc(.46 + var(--chaos-progress)*.54));top:62%;right:-3vw}.chaos-payment{width:39vw;transform:rotate(-9deg) scale(calc(.45 + var(--chaos-progress)*.55));bottom:4%;right:26%}.chaos-order{width:46vw;opacity:clamp(0,calc((var(--chaos-progress) - .48)*1.7),.62);top:69%;left:-8vw}.chaos-report{display:none}.chaos-rails{opacity:.45}.chaos-particles i:nth-child(n+7){display:none}.chaos-cinematic.reduced-motion{min-height:108vh}.chaos-cinematic.reduced-motion .chaos-artifact{transform:scale(.86)!important}.chaos-cinematic.reduced-motion .chaos-order{opacity:.6}.hero-approved-stage.chaos-handoff{opacity:0!important;visibility:hidden!important}.chaos-artifact{opacity:clamp(0,calc((var(--chaos-progress) - .08)*2.25),1)}.chaos-order{opacity:clamp(0,calc((var(--chaos-progress) - .36)*1.6),.62)}}.system-core,.system-module{z-index:8;opacity:clamp(0,calc((var(--chaos-progress) - .54)*3.2),1);will-change:transform,opacity;position:absolute}.system-core{width:min(17vw,230px);transform:translate(-50%,-50%) scale(calc(.45 + var(--chaos-progress)*.55));filter:drop-shadow(0 0 22px #1471e561);top:49%;left:63%}.system-core img,.system-module img{width:100%;height:auto;display:block}.system-module{filter:drop-shadow(0 18px 20px #00051447);width:min(18vw,250px);transition:filter .2s}.system-sales{transform:rotate(-4deg) scale(calc(.4 + var(--chaos-progress)*.6));top:22%;left:48%}.system-inventory{transform:rotate(4deg) scale(calc(.4 + var(--chaos-progress)*.6));top:20%;left:68%}.system-customers{transform:rotate(-2deg) scale(calc(.4 + var(--chaos-progress)*.6));top:48%;left:43%}.system-accounting{transform:rotate(3deg) scale(calc(.4 + var(--chaos-progress)*.6));top:48%;left:74%}.system-analytics{transform:rotate(-3deg) scale(calc(.4 + var(--chaos-progress)*.6));top:73%;left:51%}.system-automation{transform:rotate(3deg) scale(calc(.4 + var(--chaos-progress)*.6));top:73%;left:70%}.chaos-artifact{transition:opacity .1s}.chaos-cinematic:has(.system-core){--system-progress:clamp(0,calc((var(--chaos-progress) - .35)*1.54),1)}.chaos-copy .workflow-word{opacity:clamp(0,calc((var(--chaos-progress) - .48)*3),1);display:inline}.chaos-copy h2 .workflow-word{color:#fff;position:absolute;top:26px;left:0}.chaos-copy>p:last-child .workflow-word{color:#b7cbe5;max-width:390px;position:absolute;top:270px;left:0}.chaos-sticky:after{content:"";width:28vw;height:1px;opacity:clamp(0,calc((var(--chaos-progress) - .55)*2),.65);background:linear-gradient(90deg,#0000,#63a9f6,#0000);position:absolute;top:49%;left:49%;transform:rotate(18deg);box-shadow:0 0 13px #1a78ee80}@media (max-width:800px){.chaos-cinematic{min-height:540vh}.system-core{width:34vw;top:58%;left:50%}.system-module{width:31vw}.system-sales{top:46%;left:12%}.system-inventory{top:46%;left:57%}.system-accounting{top:69%;left:58%}.system-customers{width:20vw;top:70%;left:12%}.system-analytics{width:20vw;top:81%;left:14%}.system-automation{width:20vw;top:81%;left:67%}.chaos-copy h2 .workflow-word{top:22px}.chaos-copy>p:last-child .workflow-word{max-width:315px;top:230px}.chaos-artifact{opacity:calc(clamp(0,calc((var(--chaos-progress) - .08)*2.25),1) * (1 - clamp(0,calc((var(--chaos-progress) - .62)*2.8),1)))}.system-module{opacity:clamp(0,calc((var(--chaos-progress) - .52)*3),1)}}.chaos-cinematic{min-height:440vh!important}@media (max-width:800px){.chaos-cinematic{min-height:400vh!important}}.chaos-copy .chaos-word{opacity:calc(1 - clamp(0,calc((var(--chaos-progress) - .3)*5.56),1))}.chaos-copy .workflow-word{opacity:0}.chaos-copy .eyebrow .workflow-word{opacity:clamp(0,calc((var(--chaos-progress) - .48)*4.55),1)}.chaos-copy h2 .workflow-word{opacity:clamp(0,calc((var(--chaos-progress) - .7)*8.34),1)}.chaos-copy>p:last-child .workflow-word{opacity:clamp(0,calc((var(--chaos-progress) - .82)*5.56),1)}.chaos-artifact{opacity:calc(clamp(0,calc((var(--chaos-progress) - .15)*2.8),1) * (1 - clamp(0,calc((var(--chaos-progress) - .64)*3.58),1)))}.chaos-report{opacity:calc(clamp(0,calc((var(--chaos-progress) - .28)*2),.72) * (1 - clamp(0,calc((var(--chaos-progress) - .64)*3.58),1)))}.system-core{filter:drop-shadow(0 0 27px #217dec7a);width:min(19vw,255px)}.system-core:before{content:"";z-index:-1;background:radial-gradient(circle,#53a4f838,#0000 63%);position:absolute;inset:-28%}.system-sales,.system-inventory,.system-accounting{filter:drop-shadow(0 21px 24px #00051459)}.system-customers,.system-analytics,.system-automation{width:min(16vw,220px);opacity:calc(clamp(0,calc((var(--chaos-progress) - .54)*3.2),1)*.9)}.chaos-sticky:before{content:"";width:31vw;height:31vw;opacity:clamp(0,calc((var(--chaos-progress) - .59)*2.5),.74);pointer-events:none;z-index:7;background:linear-gradient(23deg,#0000 49.6%,#66affaa6 49.85% 50.15%,#0000 50.4%),linear-gradient(157deg,#0000 49.6%,#66affa85 49.85% 50.15%,#0000 50.4%);position:absolute;top:49%;left:48%}@media (max-width:800px){.chaos-artifact{opacity:calc(clamp(0,calc((var(--chaos-progress) - .08)*2.25),1) * (1 - clamp(0,calc((var(--chaos-progress) - .62)*3.45),1)))}.system-core{width:38vw}.system-customers,.system-analytics,.system-automation{width:20vw}.chaos-sticky:before{width:58vw;height:58vw;top:48%;left:22%}}.tg-stage{color:#fff;background:#02154a;grid-template-columns:.7fr 1.3fr;align-items:center;gap:5vw;min-height:100vh;padding:12vh 8vw;display:grid}.tg-copy p{color:#8ec0ff;letter-spacing:1.5px;font-size:11px;font-weight:800}.tg-copy h2{margin:12px 0;font-size:clamp(52px,7vw,94px)}.tg-copy span,.tg-copy small{color:#c0d4eb;max-width:350px;line-height:1.6;display:block}.tg-copy small{color:#8eb0d9;margin-top:26px}.tg-desk{background:#0b0c10;border:10px solid #18232a;border-radius:18px;padding:22px;transform:perspective(1200px)rotateY(-5deg);box-shadow:26px 30px #0003}.tg-desk header{border-bottom:1px solid #26333a;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.tg-desk header b{color:#aeb9bd;font-size:12px}.tg-kpis{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0;display:grid}.tg-kpis b,.tg-chart{background:#151b20;border-radius:8px;padding:16px}.tg-kpis small{color:#91a3a8;margin-top:7px;font-size:9px;display:block}.tg-chart{color:#62d6a5;border-bottom:3px solid #044027;height:110px}.tg-desk p{color:#dce5e5;border-top:1px solid #273238;padding-top:10px;font-size:12px}.tg-phone{color:#0b0c10;background:#f8fafc;border:8px solid #20272b;border-radius:25px;padding:18px;transform:translate(-15%,15%);box-shadow:0 24px 35px #00000052}.tg-phone p{border-bottom:1px solid #dbe3e7;justify-content:space-between;padding:9px 0;display:flex}.tg-phone button{color:#fff;background:#044027;border:0;width:100%;padding:12px;font-weight:800}@media (max-width:800px){.tg-stage{min-height:120vh;padding:100px 24px 50px;display:block}.tg-desk{margin-top:35px;transform:none}.tg-phone{width:62%;margin:20px auto 0;transform:none}}.work-page{color:#02154a;background:#f5f7fb;min-height:100vh;padding:150px 7vw 120px}.work-page>header{max-width:760px}.work-page h1{letter-spacing:-.07em;max-width:680px;margin:10px 0 20px;font-size:clamp(48px,6vw,88px);line-height:.94}.work-page>header>p:last-child{color:#50627a;max-width:530px;margin:0;font-size:17px;line-height:1.65}.work-editorial{gap:48px;max-width:1280px;margin:76px auto 0;display:grid}.work-editorial article{border-top:1px solid #d4dce8;grid-template-columns:minmax(260px,.72fr) minmax(470px,1.28fr);align-items:center;gap:8vw;min-height:470px;padding:44px 0;display:grid}.work-editorial article:nth-child(2n){grid-template-columns:minmax(470px,1.28fr) minmax(260px,.72fr)}.work-editorial article:nth-child(2n) .work-copy{order:2}.work-copy>span{color:#7498c1;letter-spacing:.18em;font-size:12px;font-weight:800;display:block}.work-copy h2{letter-spacing:-.065em;margin:14px 0 12px;font-size:clamp(38px,4vw,62px);line-height:.96}.work-copy p{color:#42536a;max-width:330px;margin:0;font-size:17px;line-height:1.6}.work-copy small{color:#6c7d91;letter-spacing:.08em;text-transform:uppercase;max-width:350px;margin-top:22px;font-size:11px;font-weight:700;line-height:1.55;display:block}.work-copy a{color:#0b53c7;align-items:center;gap:12px;margin-top:30px;font-weight:800;text-decoration:none;display:inline-flex}.work-copy a b{font-size:20px}.work-preview{border-radius:3px;height:355px;position:relative;overflow:hidden;box-shadow:0 28px 60px #02154a26}.work-tg{background:radial-gradient(circle at 74% 16%,#17664d 0,#0000 29%),linear-gradient(135deg,#0b0c10,#044027)}.work-tg>div{background:#10191a;border:1px solid #ffffff1f;border-radius:8px;padding:22px;position:absolute;inset:38px 90px 34px 35px;box-shadow:20px 26px 40px #00000052}.work-tg img{height:auto}.work-tg>div>b{color:#f8fafc;margin:24px 0 6px;font-size:18px;display:block}.work-tg>div>span{color:#65d9aa;font-size:27px;font-weight:800}.work-tg>div>i{background:linear-gradient(#1c2b2d,#122022);border-radius:4px;width:22%;height:46px;margin:24px 4% 0 0;display:inline-block}.work-tg aside{color:#0b0c10;background:#f8fafc;border:7px solid #263036;border-radius:24px;width:148px;padding:26px 15px 16px;font-size:11px;position:absolute;bottom:16px;right:28px;box-shadow:0 20px 30px #00000059}.work-tg aside>b{float:right}.work-tg aside small{color:#fff;text-align:center;background:#044027;margin-top:22px;padding:9px 6px;font-size:8px;display:block}.work-pet{background:radial-gradient(circle at 72% 20%,#e6c99b 0,#0000 32%),linear-gradient(135deg,#555d4d,#6f7764)}.work-pet>div{color:#1f271f;z-index:2;background:#fbf7ef;border:7px solid #1f271f;border-radius:27px;width:196px;padding:25px 18px 20px;position:absolute;bottom:16px;left:54px;box-shadow:0 24px 35px #1f271f42}.work-pet small{color:#6f7764;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.work-pet>div>b{margin:8px 0 2px;font-size:23px;display:block}.work-pet>div>span{font-size:10px;display:block}.work-pet>div>i{color:#555d4d;background:#d7c9b4;border-radius:6px;margin-top:22px;padding:9px;font-size:9px;font-style:normal;display:block}.work-pet aside{color:#1f271f;background:#fbf7ef;border-radius:8px;width:274px;padding:25px;position:absolute;top:42px;right:34px;box-shadow:0 25px 45px #1f271f33}.work-pet aside>b{margin:13px 0 3px;font-size:15px;display:block}.work-pet aside span{color:#6f7764;font-size:11px}.case-study{color:#02154a;background:#fff;min-height:100vh}.case-hero{grid-template-columns:minmax(280px,.72fr) minmax(510px,1.28fr);align-items:center;gap:7vw;min-height:720px;padding:150px 7vw 96px;display:grid;overflow:clip}.tindahan-case .case-hero{background:#eef4f0}.pet-case .case-hero{background:#fbf7ef}.case-copy{z-index:2;position:relative}.case-back{color:#55708a;margin:18px 0 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.case-copy h1{letter-spacing:-.075em;margin:0;font-size:clamp(52px,6.1vw,90px);line-height:.9}.case-lede{max-width:400px;margin:24px 0 0;font-size:clamp(19px,1.8vw,26px);line-height:1.35}.case-capabilities{color:#52657b;letter-spacing:.08em;text-transform:uppercase;max-width:390px;margin:24px 0 0;font-size:12px;font-weight:800;line-height:1.65}.case-product{width:100%;min-height:495px;position:relative}.tg-browser{transform-origin:50%;background:#0b0c10;border:9px solid #192527;border-radius:13px;grid-template-columns:130px 1fr;width:min(100%,720px);height:398px;display:grid;position:absolute;top:27px;right:0;overflow:hidden;transform:perspective(1300px)rotateY(-5deg)rotateX(1deg);box-shadow:18px 28px #0440272b,0 27px 55px #08242142}.tg-browser:before{content:"";pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:0}.tg-browser aside{color:#a9b8b4;background:#11191a;flex-direction:column;gap:17px;padding:30px 15px;font-size:10px;display:flex}.tg-browser aside img{width:100%;height:auto;margin-bottom:15px}.tg-browser aside .selected{color:#7ee0b0;background:#1b3129;border-radius:5px;padding:8px}.tg-browser main{color:#f8fafc;background:linear-gradient(120deg,#111b1e,#0c1214);padding:28px}.tg-browser main header,.clinic main header{justify-content:space-between;align-items:center;display:flex}.tg-browser main small,.clinic main small{color:#91a59e;letter-spacing:.08em;font-size:8px;font-weight:800}.tg-browser h3,.clinic h3{margin:5px 0 0;font-size:18px}.tg-browser button,.clinic button{color:#fff;background:#044027;border:0;border-radius:5px;padding:8px 10px;font-size:9px;font-weight:800}.tg-metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.tg-metrics>b{background:#182326;border-radius:6px;padding:13px 10px;font-size:18px;display:block}.tg-metrics b small,.tg-metrics b i{color:#8ea39b;margin-bottom:5px;font-size:7px;font-style:normal;display:block}.tg-metrics b i{color:#5cdca1;margin:7px 0 0}.tg-browser section{background:#121b1d;border:1px solid #263437;border-radius:7px;padding:13px}.tg-browser h4{margin:0 0 9px;font-size:11px}.tg-browser section p{color:#c7d4d1;border-top:1px solid #263437;grid-template-columns:1.05fr 1.35fr .8fr .55fr;gap:5px;margin:0;padding:8px 0;font-size:8px;display:grid}.tg-browser section p:first-of-type{border-top:0}.tg-browser section em{color:#69d9a7;font-style:normal}.tg-phone{z-index:2;color:#0b0c10;background:#f8fafc;border:9px solid #222b2c;border-radius:28px;width:176px;padding:35px 15px 16px;position:absolute;bottom:0;right:5%;transform:perspective(800px)rotateY(-10deg);box-shadow:0 25px 34px #0000004d}.tg-phone>small{color:#6b797c;letter-spacing:.1em;font-size:8px;font-weight:800}.tg-phone>b{margin:4px 0 17px;font-size:13px;display:block}.tg-phone p{border-top:1px solid #dbe3e4;justify-content:space-between;margin:0;padding:11px 0;font-size:10px;display:flex}.tg-phone>div{justify-content:space-between;margin:15px 0;display:flex}.tg-phone>div small{font-size:9px;font-weight:800}.tg-phone>div strong{font-size:18px}.tg-phone button{color:#fff;background:#044027;border:0;border-radius:4px;width:100%;padding:11px;font-size:9px;font-weight:900}.case-story{max-width:1040px;margin:0 auto;padding:110px 7vw}.case-story article{border-top:1px solid #dbe1e8;grid-template-columns:95px 1fr;gap:24px;padding:38px 0;display:grid}.case-story article>span{color:#7498c1;letter-spacing:.16em;font-size:12px;font-weight:900}.case-story h2{letter-spacing:-.055em;text-transform:uppercase;margin:0 0 10px;font-size:clamp(29px,3.2vw,46px);line-height:1}.case-story p{color:#4d6078;max-width:680px;margin:0;font-size:17px;line-height:1.65}.case-cta{color:#fff;text-align:center;background:#02154a;padding:92px 7vw}.case-cta p{color:#a7c9f7;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.case-cta h2{letter-spacing:-.07em;margin:12px 0 28px;font-size:clamp(45px,5vw,72px)}.case-cta .button{color:#fff;background:#0b53c7;gap:12px;padding:14px 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.pet-product{min-height:500px}.pet-phone{z-index:2;color:#1f271f;background:#fbf7ef;border:9px solid #1f271f;border-radius:31px;width:215px;padding:31px 16px 16px;position:absolute;bottom:0;left:3%;transform:perspective(900px)rotateY(7deg);box-shadow:0 26px 40px #1f271f40}.pet-phone header{align-items:center;gap:9px;display:flex}.pet-phone header img{border-radius:9px}.pet-phone header small,.pet-phone p small{color:#6f7764;letter-spacing:.1em;font-size:8px;font-weight:900;display:block}.pet-phone header b{font-size:13px}.pet-phone section{align-items:center;gap:10px;margin:19px 0;display:flex}.pet-phone section>i{color:#555d4d;background:#d7c9b4;border-radius:50%;place-items:center;width:50px;height:50px;font-size:20px;font-style:normal;font-weight:900;display:grid}.pet-phone section strong,.pet-phone section span,.pet-phone section em{display:block}.pet-phone section span{color:#6f7764;margin-top:2px;font-size:9px}.pet-phone section em{color:#555d4d;margin-top:6px;font-size:8px;font-style:normal;font-weight:800}.pet-phone nav{color:#6f7764;border-block:1px solid #e2d9ce;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.pet-phone nav b{color:#1f271f}.pet-phone p{background:#f0e7d8;border-radius:8px;margin:14px 0 0;padding:12px}.pet-phone p b,.pet-phone p span{margin-top:3px;font-size:10px;display:block}.pet-phone .confirmed{background:#e5e9de}.clinic{background:#fbf7ef;border-radius:10px;grid-template-columns:124px 1fr;width:72%;height:376px;display:grid;position:absolute;top:28px;right:0;overflow:hidden;transform:perspective(1300px)rotateY(-4deg);box-shadow:18px 27px #6f776429,0 25px 50px #1f271f2e}.clinic aside{color:#edf0e6;background:#555d4d;flex-direction:column;gap:18px;padding:30px 14px;font-size:10px;display:flex}.clinic aside img{width:100%;height:auto;margin-bottom:15px}.clinic main{color:#1f271f;padding:28px}.clinic main header button{background:#d68b5d}.clinic main>p{background:#f5efe5;border-left:3px solid #d68b5d;grid-template-columns:44px 1fr auto;gap:9px;margin:13px 0;padding:11px;font-size:9px;display:grid}.clinic main>p time{color:#6f7764;font-weight:800}.clinic main>p em{color:#555d4d;font-style:normal;font-weight:800}@media (max-width:800px){.work-page{padding:108px 24px 72px}.work-page h1{font-size:clamp(42px,13vw,58px)}.work-page>header>p:last-child{font-size:15px}.work-editorial{gap:16px;margin-top:48px}.work-editorial article,.work-editorial article:nth-child(2n){flex-direction:column;align-items:stretch;gap:28px;min-height:auto;padding:32px 0;display:flex}.work-editorial article:nth-child(2n) .work-copy{order:0}.work-copy h2{font-size:45px}.work-copy p{font-size:16px}.work-preview{height:300px}.work-tg>div{padding:15px;inset:24px 55px 30px 21px}.work-tg>div>b{margin-top:16px;font-size:14px}.work-tg>div>span{font-size:21px}.work-tg aside{width:125px;right:12px}.work-pet>div{width:168px;left:20px}.work-pet aside{width:195px;top:30px;right:17px}.case-hero{min-height:0;padding:108px 24px 70px;display:block}.case-copy h1{font-size:clamp(50px,15vw,65px)}.case-lede{font-size:20px}.case-product{min-height:400px;margin-top:36px}.tg-browser{border-width:6px;grid-template-columns:88px;width:98%;height:286px;top:20px;transform:none}.tg-browser aside{gap:10px;padding:18px 8px;font-size:7px}.tg-browser aside img{margin-bottom:7px}.tg-browser main{padding:16px}.tg-browser h3{font-size:13px}.tg-browser button{padding:6px;font-size:7px}.tg-metrics{gap:5px;margin:13px 0}.tg-metrics>b{padding:8px 5px;font-size:12px}.tg-metrics b small,.tg-metrics b i{font-size:5px}.tg-browser section{padding:8px}.tg-browser h4{font-size:8px}.tg-browser section p{padding:6px 0;font-size:5.7px}.tg-phone{border-width:7px;width:142px;padding:27px 11px 12px;right:3%}.tg-phone p{font-size:8px}.tg-phone>div strong{font-size:15px}.tg-phone button{font-size:7px}.case-story{padding:66px 24px}.case-story article{grid-template-columns:48px 1fr;gap:14px;padding:28px 0}.case-story h2{font-size:28px}.case-story p{font-size:15px}.case-cta{padding:70px 24px}.pet-product{min-height:430px}.pet-phone{border-width:7px;width:180px;padding:25px 12px 13px;left:1%;transform:none}.pet-phone section{margin:13px 0}.pet-phone section>i{width:42px;height:42px}.clinic{grid-template-columns:73px 1fr;width:65%;height:294px;top:18px;right:0;transform:none}.clinic aside{gap:10px;padding:17px 8px;font-size:7px}.clinic aside img{margin-bottom:4px}.clinic main{padding:16px}.clinic h3{font-size:12px}.clinic main>p{grid-template-columns:28px 1fr auto;gap:4px;margin:7px 0;padding:7px;font-size:6px}.clinic main small{font-size:5px}.clinic button{padding:6px;font-size:6px}}.work-tg-phone{aspect-ratio:.49;filter:drop-shadow(0 21px 20px #00000057);opacity:1!important;width:154px!important;top:auto!important;bottom:-23px!important;right:26px!important;transform:perspective(850px)rotateY(-11deg)rotate(2deg)!important}.work-tg-phone:after,.case-tg-phone:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff24,#0000 58%);border-radius:13px;height:20%;position:absolute;inset:9px 14px auto 15px}.case-tg-phone{aspect-ratio:.49;filter:drop-shadow(0 28px 24px #00000054);opacity:1!important;width:245px!important;top:auto!important;bottom:-24px!important;right:4%!important;transform:perspective(950px)rotateY(-11deg)rotate(2deg)!important}.tindahan-product .case-tg-phone{z-index:3}@media (max-width:800px){.work-tg-phone{width:142px!important;bottom:-27px!important;right:11px!important;transform:perspective(850px)rotateY(-7deg)rotate(1deg)!important}.case-tg-phone{width:min(48vw,190px)!important;bottom:-35px!important;right:3%!important;transform:perspective(850px)rotateY(-6deg)rotate(1deg)!important}.case-product:has(.case-tg-phone){min-height:440px}}@media (min-width:801px){.work-tg-phone{width:84px!important;bottom:-9px!important}.case-tg-phone{width:140px!important;bottom:-16px!important}}.work-tg>.work-tg-phone{color:#132019!important;background:#141c20!important;border:8px solid #1a252a!important;border-radius:32px!important;margin:0!important;padding:5px!important;inset:auto 26px 10px auto!important}@media (max-width:800px){.work-tg>.work-tg-phone{inset:auto 11px 0 auto!important}}.contact-honeypot{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.contact button:disabled,.contact input:disabled{cursor:not-allowed;opacity:.65}.contact-status{grid-column:span 2;min-height:1.5em;margin:0;font-size:13px;line-height:1.5}.contact-status.success{color:#087443}.contact-status.error{color:#a32020}@media (max-width:800px){.contact-status{grid-column:auto}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}