:root{--background:#030711;--foreground:#f5f8ff;--card:#0d1526;--secondary:#111c30;--primary:#2861f5;--primary-foreground:#fff;--accent:#142745;--muted-foreground:#a8b7cd;--border:#243249;--cyan:#53d8f1;--turquoise:#70e1ce;--header-bg:#030711ed;--destructive:#ffa0a8;--font-sans:"Manrope",sans-serif}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-size:16px;line-height:1.7}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.container{width:min(1280px,100% - 96px)}.site-header{border-bottom:1px solid #182438;height:92px}.header-inner{gap:28px}.header-right{align-items:center;gap:12px;display:flex}.q-art{isolation:isolate;mix-blend-mode:lighten;flex-shrink:0;position:relative;overflow:hidden}.q-art img{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;position:absolute}.q-art-logo{mix-blend-mode:screen;width:140px}.desktop-nav{gap:32px}.nav-item{color:#b8c4d5;font-size:14px}.nav-item[data-status=active]{color:#fff}.nav-item[data-status=active]:after{border-radius:0;width:100%;height:2px;bottom:1px;left:0}.octiq-primary,.octiq-outline{white-space:normal;text-align:center;border-radius:8px;font-weight:600;line-height:1.4;height:54px!important;padding-inline:23px!important;font-size:14px!important}.octiq-primary{background:#2861f5;border:1px solid #5282ff;box-shadow:0 5px 24px #1149dd25}.octiq-primary:hover{background:#3c73ff;transform:translateY(-2px)}.octiq-outline{background:#0c1526;border-color:#40506a}.header-cta{height:44px!important;padding-inline:18px!important;font-size:14px!important}.eyebrow{letter-spacing:.12em;color:#71d9ef;margin-bottom:24px;font-size:12px;line-height:1.7}.eyebrow:before{background:currentColor;border:0;flex-shrink:0;width:18px;height:1px}.hero{background:radial-gradient(at 76% 45%,#0d205944,#0000 52%),#030711}.hero-grid{grid-template-columns:1.07fr 1fr;gap:26px;min-height:710px;padding-block:64px 68px}.hero h1{letter-spacing:-.052em;max-width:730px;font-size:clamp(48px,4.9vw,72px);font-weight:600;line-height:1.08}.hero .accent-text{color:#5bcce9;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#5991ff,#48d9e9);-webkit-background-clip:text;background-clip:text}.hero-description{color:#aebed3;max-width:500px;margin-top:30px;font-size:18px;line-height:1.8}.hero-services{color:#8295b2;max-width:470px;margin-top:22px;line-height:1.9;font-size:13px!important}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.hero-footnote{color:#8fa5c2;align-items:center;gap:12px;margin-top:28px;font-size:12px;display:flex}.footnote-line{background:#40587d;width:24px;height:1px}.q-visual{isolation:isolate;background:0 0;border:0;width:100%;height:540px;min-height:0;display:block;position:relative;overflow:visible}.q-visual:before,.q-visual:after{display:none}.q-visual-top{font:10px var(--font-mono);color:#849aba;letter-spacing:.08em;justify-content:space-between;display:flex;position:absolute;top:0;left:15px;right:0}.hero-character{z-index:2;width:77%;max-width:420px;animation:7s ease-in-out infinite q-float;position:absolute;top:42px;left:9%}.orbital-ring{aspect-ratio:1;z-index:0;border:1px solid #2c507536;border-radius:50%;width:95%;position:absolute;top:18px;left:3%}.ring-two{border-style:dashed;width:73%;top:80px;left:14%;transform:rotate(-15deg)}.floating-label{z-index:3;background:#101c30e8;border:1px solid #32445f;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:absolute;box-shadow:0 12px 34px #0005}.floating-label svg{color:#5ddef3}.label-observe{top:115px;left:0}.label-connect{top:177px;right:-5px}.signal-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#0c1729ed;border:1px solid #2b466d;border-radius:12px;width:215px;padding:15px 18px;position:absolute;bottom:28px;left:-5px;transform:rotate(-4deg);box-shadow:0 16px 45px #0006}.signal-card>span{color:#c5d6ec;font-size:12px}.signal-card>div{color:#8caccf;justify-content:space-between;font-size:12px;display:flex}.signal-chart{width:100%;height:auto;margin-block:10px;display:block}.q-identity{z-index:5;gap:1px;display:grid;position:absolute;bottom:17px;right:4px}.q-identity strong{letter-spacing:-.04em;font-size:24px;font-weight:500}.q-identity span{color:#9cbed6;font-size:13px}.hero-rail{background:#09111f;border-top:1px solid #1b2b42}.rail-inner{justify-content:space-between;gap:30px;padding-block:27px;display:flex}.rail-label{letter-spacing:.08em;color:#879bb7;font-size:12px}.rail-flow{color:#d1dfef;gap:28px;font-size:13px}.rail-flow svg{color:#53769f}.section{padding-block:104px}.section h2,.closing h2{letter-spacing:-.04em;max-width:800px;font-size:clamp(32px,3.25vw,46px);font-weight:500;line-height:1.17}.section-lead{color:#aebed3;font-size:17px;line-height:1.85}.pull-quote{color:#d8e8f6;border-left:2px solid var(--cyan);margin-top:26px;padding-left:19px;line-height:1.7;font-size:17px!important}.two-column{align-items:center;gap:70px}.section-tinted{background:#0a1120;border-block:1px solid #1d2a40}.text-link{color:#76dcef;border-bottom:1px solid #305063;align-items:center;padding-bottom:5px;font-size:14px;display:inline-flex}.text-link:hover{color:#fff;border-color:#fff}.q-intro{grid-template-columns:.82fr 1.18fr;align-items:center;gap:68px;display:grid}.q-journey{background:#081222;border:1px solid #253753;border-radius:16px;overflow:hidden}.journey-tabs{background:#0a1426;border-bottom:1px solid #263751;grid-template-columns:repeat(4,1fr);display:grid}.journey-tabs button{color:#90a7c4;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:19px 8px;font-size:13px;display:flex;position:relative}.journey-tabs button small{display:none}.journey-tabs button[aria-selected=true]{color:#7ee2f1;background:#152945}.journey-tabs button[aria-selected=true]:after{content:"";background:#66d6ef;height:2px;position:absolute;bottom:0;left:0;right:0}.journey-panel{flex-direction:column;align-items:center;min-height:400px;padding:30px 36px 35px;display:flex}.journey-panel>.q-art{width:300px;max-width:100%;margin-bottom:20px}.journey-panel .eyebrow{margin-bottom:10px;font-size:11px}.journey-panel h3{letter-spacing:-.03em;font-size:23px;line-height:1.35}.journey-panel p{color:#acbdd2;margin-top:12px;font-size:15px;line-height:1.8}.pain-grid{border-block:1px solid #26354a;gap:0;margin-top:44px}.pain-item{border:0;border-right:1px solid #26354a;padding:30px 25px}.pain-item:first-child{padding-left:0}.pain-item:last-child{border-right:0}.pain-item span{color:#527aa9;font-size:12px}.pain-item h3{margin-top:22px;font-size:18px;font-weight:500;line-height:1.6}.section-end{color:#a8bdd8;margin-top:30px;font-size:16px}.solution-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.solution-card{background:linear-gradient(135deg,#101d32,#080f1e);border:1px solid #253650;border-radius:14px;padding:30px 34px;transition:transform .25s,border-color .25s}.solution-card:hover{background:linear-gradient(135deg,#132644,#0a1526);border-color:#448dc4;transform:translateY(-4px)}.card-top{margin-bottom:12px}.card-top svg{color:#65d2eb;width:24px}.card-number{color:#6a83a5;font-size:12px}.solution-card h3{letter-spacing:.02em;margin-top:24px;font-size:18px}.solution-card p{max-width:460px;margin-top:14px;font-size:16px;line-height:1.75}.card-result{color:#79dddf;border-top:1px solid #293c52;margin-top:24px;padding-top:18px;font-size:14px}.mini-flow{gap:22px;margin-top:35px;font-size:12px}.service-diagram{background:#050c19;border:1px solid #1c2e48;border-radius:10px;justify-content:center;align-items:center;height:132px;margin-top:18px;padding:18px 20px;display:flex}.automation-diagram{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.automation-diagram span{color:#acc8e4;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.automation-diagram svg{color:#56cee7;width:26px}.automation-diagram i{background:linear-gradient(90deg,#2658aa,#55d6e8);width:18%;height:1px;position:relative}.dashboard-diagram{align-items:end;gap:25px;width:100%;height:90px;display:flex}.mini-bars{flex:1;align-items:end;gap:8px;height:100%;display:flex}.mini-bars i{background:linear-gradient(#5ecde9,#2857cf);border-radius:3px 3px 0 0;flex:1}.mini-lines{align-self:center;gap:13px;width:27%;display:grid}.mini-lines span{background:#244268;border-radius:5px;height:6px}.mini-lines span:nth-child(2){background:#347c9a;width:65%}.service-diagram>.signal-chart{width:100%;height:100%}.capacity-diagram{gap:12px;width:100%;display:grid}.capacity-diagram>div{color:#95b1d1;grid-template-columns:95px 1fr;align-items:center;gap:16px;font-size:12px;display:grid}.capacity-diagram b{background:linear-gradient(90deg,#3673e0 var(--bar),#132239 var(--bar));border-radius:4px;height:10px}.other-grid{gap:30px}.other-item{border-top:1px solid #3a4a60;padding-top:30px}.other-item>svg{color:#61d0e9;width:28px;height:28px}.other-item h3{letter-spacing:-.025em;font-size:23px;line-height:1.3}.other-item p{font-size:16px;line-height:1.8}.other-item .text-link{margin-top:24px}.pain-led{grid-template-columns:.85fr 1.15fr;gap:70px}.problem-link{color:#c1cfe1;border-color:#2a3b54;padding:22px 0;font-size:17px;line-height:1.6}.problem-link:hover{color:#66d8e9}.steps{gap:25px;margin-top:48px;position:relative}.step{border-top:1px solid #3c5372;padding-top:22px}.step-number{color:#476c9a;letter-spacing:-.06em;margin-bottom:25px;font-size:35px;font-weight:400}.step-number svg{display:none}.step h3{letter-spacing:.025em;font-size:13px;line-height:1.6}.step p{color:#95aac4;font-size:15px;line-height:1.7}.industry-chip{color:#b7c9e0;background:#0b1425;border:1px solid #2d3e57;border-radius:30px;padding:10px 17px;font-size:14px}.closing{background:radial-gradient(at 15%,#12306a55,#0000 55%),#0a1324;border-block:1px solid #223650;padding:65px 0}.closing-inner{grid-template-columns:230px 1fr;align-items:center;gap:64px;display:grid}.closing-inner>.q-art{width:100%}.closing p{max-width:650px;margin-top:20px;font-size:17px;line-height:1.8}.closing .octiq-primary{margin-top:28px}.closing .eyebrow{margin-bottom:15px}.site-footer{background:#030711;padding-block:58px 25px}.footer-top{grid-template-columns:1.3fr 1fr .8fr;gap:45px}.footer-claim{margin-top:20px;font-size:14px}.footer-flow{max-width:350px;font-size:11px;line-height:1.9}.footer-nav{gap:16px;font-size:14px}.footer-contact .eyebrow{font-size:12px}.footer-contact{justify-self:end}.email-link{font-size:19px}.footer-bottom{color:#8da3bd;font-size:12px}.page-hero{background:radial-gradient(at 85%,#12275477,#0000 52%);border-bottom:1px solid #253550;padding-block:70px}.page-hero-inner{grid-template-columns:1fr 260px;align-items:center;gap:65px;display:grid}.page-hero h1{letter-spacing:-.045em;font-size:clamp(40px,4.3vw,62px);font-weight:500;line-height:1.14}.page-hero p{max-width:690px;font-size:18px;line-height:1.8}.page-hero .q-art{width:100%;max-height:300px}.category-heading{gap:23px;margin-bottom:45px}.category-number{border-radius:50%;place-items:center;width:49px;height:49px;padding:0;font-size:13px;display:grid}.category-heading h2{font-size:36px}.service-detail{grid-template-columns:1fr 1.2fr .75fr;align-items:start;gap:38px;padding-block:45px;scroll-margin-top:110px}.service-title h3{letter-spacing:.02em;font-size:16px}.service-title>svg{width:27px;margin-bottom:15px}.service-title .service-diagram{height:130px;margin-top:24px;padding:14px}.service-title .automation-diagram{gap:6px}.service-title .automation-diagram span{font-size:11px}.service-title .automation-diagram svg{width:22px;margin:0}.detail-label{margin-bottom:13px;font-size:12px}.service-detail p,.talent-grid p{font-size:16px;line-height:1.8}.service-result p{color:#d8e7f5;font-size:21px;line-height:1.5}.talent-grid{gap:55px}.talent-grid h3{letter-spacing:-.03em;font-size:27px}.deliverables span{border-radius:6px;padding:8px 13px;font-size:14px}.channel{font-size:19px}.compliance{font-size:14px;line-height:1.7}.connection-flow{gap:18px;font-size:16px;line-height:1.9}.thinking-grid{gap:30px}.thinking-item span{font-size:12px}.thinking-item h3{letter-spacing:-.03em;font-size:27px}.thinking-item p{font-size:16px;line-height:1.8}.vision blockquote{letter-spacing:-.02em;font-size:clamp(25px,3vw,39px);line-height:1.55}.capabilities{gap:16px}.capability{background:#0b1527;border:1px solid #273a55;border-radius:10px;padding:25px}.capability h3{font-size:14px}.capability p{font-size:15px;line-height:1.7}.capability>svg{width:28px;height:28px}.contact-layout{grid-template-columns:1.6fr .85fr;align-items:start;gap:65px}.contact-form{gap:24px}.field label,.consent-row{font-size:14px}.field input,.field select,.field textarea{background:#0b1526;border-color:#344762;border-radius:7px;min-height:53px;padding:13px 15px;font-size:16px}.field textarea{min-height:150px}.field-error{font-size:14px}.form-help,.form-security{font-size:13px;line-height:1.8}.form-security{max-width:590px}.contact-aside{background:#0b1629;border:1px solid #2a3e5c;border-radius:14px;padding:30px;position:sticky;top:125px}.contact-aside>.q-art{width:150px;margin:0 auto 25px}.contact-aside h2{font-size:27px;line-height:1.4}.contact-step span{font-size:12px}.contact-step p{font-size:16px}.contact-steps{margin-top:35px}.contact-aside .email-link{font-size:17px}.privacy-content{max-width:870px}.privacy-content h2{font-size:25px}.privacy-content p{font-size:17px;line-height:1.85}.provisional{font-size:12px}.success-state p{font-size:17px}@keyframes q-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width>=1500px){.hero-grid{min-height:750px}.hero h1{font-size:74px}.q-visual{height:565px}}@media (width<=1150px){.container{width:calc(100% - 64px)}.desktop-nav{gap:20px}.header-cta{padding-inline:14px!important;font-size:13px!important}.q-visual{height:490px}.hero-character{top:68px}.signal-card{width:185px;bottom:40px;left:0}.q-identity{bottom:0}.hero h1{font-size:55px}.hero-grid{gap:20px;min-height:660px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions a{min-width:245px}.q-intro{grid-template-columns:.85fr 1.15fr;gap:38px}.journey-tabs button{gap:5px;font-size:12px}.journey-tabs svg{width:16px}.service-detail{grid-template-columns:1fr 1.2fr;gap:30px}.service-result{grid-column:2}.footer-top{gap:30px}.closing-inner{gap:40px}.rail-flow{gap:16px}.contact-layout{gap:35px}.contact-aside{padding:24px}}@media (width<=800px){.container{width:calc(100% - 44px)}.site-header{height:78px}.q-art-logo{width:116px}.mobile-nav{background:#0b1424;top:77px}.mobile-nav a{font-size:17px}.desktop-nav{display:none}.header-cta{height:42px!important;font-size:12px!important}.mobile-menu-trigger{width:42px;height:42px;display:inline-flex}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:45px}.hero h1{max-width:680px;font-size:clamp(46px,8vw,64px)}.hero-description{max-width:570px;font-size:18px}.hero-services{max-width:600px}.hero-actions{flex-direction:row;align-items:center}.hero-actions a{min-width:0}.q-visual{max-width:560px;height:520px;margin:auto}.hero-character{width:70%;top:30px;left:14%}.q-visual-top{top:8px}.label-observe{top:120px;left:10px}.label-connect{top:170px;right:5px}.signal-card{width:205px;bottom:22px;left:15px}.q-identity{bottom:17px;right:12px}.hero-rail .rail-inner{flex-direction:column;align-items:flex-start;gap:15px}.rail-flow{flex-wrap:wrap;gap:20px;font-size:13px}.section{padding-block:70px}.section h2,.closing h2{font-size:36px}.q-intro,.two-column,.pain-led,.talent-grid,.contact-layout{grid-template-columns:1fr;gap:38px}.journey-tabs button{padding-block:19px;font-size:14px}.journey-panel{min-height:390px}.journey-panel>.q-art{width:290px}.pain-grid{grid-template-columns:1fr 1fr}.pain-item{border-bottom:1px solid #26354a;padding:26px!important}.pain-item:nth-child(2){border-right:0}.solution-card{padding:25px}.solution-card h3{font-size:16px}.solution-card p{font-size:15px}.service-diagram{padding:15px}.other-grid{grid-template-columns:1fr}.other-item{display:block}.other-item>svg{margin-bottom:20px}.other-item p{max-width:620px}.steps{grid-template-columns:repeat(3,1fr);gap:24px}.step h3{font-size:12px}.closing-inner{grid-template-columns:150px 1fr;gap:30px}.closing{padding-block:50px}.closing h2{font-size:32px}.footer-top{grid-template-columns:1fr 1fr}.footer-contact{justify-self:start}.page-hero-inner{grid-template-columns:1fr 170px;gap:25px}.page-hero h1{font-size:40px}.page-hero p{font-size:16px}.page-hero{padding-block:52px}.service-detail{grid-template-columns:1fr 1.2fr}.contact-aside{display:block;position:static}.contact-steps{display:block}.contact-step{margin-bottom:20px}.contact-aside>.q-art{float:right;width:145px;margin:0}.footer-flow{font-size:11px}.eyebrow{font-size:12px}.thinking-item p{font-size:16px}}@media (width<=520px){.container{width:calc(100% - 36px)}.header-inner{gap:10px}.header-right{gap:5px}.header-cta{max-width:145px;height:43px!important;padding-inline:10px!important;font-size:12px!important}.q-art-logo{width:98px}.hero-grid{padding-top:40px}.hero h1{letter-spacing:-.055em;font-size:46px;line-height:1.1}.hero .eyebrow{letter-spacing:.06em;font-size:10px}.hero-description{margin-top:24px;font-size:16px;line-height:1.8}.hero-actions{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.hero-actions a{width:100%;font-size:14px!important}.hero-footnote{font-size:12px;line-height:1.6}.hero-services{font-size:12px!important}.q-visual{height:405px;margin-top:12px}.q-visual-top{font-size:8px;left:0}.hero-character{width:79%;top:35px;left:9%}.floating-label{gap:6px;padding:7px 10px;font-size:11px}.label-observe{top:100px;left:0}.label-connect{top:140px;right:0}.signal-card{width:155px;padding:12px;bottom:25px;left:0}.signal-card>span,.signal-card>div{font-size:10px}.q-identity{bottom:9px;right:0}.q-identity strong{font-size:20px}.q-identity span{font-size:11px}.orbital-ring{top:20px}.ring-two{top:60px}.rail-flow{gap:9px;font-size:10px!important}.rail-flow svg{width:13px}.rail-label{font-size:10px}.section{padding-block:58px}.section h2,.closing h2{font-size:32px}.section-lead{font-size:16px}.journey-tabs button{flex-direction:column;gap:6px;padding:15px 4px;font-size:11px}.journey-panel{min-height:400px;padding:25px 23px}.journey-panel h3{font-size:22px}.journey-panel p{font-size:15px}.journey-panel>.q-art{width:270px}.pain-item{padding:20px 16px!important}.pain-item h3{font-size:16px;line-height:1.6}.solution-grid{grid-template-columns:1fr}.solution-card{padding:26px}.solution-card h3{font-size:18px}.solution-card p{font-size:16px}.mini-flow{flex-wrap:wrap;gap:8px;font-size:10px}.mini-flow svg{width:12px}.steps{grid-template-columns:1fr 1fr;gap:28px 20px}.step h3{font-size:11px}.step p{font-size:14px}.step-number{margin-bottom:20px;font-size:30px}.industry-chip{padding:8px 12px;font-size:13px}.closing-inner{grid-template-columns:1fr;gap:22px}.closing-inner>.q-art{width:135px}.closing p{font-size:16px}.closing .octiq-primary{width:100%}.footer-top{grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr;gap:17px}.footer-contact{grid-column:1}.footer-flow{font-size:10px}.page-hero-inner{grid-template-columns:1fr;gap:24px}.page-hero-inner>.q-art{justify-self:start;width:135px;max-height:none}.page-hero h1{font-size:38px}.page-hero p{font-size:16px}.category-heading h2{font-size:29px}.category-heading{gap:15px}.service-detail{grid-template-columns:1fr;gap:25px;padding-block:34px}.service-title{display:block}.service-title>svg{margin-bottom:15px}.service-title .service-diagram{height:150px}.service-result{border-left:2px solid #55cce4;grid-column:1;padding-left:17px}.service-result p{font-size:20px}.talent-grid h3{font-size:25px}.thinking-grid{grid-template-columns:1fr 1fr;gap:22px}.thinking-item h3{font-size:23px}.thinking-item p{font-size:15px}.capabilities{grid-template-columns:1fr 1fr;gap:12px}.capability{padding:19px}.capability h3{font-size:12px}.capability p{font-size:14px}.contact-form{grid-template-columns:1fr}.contact-aside{padding:24px}.contact-aside>.q-art{float:none;width:100px;margin:0 0 20px}.contact-aside h2{font-size:26px}.form-help,.form-security{font-size:13px}.consent-row{line-height:1.7}.privacy-content p{font-size:16px}.provisional{font-size:11px}.connection-flow{gap:13px;font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
