.service-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.hero-single-example{width:min(100%,390px);justify-self:center;padding:1rem}
.hero-single-example .package-label{margin-bottom:.8rem;line-height:1.6}
.hero-feed-example{display:block;border:1px solid var(--line)}.hero-feed-example img{display:block;width:100%;height:auto}
.hero-single-example .hero-preview-note{font-size:.68rem;margin:.8rem 0}
.service-page #cases{padding-bottom:clamp(2rem,4vw,4rem)}
.service-page #aanbod{padding-top:clamp(2rem,4vw,4rem)}
.faq-examples{max-width:720px;margin:0 auto;padding:0 1rem 1.6rem;display:grid;gap:1.4rem;text-align:left}
.faq-examples figure{margin:0}.faq-examples a{display:block;border:1px solid var(--line);background:#140b1f}
.faq-examples img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}
.faq-examples a>span{display:block;padding:.9rem 1rem;font-size:.78rem;line-height:1.6;color:var(--white);border-top:1px solid var(--line)}
.faq-examples a:hover,.faq-examples a:focus-visible{border-color:var(--purple)}
.faq-example-links{max-width:720px;margin:0 auto;padding:0 1rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.faq-example-links .text-link{display:inline-flex;align-items:baseline;gap:.5rem;max-width:100%;font-size:.8rem;line-height:1.6;text-align:center}
.hero-case-preview{position:relative;z-index:2;min-width:0;padding:1.6rem;border:1px solid var(--line);background:rgba(22,12,34,.94)}
.hero-case-preview h2{font:800 clamp(2.6rem,4vw,4.3rem)/.9 var(--display);letter-spacing:-.035em;margin:1.2rem 0 1.6rem}.hero-case-preview h2 em{color:transparent;-webkit-text-stroke:1px var(--purple)}
.hero-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.hero-preview-grid>a{min-width:0;border:1px solid var(--line);background:#100819;transition:border-color .2s}.hero-preview-grid>a:hover{border-color:var(--purple)}
.hero-preview-grid>a>span{display:block;padding:.7rem .2rem;text-align:center;font-size:.55rem;letter-spacing:.08em;color:var(--muted)}
.mini-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:.5rem;aspect-ratio:1}.mini-feed i{background:#3b235a}.mini-feed i:nth-child(3n){background:#8b5cf6}.mini-feed i:nth-child(3n+2){background:#231532}.mini-feed-alt i:nth-child(3n){background:#405074}.mini-planning{aspect-ratio:1;display:grid;align-items:center;background:#100819;padding:.35rem}.mini-planning img{width:100%;height:auto}
.hero-preview-note{color:var(--muted);font-size:.7rem;line-height:1.6;margin:1rem 0}.hero-case-preview .text-link{font-size:.76rem}
.case-feed-placeholder{position:relative;aspect-ratio:2;overflow:hidden;background:#160d22}.placeholder-feed-grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.8rem}.placeholder-feed-grid i{background:#2c1a40;border:1px solid rgba(255,255,255,.05)}.placeholder-feed-grid i:nth-child(3n+1){background:#4f3370}.placeholder-feed-grid i:nth-child(4n){background:#8055be}.case-feed-placeholder>span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(13,6,20,.45);font:700 .7rem var(--body);letter-spacing:.12em;color:var(--white)}
.case-link-pending{display:flex;gap:.8rem;align-items:center;padding:0;border:0;background:none;font-size:.76rem;color:var(--muted);cursor:default}.social-case-copy small{display:block;font-size:.65rem;color:var(--muted);line-height:1.6;margin-top:.5rem}
.service-faq .service-heading{grid-template-columns:1fr}.service-faq .service-heading h2{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.95;max-width:1100px}
@media(min-width:901px){.case-section .social-case{flex-basis:calc((100% - 2.5rem)/3)}.case-section .social-case-controls{display:none}}
/* Social packages and work examples, Ede. */
.hero-package h2{margin:0 0 1.5rem;font:800 clamp(2.7rem,4.2vw,4.5rem)/.9 var(--display);letter-spacing:-.035em}
.hero-package h2 em{font-style:normal;color:var(--purple)}
.hero-package>p{font-size:.86rem;line-height:1.8}
.hero-package .package-price{margin-top:1.6rem}
.hero-package .package-price strong{font-size:4.5rem}
.hero-package-output{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0 1.5rem}
.hero-package-output span{padding:.5rem .6rem;border:1px solid var(--line);font-size:.66rem;color:var(--muted)}
.hero-package .text-link{font-size:.8rem}
.social-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;align-items:stretch;max-width:1280px;margin-inline:auto;padding-block:1rem}
.social-package{position:relative;padding:clamp(1.35rem,2.2vw,2rem);display:flex;flex-direction:column;align-items:flex-start;background:rgba(20,10,32,.95);border:1px solid var(--line);scroll-margin-top:100px}
.social-package-featured{margin-block:-1rem;padding-top:calc(clamp(1.35rem,2.2vw,2rem) + 1rem);padding-bottom:calc(clamp(1.35rem,2.2vw,2rem) + 1rem);border-color:var(--purple);background:linear-gradient(145deg,#30194b,#190d28 65%);box-shadow:8px 8px 0 rgba(139,92,246,.15)}
.plan-badge{position:absolute;top:0;right:0;padding:.65rem 1rem;background:var(--purple);color:var(--white);font-size:.63rem;font-weight:800;letter-spacing:.12em}
.package-eyebrow{margin:0 0 1.25rem;font-size:.6rem;letter-spacing:.15em;font-weight:700;color:var(--muted)}
.social-package h3{min-height:1.9em;margin:0 0 1rem;font:800 clamp(2rem,2.5vw,2.8rem)/.95 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere}
.social-package h3 em{font-style:italic;color:transparent;-webkit-text-stroke:1px #b896ff}
.package-intro{max-width:48ch;min-height:7em;margin:0;color:var(--muted);font-size:.84rem;line-height:1.7}
.plan-price{display:flex;flex-wrap:wrap;gap:.65rem;align-items:baseline;margin:1.1rem 0 .6rem}
.plan-price strong{font:800 3.8rem/.95 var(--display);letter-spacing:-.04em;color:var(--white)}
.social-package-featured .plan-price strong{color:#b896ff}
.plan-price span{font-size:.72rem;color:var(--muted)}
.plan-volume{width:100%;margin:0 0 1rem;padding:.75rem 0;border-block:1px solid var(--line);font-size:.78rem;font-weight:700}
.plan-includes{margin:0 0 .3rem;font-size:.85rem;font-weight:700}
.plan-features{margin:0 0 1.4rem;padding:0;list-style:none;width:100%}
.plan-features li{position:relative;padding:.4rem 0 .4rem 1.3rem;color:var(--muted);font-size:.8rem;line-height:1.55}
.plan-features li::before{content:'✓';position:absolute;left:0;color:var(--purple);font-weight:800}
.plan-counts{width:100%;margin:.5rem 0 0;padding:.8rem 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.plan-counts div{display:flex;flex-direction:column-reverse;gap:.4rem}.plan-counts dt{font-size:.65rem;color:var(--muted)}.plan-counts dd{margin:0;font:800 2.3rem/1 var(--display)}
.plan-motion{min-height:2.8em;margin:.8rem 0;font-size:.76rem;color:#ccb8fa;font-weight:700;line-height:1.5}
.plan-limits{margin:auto 0 1.2rem;font-size:.72rem;line-height:1.65;color:var(--muted);padding-top:.8rem;border-top:1px solid var(--line)}
.social-package .plan-features{margin-bottom:1rem}
.social-package .button{margin-top:auto;width:100%;justify-content:space-between;font-size:.76rem;min-height:48px}
.plan-button-secondary{background:transparent;border:1px solid var(--line);color:var(--white)}
.plan-button-secondary:hover{background:rgba(139,92,246,.15);border-color:var(--purple)}
.package-scope{max-width:85ch;margin:1.8rem 0 4rem;color:var(--muted);font-size:.76rem;line-height:1.8}
.social-case-carousel{position:relative}
.social-case-controls{display:flex;justify-content:flex-end;gap:.6rem;margin-bottom:1rem}
.social-case-controls button{width:48px;height:48px;border:1px solid var(--purple);background:var(--bg);color:var(--white);font-size:1.4rem;cursor:pointer;transition:background .2s}
.social-case-controls button:hover,.social-case-controls button:focus-visible{background:var(--purple)}
.social-case-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--purple) var(--bg);padding:0 0 1.25rem;overscroll-behavior-x:contain}
.social-case{flex:0 0 38%;min-width:0;scroll-snap-align:start;background:#160c22;border:1px solid var(--line);overflow:hidden}
.social-case-image{display:block;overflow:hidden;border-bottom:1px solid var(--line);background:#0d0614}
.social-case-image img{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:cover;object-position:top}
.social-case-copy{padding:clamp(1.15rem,2vw,1.6rem)}
.social-case-copy>span{font-size:.58rem;letter-spacing:.15em;font-weight:700;color:var(--purple)}
.social-case h3{margin:.8rem 0;font:800 clamp(1.9rem,2.5vw,2.7rem)/.95 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere}
.social-case p{max-width:55ch;font-size:.8rem;color:var(--muted);line-height:1.7;margin:0 0 1.1rem}
.social-case .text-link{font-size:.76rem}
.local-service .service-heading{margin-bottom:0}
.local-service .service-heading>div p{margin:0 0 1.3rem;font-size:.95rem;line-height:1.8;color:var(--muted)}
.local-service .text-link{font-size:.82rem}
.service-call{display:block;margin-top:1.5rem;padding:.5rem;font-size:1rem}
@media(min-width:701px) and (max-width:1050px){.social-case{flex-basis:46%}.social-packages{gap:.7rem}.social-package{padding:1.2rem}.social-package-featured{padding-block:2.2rem}.social-package .button{font-size:.66rem;padding-inline:.7rem}}
@media(max-width:700px){.social-packages{grid-template-columns:1fr;gap:1.5rem}.social-package{padding:1.5rem 1.25rem}.social-package h3{font-size:clamp(2.2rem,8.5vw,3rem)}.package-intro{min-height:0}.plan-price strong{font-size:3.5rem}.social-case{flex-basis:82%}.social-case h3{font-size:clamp(1.65rem,7.5vw,2rem);overflow-wrap:anywhere}.hero-package h2{font-size:2.8rem}.package-eyebrow{margin-top:1rem}.package-scope{margin-bottom:3rem}}
@media(prefers-reduced-motion:reduce){.social-case-controls button{transition:none}}
@media(max-width:700px){.social-package-featured{margin-block:0;padding:1.5rem 1.25rem}.social-packages{padding-block:0}.social-package h3{min-height:0}.plan-motion{min-height:0}}
/* Compact comparison: identical feature rows in each package. */
.social-packages{max-width:1020px;gap:1rem}
.social-package{padding:1.35rem 1.2rem}
.social-package-featured{margin-block:-.65rem;padding-block:2rem;box-shadow:5px 5px 0 rgba(139,92,246,.15)}
.package-eyebrow{font-size:.56rem;margin:0 0 .8rem}
.social-package h3{min-height:0;margin:0 0 .45rem;font-size:2.25rem;line-height:1}
.package-intro{min-height:0;max-width:none;margin:0;font-size:.75rem;line-height:1.5}
.plan-price{margin:1rem 0 .5rem;gap:.5rem}.plan-price strong{font-size:3rem}.plan-price span{font-size:.65rem}
.plan-counts{padding:.65rem 0;margin:0 0 .8rem}.plan-counts dd{font-size:1.8rem}.plan-counts dt{font-size:.62rem}
.social-package .plan-features{margin:0 0 1.15rem}
.plan-features li{display:flex;align-items:baseline;gap:.55rem;position:static;padding:.2rem 0;font-size:.78rem;line-height:1.5;color:var(--white)}
.plan-features li::before{content:none}.feature-mark{flex:0 0 .8rem;color:var(--purple);font-weight:700}.feature-label{min-width:0}
.plan-features .is-unavailable{color:#a49aaf}.is-unavailable .feature-mark{color:#a49aaf}.is-unavailable s{text-decoration-thickness:1px;text-decoration-color:#a49aaf}
.social-package .button{font-size:.75rem;min-height:44px;padding:.8rem 1rem}
.package-scope{max-width:1020px;margin:1rem auto .7rem;font-size:.72rem;line-height:1.6;text-align:center}
.package-details{max-width:1020px;margin:0 auto 3rem;color:var(--muted);font-size:.76rem;line-height:1.7}
.package-details summary{width:fit-content;margin-inline:auto;padding:.4rem;cursor:pointer;color:var(--white)}
.package-details p{max-width:75ch;margin:.7rem auto}
@media(min-width:701px) and (max-width:900px){.social-package{padding:1.2rem .8rem}.social-package-featured{padding-block:1.85rem}.plan-features li{font-size:.73rem;gap:.35rem}.package-intro{min-height:3em}.plan-price span{font-size:.6rem}}
@media(max-width:700px){.social-packages{max-width:360px;gap:1.4rem}.social-package{padding:1.4rem 1.25rem}.social-package-featured{margin-block:0;padding:1.65rem 1.25rem}.social-package h3{font-size:2.2rem}.plan-features li{font-size:.82rem}.package-eyebrow{margin-top:.6rem}.package-scope{text-align:left}.package-details summary{margin-left:0}.package-details{margin-bottom:2.5rem}}
.service-hero{position:relative;min-height:100svh;padding:clamp(8.5rem,14vw,12rem) var(--pad) clamp(5rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.68fr);gap:clamp(3rem,7vw,8rem);align-items:center;overflow:hidden}
.service-hero::before{content:"";position:absolute;width:min(60vw,780px);aspect-ratio:1;right:-18%;top:3%;border:1px solid rgba(139,92,246,.26);border-radius:50%;box-shadow:0 0 90px rgba(139,92,246,.12),inset 0 0 90px rgba(139,92,246,.06)}
.service-hero-copy{position:relative;z-index:2}
.service-hero h1,.service-heading h2,.service-contact h2{margin:1.8rem 0;font:800 clamp(5.2rem,10vw,10.5rem)/.76 var(--display);letter-spacing:-.052em;text-transform:uppercase}
.service-hero h1 em,.service-heading h2 em,.service-contact h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1px var(--purple);text-shadow:0 0 28px rgba(139,92,246,.16)}
.service-lead{max-width:680px;margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.8}
.service-index{position:absolute;left:var(--pad);bottom:2rem;margin:0;font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--muted)}
.package-card{position:relative;z-index:2;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(139,92,246,.75);background:linear-gradient(145deg,rgba(47,20,76,.96),rgba(18,8,27,.96));box-shadow:16px 16px 0 rgba(17,140,255,.18),0 28px 70px rgba(0,0,0,.35)}
.package-card::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.package-label{display:block;margin-bottom:2rem;font-size:.6rem;font-weight:700;letter-spacing:.17em;color:#d6c8f6}
.package-number{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:center;padding:1.2rem 0;border-top:1px solid var(--line)}
.package-number strong{font:800 clamp(4.7rem,7vw,7rem)/.7 var(--display);color:var(--white)}
.package-number span{font:700 .66rem/1.55 var(--body);letter-spacing:.14em;color:var(--muted)}
.package-price{padding:1.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}
.package-price span{font-size:.56rem;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.package-price strong{font:800 3.2rem/1 var(--display);color:var(--purple)}
.package-card>p{margin:1.4rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.7}
.service-section{position:relative;padding:clamp(6rem,10vw,10rem) var(--pad)}
.service-section:nth-of-type(even){background:linear-gradient(105deg,rgba(21,9,32,.82),rgba(13,6,20,.15))}
.service-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);gap:1.5rem clamp(3rem,7vw,8rem);align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}
.service-heading .kicker{grid-column:1/-1}
.service-heading h2{margin:0;font-size:clamp(4.4rem,8vw,8.5rem)}
.service-heading>p:last-child{margin:0 0 .6rem;color:var(--muted);font-size:1rem;line-height:1.75}
.deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}
.deliverables article{min-height:360px;padding:1.5rem;display:flex;flex-direction:column;background:rgba(20,10,32,.94);transition:transform .25s ease,background .25s ease}
.deliverables article:hover{background:#241236;transform:translateY(-6px)}
.deliverables article>span{font-size:.62rem;font-weight:700;letter-spacing:.15em;color:var(--blue)}
.deliverable-icon{width:74px;height:74px;margin:2.2rem 0 auto;color:var(--purple);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;filter:drop-shadow(0 0 12px rgba(139,92,246,.22));transition:transform .35s cubic-bezier(.2,.8,.2,1),color .25s ease}
.deliverables article:hover .deliverable-icon{color:#b69aff;transform:translateY(-4px) scale(1.05)}
.deliverables h3{margin:1.45rem 0 1.2rem;font:800 clamp(2.4rem,4vw,4.3rem)/.78 var(--display);letter-spacing:-.04em}
.deliverables p{margin:0;color:var(--muted);font-size:.77rem;line-height:1.75}
.flow-list{max-width:1100px;margin:0 0 0 auto;padding:0;list-style:none;border-top:1px solid var(--line)}
.flow-list li{display:grid;grid-template-columns:110px 1fr;gap:2rem;padding:2.2rem 0;border-bottom:1px solid var(--line)}
.flow-list li>span{font:800 3.3rem/.9 var(--display);color:transparent;-webkit-text-stroke:1px var(--purple)}
.flow-list h3{margin:0 0 .55rem;font:800 clamp(2rem,4vw,3.5rem)/.9 var(--display);letter-spacing:-.025em}
.flow-list p{max-width:670px;margin:0;color:var(--muted);line-height:1.75}
.goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.goal-grid article{position:relative;min-height:410px;padding:2rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;border:1px solid var(--line);background:rgba(17,8,27,.9);transition:border-color .25s ease,background .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.goal-grid article::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 31%,rgba(139,92,246,.12),transparent 43%);opacity:.6;pointer-events:none;transition:opacity .3s ease}
.goal-grid article:hover{border-color:rgba(139,92,246,.7);background:rgba(28,13,43,.96);transform:translateY(-4px)}
.goal-grid article:hover::before{opacity:1}
.goal-visual{position:relative;z-index:1;width:100%;height:145px;margin:3rem auto 0;display:flex;align-items:center;justify-content:center;color:var(--purple);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.goal-grid article:hover .goal-visual{transform:translateY(-4px) scale(1.015)}
.goal-visual svg{display:block;width:min(100%,390px);height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}
.goal-gridlines{stroke:rgba(255,255,255,.075);stroke-width:1}
.goal-visual .goal-axis{stroke:rgba(255,255,255,.22)}
.goal-visual .goal-bars rect{fill:rgba(139,92,246,.16);stroke:var(--purple);transform-box:fill-box;transform-origin:center bottom}
.goal-visual .goal-line{stroke:var(--blue);stroke-width:2.5;stroke-dasharray:320;stroke-dashoffset:320;filter:drop-shadow(0 0 5px rgba(17,140,255,.6))}
.goal-visual .goal-arrow{stroke:var(--blue);stroke-width:2.5;opacity:0}
.graph-points circle{fill:var(--bg);stroke:var(--blue);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.goal-pulse{stroke:var(--blue);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.goal-grid.visible .goal-bars rect{animation:goal-bar-grow 4.8s cubic-bezier(.2,.8,.2,1) infinite}
.goal-grid.visible .goal-bars rect:nth-child(2){animation-delay:.15s}.goal-grid.visible .goal-bars rect:nth-child(3){animation-delay:.3s}.goal-grid.visible .goal-bars rect:nth-child(4){animation-delay:.45s}
.goal-grid.visible .goal-line{animation:goal-line-draw 4.8s ease-in-out infinite}.goal-grid.visible .goal-arrow{animation:goal-arrow-show 4.8s ease-in-out infinite}.goal-grid.visible .graph-points circle{animation:graph-point 4.8s ease-in-out infinite}.goal-grid.visible .graph-points circle:nth-child(2){animation-delay:.12s}.goal-grid.visible .graph-points circle:nth-child(3){animation-delay:.24s}.goal-grid.visible .graph-points circle:nth-child(4){animation-delay:.36s}.goal-grid.visible .graph-points circle:nth-child(5){animation-delay:.48s}.goal-grid.visible .goal-pulse{animation:goal-pulse 4.8s ease-out infinite}
.profile-frame{fill:rgba(139,92,246,.05)}
.profile-avatar{fill:rgba(139,92,246,.14)}.profile-body,.profile-copy,.profile-corners{stroke:rgba(255,255,255,.5)}
.profile-scan{stroke:var(--blue);stroke-width:2;filter:drop-shadow(0 0 6px rgba(17,140,255,.8));transform-origin:center}
.profile-badge circle{fill:rgba(17,140,255,.16);stroke:var(--blue)}.profile-badge path{stroke:var(--white);stroke-width:2}.profile-spark{stroke:var(--blue);opacity:0;transform-box:fill-box;transform-origin:center}
.goal-grid.visible .profile-frame{animation:profile-pulse 4.2s ease-in-out infinite}.goal-grid.visible .profile-scan{animation:profile-scan 4.2s ease-in-out infinite}.goal-grid.visible .profile-badge{animation:profile-badge 4.2s cubic-bezier(.2,.8,.2,1) infinite;transform-box:fill-box;transform-origin:center}.goal-grid.visible .profile-spark{animation:profile-spark 4.2s ease-in-out infinite}
.social-heart{fill:rgba(139,92,246,.14)}
.social-bubble{fill:rgba(17,140,255,.06);stroke:var(--blue)}
.social-dot{fill:var(--purple);stroke:none;transform-box:fill-box;transform-origin:center}
.reaction-orbit{stroke:rgba(255,255,255,.14);stroke-dasharray:5 8}.reaction-float circle{fill:rgba(139,92,246,.1);stroke:var(--purple)}.reaction-float path{stroke:var(--white)}.reaction-ripple{stroke:var(--purple);opacity:0;transform-box:fill-box;transform-origin:center}
.goal-grid.visible .social-heart{animation:heart-beat 3.8s ease-in-out infinite}.goal-grid.visible .social-dot{animation:dot-talk 1.8s ease-in-out infinite}.goal-grid.visible .dot-two{animation-delay:.18s}.goal-grid.visible .dot-three{animation-delay:.36s}.goal-grid.visible .reaction-orbit{animation:orbit-dash 8s linear infinite}.goal-grid.visible .reaction-one{animation:reaction-float-one 4.4s ease-in-out infinite}.goal-grid.visible .reaction-two{animation:reaction-float-two 4.4s ease-in-out infinite}.goal-grid.visible .reaction-ripple{animation:reaction-ripple 3.8s ease-out infinite}
.request-button{fill:rgba(139,92,246,.08)}
.request-label{stroke:rgba(255,255,255,.55)}.request-arrow{stroke:var(--blue)}.request-mail{stroke:var(--purple);fill:rgba(139,92,246,.08);transform-box:fill-box;transform-origin:center}.request-route{stroke:var(--blue);stroke-dasharray:5 7;opacity:.45}.request-ring{stroke:var(--blue);opacity:0;transform-box:fill-box;transform-origin:center}.request-spark{stroke:var(--blue);opacity:0;transform-box:fill-box;transform-origin:center}
.request-cursor{fill:var(--white);stroke:var(--bg);stroke-width:1.5;transform-box:fill-box;transform-origin:center}
.goal-grid.visible .request-mail{animation:mail-arrive 4.5s cubic-bezier(.2,.8,.2,1) infinite}.goal-grid.visible .request-route{animation:route-flow 4.5s linear infinite}.goal-grid.visible .request-cursor{animation:cursor-click 4.5s cubic-bezier(.2,.8,.2,1) infinite}.goal-grid.visible .request-button{animation:button-flash 4.5s ease-in-out infinite}.goal-grid.visible .request-ring{animation:request-ring 4.5s ease-out infinite}.goal-grid.visible .ring-two{animation-delay:.14s}.goal-grid.visible .request-spark{animation:request-spark 4.5s ease-in-out infinite}
.goal-grid strong{position:relative;z-index:1;width:100%;margin-top:2.1rem;font:800 clamp(2.2rem,4vw,4rem)/.8 var(--display);letter-spacing:-.035em;text-align:left}
.goal-grid>article>span{position:relative;z-index:1;width:100%;margin-top:1rem;color:var(--muted);font-size:.7rem;letter-spacing:.07em;text-align:left;text-transform:uppercase}
@keyframes goal-bar-grow{0%,12%{transform:scaleY(.08);opacity:.35}42%,78%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.08);opacity:.35}}
@keyframes goal-line-draw{0%,15%{stroke-dashoffset:320;opacity:.2}52%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-320;opacity:0}}
@keyframes goal-arrow-show{0%,45%{opacity:0;transform:translate(-5px,5px)}58%,80%{opacity:1;transform:none}100%{opacity:0}}
@keyframes graph-point{0%,28%{opacity:0;transform:scale(.2)}42%,80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.2)}}
@keyframes goal-pulse{0%,54%{opacity:0;transform:scale(.3)}62%{opacity:.8}82%,100%{opacity:0;transform:scale(2)}}
@keyframes profile-pulse{0%,100%{stroke:rgba(139,92,246,.6)}50%{stroke:#bda6ff;filter:drop-shadow(0 0 9px rgba(139,92,246,.65))}}
@keyframes profile-scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}72%{transform:translateY(70px);opacity:1}100%{transform:translateY(70px);opacity:0}}
@keyframes profile-badge{0%,55%{opacity:0;transform:scale(.25) rotate(-18deg)}68%,88%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(.6)}}
@keyframes profile-spark{0%,58%,100%{opacity:0;transform:scale(.5)}70%,86%{opacity:1;transform:scale(1)}}
@keyframes heart-beat{0%,35%,100%{transform:scale(1);transform-origin:115px 61px}43%{transform:scale(1.1)}51%{transform:scale(1)}59%{transform:scale(1.08)}}
@keyframes dot-talk{0%,100%{transform:translateY(0);opacity:.4}45%{transform:translateY(-5px);opacity:1}}
@keyframes orbit-dash{to{stroke-dashoffset:-130}}
@keyframes reaction-float-one{0%,100%{transform:translate(0,2px) rotate(-5deg)}50%{transform:translate(8px,-7px) rotate(6deg)}}
@keyframes reaction-float-two{0%,100%{transform:translate(0,-2px) rotate(5deg)}50%{transform:translate(-8px,7px) rotate(-6deg)}}
@keyframes reaction-ripple{0%,37%{opacity:0;transform:scale(.35)}46%{opacity:.5}72%,100%{opacity:0;transform:scale(1.25)}}
@keyframes mail-arrive{0%,12%{opacity:0;transform:translateX(-28px) scale(.85)}28%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateX(10px)}}
@keyframes route-flow{to{stroke-dashoffset:-48}}
@keyframes cursor-click{0%,32%{transform:translate(25px,20px) scale(1)}54%,72%{transform:translate(0,0) scale(1)}60%{transform:translate(0,0) scale(.82)}100%{transform:translate(25px,20px) scale(1)}}
@keyframes button-flash{0%,50%,100%{fill:rgba(139,92,246,.08)}60%,76%{fill:rgba(139,92,246,.28);stroke:#bda6ff}}
@keyframes request-ring{0%,57%{opacity:0;transform:scale(.2)}64%{opacity:.8}82%,100%{opacity:0;transform:scale(2.2)}}
@keyframes request-spark{0%,60%,100%{opacity:0;transform:scale(.4) rotate(-15deg)}72%,84%{opacity:1;transform:scale(1) rotate(0)}}
.case-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.case-placeholder-grid article{padding:1rem;border:1px solid var(--line);background:rgba(17,8,27,.94)}
.case-placeholder-grid article>span{display:block;padding:.4rem .35rem 1rem;font-size:.56rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.placeholder-visual{position:relative;min-height:260px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(139,92,246,.38),rgba(17,140,255,.12)),repeating-linear-gradient(90deg,transparent 0 51px,rgba(255,255,255,.07) 52px),#170c23}
.placeholder-visual::before,.placeholder-visual::after{content:"";position:absolute;background:rgba(255,255,255,.24)}
.placeholder-visual::before{width:1px;height:100%;left:50%}.placeholder-visual::after{height:1px;width:100%;top:50%}
.placeholder-visual b{position:relative;z-index:1;font:800 7rem/.7 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6)}
.case-placeholder-grid h3{margin:1.4rem .35rem .7rem;font:800 2rem/.88 var(--display);letter-spacing:-.025em}
.case-placeholder-grid p{margin:.7rem .35rem .6rem;color:var(--muted);font-size:.76rem;line-height:1.7}
.faq-list{max-width:1040px;margin-inline:auto;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{padding:1.5rem 0;display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;gap:1rem;align-items:center;list-style:none;cursor:pointer;font:700 clamp(1.35rem,2.5vw,2rem)/1 var(--display);letter-spacing:.01em;text-align:center;text-transform:uppercase}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::before{content:"";width:2.25rem;height:2.25rem}
.faq-question{grid-column:2;color:var(--white)}
.faq-chevron{grid-column:3;width:2.25rem;height:2.25rem;display:grid;place-items:center;color:var(--purple);border:1px solid rgba(139,92,246,.55);transition:transform .25s ease,color .25s ease,background .25s ease}
.faq-chevron svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.faq-list summary:hover .faq-chevron{color:var(--white);background:rgba(139,92,246,.2)}
.faq-list details[open] .faq-chevron{transform:rotate(180deg)}
.faq-list details p{max-width:720px;margin:0 auto;padding:0 1rem 1.6rem;color:var(--muted);line-height:1.75;text-align:center}
.service-contact{position:relative;min-height:82vh;padding:clamp(7rem,12vw,12rem) var(--pad);display:grid;place-items:center;text-align:center;overflow:hidden}
.service-contact::before{content:"";position:absolute;width:min(72vw,900px);aspect-ratio:1;border:1px solid rgba(139,92,246,.5);border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 68%);box-shadow:0 0 80px rgba(139,92,246,.08)}
.service-contact-inner{position:relative;z-index:1;display:grid;justify-items:center}
.service-contact .kicker{justify-content:center}
.service-contact h2{font-size:clamp(5rem,10vw,10rem)}
.service-contact-inner>p:not(.kicker){max-width:590px;margin:0 0 2rem;color:var(--muted);line-height:1.8}
.service-mail{margin-top:2rem;padding-bottom:.45rem;border-bottom:1px solid var(--blue);font-size:.82rem}

@media(max-width:1050px){
  .deliverables{grid-template-columns:repeat(2,1fr)}
  .case-placeholder-grid{grid-template-columns:1fr 1fr}.case-placeholder-grid article:last-child{grid-column:1/-1}
}
@media(max-width:920px){
  .service-hero{grid-template-columns:1fr;min-height:auto}.package-card{width:min(100%,620px)}
  .service-heading{grid-template-columns:1fr}.service-heading .kicker{grid-column:auto}
}
@media(max-width:600px){
  .service-hero{padding-top:7rem;gap:3rem}.service-hero h1{font-size:clamp(4rem,18vw,6rem)}.service-lead{font-size:.86rem}.service-index{display:none}
  .service-hero .hero-actions{align-items:stretch}.service-hero .button{width:100%}
  .package-card{box-shadow:9px 9px 0 rgba(17,140,255,.18)}
  .service-section{padding-top:5.5rem;padding-bottom:5.5rem}.service-heading h2{font-size:clamp(3.8rem,17vw,5.5rem)}
  .deliverables,.goal-grid,.case-placeholder-grid{grid-template-columns:1fr}.case-placeholder-grid article:last-child{grid-column:auto}.deliverables article{min-height:250px}.goal-grid article{min-height:370px;padding:1.5rem}.goal-visual{height:132px;margin-top:2.25rem}
  .flow-list li{grid-template-columns:62px 1fr;gap:1rem}.flow-list li>span{font-size:2.5rem}.flow-list p{font-size:.82rem}
  .placeholder-visual{min-height:220px}.service-contact{min-height:720px}.service-contact h2{font-size:clamp(4.2rem,18vw,6.4rem)}
  .faq-list summary{grid-template-columns:1.75rem minmax(0,1fr) 1.75rem;gap:.55rem;padding:1.25rem 0}.faq-list summary::before,.faq-chevron{width:1.75rem;height:1.75rem}.faq-chevron svg{width:1rem;height:1rem}
}
@media(prefers-reduced-motion:reduce){.deliverables article,.deliverable-icon,.goal-grid article,.goal-visual,.faq-chevron{transition:none}.goal-grid.visible .goal-bars rect,.goal-grid.visible .goal-line,.goal-grid.visible .goal-arrow,.goal-grid.visible .graph-points circle,.goal-grid.visible .goal-pulse,.goal-grid.visible .profile-frame,.goal-grid.visible .profile-scan,.goal-grid.visible .profile-badge,.goal-grid.visible .profile-spark,.goal-grid.visible .social-heart,.goal-grid.visible .social-dot,.goal-grid.visible .reaction-orbit,.goal-grid.visible .reaction-float,.goal-grid.visible .reaction-ripple,.goal-grid.visible .request-mail,.goal-grid.visible .request-route,.goal-grid.visible .request-cursor,.goal-grid.visible .request-button,.goal-grid.visible .request-ring,.goal-grid.visible .request-spark{animation:none}.goal-visual .goal-line{stroke-dashoffset:0}.goal-visual .goal-arrow,.graph-points circle,.profile-badge{opacity:1}}
.deliverables.compact-goals{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);margin-top:4rem}
.compact-goals article{min-height:310px;padding:1.4rem;justify-content:flex-start}
.compact-goals .goal-visual{height:110px;margin:.8rem 0 1.7rem}
.compact-goals .goal-visual svg{width:min(100%,320px)}
.compact-goals h3{position:relative;z-index:1;margin:0;font:700 clamp(1.9rem,2.5vw,2.7rem)/.95 var(--display);letter-spacing:-.045em;min-height:2.85em;overflow-wrap:anywhere}
.compact-goals>article>span{margin-top:.6rem;color:var(--muted);font-size:.6rem;letter-spacing:.04em;line-height:1.7}
@media(max-width:1050px){.deliverables.compact-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-goals article{min-height:300px}.compact-goals h3{font-size:2.2rem;min-height:1.9em}}
@media(max-width:600px){.deliverables.compact-goals{grid-template-columns:1fr}.compact-goals article{min-height:270px}.compact-goals .goal-visual{height:105px;margin:.5rem 0 1.25rem}.compact-goals h3{min-height:0;font-size:2rem}}

/* Keep the opening section focused on the introduction on phones. */
@media (max-width:700px){.service-hero .hero-single-example{display:none}}

/* Compact five-step process, scoped to the existing service page. */
.service-approach{padding-block:clamp(3.5rem,6vw,6rem)}
.approach-heading{margin-bottom:2.8rem}.approach-heading h2{margin:1.5rem 0 0;font:800 clamp(3rem,6vw,6rem)/.9 var(--display);letter-spacing:-.04em}.approach-heading h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1px var(--purple)}
.approach-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.65rem;list-style:none;padding:0;margin:0}.approach-steps li{position:relative;min-width:0}.approach-icon{width:64px;height:64px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:rgba(139,92,246,.08);color:var(--purple);margin-bottom:1.7rem}.approach-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.approach-steps li:not(:last-child)::after{content:"";position:absolute;top:32px;left:80px;right:-10px;height:1px;background:linear-gradient(90deg,rgba(139,92,246,.6),var(--line))}.approach-steps h3{display:flex;align-items:baseline;gap:.65rem;margin:0 0 1rem;font:700 1.5rem/1.1 var(--display);letter-spacing:-.015em;min-height:2.2em}.approach-steps h3>span{font-size:1rem;font-weight:600;color:var(--purple)}.approach-steps p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.85}
@media(min-width:761px) and (max-width:1050px){.approach-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.7rem}.approach-steps li::after{display:none}}
@media(max-width:760px){.approach-steps{grid-template-columns:1fr;gap:1.8rem}.approach-steps li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:1rem}.approach-icon{grid-row:1/3;width:52px;height:52px;margin:0}.approach-icon svg{width:25px;height:25px}.approach-steps h3{min-height:0;margin:.35rem 0 .65rem;font-size:1.5rem}.approach-steps p{grid-column:2;font-size:.82rem}.approach-steps li:not(:last-child)::after{top:65px;bottom:-17px;left:26px;right:auto;height:auto;width:1px;background:var(--line)}.approach-heading h2{font-size:clamp(2.8rem,11vw,4.5rem)}}