:root{--ai-bg:#07080a;--ai-paper:#f1f2ef;--ai-orange:#f36b16;--ai-muted:#9ea4aa;--ai-line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html{background:var(--ai-bg);scroll-behavior:smooth}
body.ai-service-page{margin:0;background:var(--ai-bg);color:#fff;font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ai-service-page main{overflow:hidden}
.ai-hero{position:relative;display:grid;min-height:760px;padding:150px max(24px,calc((100vw - 1300px)/2)) 90px;grid-template-columns:1.03fr .97fr;align-items:center;gap:64px;background:radial-gradient(circle at 80% 20%,rgba(243,107,22,.18),transparent 35%),#07080a}
.ai-hero:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%);content:"";pointer-events:none}
.ai-hero-copy,.ai-hero-media{position:relative;z-index:1}
.ai-kicker,.ai-section-label{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#d6d9dc;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ai-kicker:before,.ai-section-label:before{width:7px;height:7px;border-radius:50%;background:var(--ai-orange);content:"";box-shadow:0 0 18px rgba(243,107,22,.65)}
.ai-hero h1{max-width:760px;margin:0;font-size:clamp(52px,6.4vw,104px);font-weight:650;letter-spacing:-.065em;line-height:.94}
.ai-hero-copy>p:not(.ai-kicker){max-width:680px;margin:30px 0 0;color:#b0b5ba;font-size:clamp(17px,1.4vw,22px);line-height:1.65}
.ai-actions{display:flex;margin-top:38px;gap:13px;flex-wrap:wrap}
.ai-button{display:inline-flex;min-height:54px;padding:0 22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;align-items:center;gap:18px;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
.ai-button.primary{border-color:#fff;background:#fff;color:#0a0b0d}.ai-button span{color:var(--ai-orange)}
.ai-hero-media{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:26px;box-shadow:0 45px 110px rgba(0,0,0,.5)}
.ai-hero-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.ai-proofbar{position:absolute;right:max(24px,calc((100vw - 1300px)/2));bottom:36px;z-index:2;display:flex;gap:7px}
.ai-proofbar span{padding:8px 11px;border:1px solid var(--ai-line);border-radius:999px;background:rgba(10,11,13,.72);color:#aeb3b8;font-size:9px;font-weight:800;letter-spacing:.08em}
.ai-light{padding:110px max(24px,calc((100vw - 1260px)/2));background:var(--ai-paper);color:#0b0c0e}
.ai-dark{padding:110px max(24px,calc((100vw - 1260px)/2));background:#0a0b0d;color:#fff}
.ai-intro{display:grid;margin-bottom:58px;grid-template-columns:1fr .68fr;align-items:end;gap:70px}
.ai-intro h2{max-width:850px;margin:0;font-size:clamp(38px,5.2vw,76px);font-weight:620;letter-spacing:-.06em;line-height:.98}
.ai-intro>p{margin:0;color:#686e73;font-size:17px;line-height:1.75}.ai-dark .ai-intro>p{color:#9ba1a6}
.ai-section-label{color:#5d6267}.ai-dark .ai-section-label{color:#aeb3b7}
.ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ai-card{position:relative;min-height:310px;padding:34px;border:1px solid rgba(15,17,19,.12);border-radius:22px;background:#fff}
.ai-card>span{color:var(--ai-orange);font-size:11px;font-weight:900;letter-spacing:.12em}
.ai-card h3{margin:54px 0 14px;font-size:28px;letter-spacing:-.045em;line-height:1.05}
.ai-card p{margin:0;color:#686e73;line-height:1.7}.ai-card a{position:absolute;right:30px;bottom:27px;color:#111;text-decoration:none;font-size:13px;font-weight:850}
.ai-flow{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}
.ai-flow-media{overflow:hidden;border:1px solid var(--ai-line);border-radius:24px}.ai-flow-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.ai-steps{display:grid;gap:10px}.ai-step{display:grid;padding:24px;border:1px solid var(--ai-line);border-radius:16px;grid-template-columns:55px 1fr;gap:12px;background:rgba(255,255,255,.025)}
.ai-step>span{color:var(--ai-orange);font-size:11px;font-weight:900}.ai-step h3{margin:0 0 8px;font-size:22px;letter-spacing:-.035em}.ai-step p{margin:0;color:#9da3a8;line-height:1.65}
.ai-usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ai-usecase{padding:30px;border-top:1px solid rgba(12,14,16,.17)}.ai-usecase h3{margin:0 0 10px;font-size:25px;letter-spacing:-.04em}.ai-usecase p{margin:0;color:#666c71;line-height:1.7}
.ai-faq{max-width:1000px;margin:0 auto}.ai-faq details{border-top:1px solid var(--ai-line)}.ai-faq details:last-child{border-bottom:1px solid var(--ai-line)}.ai-faq summary{display:flex;padding:24px 4px;justify-content:space-between;cursor:pointer;font-size:18px;font-weight:750;list-style:none}.ai-faq summary::-webkit-details-marker{display:none}.ai-faq summary span{color:var(--ai-orange)}.ai-faq p{max-width:820px;margin:0;padding:0 4px 25px;color:#9ca2a7;line-height:1.75}
.ai-cta{padding:110px max(24px,calc((100vw - 1260px)/2));text-align:center;background:radial-gradient(circle at 50% 0,rgba(243,107,22,.25),transparent 50%),#07080a}.ai-cta h2{max-width:980px;margin:0 auto 22px;font-size:clamp(42px,6vw,84px);letter-spacing:-.065em;line-height:.98}.ai-cta p{max-width:650px;margin:0 auto 34px;color:#a6abb0;font-size:18px;line-height:1.7}
.ai-footer{display:flex;padding:36px max(24px,calc((100vw - 1260px)/2));border-top:1px solid var(--ai-line);justify-content:space-between;color:#858b90;font-size:12px}.ai-footer a{color:#fff;text-decoration:none}
@media(max-width:1000px){.ai-hero{min-height:auto;padding-top:130px;grid-template-columns:1fr;gap:42px}.ai-proofbar{position:static;margin-top:24px}.ai-intro,.ai-flow{grid-template-columns:1fr}.ai-cards{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ai-hero{padding-right:18px;padding-bottom:65px;padding-left:18px}.ai-light,.ai-dark,.ai-cta{padding:72px 18px}.ai-hero h1{font-size:48px}.ai-cards,.ai-usecases{grid-template-columns:1fr}.ai-card{min-height:270px;padding:26px}.ai-card h3{margin-top:40px}.ai-proofbar{flex-wrap:wrap}.ai-intro{gap:24px;margin-bottom:40px}.ai-footer{padding:30px 18px;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}