/* Services page: hero, goal finder, discipline showcases, plan tray and process. */
/* Hero: light editorial layout, deliberately unlike the dark homepage hero */
.services-main{padding-top:98px}
.sv-hero{background:var(--paper);color:var(--ink);padding:48px var(--pad) 56px}
.sv-hero>.eyebrow{color:#55574e}
.sv-hero h1{font-size:clamp(46px,5.6vw,90px);font-weight:600;line-height:1.02;letter-spacing:-.06em;margin:22px 0 30px;max-width:1180px}
.sv-hero h1 mark{background:linear-gradient(transparent 58%,var(--acid) 58%,var(--acid) 92%,transparent 92%);color:inherit;padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sv-hero-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}
.sv-hero-intro>p{font-size:17px;line-height:1.8;color:#55574e;max-width:560px}
.sv-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;flex-shrink:0}
.sv-hero-cta{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sv-hero-cta:hover{background:#2b2e28}
.sv-hero-media{position:relative}
.sv-hero-main{margin:0;position:relative;border-radius:16px;overflow:hidden;height:clamp(220px,26vw,360px);background:#151714}
.sv-hero-main img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 44%;transform:scale(1.05);animation:svZoom 14s ease-out forwards}
.sv-hero-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151714b3,transparent 55%)}
.sv-hero-main figcaption{position:absolute;z-index:1;inset-inline-start:28px;bottom:24px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e4e6da}
html[dir=rtl] .sv-hero h1{letter-spacing:0;line-height:1.4}
html[dir=rtl] .sv-hero h1 mark{background:linear-gradient(transparent 52%,var(--acid) 52%,var(--acid) 80%,transparent 80%)}
html[dir=rtl] .sv-hero-main:after{background:linear-gradient(270deg,#151714b3,transparent 55%)}
@keyframes svZoom{to{transform:scale(1)}}

.sv-goals{background:#e6e7dc;color:var(--ink);scroll-margin-top:70px}
.sv-goals-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:36px}
.sv-goals-head h2{font-size:clamp(38px,4.4vw,68px);margin-top:18px}
.sv-goals-head>p{max-width:380px;font-size:15px;line-height:1.8;color:#55574e}
.sv-goal-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sv-goal{display:flex;flex-direction:column;gap:18px;text-align:start;padding:18px 18px 20px;border:1px solid #15161426;border-radius:6px;background:#f8f8f1;color:var(--ink);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.sv-goal:hover{border-color:#15161470;transform:translateY(-2px);box-shadow:0 10px 30px #1516140f}
.sv-goal-index{font-size:11px;font-weight:600;color:#7c8072;direction:ltr}
.sv-goal strong{font-size:17px;font-weight:600;letter-spacing:-.03em;line-height:1.25}
.sv-goal[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:0 14px 40px #15161430}
.sv-goal[aria-pressed=true] .sv-goal-index{color:var(--acid)}
.sv-goal-panel{margin-top:26px;animation:svFade .45s ease}
.sv-goal-panel-label{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:16px}.sv-goal-panel-label p{font-size:15px;line-height:1.6;color:#5d6056;max-width:720px}.sv-goal-panel-label strong{color:var(--ink);font-weight:600}.sv-goal-panel-label span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7c8072;white-space:nowrap}
.sv-rec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sv-rec{display:flex;flex-direction:column;padding:22px;border-radius:6px;background:#fff;border:1px solid #15161414;box-shadow:0 1px 0 #15161408}
.sv-rec h3{font-size:18px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px}
.sv-rec>p{font-size:13px;line-height:1.65;color:#5d6056;margin-bottom:18px}
.sv-rec-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #1516141a}
.sv-rec-actions a{display:flex;align-items:center;gap:6px;font-size:12px;color:#44473e}
.sv-rec-actions a svg{width:14px;height:14px}

.sv-add{display:inline-flex;align-items:center;font-size:13px;font-weight:600;border:1px solid var(--acid);background:var(--acid);color:var(--ink);padding:13px 18px;border-radius:999px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.sv-add:hover{transform:translateY(-1px)}
.sv-add>span{display:inline-flex;align-items:center;gap:8px}
.sv-add svg{width:16px;height:16px}
.sv-add-on,.sv-add[aria-pressed=true] .sv-add-off{display:none!important}
.sv-add[aria-pressed=true] .sv-add-on{display:inline-flex!important}
.sv-add[aria-pressed=true]{background:transparent;color:inherit;border-color:currentColor}
.sv-add-small{font-size:12px;padding:8px 13px;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sv-add-small svg{width:14px;height:14px}
.sv-add-small[aria-pressed=true]{color:#2f5d12;border-color:#2f5d1260;background:#e8f5cf}

.sv-nav{position:sticky;top:78px;z-index:20;background:#151714eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.sv-nav-inner{display:flex;align-items:center;gap:20px;padding:12px var(--pad)}
.sv-nav-links{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.sv-nav-links::-webkit-scrollbar{display:none}
.sv-nav-links a{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 16px;border-radius:999px;font-size:13px;color:#b9bcb0;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s}
.sv-nav-links a svg{width:18px;height:18px}
.sv-nav-links a:hover{color:var(--paper);border-color:var(--line)}
.sv-nav-links a.active{background:var(--acid);color:var(--ink)}
.sv-nav-plan{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;padding:10px 8px 10px 16px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.sv-nav-plan b{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;font-size:12px}
.sv-nav-plan:not(:disabled) b{background:var(--acid);color:var(--ink)}
.sv-nav-plan:disabled{opacity:.55}

.sv-catalog{padding:30px var(--pad) 40px}
.sv-discipline{padding:64px 0 10px;scroll-margin-top:140px}
.sv-disc-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:end;margin-bottom:28px}
.sv-disc-head h2{font-size:clamp(36px,4vw,60px);margin-top:14px}
.sv-disc-head .eyebrow{color:var(--acid)}
.sv-disc-intro p{font-size:15px;line-height:1.8;color:#b7baae}
.sv-disc-intro span{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.04em;color:var(--acid);border:1px solid #d8ff3640;padding:6px 12px;border-radius:999px}

.sv-showcase{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);border:1px solid #ffffff1c;border-radius:10px;overflow:hidden;background:#1a1d18}
/* Phosphor duotone icons: a fine outline plus a soft lime tone */
.service-icon{display:inline-grid;place-items:center;flex-shrink:0}
.service-icon svg{width:100%;height:100%}
.ph-tone{opacity:.3}
.sv-rec .service-icon{width:38px;height:38px;margin-bottom:20px;color:var(--ink)}
.sv-rec .ph-tone{fill:#b5dc10;opacity:.55}
.sv-panel-top .service-icon{width:64px;height:64px;padding:14px;border-radius:50%;border:1px solid #d8ff3645;color:var(--paper);background:radial-gradient(circle,#d8ff3618,transparent 70%)}
.sv-panel-top .ph-tone{fill:var(--acid);opacity:.9}
.sv-tab .service-icon{width:42px;height:42px;padding:10px;border-radius:50%;background:#ffffff08;border:1px solid #ffffff14;color:#c9ccc0;transition:background .25s,color .25s,border-color .25s}
.sv-tab .ph-tone{fill:var(--acid);opacity:.35}
.sv-tab:hover .service-icon{border-color:#ffffff30;color:var(--paper)}
.sv-tab[aria-selected=true] .service-icon{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.sv-tab[aria-selected=true] .ph-tone{fill:var(--ink);opacity:.18}
.sv-nav-links a .ph-tone{opacity:.35}
.sv-disc-eyebrow{display:flex;align-items:center;gap:10px}
.sv-disc-eyebrow svg{width:22px;height:22px}
.sv-disc-eyebrow .ph-tone{opacity:.4}

.sv-tabs{display:flex;flex-direction:column;border-inline-end:1px solid #ffffff14;background:#171a15}
.sv-tab{position:relative;display:flex;align-items:center;gap:15px;text-align:start;padding:20px 22px;flex:1;border-bottom:1px solid #ffffff10;color:#c9ccc0;transition:background .2s,color .2s}
.sv-tab:last-child{border-bottom:0}
.sv-tab:hover{background:#1f231c;color:var(--paper)}
.sv-tab>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.sv-tab strong{font-size:15px;font-weight:600;letter-spacing:-.01em}
.sv-tab small{font-size:12px;line-height:1.5;color:#8f9387}
.sv-tab-dot{position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--acid);transform:scaleY(0);transition:transform .3s}
.sv-tab[aria-selected=true]{background:#232820;color:var(--paper)}
.sv-tab[aria-selected=true] .sv-tab-dot{transform:scaleY(1)}
.sv-tab[aria-selected=true] small{color:#b7baae}
.sv-panel{padding:34px 40px 32px;background:radial-gradient(ellipse at 100% 0,#d8ff360d,transparent 55%);animation:svFade .4s ease;scroll-margin-top:160px}
.sv-panel:focus-visible{outline:2px solid var(--acid);outline-offset:-2px}
.sv-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sv-panel-top>span:last-child{font-size:11px;letter-spacing:.08em;color:#8f9387;direction:ltr}
.sv-panel h3{font-size:clamp(28px,2.6vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1.1}
.sv-panel-for{font-size:15px;color:var(--acid);margin-top:12px}
.sv-panel-lead{font-size:15px;line-height:1.8;color:#c9ccc0;margin-top:14px;max-width:640px}
.sv-label{font-size:11px;font-weight:600;letter-spacing:.1em;color:#8f9387;margin:24px 0 12px}
.sv-included{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sv-included li{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.55;padding:11px 14px;border-radius:6px;background:#ffffff08;border:1px solid #ffffff0d}
.sv-included svg{width:20px;height:20px;flex-shrink:0;padding:3px;border-radius:50%;background:#d8ff3622;color:var(--acid)}
.sv-start{display:flex;gap:18px;align-items:baseline;margin-top:14px;padding:12px 16px;border:1px dashed #ffffff2a;border-radius:6px}
.sv-start strong{font-size:12px;letter-spacing:.04em;white-space:nowrap;color:var(--paper)}
.sv-start p{font-size:13px;line-height:1.7;color:#aeb1a5}
.sv-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:24px}
.sv-panel-actions .text-link{color:var(--paper)}

.sv-proof{margin-top:22px}
.sv-proof>.eyebrow{font-size:11px;color:#8f9387;margin-bottom:14px}
.sv-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.sv-work,.sv-read{position:relative;display:flex;align-items:center;gap:16px;text-align:start;padding:12px 18px 12px 12px;border:1px solid #ffffff17;border-radius:8px;background:#1a1d18;color:var(--paper);transition:border-color .25s,background .25s}
.sv-work:hover,.sv-read:hover{border-color:#ffffff40;background:#20241d}
.sv-work-image{width:84px;height:66px;border-radius:5px;overflow:hidden;background:var(--project-color);flex-shrink:0}
.sv-work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sv-work:hover img{transform:scale(1.08)}
.sv-work-copy,.sv-read{flex-direction:column;align-items:flex-start}
.sv-work-copy{display:flex;gap:3px;flex:1;min-width:0}
.sv-work small,.sv-read small{font-size:11px;color:#8f9387}
.sv-work strong{font-size:16px;font-weight:600}
.sv-work>svg{width:18px;height:18px;flex-shrink:0;color:#8f9387;transition:color .2s,transform .2s}
.sv-work:hover>svg{color:var(--acid);transform:translate(2px,-2px)}
.sv-read{padding:18px 44px 18px 18px;gap:8px}
.sv-read strong{font-size:14px;font-weight:600;line-height:1.45}
.sv-read>svg{position:absolute;top:18px;inset-inline-end:16px;width:16px;height:16px;color:#8f9387}

.sv-process{border-top:1px solid var(--line)}
.sv-process-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:44px}
.sv-process-head h2{margin-top:18px}
.sv-process-head>p{max-width:360px;font-size:15px;line-height:1.8;color:#b7baae}
.sv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:step}
.sv-steps li{position:relative;padding-top:34px;border-top:1px solid #ffffff26}
.sv-steps li:before{content:'';position:absolute;top:-5px;inset-inline-start:0;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 6px #d8ff3618}
.sv-step-num{font-size:12px;color:var(--acid);font-weight:600;direction:ltr;display:block}
.sv-steps h3{font-size:22px;font-weight:600;letter-spacing:-.035em;margin:14px 0 10px}
.sv-steps p{font-size:14px;line-height:1.75;color:#aeb1a5;max-width:280px}

.sv-engage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:40px;margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.sv-engage h3{font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin-top:14px}
.sv-engage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sv-engage-grid article{padding:22px;border:1px solid #ffffff17;border-radius:8px;background:#1a1d18}
.sv-engage-grid span{font-size:11px;color:var(--acid);font-weight:600}
.sv-engage-grid h3{font-size:18px;margin:10px 0 8px}
.sv-engage-grid p{font-size:13px;line-height:1.7;color:#aeb1a5}

.sv-tray{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:85;width:min(820px,calc(100% - 32px));animation:svUp .35s cubic-bezier(.2,.8,.2,1)}
.sv-tray[hidden]{display:none}
.sv-tray-inner{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 20px;background:var(--paper);color:var(--ink);border-radius:14px;box-shadow:0 18px 50px #0000005c}
.sv-tray-info{display:flex;flex-direction:column;line-height:1.3;flex-shrink:0}
.sv-tray-info strong{font-size:14px}.sv-tray-info span{font-size:12px;color:#5d6056}
.sv-tray-chips{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.sv-tray-chips::-webkit-scrollbar{display:none}
.sv-tray-chips li{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;padding:5px 6px 5px 11px;border-radius:999px;background:#15161410}
.sv-tray-chips button{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:15px;line-height:1;color:#5d6056}
.sv-tray-chips button:hover{background:#15161418;color:var(--ink)}
.sv-tray-clear{font-size:12px;color:#5d6056;padding:8px;text-decoration:underline;text-underline-offset:3px}
.sv-tray .button{flex-shrink:0}
body.plan-open .assistant-launch{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 84px)}
body.plan-open .services-final{padding-bottom:160px}

html[dir=rtl] .sv-tray-inner{padding:10px 20px 10px 10px}
html[dir=rtl] .sv-read{padding:18px 18px 18px 44px}
html[dir=rtl] .sv-work{padding:12px 12px 12px 18px}
html[dir=rtl] .sv-work>svg,html[dir=rtl] .sv-read>svg,html[dir=rtl] .sv-rec-actions a svg{transform:scaleX(-1)}

@keyframes svFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes svUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translateX(-50%)}}

@media(max-width:1100px){.sv-hero-intro{display:block}.sv-hero-intro>p{margin-bottom:26px}.sv-goal-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-engage{grid-template-columns:1fr;gap:24px}.sv-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-disc-head{grid-template-columns:1fr;gap:16px}.sv-panel{padding:36px}.sv-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}
@media(max-width:900px){
 .sv-showcase{grid-template-columns:1fr}
 .sv-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;border-inline-end:0;border-bottom:1px solid #ffffff14;padding:10px;gap:8px;scroll-snap-type:x mandatory}.sv-tabs::-webkit-scrollbar{display:none}
 .sv-tab{flex:0 0 auto;border:1px solid #ffffff17;border-radius:999px;padding:6px 16px 6px 6px;gap:9px;scroll-snap-align:start}
  .sv-tab small,.sv-tab-dot{display:none}.sv-tab .service-icon{width:30px;height:30px;padding:6px}
 .sv-panel-top .service-icon{width:54px;height:54px;padding:12px}.sv-tab strong{font-size:13px;white-space:nowrap}
 .sv-tab[aria-selected=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
 html[dir=rtl] .sv-tab{padding:6px 6px 6px 16px}
}
@media(max-width:760px){
 .services-main{padding-top:78px}.sv-hero{padding:28px var(--pad) 40px}.sv-hero h1{font-size:clamp(40px,11vw,56px);margin:18px 0 20px}.sv-hero-intro>p{font-size:15px}.sv-hero-intro{margin-bottom:32px}
 .sv-hero-main{height:220px}.sv-hero-main figcaption{inset-inline-start:18px;bottom:16px;font-size:10px}
 .sv-goals-head,.sv-process-head{display:block;margin-bottom:30px}.sv-goals-head>p,.sv-process-head>p{margin-top:16px;font-size:14px}
 .sv-goal-list{grid-template-columns:1fr 1fr;gap:8px}
 .sv-goal{gap:10px;padding:14px 16px}.sv-goal strong{font-size:15px}.sv-goal-panel-label{display:block}.sv-goal-panel-label p{font-size:14px}.sv-goal-panel-label span{display:block;margin-top:10px}.sv-engage-grid{grid-template-columns:1fr}
 .sv-goal-panel{margin-top:24px}
 .sv-rec-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);gap:10px;scrollbar-width:none}.sv-rec-grid::-webkit-scrollbar{display:none}
 .sv-rec{flex:0 0 78%;scroll-snap-align:center}
 .sv-nav{top:70px}.sv-nav-inner{padding:10px 0 10px var(--pad);gap:10px}.sv-nav-links a{padding:8px 13px;font-size:12px}.sv-nav-plan{display:none}
 html[dir=rtl] .sv-nav-inner{padding:10px var(--pad) 10px 0}
 .sv-catalog{padding-top:10px}.sv-discipline{padding-top:60px;scroll-margin-top:125px}
 .sv-disc-head{margin-bottom:22px} .sv-panel{padding:26px 22px 28px}.sv-panel h3{font-size:28px}.sv-panel-lead{font-size:15px}
 .sv-included{grid-template-columns:1fr}.sv-start{flex-direction:column;gap:6px}

 .sv-steps{grid-template-columns:1fr;row-gap:0}.sv-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:8px;padding:18px 0;border-top:0;border-inline-start:1px solid #ffffff26;padding-inline-start:22px}.sv-steps li:before{top:24px;inset-inline-start:-5px}.sv-step-num{grid-row:span 2;padding-top:5px}.sv-steps h3{font-size:19px;margin:0 0 6px}.sv-steps p{font-size:13px}
 .sv-engage{margin-top:40px;padding-top:30px}.sv-engage-grid article{padding:16px 18px}.sv-engage-grid h3{font-size:16px;margin:6px 0 4px}
 .sv-disc-head{grid-template-columns:1fr;row-gap:14px}.sv-disc-head h2{font-size:32px;margin-top:8px}.sv-disc-intro{grid-column:1/-1}.sv-disc-intro p{font-size:14px}.sv-disc-intro span{margin-top:10px}
 .sv-panel-top{margin-bottom:12px}.sv-panel-for{font-size:14px}.sv-label{margin:18px 0 10px}.sv-included li{padding:9px 12px}
 .sv-panel-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 20px}.sv-panel-actions .text-link{justify-content:flex-start}
 .sv-proof-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);scrollbar-width:none}.sv-proof-grid::-webkit-scrollbar{display:none}.sv-work,.sv-read{flex:0 0 80%;scroll-snap-align:start}
 .sv-tray{bottom:max(12px,env(safe-area-inset-bottom))}.sv-tray-inner{padding:10px 10px 10px 16px;gap:10px}.sv-tray-chips,.sv-tray-clear{display:none}.sv-tray-info{flex:1}
 body.plan-open .assistant-launch{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 78px)}
 body.plan-open .assistant-launch{padding:8px}body.plan-open .assistant-launch>span:not(.assistant-launch-mark){display:none}
}
@media(prefers-reduced-motion:reduce){.sv-hero-main img{animation:none;transform:none}.sv-goal-panel,.sv-panel,.sv-tray{animation:none}.sv-goal,.sv-add,.sv-work img{transition:none}}