.service-page .content-section{padding:88px 0}
.service-page .content-section--light{background:#f1f0ec;color:#11191b}
.service-page .content-section--dark{background:#11191b;color:#f7f7f4}
.service-page .content-section--red{background:#ed2444;color:#fff}
.service-page .content-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:68px;align-items:start}
.service-page .content-grid>*{min-width:0}
.service-page .content-grid h2{max-width:100%;margin:8px 0 24px;font-size:clamp(42px,4.6vw,76px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:anywhere}
.service-page .content-grid h2.technology-title{font-size:clamp(40px,3.8vw,64px);letter-spacing:-.04em}
.service-page .content-grid h2 em{color:#ed2444;font-style:normal}
.service-page .content-section--red h2 em{color:#11191b}
.service-page .content-lead{font-size:clamp(20px,2.1vw,30px);line-height:1.28;margin:0 0 22px}
.service-page .content-copy{font-size:16px;line-height:1.75;margin:0 0 18px;max-width:780px}
.service-page .button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.service-page .hero-note{margin-top:22px;font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;opacity:.65}

.service-page .visual-panel{position:relative;min-height:500px;margin-top:48px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 78% 20%,rgba(237,36,68,.38),transparent 31%),linear-gradient(135deg,#242e31,#0c1214);display:flex;align-items:flex-end;overflow:hidden}
.service-page .visual-panel::before{content:"AI";position:absolute;right:-.04em;top:-.22em;font:900 clamp(260px,35vw,570px)/1 Arial,sans-serif;letter-spacing:-.14em;color:rgba(255,255,255,.045)}
.service-page .visual-panel img,.service-page .visual-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080c0d}
.service-page .hero-media-panel{border:0;background:#080c0d;align-self:stretch}
.service-page .hero-media-panel::before,.service-page .model-hero::before{display:none}
.service-page .visual-copy{position:relative;z-index:1;max-width:620px;padding:32px;color:#fff;background:linear-gradient(0deg,rgba(8,12,13,.93),rgba(8,12,13,0))}
.service-page .visual-copy span{display:block;margin-bottom:11px;color:#ed2444;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.service-page .visual-copy strong{display:block;font:800 clamp(30px,4.2vw,64px)/.95 Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase}
.service-page .visual-copy p{margin:14px 0 0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.6}

.service-page .steps{counter-reset:step;border-top:1px solid currentColor;margin-top:34px}
.service-page .steps article{counter-increment:step;display:grid;grid-template-columns:72px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid currentColor}
.service-page .steps article::before{content:"0" counter(step);font-weight:800;color:#ed2444}
.service-page .steps h3{font-size:23px;line-height:1.1;text-transform:uppercase;margin:0 0 9px}
.service-page .steps p{font-size:15px;line-height:1.65;margin:0;max-width:700px}

.service-page .benefit-grid,.service-page .format-grid,.service-page .faq-grid,.service-page .example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(127,127,127,.35);border:1px solid rgba(127,127,127,.35);margin-top:36px}
.service-page .benefit-grid article,.service-page .format-grid article,.service-page .faq-grid details,.service-page .example-grid article{padding:30px;background:#11191b;color:#fff}
.service-page .benefit-grid span,.service-page .format-grid span,.service-page .example-grid span{color:#ed2444;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.service-page .benefit-grid h3,.service-page .format-grid h3,.service-page .example-grid h3{margin:17px 0 11px;font-size:24px;line-height:1.05;text-transform:uppercase}
.service-page .benefit-grid p,.service-page .format-grid p,.service-page .faq-grid p,.service-page .example-grid p{font-size:15px;line-height:1.65;margin:0;color:rgba(255,255,255,.76)}

.service-page .compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}
.service-page .compare-card{border:1px solid rgba(17,25,27,.24);padding:30px;background:#fff}
.service-page .compare-card span{color:#ed2444;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.service-page .compare-card h3{margin:15px 0 12px;font-size:28px;line-height:1.05;text-transform:uppercase}
.service-page .compare-card p{font-size:15px;line-height:1.68;margin:0}
.service-page .prompt-card{margin-top:30px;padding:30px;border:1px solid rgba(17,25,27,.25);background:#fff}
.service-page .prompt-card h3{margin:0 0 13px;font-size:23px;text-transform:uppercase}
.service-page .prompt-card code{display:block;white-space:normal;font:500 15px/1.75 Arial,sans-serif;color:#293335}
.service-page .safety-note{margin-top:30px;padding:24px;border-left:5px solid #ed2444;background:rgba(237,36,68,.09);font-size:15px;line-height:1.65}

.service-page .media-showcase{position:relative;margin-top:38px;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.2);background:#080c0d;overflow:hidden}
.service-page .media-showcase video,.service-page .media-showcase img{display:block;width:100%;height:100%;object-fit:contain;background:#080c0d}
.service-page .media-caption{display:flex;justify-content:space-between;gap:20px;padding:14px 0 0;color:rgba(255,255,255,.72);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}

.service-page .chat-window{margin-top:38px;border:1px solid rgba(255,255,255,.22);background:#0b1113;padding:22px;color:#fff}
.service-page .chat-bar{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14);font:800 11px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.service-page .chat-bar span:last-child{color:#73d4b9}
.service-page .message-list{display:grid;gap:12px;padding-top:20px}
.service-page .message{max-width:78%;padding:14px 16px;font-size:14px;line-height:1.55;background:#192225;border:1px solid rgba(255,255,255,.08)}
.service-page .message--user{justify-self:end;background:#ed2444;border-color:#ed2444}
.service-page .message small{display:block;margin-bottom:5px;color:#8aa0a7;font:800 10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.service-page .message--user small{color:#fff}

.service-page .faq-grid{margin-top:42px}
.service-page .faq-grid summary{cursor:pointer;list-style:none;position:relative;padding-right:28px;font-weight:800;font-size:18px;line-height:1.35;text-transform:uppercase}
.service-page .faq-grid summary::after{content:"+";position:absolute;right:0;top:0;color:#ed2444;font-size:24px}
.service-page .faq-grid details[open] summary::after{content:"−"}
.service-page .faq-grid p{margin-top:18px}
.service-page .final-service-cta .content-grid{grid-template-columns:1fr;gap:24px;justify-items:center;text-align:center}
.service-page .final-service-cta .content-grid>div{max-width:900px}
.service-page .final-service-cta .content-grid h2,.service-page .final-service-cta .content-lead{margin-inline:auto}
.service-page .site-footer .footer-meta{justify-content:center;text-align:center;flex-wrap:wrap;gap:12px 34px}

@media(min-width:901px){
  .service-page .model-hero{height:100svh;min-height:620px;padding:98px 0 28px;overflow:hidden}
  .service-page .model-hero>.shell{height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);grid-template-rows:auto minmax(0,1fr);column-gap:52px;row-gap:14px}
  .service-page .model-hero .breadcrumb{grid-column:1/-1;grid-row:1}
  .service-page .model-hero-grid{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:14px;align-content:center;margin-top:0;min-width:0}
  .service-page .model-hero h1{max-width:100%;margin:10px 0 12px;font-size:clamp(3.7rem,5vw,5.5rem);line-height:.84;overflow-wrap:anywhere}
  .service-page .model-hero p{margin-bottom:0;font-size:.9rem;line-height:1.48}
  .service-page .model-hero .button-row{margin-top:16px}
  .service-page .model-hero .button{min-height:45px;padding-inline:20px}
  .service-page .hero-note{margin-top:12px!important;font-size:10px!important}
  .service-page .model-facts{display:grid;grid-template-columns:1fr 1fr}
  .service-page .model-facts div{gap:10px;padding:9px 0;font-size:.56rem}
  .service-page .model-facts div:nth-child(odd){padding-right:14px;border-right:1px solid var(--line)}
  .service-page .model-facts div:nth-child(even){padding-left:14px}
  .service-page .hero-media-panel{grid-column:2;grid-row:2;width:auto;height:100%;min-height:0;margin-top:0;justify-self:center;aspect-ratio:9/16}
  .service-page .hero-media-panel--chat{aspect-ratio:941/1672}
}
@media(max-width:900px){
  .service-page .content-grid{grid-template-columns:1fr;gap:30px}
  .service-page .visual-panel{min-height:390px}
  .service-page .hero-media-panel{aspect-ratio:9/16;max-height:720px;width:min(100%,405px);margin-inline:auto}
}
@media(max-width:620px){
  .service-page .content-section{padding:62px 0}
  .service-page .benefit-grid,.service-page .format-grid,.service-page .faq-grid,.service-page .example-grid,.service-page .compare-grid{grid-template-columns:1fr}
  .service-page .steps article{grid-template-columns:48px 1fr}
  .service-page .message{max-width:92%}
}