/* Shared service presentation. Keep this after the legacy page bundles. */
@font-face{font-family:Service Sans;src:url('/geist-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body.service-page{--disp:'Service Sans',Arial,sans-serif;--body:'Service Sans',Arial,sans-serif;--maxw:1240px;--service-copy:#b6c1d1;--service-accent:#b69aff;--service-accent-2:#78d6c9;font-family:var(--body)}
body.service-graphic{--service-accent:#e953a6;--service-accent-2:#78d6c9}
body.service-cloud{--service-accent:#c9a24b;--service-accent-2:#78d6c9}
body.service-ai{--service-accent:#67dcca;--service-accent-2:#a99aef}
body.service-commerce{--service-accent:#f28b65;--service-accent-2:#e1c779}
body.service-seo{--service-accent:#74d49d;--service-accent-2:#84b7ec}
body.service-page .wrap,body.service-page .nav-in{max-width:1240px}
body.service-page .hero{max-width:1240px;padding-top:78px;padding-bottom:48px;text-align:left}
body.service-page .service-hero-grid,body.service-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:56px;align-items:center}
body.service-page .service-hero-copy,body.service-page .hero-copy{min-width:0;padding:0}
body.service-page#top .hero .eyebrow{color:#b9c8d8;font:700 12px/1.5 var(--disp);letter-spacing:.16em;text-transform:uppercase}
body.service-page .hero .eyebrow::before{display:none}
body.service-page .hero h1{max-width:none;margin:22px 0 26px;color:#f0f2f3;font:650 clamp(44px,4.8vw,68px)/1.04 var(--disp);letter-spacing:-.055em;text-wrap:initial;overflow-wrap:normal}
body.service-page .hero h1 .title-line{display:block}
body.service-page .hero h1 em{display:inline;font-style:normal;font-weight:inherit;background:linear-gradient(100deg,var(--service-accent),var(--service-accent-2));background-size:100% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:none}
body.service-page .hero-copy>p,body.service-page .service-hero-copy>p{max-width:61ch;margin:0;color:var(--service-copy);font:400 17px/1.76 var(--body);letter-spacing:0;text-wrap:pretty}
body.service-page .hero .hero-actions,body.service-page .hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 0}
body.service-page .hero .btn{min-height:50px;padding:13px 20px;border-radius:11px;font:600 14px/1.5 var(--disp)}
body.service-page .hero .btn-wa{background:#21cf65;color:#062d18}
body.service-page .hero .btn-ghost{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.17);color:#f0f2f3}
body.service-page .hero .live-hint{display:block;width:fit-content;margin:20px 0 0;padding:10px 13px;border-radius:12px;font:400 12px/1.65 var(--body)}
body.service-page .sec-h h2{font:600 clamp(28px,3.2vw,40px)/1.18 var(--disp);letter-spacing:-.035em;margin-bottom:14px}
body.service-page .sec-h p,body.service-page .sec-head>p{font:400 16px/1.76 var(--body);color:var(--service-copy)}
body.service-page .process-step h3{font:600 19px/1.3 var(--disp);margin:0 0 14px}
body.service-page .process-step p{font:400 14px/1.8 var(--body);color:var(--service-copy)}
body.service-page .process-step .num{margin-bottom:26px}
body.service-page .process-step{min-width:0}
body.service-graphic details.service-card{align-self:start;min-height:0;padding:0}
body.service-graphic details.service-card summary{cursor:pointer;padding:24px}
body.service-graphic details.service-card .service-body{margin:0;padding:22px 24px 26px}
body.service-graphic details.service-card summary::after{display:none}
.disclosure-hint{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:#d5deea;font:600 13px/1.5 var(--body)}
.disclosure-hint::after{content:'+';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(233,83,166,.13);color:#f18cbe;font-size:23px}
details[open] .disclosure-hint::after{content:'−'}
.disclosure-hint .when-open,details[open] .disclosure-hint .when-closed{display:none}
details[open] .disclosure-hint .when-open{display:inline}
body.service-page summary:focus-visible{outline:3px solid #78d6c9;outline-offset:-3px;border-radius:12px}
.service-detail-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 0;color:#b9e9e2;font:600 14px/1.5 var(--body);text-decoration:underline;text-underline-offset:5px}
body.service-page .it-service-card{display:flex;flex-direction:column}
.it-service-card .service-detail-link{margin-top:auto;padding-top:22px}
.infrastructure-art{position:relative;min-height:430px;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;background:radial-gradient(ellipse at 80% 10%,rgba(201,162,75,.13),transparent 65%),#10151b;overflow:hidden}
.art-caption{display:flex;justify-content:space-between;gap:16px;color:#b9c8d8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.art-caption small{color:#8e9cae;font-size:10px}
.art-symbol{display:grid;place-items:center;width:90px;height:90px;margin:38px auto 24px;border-radius:25px;color:#88d9cd;background:rgba(120,214,201,.07);border:1px solid rgba(120,214,201,.3);box-shadow:0 0 65px rgba(120,214,201,.1)}
.art-symbol svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.art-title{text-align:center;color:#eef3f5;font:600 24px/1.25 var(--disp);letter-spacing:-.035em}
.art-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(120,214,201,.25)}
.art-nodes span{text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 6px;color:#c3cedb;font-size:11px}
.art-nodes i{display:block;width:6px;height:6px;margin:0 auto 10px;background:#c9a24b;border-radius:50%}
.art-note{margin-top:20px;text-align:center;color:#8393a7;font-size:11px;line-height:1.6}
.identity-art{background:radial-gradient(ellipse at 80% 10%,rgba(233,83,166,.15),transparent 70%),#11131b}
.identity-monogram{margin:30px auto 22px;width:132px;height:132px;display:grid;place-items:center;border-radius:28px;background:#eee9e1;color:#262033;font:650 80px/1 var(--disp);letter-spacing:-.08em;transform:rotate(-6deg)}
.identity-swatches{display:flex;justify-content:center;gap:10px;margin:24px 0}
.identity-swatches i{width:45px;height:45px;border-radius:50%;background:#e953a6}.identity-swatches i:nth-child(2){background:#aa94cb}.identity-swatches i:nth-child(3){background:#78d6c9}.identity-swatches i:nth-child(4){background:#eee9e1}
@media(min-width:901px) and (max-width:1150px){body.service-page .hero h1{font-size:48px}body.service-page .hero-grid,body.service-page .service-hero-grid{gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
@media(max-width:900px){body.service-page .hero-grid,body.service-page .service-hero-grid{grid-template-columns:1fr;gap:38px}body.service-page .hero{padding-top:54px;padding-bottom:34px}body.service-page .hero h1{font-size:clamp(38px,7.6vw,64px)}body.service-page .service-hero-copy,body.service-page .hero-copy{max-width:680px}body.service-page .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body.service-page .hero h1{font-size:clamp(32px,8.8vw,46px);line-height:1.08;letter-spacing:-.05em;margin:20px 0 24px}body.service-page .hero-copy>p,body.service-page .service-hero-copy>p{font-size:16px;line-height:1.8}body.service-page .hero .btn{padding:12px 16px}body.service-page .process-grid{grid-template-columns:1fr}.infrastructure-art{min-height:390px;padding:22px}.art-title{font-size:23px}.art-nodes{gap:6px}.art-nodes span{font-size:10px}}