/* Individual services inherit the approved Home tokens, logo, shell and controls. */
.service-detail{background:#0d0c10;color:#fff;overflow-x:hidden}
.service-detail a:focus-visible,.service-detail button:focus-visible,.service-detail summary:focus-visible{outline:2px solid #c77dff;outline-offset:4px}
.detail-hero{position:relative;isolation:isolate;min-height:780px;padding-top:175px;padding-bottom:95px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.83fr);gap:clamp(35px,6vw,90px);align-items:center}
.detail-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 48%,#7b2cbf24,transparent 40%);pointer-events:none}
.detail-copy{min-width:0}.detail-copy .breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:#aaa4b0;font-size:.77rem;margin-bottom:37px}.detail-copy .breadcrumb a{color:#c77dff}
.detail-copy h1{max-width:780px;margin:18px 0 25px;font-size:clamp(3.55rem,6vw,6.1rem);line-height:1.035;letter-spacing:-.063em}
.detail-copy h1 span{background:linear-gradient(110deg,#fff 2%,#c77dff 72%,#7b2cbf);background-clip:text;color:transparent}
.detail-intro{max-width:610px;color:#c8c1cb;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.75}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.detail-art{position:relative;display:grid;place-items:center;min-width:0;height:490px;filter:drop-shadow(0 30px 65px #7b2cbf30)}
.detail-fit,.detail-process,.detail-delivery,.detail-faq,.detail-related{padding-block:90px}.detail-fit{display:grid;grid-template-columns:minmax(190px,.4fr) 1fr;gap:40px;border-top:1px solid #ffffff14}
.detail-fit h2,.detail-section-head h2,.detail-delivery h2 h2{font-size:clamp(2.6rem,4.4vw,4.7rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 19px;max-width:800px}
.detail-fit p:not(.eyebrow),.detail-section-head>p:last-child,.detail-delivery p:not(.eyebrow) p:not(.eyebrow){max-width:680px;color:#bdb5c3;line-height:1.75;font-size:1.04rem}
.detail-section-head{max-width:820px;margin-bottom:41px}.detail-section-head .eyebrow,.detail-delivery .eyebrow .eyebrow{margin-bottom:20px}
.detail-process{border-block:1px solid #ffffff13}.detail-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.detail-step-grid article{padding:30px;border:1px solid #ffffff20;border-radius:20px;background:radial-gradient(circle at 100% 0%,#7b2cbf18,transparent 54%),linear-gradient(150deg,#ffffff0b,#ffffff04)}.detail-step-grid span{font-size:.73rem;font-weight:800;letter-spacing:.16em;color:#c77dff}.detail-step-grid h3{margin:35px 0 12px;font-size:1.55rem;letter-spacing:-.04em}.detail-step-grid p{color:#bcb3c4;line-height:1.7;margin:0}
.detail-delivery{display:grid;grid-template-columns:1fr minmax(270px,.7fr);gap:clamp(30px,7vw,100px);align-items:start}.detail-proof{border:1px solid #c77dff38;border-radius:22px;padding:35px;background:linear-gradient(135deg,#21152b,#120f19);box-shadow:0 24px 70px #0003}.detail-proof h3{font-size:1.7rem;letter-spacing:-.04em;margin:0 0 15px}.detail-proof p:not(.eyebrow){font-size:.95rem}.detail-proof a,.detail-related a{display:inline-flex;gap:8px;align-items:center;color:#e0b5ff;font-weight:750;border-bottom:1px solid #c77dff75;padding-bottom:4px;margin-top:14px}
.detail-faq{border-top:1px solid #ffffff13}.detail-faq-list{max-width:900px}.detail-faq-list details{border-bottom:1px solid #ffffff20}.detail-faq-list summary{padding:22px 40px 22px 0;list-style:none;position:relative;cursor:pointer;font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.detail-faq-list summary::-webkit-details-marker{display:none}.detail-faq-list summary:after{content:"+";position:absolute;right:7px;top:20px;color:#c77dff;font-size:1.4rem}.detail-faq-list details[open] summary:after{content:"−"}.detail-faq-list p{color:#bcb4c4;line-height:1.7;max-width:740px;margin:0 0 23px}
.detail-related{padding-top:10px;padding-bottom:35px;color:#b9b1c0}.detail-related a{margin:0 0 0 6px}
.service-detail.motion-paused .detail-art *,.service-detail.motion-hidden .detail-art *,.detail-art.art-offscreen *{animation-play-state:paused!important}
@media(max-width:1050px){.detail-hero{grid-template-columns:1fr;gap:0;padding-top:155px}.detail-art{max-width:600px;width:100%;margin:0 auto}.detail-copy h1{max-width:840px}}
@media(max-width:760px){.detail-hero{padding-top:135px;padding-bottom:35px;min-height:0}.detail-copy h1{font-size:clamp(3.1rem,11vw,4.6rem)}.detail-actions{flex-direction:column}.detail-actions .button{width:100%}.detail-art{height:355px;max-width:440px}.detail-fit,.detail-process,.detail-delivery,.detail-faq,.detail-related{padding-block:67px}.detail-fit,.detail-delivery{grid-template-columns:1fr;gap:10px}.detail-step-grid{grid-template-columns:1fr}.detail-step-grid article{padding:27px}.detail-step-grid h3{margin-top:20px}}
@media(max-width:390px){.detail-art{width:100%;height:310px}}
@media(prefers-reduced-motion:reduce){.service-detail .detail-art *{animation:none!important}}

/* Reuse each approved Home service illustration at hero scale. The artwork has no separate panel color. */
.service-detail{background:radial-gradient(circle at 78% 11%,#7b2cbf17,transparent 30%),radial-gradient(circle at 8% 48%,#c77dff07,transparent 34%),#0d0c10}
.service-detail .detail-hero{overflow:hidden}
.service-detail .detail-hero::before{background:none}
.service-detail .detail-art.service-card{display:grid;place-items:center;align-self:center;width:100%;height:470px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;filter:none;transform:none}
.service-detail .detail-art.service-card::before,.service-detail .detail-art.service-card::after{display:none}
.service-detail .detail-art.service-card:hover{transform:none;background:transparent;box-shadow:none}
.service-detail .detail-art.service-card .service-art{width:292px;height:186px;min-height:186px;margin:0;transform:scale(1.55);transform-origin:center}
.service-detail .detail-art.service-card .service-art-search,.service-detail .detail-art.service-card .service-art-social,.service-detail .detail-art.service-card .service-art-video,.service-detail .detail-art.service-card .service-art-web{overflow:visible}
.service-detail .detail-art .service-canvas{max-width:100%}
.service-detail .detail-fit,.service-detail .detail-process,.service-detail .detail-delivery,.service-detail .detail-faq{position:relative;isolation:isolate}
.service-detail .detail-process::before,.service-detail .detail-faq::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent,#7b2cbf08 52%,transparent),linear-gradient(#c77dff08 1px,transparent 1px);background-size:auto,100% 64px;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);pointer-events:none}
.service-detail .contact{padding-top:25px}
.service-detail .site-footer{padding-top:55px}
@media(max-width:760px){.service-detail .detail-art.service-card{height:340px;max-width:440px}.service-detail .detail-art.service-card .service-art{transform:scale(1.12)}.service-detail .contact{padding-top:0}}
@media(max-width:390px){.service-detail .detail-art.service-card{height:290px}.service-detail .detail-art.service-card .service-art{transform:scale(.95)}}

/* The Home illustration stays intact; these orbiting notes give its hero room a pulse. */
.service-detail .detail-art.service-card{isolation:isolate;overflow:visible}
.detail-scene-lines{position:absolute;inset:7% 0;z-index:-1;pointer-events:none}
.detail-scene-lines span{position:absolute;left:50%;top:50%;width:min(96%,470px);height:67%;border:1px dashed #c77dff42;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);animation:detail-scene-orbit 48s linear infinite}
.detail-scene-lines span:nth-child(2){width:min(90%,440px);height:82%;border-color:#ffffff24;transform:translate(-50%,-50%) rotate(31deg);animation:detail-scene-orbit-reverse 56s linear infinite}
.detail-scene-lines span:nth-child(3){width:64%;height:50%;border-style:solid;border-color:#7b2cbf30;transform:translate(-50%,-50%) rotate(10deg);animation:detail-scene-orbit 38s linear infinite reverse}
.detail-scene-lines span::before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#c77dff;box-shadow:0 0 15px #c77dff}
.detail-scene-lines span:nth-child(2)::before{left:19%;width:4px;height:4px}
.detail-scene-lines span:nth-child(3)::before{left:75%;width:4px;height:4px}
.detail-scene-note{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #c77dff48;border-radius:12px;background:linear-gradient(135deg,#24162cdd,#0d0c10e8);backdrop-filter:blur(12px);box-shadow:0 14px 38px #0005;color:#efe4f6;font-size:.72rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;animation:detail-note-float 6.4s ease-in-out infinite;transition:border-color .3s,box-shadow .3s,translate .3s}
.detail-scene-note i{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#7b2cbf35;color:#c77dff;font-size:.85rem;font-style:normal}
.detail-scene-note-top{left:2%;top:13%;rotate:-5deg}.detail-scene-note-right{right:0;top:40%;rotate:5deg;animation-delay:-2s}.detail-scene-note-bottom{left:13%;bottom:11%;rotate:-3deg;animation-delay:-4s}
.detail-scene-note:hover{translate:0 -4px;border-color:#c77dff9a;box-shadow:0 17px 46px #7b2cbf39}
.detail-scene-spark{position:absolute;width:7px;height:7px;border:1px solid #c77dff;border-radius:2px;rotate:45deg;box-shadow:0 0 16px #c77dff7a;animation:detail-spark-breathe 4.5s ease-in-out infinite}
.detail-scene-spark-a{right:13%;top:12%}.detail-scene-spark-b{left:7%;bottom:30%;width:4px;height:4px;animation-delay:-2.3s}
@keyframes detail-scene-orbit{from{transform:translate(-50%,-50%) rotate(-24deg)}to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes detail-scene-orbit-reverse{from{transform:translate(-50%,-50%) rotate(31deg)}to{transform:translate(-50%,-50%) rotate(-329deg)}}
@keyframes detail-note-float{0%,100%{translate:0 3px}50%{translate:0 -6px}}
@keyframes detail-spark-breathe{0%,100%{opacity:.35;scale:.8}50%{opacity:1;scale:1.2}}
.service-detail.motion-paused .detail-art *::before,.service-detail.motion-hidden .detail-art *::before,.detail-art.art-offscreen *::before{animation-play-state:paused!important}
@media(max-width:760px){.detail-scene-note{font-size:.63rem;padding:7px 9px;gap:6px}.detail-scene-note i{width:18px;height:18px}.detail-scene-note-top{top:5%;left:4%}.detail-scene-note-right{right:0;top:38%}.detail-scene-note-bottom{left:8%;bottom:6%}}
@media(prefers-reduced-motion:reduce){.detail-scene-lines span,.detail-scene-note,.detail-scene-spark{animation:none!important}}
@media(max-width:760px){.service-detail .detail-hero .a19-ambient>img{top:45%;right:-250px;width:500px;height:500px;opacity:.018}}

/* Service-page contract sections (2026-10-25): lists, key facts, included grid, 4-step grid, insight, comparison table. */
.service-detail .detail-list{margin:0 0 28px;padding:0;list-style:none;display:grid;gap:12px;max-width:760px}
.service-detail .detail-list li{position:relative;padding-left:28px;color:#cfc7d6;line-height:1.65;font-size:1.02rem}
.service-detail .detail-list li::before{content:"\2726";position:absolute;left:0;top:1px;color:#c77dff;font-size:.85rem}
.service-detail .detail-list strong{color:#fff}
.service-detail .detail-facts,.service-detail .detail-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);font-size:.92rem}
.service-detail .detail-facts{max-width:760px}
.service-detail .detail-facts caption,.service-detail .detail-table caption{text-align:left;padding:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c77dff}
.service-detail .detail-facts th,.service-detail .detail-facts td,.service-detail .detail-table th,.service-detail .detail-table td{padding:14px 18px;border-top:1px solid #ffffff12;text-align:left;vertical-align:top;line-height:1.55}
.service-detail .detail-facts tr:first-child th,.service-detail .detail-facts tr:first-child td,.service-detail .detail-table thead th{border-top:0}
.service-detail .detail-facts th,.service-detail .detail-table tbody th{width:30%;color:#aaa2b1;font-weight:600}
.service-detail .detail-facts td,.service-detail .detail-table td{color:#eee8f3}
.service-detail .detail-table thead th{color:#fff;font-weight:750;background:#c77dff12}
.service-detail .detail-table thead th:first-child{border-top-left-radius:18px}.service-detail .detail-table thead th:last-child{border-top-right-radius:18px}
.service-detail .detail-table-wrap{overflow-x:auto;max-width:100%}
.service-detail .detail-table{min-width:620px}
.service-detail .detail-compare{padding-block:90px;border-top:1px solid #ffffff13}
.service-detail .detail-included{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-detail .detail-included article{padding:26px;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(150deg,#ffffff0a,#ffffff03)}
.service-detail .detail-included h3{margin:0 0 10px;font-size:1.12rem;letter-spacing:-.025em;line-height:1.3}
.service-detail .detail-included p{margin:0;color:#bcb3c4;line-height:1.65;font-size:.93rem}
.service-detail .detail-step-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-detail .detail-step-grid-4 h3{margin-top:24px}
.service-detail .detail-insight{display:grid;grid-template-columns:minmax(190px,.4fr) 1fr;gap:40px;padding:56px clamp(24px,5vw,60px);margin-block:30px;border:1px solid #c77dff3a;border-radius:28px;background:radial-gradient(circle at 88% 12%,#7b2cbf33,transparent 46%),linear-gradient(135deg,#1f1429,#100d15)}
.service-detail .detail-insight h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12;letter-spacing:-.05em;margin:0 0 18px}
.service-detail .detail-insight p:not(.eyebrow){color:#cfc6d6;line-height:1.75;max-width:760px;margin:0 0 14px}
.service-detail .detail-insight strong{color:#fff}
.service-detail .detail-delivery .detail-actions{margin-top:22px}
.service-detail .detail-reviewed,.service-detail .detail-sources{font-size:.85rem;color:#9d96a6;margin:0 0 10px}
.service-detail .detail-sources a{margin:0 0 0 4px!important;padding:0!important;border:0!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px;display:inline!important}
@media(max-width:1100px){.service-detail .detail-included,.service-detail .detail-step-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-detail .detail-included,.service-detail .detail-step-grid-4{grid-template-columns:1fr}.service-detail .detail-insight{grid-template-columns:1fr;gap:6px;padding:34px 22px}.service-detail .detail-compare{padding-block:67px}}
.service-detail .detail-included-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-detail .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:1100px){.service-detail .detail-included-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-detail .detail-included-3{grid-template-columns:1fr}}
.service-detail .detail-guides{padding-block:90px;border-top:1px solid #ffffff13}
.service-detail .detail-guide-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.service-detail .detail-guide-list a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(150deg,#ffffff0a,#ffffff03);color:#fff;transition:border-color .3s,transform .45s cubic-bezier(.2,.7,.2,1)}
.service-detail .detail-guide-list a:hover,.service-detail .detail-guide-list a:focus-visible{border-color:#c77dff77;transform:translateY(-4px)}
.service-detail .detail-guide-list strong{font-size:1.1rem;letter-spacing:-.02em;line-height:1.35}
.service-detail .detail-guide-list span{color:#bcb3c4;font-size:.9rem;line-height:1.6}
@media(prefers-reduced-motion:reduce){.service-detail .detail-guide-list a:hover{transform:none}}
