@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--gold:#ffc229;--cream:#fff9e9;--paper:#fffdf8;--ink:#17202b;--muted:#66707a;--line:#eadfbf;--dark:#17212b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3rem,6vw,6.7rem);line-height:.96;margin-bottom:25px}h2{font-size:clamp(2rem,4vw,4.25rem);line-height:1.04;margin-bottom:18px}h3{font-size:1.05rem;line-height:1.25}p{line-height:1.65;color:var(--muted)}.site-header{height:82px;display:flex;align-items:center;gap:36px;padding:0 5vw;background:rgba(255,253,248,.96);position:sticky;top:0;z-index:20;border-top:5px solid var(--gold);border-bottom:1px solid #eee4ce}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);font-size:12px;font-weight:800}.brand strong{font-family:Manrope;font-size:14px}.site-header nav{display:flex;gap:28px;font-size:13px;font-weight:600}.site-header nav a:hover{color:#b87a00}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border:1px solid var(--gold);border-radius:8px;padding:14px 22px;color:#18212a;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(197,137,0,.16);transition:.2s}.button:hover{transform:translateY(-2px);background:#ffd15b}.button.small{padding:10px 16px}.button.dark{background:var(--dark);border-color:var(--dark);color:white}.button.ghost{background:transparent;color:white;border-color:rgba(255,255,255,.65);box-shadow:none}.button.ghost-dark{background:transparent;border-color:var(--dark);box-shadow:none}.menu{display:none;background:none;border:0;font-size:24px}.eyebrow,.mini{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#b27c12;margin-bottom:10px}.eyebrow.light{color:#ffd66c}.lead{max-width:650px;margin:0 auto 34px}.center{text-align:center}.section,.gold-section,.dark-section,.team-band,.reviews{padding:100px max(6vw,24px)}.gold-section,.team-band{background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.5),transparent 28%),linear-gradient(135deg,#ffe79b,#ffc53a)}.dark-section{background:var(--dark);color:#fff}.dark-section p{color:#bfc6cb}.home-hero{height:min(760px,80vh);margin:0 10px;background:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=90') center/cover;border:6px solid var(--gold)}.hero-shade{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:30px;background:linear-gradient(90deg,rgba(9,18,30,.48),rgba(9,18,30,.16),rgba(9,18,30,.45))}.hero-shade h1{font-size:clamp(2.6rem,5.7vw,6rem);max-width:1000px}.hero-shade p:not(.eyebrow){color:#eef1f3;font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:40px auto 0;text-align:left}.photo-card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 14px 36px rgba(76,53,0,.12)}.photo-card img{height:240px}.photo-card>div{padding:23px}.photo-card p{font-size:13px}.photo-card a,.solution-grid span,.segment-grid span,.product-grid a,.text-link{color:#a86900;font-weight:700;font-size:13px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:40px auto}.solution-grid>a,.segment-grid>a{padding:30px 24px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(28,32,37,.04)}.solution-grid i,.segment-grid i,.use-grid i{font-style:normal;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff2c9;color:#b57900;font-size:25px;margin:0 auto 16px}.solution-grid p{font-size:13px}.help-strip{max-width:1100px;margin:auto;background:linear-gradient(90deg,#ffd964,#ffbf20);border-radius:12px;padding:15px 18px;display:flex;align-items:center;text-align:left;gap:16px}.help-strip p{margin:0;color:var(--ink);flex:1}.help-strip small{display:block;color:#765f27}.portrait-row{display:flex;align-items:center;justify-content:center;gap:18px;max-width:1000px;margin:35px auto}.portrait-row>img,.portrait-row figure{width:18%;margin:0}.portrait-row>img{height:210px;border-radius:14px}.portrait-row figure img,.portrait-row .placeholder{height:285px;border-radius:14px 14px 0 0}.portrait-row figure{background:white;border-radius:14px;box-shadow:0 15px 35px rgba(102,68,0,.18);overflow:hidden}.portrait-row figcaption{padding:14px;font-weight:700}.portrait-row figcaption small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#f5e8bd,#fff7df);font-size:32px;color:#b58b37}.story,.qualifier,.founder,.location,.advisor-cta{margin:55px auto;padding:65px;max-width:1300px;background:#fff;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;border:1px solid #eee6d1;box-shadow:0 14px 45px rgba(29,33,38,.06)}.story-photo img{height:440px;border-radius:12px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.three-cols p{font-size:12px}.three-cols b{display:block;color:var(--ink);margin-bottom:8px}.qualifier{grid-template-columns:.7fr 1.3fr;background:#fffcf5}.steps{display:flex;align-items:center;gap:9px}.steps b,.steps i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eee;color:#777;font-size:11px;font-style:normal}.steps b{background:var(--gold);color:#111}.steps span{height:1px;background:#ddd;flex:1}.choices{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:22px 0}.choices input{position:absolute;opacity:0}.choices span{height:105px;border:1px solid #eee1b8;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:25px;color:#d29a1d;cursor:pointer}.choices small{font-size:10px;color:var(--ink);margin-top:12px}.choices input:checked+span{border:2px solid var(--gold);background:#fffaf0}form>.button{float:right}footer{padding:45px 6vw;display:flex;gap:30px;background:#101820;color:white;align-items:center;font-size:12px}footer strong{margin-right:auto;font-size:18px}footer span{color:#aeb7bf}.page-intro{padding:58px max(6vw,24px) 44px;border-bottom:1px solid var(--line)}.page-intro>div{max-width:790px}.page-intro p:not(.eyebrow,.crumb){font-size:18px;max-width:650px}.page-intro .crumb{color:var(--muted)!important;margin-bottom:24px!important}.byline{font-size:10px;color:var(--muted);margin:26px 0 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.service-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1120px;margin:0 auto;padding:8px 24px 50px;list-style:none}.service-nav a{font-size:12px;font-weight:700;padding:10px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fffdf7;transition:.15s}.service-nav a:hover{border-color:var(--gold);background:#fff6dc;transform:translateY(-1px)}.service-block h2{font-size:clamp(1.7rem,2.6vw,2.5rem)}.service-block .split{gap:6vw}.byline b{color:var(--ink);font-weight:700}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:0 auto;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.stat-strip div{background:#fffdf7;padding:26px 22px;text-align:center}.stat-strip b{display:block;font:800 clamp(1.6rem,2.6vw,2.4rem) Manrope;color:#b5790a}.stat-strip span{font-size:12px;color:var(--muted)}.source-note{font-size:11px;color:var(--muted);text-align:center;margin-top:14px}.source-note a{color:#a86900;font-weight:600}.crumb{font-size:11px!important;color:#ccd3d7!important;margin-bottom:60px}.actions{display:flex;gap:12px;margin-top:28px}.trust-row{display:flex;gap:28px;margin-top:60px;font-size:12px;font-weight:600}.trust-row span:before{content:'✓';color:var(--gold);margin-right:8px}.segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:45px auto 0}.segment-grid p{font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:45px auto}.product-grid article{background:#fffdf7;padding:28px;text-align:left;border-radius:12px;min-height:225px}.product-grid article>b{color:#d49b1a;font-size:12px}.product-grid .accent{background:var(--dark);color:white}.product-grid .accent p{color:#c4c9cd}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:10vw;align-items:start}.facts p{display:grid;grid-template-columns:.7fr 1.3fr;border-bottom:1px solid var(--line);padding:18px 0;margin:0}.facts span{color:var(--muted)}.process-grid,.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1200px;margin:50px auto 0;text-align:left}.process-grid b{color:var(--gold)}.process-grid p{font-size:13px}.faq>div:last-child details{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary:after{content:'+';float:right;color:#be8208;font-size:20px}.faq details[open] summary:after{content:'\2212'}.faq details p{font-size:14px;max-width:680px}.cta{text-align:center;padding:90px 24px;background:linear-gradient(135deg,#ffdb70,#ffbc16)}.cta p{color:#6d5825}.intro{align-items:center}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.use-grid article{border:1px solid var(--line);padding:28px;border-radius:10px}.use-grid i{margin:0 0 20px}.fact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:45px auto}.fact-cards article{background:white;padding:28px;border-radius:12px;position:relative}.fact-cards article>span{position:absolute;right:20px;color:#d5b86c}.fact-cards small,.fact-cards b{display:block}.fact-cards small{text-transform:uppercase;letter-spacing:.15em;color:#b47b05;margin-bottom:10px}.fact-cards b{font-size:21px}.fact-cards p{font-size:13px}.legal-note{text-align:center;font-size:11px!important}.timeline div{position:relative;padding-top:45px;border-top:1px solid var(--line)}.timeline b{position:absolute;top:-17px;left:0;width:34px;height:34px;background:var(--gold);border-radius:50%;display:grid;place-items:center}.checklist{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw}.checklist ul{display:grid;grid-template-columns:1fr 1fr;gap:15px;list-style:none;padding:0}.checklist li{border-bottom:1px solid #46515a;padding:16px 0;color:#e8ecee}.checklist li:before{content:'✓';color:var(--gold);margin-right:12px}.compare{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:40px auto;gap:15px;text-align:left}.compare article{padding:30px;border:1px solid var(--line);border-radius:10px}.compare .selected{border:2px solid var(--gold);background:#fff9e8}.compare small{color:#b27c12;text-transform:uppercase;letter-spacing:.1em}.story.compact{max-width:1150px}.advisor-cta{background:linear-gradient(135deg,#ffe598,#ffc128)}.advisor-cta img{height:440px;border-radius:12px}.founder{grid-template-columns:.85fr 1.15fr}.founder-photo{background:var(--gold);padding:0 18px 18px 0}.founder-photo img{height:620px}.founder blockquote{font-family:Manrope;font-size:24px;line-height:1.5;margin:25px 0;border-left:3px solid var(--gold);padding-left:20px}.signature{font-family:Manrope;font-size:20px;font-weight:700;margin-top:30px}.signature small{display:block;font-family:'DM Sans';font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:var(--gold);padding:55px 8vw}.metrics div{text-align:center;border-right:1px solid rgba(46,38,8,.18)}.metrics div:last-child{border:0}.metrics b{display:block;font:800 clamp(2.5rem,4vw,4rem) Manrope}.metrics span{font-size:12px}.large-copy{font-size:20px;color:var(--ink)}.value-list p{display:flex;gap:22px;border-top:1px solid var(--line);padding:20px 0;margin:0}.value-list p>b{color:#bd840a}.value-list strong{display:block;color:var(--ink)}.portrait-row.labeled>figure{width:18%}.credential-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:40px auto;gap:16px}.credential-grid article{padding:28px;border:1px solid var(--line);border-radius:10px}.credential-grid i{font-style:normal;font-size:25px;color:#c38609}.credential-grid .pending{border-style:dashed}.reviews{background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.reviews p{color:#c1c8cd}.review-card{background:white;color:var(--ink);padding:40px;border-radius:12px}.review-card blockquote{font:500 22px/1.5 Manrope;margin:20px 0}.stars{color:#efb21b;letter-spacing:5px}.review-card span{font-size:11px;color:var(--muted)}.location{box-shadow:none}.map-card{height:390px;background:linear-gradient(135deg,#f7eed7,#e8d7a5);position:relative;display:grid;place-items:center;overflow:hidden}.map-card:before,.map-card:after{content:"";position:absolute;width:150%;height:1px;background:#c9b98b;transform:rotate(22deg)}.map-card:after{transform:rotate(-35deg)}.map-card span{position:absolute;top:25px;letter-spacing:.25em;font-size:11px}.map-card i{z-index:1;font-style:normal;color:#d89e10;font-size:40px}.map-card small{position:absolute;bottom:25px;font-weight:700}
@media(max-width:800px){.site-header{height:70px}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.site-header>.button{display:none}.menu{display:block}.home-hero{height:650px}.section,.gold-section,.dark-section,.team-band,.reviews{padding:70px 22px}.feature-grid,.solution-grid,.segment-grid,.product-grid,.fact-cards,.credential-grid,.stat-strip{grid-template-columns:1fr}.portrait-row{overflow:auto;justify-content:flex-start}.portrait-row>img,.portrait-row figure,.portrait-row.labeled>figure{min-width:170px}.story,.qualifier,.founder,.location,.advisor-cta,.split,.checklist,.reviews{grid-template-columns:1fr;padding:35px 22px;margin:25px 12px;gap:35px}.page-intro{padding:40px 22px 30px}.trust-row{flex-direction:column;gap:12px}.process-grid,.timeline{grid-template-columns:1fr;gap:35px}.three-cols,.compare,.metrics{grid-template-columns:1fr}.choices{grid-template-columns:repeat(2,1fr)}.checklist ul,.use-grid{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid rgba(0,0,0,.15);padding:20px}.founder-photo img{height:480px}.story-photo img,.advisor-cta img{height:320px}.faq{display:block}.faq>div:first-child{margin-bottom:35px}footer{flex-direction:column;align-items:flex-start}footer strong{margin:0}}

/* Hero + final-CTA-section CTAs, both matching the homepage's .btn--hero
   look (shape/font/interaction), scoped so nothing else using .button on
   this page is affected. Originally only .page-intro's actions; extended
   to .cta's actions ("Schedule a consultation" / "Start the 2-minute
   qualifier") so every CTA on the page shares one consistent style. */
.page-intro .actions,
.cta .actions{gap:16px}
.page-intro .actions .button,
.cta .actions .button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:210px;
  height:54px;
  padding:0 30px;
  border:1px solid rgba(255,239,172,.72);
  border-radius:999px;
  background:linear-gradient(135deg,#fff0a8 0%,#ffc746 38%,#f3a61a 72%,#ffd568 100%);
  color:#211505;
  font-family:'Manrope',Arial,sans-serif;
  font-size:15px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 16px 30px rgba(181,104,0,.32),0 0 28px rgba(255,197,55,.28),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(174,96,0,.16);
  transform:translateZ(0);
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.page-intro .actions .button:before,
.cta .actions .button:before{
  content:"";
  position:absolute;
  inset:-85%;
  z-index:-2;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.05) 72deg,rgba(255,236,155,.95) 118deg,rgba(255,178,34,.86) 150deg,transparent 205deg,transparent 360deg);
  animation:heroCtaGlowSweep 3.4s linear infinite;
}
.page-intro .actions .button:after,
.cta .actions .button:after{
  content:"";
  position:absolute;
  inset:3px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 45%),linear-gradient(135deg,#ffd966,#f4ad20 58%,#ffcb4f);
  box-shadow:inset 0 0 16px rgba(255,247,199,.36);
}
.page-intro .actions .button:hover,
.cta .actions .button:hover{
  transform:scale(1.04);
  filter:saturate(1.08) brightness(1.03);
  box-shadow:0 20px 38px rgba(181,104,0,.4),0 0 40px rgba(255,207,69,.46),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -8px 16px rgba(174,96,0,.14);
}
@keyframes heroCtaGlowSweep{to{transform:rotate(1turn)}}
.page-intro .actions .button.ghost-dark,
.cta .actions .button.ghost-dark{
  background:transparent;
  border:1px solid var(--dark);
  color:var(--ink);
  box-shadow:none;
}
.page-intro .actions .button.ghost-dark:before,
.page-intro .actions .button.ghost-dark:after,
.cta .actions .button.ghost-dark:before,
.cta .actions .button.ghost-dark:after{content:none}
.page-intro .actions .button.ghost-dark:hover,
.cta .actions .button.ghost-dark:hover{
  transform:translateY(-2px);
  background:rgba(23,32,43,.06);
  box-shadow:none;
}

/* Services page redesign */
body{background:#fffdf8}.site-header{height:76px;padding:0 max(4vw,24px);border-top-width:4px}.page-intro{min-height:560px;max-height:920px;height:90vh;padding:28px max(6vw,24px) 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,660px);align-items:start;justify-content:space-between;gap:5vw;background:linear-gradient(115deg,#fffdf8 0 72%,#fff5d3 72%);border-bottom:0;position:relative}.page-intro h1{font-size:clamp(2.6rem,3.8vw,4rem);line-height:1.08;margin-top:16px}.page-intro .intro-copy>p:not(.eyebrow,.crumb,.byline){font-size:16px;max-width:700px}.page-intro .crumb{margin-bottom:30px!important}.hero-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative;container-type:size;container-name:heroMark}.hero-mark span{font:800 min(165cqw,125cqh)/.8 Manrope;letter-spacing:-.08em;background:radial-gradient(circle at 32% 28%,#fffdf6 0%,#fff2ca 35%,#ffd35c 68%,#e7a91d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 18px rgba(150,95,0,.4));z-index:1;transform:translate(-40px,60px)}.hero-mark p{color:var(--muted);font-weight:400;font-size:13px;line-height:1.35;margin:0;z-index:1;text-align:right;position:absolute;right:14px;bottom:14px}.byline img{width:36px;height:36px;border-radius:50%;object-position:center 18%}.byline span{display:flex;flex-direction:column}.byline small{font-size:9px;margin-top:2px}.service-nav{position:sticky;top:76px;z-index:15;max-width:none;padding:14px max(4vw,24px);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;background:rgba(255,253,248,.96);border-block:1px solid var(--line);box-shadow:0 10px 25px rgba(23,32,43,.04);scrollbar-width:none}.service-nav::-webkit-scrollbar{display:none}.service-nav a{white-space:nowrap;background:transparent;border:0;padding:8px 13px}.service-nav a:first-child{background:var(--gold)}.section,.gold-section{padding:96px max(6vw,24px)}.service-block{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.service-block .split{max-width:1280px;margin:auto;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:8vw;align-items:center}.service-block h2{font-size:clamp(2.2rem,3.5vw,3.7rem);max-width:680px}.service-block .split>div:first-child>p:not(.eyebrow,.large-copy){font-size:16px}.service-block .large-copy{font-size:17px;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(255,194,41,.09)}.gold-section{background:linear-gradient(120deg,#fff4c4,#ffc83f)}.gold-section .large-copy{background:rgba(255,255,255,.55);border-color:var(--ink)}.service-art{height:190px;margin-bottom:26px;border-radius:18px;padding:24px 28px;background:var(--dark);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.service-art:before,.service-art:after{content:"";position:absolute;border:1px solid rgba(255,194,41,.42)}.service-art:before{width:240px;height:240px;border-radius:50%;right:-55px;top:-105px}.service-art:after{width:150px;height:150px;border-radius:50%;right:-12px;top:-58px}.service-art span{position:absolute;left:28px;top:24px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#ffd66c;font-weight:800}.service-art i{position:absolute;right:34px;bottom:18px;font:400 78px/1 Manrope;color:var(--gold);font-style:normal}.service-art b{font:700 22px/1.25 Manrope;max-width:330px;z-index:1}.gold-section .service-art{background:#fffdf8;color:var(--ink);box-shadow:0 15px 40px rgba(93,62,0,.12)}.gold-section .service-art:before,.gold-section .service-art:after{border-color:rgba(23,32,43,.14)}.gold-section .service-art span{color:#966300}.value-list p{padding:15px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:8px}.facts p{display:block;padding:13px 0}.facts span,.facts b{display:block}.facts span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.facts b{font-size:13px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;max-width:1400px;margin:auto}.cta{padding:95px 24px}.cta h2{font-size:clamp(2.5rem,5vw,5rem)}
@media(max-width:1180px){.page-intro{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:4vw}}
@media(max-width:800px){.page-intro{min-height:0;height:auto;max-height:none;grid-template-columns:1fr;padding:20px 22px 44px;background:linear-gradient(150deg,#fffdf8 0 82%,#fff1b7 82%)}.page-intro h1{font-size:2.65rem}.hero-mark{display:none}.service-nav{top:70px;padding-inline:12px}.section,.gold-section{padding:70px 22px}.service-block .split{grid-template-columns:1fr;gap:40px}.service-block .split>div{min-width:0}.service-art{height:165px}.facts{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.actions .button{width:100%}}

/* Hero box sized to match home's .hero exactly: same breakpoint (1181px)
   and same formula (100vh minus the real sticky-header height minus the
   28px bottom frame margin), using the --hero-vh-offset custom property
   that site.js now measures the same way script.js does for home. Only
   the outer box height changes here — the "9", lens canvas, title,
   intro-copy shift, CTA and byline styling underneath are untouched. */
@media (min-width: 1181px) {
  .services-shell .page-intro {
    min-height: 0 !important;
    max-height: none !important;
    height: calc(100vh - var(--hero-vh-offset, 71px) - 28px) !important;
    margin-bottom: 28px !important;
  }
}

/* Motion and service CTA refinements */
.service-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;width:100%;padding:10px max(2vw,16px)}
.service-nav a{min-height:66px;padding:12px 9px;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.2;white-space:normal;position:relative;overflow:hidden;isolation:isolate;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}
.service-nav a:first-child{background:transparent}
.service-nav a:hover{background:#fff9e9;border-color:#e6bc4b;transform:translateY(-2px);box-shadow:0 8px 20px rgba(177,117,0,.18)}
@property --cta-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.service-nav a.active{border:2px solid transparent;background:linear-gradient(#fff9e9,#fff9e9) padding-box,conic-gradient(from var(--cta-angle),#ffc229 0 18%,#fff1a8 30%,#bd7f00 48%,#ffe17d 65%,#ffc229 82% 100%) border-box;transform:translateY(-2px);box-shadow:0 8px 20px rgba(177,117,0,.18);animation:active-cta-orbit 1.3s linear infinite}
@keyframes active-cta-orbit{to{--cta-angle:360deg}}
.service-nav a:after{content:"";position:absolute;inset:-40% auto -40% -65%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}
.service-nav a.shine:after{animation:cta-shine .7s ease-out}
@keyframes cta-shine{0%{left:-65%;opacity:0}18%{opacity:1}100%{left:135%;opacity:0}}
.service-block.service-arrival{animation:service-arrival .65s ease both}
@keyframes service-arrival{0%{filter:brightness(1);box-shadow:inset 0 0 0 rgba(255,194,41,0)}35%{filter:brightness(1.04);box-shadow:inset 0 0 75px rgba(255,194,41,.26)}100%{filter:brightness(1);box-shadow:inset 0 0 0 rgba(255,194,41,0)}}
@media(max-width:1050px){.service-nav{display:flex;gap:8px;overflow-x:auto}.service-nav a{min-width:180px;min-height:60px;font-size:14px}}
@media(max-width:800px){.hero-mark{display:none}.service-nav{padding:9px 12px}.service-nav a{min-width:168px;min-height:58px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.service-nav a.active,.service-nav a.shine:after,.service-block.service-arrival{animation:none}.service-nav a{transition:none}}

.hero-mark span{display:inline-block}
/* RGA-inspired service accordion */
.rga-services {
  background: #f9f3df;
  color: #12100d;
  padding: clamp(72px, 9vw, 140px) clamp(22px, 5vw, 72px);
}
.rga-services__intro {
  max-width: 980px;
  margin: 0 auto clamp(42px, 6vw, 88px);
}
.rga-services__intro .eyebrow {
  margin: 0 0 18px;
  color: #b77a09;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.rga-services__intro h2 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(48px, 7.5vw, 112px);
  line-height: .92;
  letter-spacing: -.06em;
  font-weight: 500;
}
.rga-services__intro > p:not(.eyebrow) {
  max-width: 620px;
  margin: 28px 0 0;
  color: #4f493e;
  font-size: clamp(18px, 1.8vw, 24px);
  line-height: 1.45;
}
.rga-accordion {
  max-width: 1180px;
  margin: 0 auto;
  border-top: 1px solid rgba(28, 22, 13, .22);
}
.rga-service {
  border-bottom: 1px solid rgba(28, 22, 13, .22);
}
.rga-service__trigger {
  width: 100%;
  min-height: clamp(82px, 8.5vw, 126px);
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 48px;
  align-items: center;
  gap: clamp(14px, 2.3vw, 34px);
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.rga-service__number {
  color: #b77a09;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .12em;
}
.rga-service__title {
  font-size: clamp(34px, 5.4vw, 82px);
  line-height: .95;
  letter-spacing: -.055em;
  font-weight: 500;
  transition: transform .35s ease, color .35s ease;
}
.rga-service__icon {
  width: 38px;
  height: 38px;
  position: relative;
  justify-self: end;
  border: 1px solid rgba(18, 16, 13, .28);
  border-radius: 50%;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}
.rga-service__icon::before,
.rga-service__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform .35s ease;
}
.rga-service__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.rga-service__trigger:hover .rga-service__title,
.rga-service.is-open .rga-service__title {
  color: #9d6705;
  transform: translateX(10px);
}
.rga-service__trigger:hover .rga-service__icon,
.rga-service.is-open .rga-service__icon {
  background: #ffc235;
  border-color: #d9940a;
  transform: scale(1.08);
}
.rga-service.is-open .rga-service__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.rga-service__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .48s cubic-bezier(.2, .8, .2, 1);
}
.rga-service.is-open .rga-service__panel {
  grid-template-rows: 1fr;
}
.rga-service__body {
  overflow: hidden;
  max-width: 720px;
  margin-left: clamp(86px, 9vw, 130px);
  padding: 0 0 clamp(32px, 4vw, 56px);
  color: #383127;
}
.rga-service__body p {
  margin: 0 0 24px;
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.45;
}
.rga-service__body ul {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  color: #605748;
  font-size: 17px;
  line-height: 1.45;
}
.rga-service__body li {
  position: relative;
  padding-left: 22px;
}
.rga-service__body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #e3a51b;
}
.rga-service__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #8d5f07;
  font-weight: 800;
  text-decoration: none;
}
.rga-service__link::after { content: "→"; }
@media (max-width: 760px) {
  .rga-services { padding: 54px 18px 70px; }
  .rga-service__trigger {
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    min-height: 86px;
  }
  .rga-service__number { font-size: 12px; }
  .rga-service__title { font-size: clamp(28px, 10vw, 44px); }
  .rga-service__icon { width: 32px; height: 32px; }
  .rga-service__body { margin-left: 42px; padding-bottom: 34px; }
  .rga-service__body p { font-size: 17px; }
}

.rga-service__panel[aria-hidden="true"] { grid-template-rows: 0fr; }

/* Rich accordion content polish */
.rga-example {
  padding: 18px 20px;
  border-left: 3px solid #ffc235;
  background: rgba(255, 194, 53, .12);
  color: #2e281f !important;
  font-size: clamp(16px, 1.35vw, 19px) !important;
}
.rga-example b {
  color: #9d6705;
}
.rga-service__body ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 22px;
}
@media (max-width: 760px) {
  .rga-service__body ul { grid-template-columns: 1fr; }
}

/* Compact service accordion titles */
.rga-service__trigger {
  min-height: clamp(62px, 6vw, 86px);
  grid-template-columns: 54px minmax(0, 1fr) 42px;
}
.rga-service__title {
  font-size: clamp(24px, 3.2vw, 46px) !important;
  line-height: 1.02;
  letter-spacing: -.035em;
}
.rga-service__number {
  font-size: 12px;
}
.rga-service__icon {
  width: 32px;
  height: 32px;
}
.rga-service__icon::before,
.rga-service__icon::after {
  width: 13px;
}
.rga-service__body {
  margin-left: clamp(68px, 7vw, 96px);
  padding-bottom: clamp(28px, 3.4vw, 44px);
}
@media (max-width: 760px) {
  .rga-service__trigger {
    grid-template-columns: 34px minmax(0, 1fr) 32px;
    min-height: 68px;
  }
  .rga-service__title {
    font-size: clamp(22px, 7.5vw, 32px) !important;
  }
  .rga-service__body {
    margin-left: 34px;
  }
}

/* Left aligned compact accordion fix */
.rga-services {
  padding-left: clamp(28px, 4vw, 76px) !important;
  padding-right: clamp(18px, 3vw, 48px) !important;
}
.rga-services__intro,
.rga-accordion {
  max-width: 1120px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.rga-services__intro h2 {
  font-size: clamp(34px, 4vw, 64px) !important;
  max-width: 760px !important;
}
.rga-services__intro > p:not(.eyebrow) {
  display: none !important;
}
.rga-service__trigger {
  min-height: 58px !important;
  grid-template-columns: 48px minmax(0, 1fr) 36px !important;
  gap: clamp(12px, 1.7vw, 24px) !important;
}
.rga-service__title {
  font-size: clamp(22px, 2.6vw, 38px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
.rga-service__number {
  font-size: 11px !important;
}
.rga-service__icon {
  width: 28px !important;
  height: 28px !important;
}
.rga-service__panel {
  display: grid !important;
  grid-template-rows: 0fr !important;
  overflow: hidden !important;
  transition: grid-template-rows .42s cubic-bezier(.2,.8,.2,1) !important;
}
.rga-service.is-open .rga-service__panel {
  grid-template-rows: 1fr !important;
}
.rga-service__panel[aria-hidden="true"] {
  grid-template-rows: 0fr !important;
}
.rga-service__panel[aria-hidden="true"] .rga-service__body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0 !important;
  transform: translateY(-8px);
}
.rga-service__body {
  min-height: 0 !important;
  overflow: hidden !important;
  max-width: 700px !important;
  margin-left: clamp(60px, 6.5vw, 88px) !important;
  padding: 4px 0 34px !important;
  opacity: 1;
  transition: opacity .25s ease, transform .35s ease, padding .35s ease;
}
.rga-service__body p {
  font-size: clamp(15px, 1.25vw, 18px) !important;
  line-height: 1.5 !important;
}
.rga-service__body ul {
  font-size: 14px !important;
  gap: 8px 18px !important;
}
.rga-example {
  font-size: 14px !important;
  padding: 12px 14px !important;
}
@media (max-width: 760px) {
  .rga-services {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .rga-service__trigger {
    grid-template-columns: 30px minmax(0, 1fr) 28px !important;
    min-height: 58px !important;
  }
  .rga-service__title {
    font-size: clamp(20px, 6.5vw, 28px) !important;
  }
  .rga-service__body {
    margin-left: 30px !important;
  }
}

/* Home-aligned services page visual pass */
:root {
  --home-yellow: #ffd543;
  --home-cream: #fff8e7;
  --home-paper: #fffdf8;
  --home-gold: #f4b321;
  --home-line: rgba(121, 78, 0, .24);
}
body {
  background: linear-gradient(180deg, #ffd543 0%, #fff2b0 42%, #fff8e7 100%) !important;
  color: #14110d !important;
  font-family: Roboto, "Segoe UI", Arial, sans-serif !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.34), transparent 270px),
    radial-gradient(circle at 88% 6%, rgba(255,255,255,.25), transparent 260px);
}
h1,h2,h3,.brand strong,.rga-service__title {
  font-family: Roboto, "Segoe UI", Arial, sans-serif !important;
}
/* Section-level titles (h2) were already both Roboto (forced above), but
   home's .section-title h2 explicitly sets font-weight:900 and
   letter-spacing:-.02em, while services' h2 elements (.rga-services__intro
   h2, .cta h2, etc.) only ever got the browser's unstyled default weight
   (700) plus a leftover -.035em/-.045em letter-spacing from this file's
   earlier Manrope-era rules -- so titles on the two pages, despite sharing
   a typeface, still read as visibly different weights. Matching home's
   values here (one rule, same pattern as the font-family fix above)
   fixes that without touching home at all. */
h1, h2 {
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
.page-intro {
  background: transparent !important;
  border-bottom: 0 !important;
  padding-left: clamp(34px, 5vw, 92px) !important;
  padding-right: clamp(34px, 5vw, 92px) !important;
}
.page-intro h1 {
  font-size: clamp(44px, 5.2vw, 82px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  font-weight: 500 !important;
}
.rga-services {
  background: transparent !important;
  padding: clamp(54px, 7vw, 96px) 0 clamp(84px, 8vw, 130px) clamp(34px, 5vw, 92px) !important;
}
.rga-services__intro {
  max-width: 780px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-bottom: clamp(42px, 5vw, 70px) !important;
}
.rga-services__intro h2 {
  font-size: clamp(34px, 4.2vw, 68px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.05em !important;
  font-weight: 500 !important;
}
.rga-accordion {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-top: 1px solid var(--home-line) !important;
}
.rga-service {
  border-bottom: 1px solid var(--home-line) !important;
}
.rga-service__trigger {
  width: 100% !important;
  min-height: clamp(86px, 7.2vw, 122px) !important;
  grid-template-columns: 66px minmax(0, 1fr) 72px !important;
  gap: clamp(18px, 2.5vw, 44px) !important;
  padding: 0 clamp(28px, 4.6vw, 86px) 0 0 !important;
}
.rga-service__number {
  color: #b77a09 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}
.rga-service__title {
  color: #0d0b08 !important;
  font-size: clamp(30px, 3.65vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.052em !important;
  font-weight: 400 !important;
}
.rga-service__trigger:hover .rga-service__title,
.rga-service.is-open .rga-service__title {
  color: #9d6705 !important;
  transform: translateX(8px) !important;
}
.rga-service__icon {
  justify-self: end !important;
  width: 39px !important;
  height: 39px !important;
  background: rgba(255,253,248,.42);
  border-color: rgba(70, 48, 0, .25) !important;
}
.rga-service__icon::before,
.rga-service__icon::after {
  width: 16px !important;
  height: 2px !important;
}
.rga-service__body {
  max-width: 760px !important;
  margin-left: clamp(84px, 7vw, 110px) !important;
  padding: 8px clamp(28px, 5vw, 90px) 44px 0 !important;
}
.rga-service__panel[aria-hidden="true"] .rga-service__body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.rga-service__body p {
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.55 !important;
}
.rga-service__body ul {
  font-size: 15px !important;
}
@media (max-width: 760px) {
  .page-intro,
  .rga-services {
    padding-left: 18px !important;
    padding-right: 0 !important;
  }
  .rga-service__trigger {
    min-height: 76px !important;
    grid-template-columns: 36px minmax(0, 1fr) 54px !important;
    padding-right: 18px !important;
  }
  .rga-service__title {
    font-size: clamp(24px, 7vw, 34px) !important;
  }
  .rga-service__icon {
    width: 34px !important;
    height: 34px !important;
  }
  .rga-service__body {
    margin-left: 36px !important;
    padding-right: 18px !important;
  }
}

/* Service page final frame + smaller accordion titles */
body {
  background: linear-gradient(180deg, #f8d67e 0%, #fdf1d2 45%, #f6cc66 100%) !important;
}
.page-shell.services-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 8px 8px 12px;
  background: linear-gradient(180deg, #f8d67e 0%, #fdf1d2 45%, #f6cc66 100%) !important;
  box-shadow: 0 0 0 1px rgba(234, 174, 22, .4);
}
.services-shell .page-intro,
.services-shell .rga-services,
.services-shell .faq,
.services-shell .cta {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.services-shell .page-intro {
  background: linear-gradient(180deg, rgba(255, 249, 229, .72), rgba(255, 246, 214, .58));
  border-bottom: 1px solid rgba(191, 159, 89, .38);
  padding-left: clamp(34px, 4.6vw, 86px) !important;
  padding-right: clamp(34px, 4.6vw, 86px) !important;
}
.services-shell .rga-services {
  padding-top: clamp(42px, 5.2vw, 72px) !important;
  padding-left: clamp(34px, 4.6vw, 86px) !important;
  padding-right: 0 !important;
  padding-bottom: clamp(70px, 7vw, 110px) !important;
}
.services-shell .rga-services__intro {
  max-width: 640px !important;
  margin-bottom: clamp(34px, 4vw, 58px) !important;
}
.services-shell .rga-services__intro h2 {
  font-size: clamp(28px, 3.1vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
.services-shell .rga-accordion {
  width: 100% !important;
  max-width: none !important;
}
.services-shell .rga-service__trigger {
  min-height: clamp(70px, 5.2vw, 92px) !important;
  grid-template-columns: 58px minmax(0, 1fr) 76px !important;
  gap: clamp(14px, 1.8vw, 26px) !important;
  padding: 0 clamp(28px, 3.3vw, 62px) 0 0 !important;
}
.services-shell .rga-service__number {
  font-size: 12px !important;
}
.services-shell .rga-service__title {
  font-size: clamp(25px, 2.45vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  font-weight: 500 !important;
}
.services-shell .rga-service__icon {
  justify-self: end !important;
  width: 38px !important;
  height: 38px !important;
}
.services-shell .rga-service__body {
  margin-left: clamp(72px, 7vw, 116px) !important;
  max-width: 760px !important;
}
@media (max-width: 800px) {
  .page-shell.services-shell { padding: 6px; }
  .services-shell .page-intro,
  .services-shell .rga-services {
    padding-left: 18px !important;
  }
  /* Was min-height:66px with padding-right only (no top/bottom padding
     at all -- the base rule is padding:0) and a font-size up to 29px with
     line-height .95 -- with a 2-line title, that's large text sitting
     with almost no air around it before the next row's divider, which is
     what read as cramped/crowded. Smaller text, looser line-height, and
     real vertical padding around the row content fix that. */
  .services-shell .rga-service__trigger {
    min-height: 0 !important;
    grid-template-columns: 30px minmax(0, 1fr) 38px !important;
    gap: 14px !important;
    padding: 18px 18px 18px 0 !important;
  }
  .services-shell .rga-service__title {
    font-size: clamp(18px, 4.8vw, 22px) !important;
    line-height: 1.3 !important;
    letter-spacing: -.02em !important;
  }
  .services-shell .rga-service__icon {
    width: 28px !important;
    height: 28px !important;
  }
  /* Without this, `.services-shell .rga-service__body`'s own
     margin-left:clamp(72px,7vw,116px) (above, unscoped by any media
     query, specificity 0,2,0) always wins over the older unscoped mobile
     rule at 36px (specificity 0,1,0) -- so on phones the body text stayed
     indented ~72-90px, badly misaligned under the now-much-narrower
     30px-indented title/icon row above it, and the readable column
     shrank to ~220-235px. Match the trigger's mobile indent instead. */
  .services-shell .rga-service__body {
    margin-left: 30px !important;
    max-width: none !important;
    padding-bottom: 22px !important;
  }
}


/* Final service page width, home nav, and FAQ glass card fixes */
:root {
  --gold-2: #d99a0d;
  --header-glass: rgba(255, 252, 241, .74);
  --header-border: rgba(134, 92, 8, .18);
}
/* `overflow-x:hidden` on html/body used to live here to stop the services
   content from causing a horizontal scrollbar. Per spec, setting overflow-x
   to anything but "visible" forces the browser to also treat overflow-y as
   an active scroll container — which made `.site-header`'s
   `position:sticky` stick to that box instead of the real viewport, so the
   header scrolled away instead of staying put (home's page never had this
   rule, which is why only services broke). `.page-shell.services-shell`
   already clips its own horizontal overflow below, so the html/body rule
   was redundant as well as the actual cause of the sticky bug. */
.page-shell.services-shell {
  overflow: hidden !important;
}

/* Home-page navigation style on services now lives entirely in
   site-header.css (the shared header component) — this page's own
   competing .site-header/.site-nav/.btn block was removed so there's
   only one definition left to fight the cascade with. */

/* Fixed desktop service width: no horizontal drifting */
.services-shell .rga-services {
  width: 100% !important;
  padding: clamp(46px, 5.2vw, 74px) clamp(28px, 4.5vw, 72px) clamp(76px, 7vw, 112px) !important;
}
.services-shell .rga-services__intro,
.services-shell .rga-accordion {
  width: min(100%, 1460px) !important;
  max-width: 1460px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.services-shell .rga-service,
.services-shell .rga-service__trigger,
.services-shell .rga-service__panel,
.services-shell .rga-service__body {
  min-width: 0 !important;
  max-width: 100% !important;
}
.services-shell .rga-service__trigger {
  grid-template-columns: 58px minmax(0, 1fr) 48px !important;
  padding-right: 0 !important;
}
.services-shell .rga-service__trigger:hover .rga-service__title,
.services-shell .rga-service.is-open .rga-service__title {
  transform: none !important;
}
.services-shell .rga-service__icon {
  justify-self: end !important;
}

/* Frosted FAQ card */
.services-shell .faq {
  width: min(calc(100% - clamp(56px, 9vw, 144px)), 1280px) !important;
  max-width: 1280px !important;
  margin: clamp(34px, 4vw, 62px) auto clamp(46px, 5vw, 78px) !important;
  padding: clamp(34px, 4.5vw, 64px) !important;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .66);
  background: linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,252,240,.38));
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  box-shadow: 0 22px 55px rgba(125, 82, 0, .14), inset 0 1px 0 rgba(255,255,255,.72);
}
.services-shell .faq details {
  /* Removed the per-question background tint + border-color override that
     made each question read as its own boxed card — now each question just
     sits directly on the frosted card, separated only by the thin
     border-top divider between items (set elsewhere), matching a plain
     flowing accordion list instead of a grid of boxes. */
  background: transparent;
}

/* White, card-styled final CTA band (was the same yellow as the page
   background before, with no visual separation of its own). */
.services-shell .cta {
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,253,246,.88)) !important;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 24px !important;
  box-shadow: 0 22px 55px rgba(125, 82, 0, .14), inset 0 1px 0 rgba(255,255,255,.72);
}
@media (max-width: 1080px) {
  .site-nav,
  .site-header__search { display: none !important; }
  .site-header__burger { display: flex !important; }
  .site-header__inner { justify-content: flex-end; }
}
@media (max-width: 800px) {
  .site-header nav { position: static !important; padding: 0 !important; background: transparent !important; }
  .site-header>.button,
  .menu { display: none !important; }
  .services-shell .rga-services {
    padding: 46px 18px 72px !important;
  }
  .services-shell .rga-service__trigger {
    grid-template-columns: 34px minmax(0, 1fr) 36px !important;
  }
  .services-shell .faq {
    width: calc(100% - 24px) !important;
    padding: 28px 18px !important;
    border-radius: 18px;
  }
}
@media (max-width: 560px) {
  .site-header__inner { padding: 12px 16px; gap: 12px; }
  .btn--header { padding: 0 14px; font-size: 12px; }
}

/* Match services section frame rhythm to home page cards */
.page-shell.services-shell {
  padding: 0 28px 16px !important;
  background: linear-gradient(180deg, #f8d67e 0%, #fdf1d2 45%, #f6cc66 100%) !important;
}
.services-shell > .page-intro,
.services-shell > .rga-services,
.services-shell > .faq,
.services-shell > .cta {
  width: 100% !important;
  max-width: 1460px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.services-shell > .page-intro,
.services-shell > .rga-services,
.services-shell > .faq {
  border-radius: 0 !important;
}
.services-shell > .page-intro {
  margin-bottom: 28px !important;
}
.services-shell > .rga-services {
  margin-bottom: 28px !important;
  padding-left: clamp(34px, 4.6vw, 64px) !important;
  padding-right: clamp(34px, 4.6vw, 64px) !important;
}
.services-shell .rga-services__intro,
.services-shell .rga-accordion {
  width: 100% !important;
  max-width: none !important;
}
.services-shell > .faq {
  width: 100% !important;
  max-width: 1460px !important;
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  padding: clamp(48px, 5vw, 76px) clamp(38px, 5vw, 64px) !important;
  border-radius: 18px !important;
}
.services-shell > .cta {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 800px) {
  .page-shell.services-shell {
    padding: 0 12px 12px !important;
  }
  .services-shell > .page-intro,
  .services-shell > .rga-services,
  .services-shell > .faq {
    margin-bottom: 18px !important;
  }
  .services-shell > .rga-services {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .services-shell > .faq {
    width: 100% !important;
    padding: 30px 18px !important;
    border-radius: 14px !important;
  }
}
/* Restored WebGL hero lens visibility */
.hero-lens-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.page-intro>.intro-copy,.page-intro>.hero-mark{position:relative;z-index:1}
.page-intro>.intro-copy{transform:translateY(70px)}
.page-intro.is-lens-ready .hero-lens-canvas{display:block}
.page-intro.is-lens-ready h1,.page-intro.is-lens-ready .hero-mark span{opacity:0}
@media(prefers-reduced-motion:reduce){.page-intro.is-lens-ready .hero-lens-canvas{display:none}.page-intro.is-lens-ready h1,.page-intro.is-lens-ready .hero-mark span{opacity:1}}
/* Fluffy balloon style for service hero number */
.hero-mark span {
  font-weight: 900 !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(255,255,246,.78) 0 8%, rgba(255,252,229,.42) 9% 21%, rgba(255,250,222,0) 42%),
    radial-gradient(circle at 50% 31%, rgba(118,83,18,.22) 0 11%, rgba(149,106,24,.15) 26%, rgba(174,126,30,0) 47%),
    linear-gradient(142deg, #fff8dd 0%, #faedc2 26%, #f5df9b 56%, #eed079 82%, #e6c05f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter:drop-shadow(14px 30px 34px rgba(92,61,10,.30)) drop-shadow(-14px -18px 28px rgba(255,255,246,.58)) !important;
  text-shadow:0 18px 28px rgba(84,54,10,.22), -14px -14px 24px rgba(255,255,246,.56) !important;
}


/* Service hero 9 position/stroke adjustment */
.hero-mark span{transform:translate(calc(-40px - 10%),60px) !important;-webkit-text-stroke:0 !important;text-stroke:0 !important}







/* Services white page background override */
body, .page-shell.services-shell{background:#fff !important;}


/* Desktop services hero should fill the visible screen under the header */
@media (min-width: 801px){
  .page-shell.services-shell{
    padding: 0 !important;
    background: #fff !important;
  }
  .services-shell > .page-intro{
    width: 100vw !important;
    max-width: none !important;
    height: calc(100vh - var(--hero-vh-offset, 112px)) !important;
    min-height: calc(100vh - var(--hero-vh-offset, 112px)) !important;
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

/* Black header and footer on services page */
.site-header,
.site-nav--mobile,
.site-footer{
  background: #050505 !important;
  background-image: none !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.site-header::before,
.site-header::after,
.site-footer::before,
.site-footer::after{
  display: none !important;
}
.site-header .site-nav__link,
.site-header .site-header__phone,
.site-header .site-header__phone b,
.site-nav--mobile a,
.site-nav--mobile .site-header__phone,
.site-footer,
.site-footer a,
.site-footer p,
.site-footer .brand__name,
.site-footer .site-footer__head{
  color: #fff !important;
}
.site-header .site-header__phone small,
.site-footer .brand__tagline,
.site-footer__blurb,
.site-footer__col nav a,
.site-footer__col--contact p,
.site-footer__bottom p,
.site-footer__housing{
  color: rgba(255,255,255,.68) !important;
}
.site-header__search,
.site-header__burger{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.site-header__burger span{
  background: #fff !important;
}
.site-footer__bottom{
  border-top-color: rgba(255,255,255,.14) !important;
}
.site-footer__socials a{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

/* Services section cards: home-like stroke, no shadow */
.services-shell > .rga-services,
.services-shell > .faq,
.services-shell > .cta{
  background: #fffdf8 !important;
  border: 1px solid #f1d580 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.services-shell > .faq,
.services-shell > .cta{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Revert service-frame overreach: keep curved existing cards, no service frame */
.services-shell > .rga-services{
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff !important;
}
.services-shell > .faq,
.services-shell > .cta{
  border: 1px solid rgba(241, 213, 128, .85) !important;
  box-shadow: none !important;
  border-radius: 24px !important;
  background: #fffdf8 !important;
}

/* Services cards white fill + breathing room before footer */
.services-shell > .faq,
.services-shell > .cta{
  background: #fff !important;
}
.services-shell > .cta{
  margin-bottom: clamp(36px, 4vw, 64px) !important;
}

/* Restore services card fill */
.services-shell > .faq,
.services-shell > .cta{
  background: #fffdf8 !important;
}

/* Header CTA must never resize/flicker between pages */
.site-header .btn--header,
.site-header .btn--header:hover,
.site-header .btn--header:focus,
.site-header .btn--header:focus-visible,
.site-header .btn--header:active{
  box-sizing: border-box !important;
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
  scale: 1 !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease !important;
  filter: none !important;
}
.site-header .btn--header::before,
.site-header .btn--header:hover::before,
.site-header .btn--header:focus::before,
.site-header .btn--header:active::before{
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}
.site-header .btn--header::after,
.site-header .btn--header:hover::after,
.site-header .btn--header:focus::after,
.site-header .btn--header:active::after{
  inset: 3px !important;
  border-radius: inherit !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
}
@media (max-width: 560px){
  .site-header .btn--header,
  .site-header .btn--header:hover,
  .site-header .btn--header:focus,
  .site-header .btn--header:focus-visible,
  .site-header .btn--header:active{
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    font-size: 13px !important;
  }
}

/* Emergency navbar containment fix: no CTA overflow */
html, body{
  overflow-x: hidden !important;
}
.site-header{
  overflow: hidden !important;
}
.site-header__inner{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px clamp(18px, 2.2vw, 32px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(12px, 1.5vw, 24px) !important;
}
.site-nav{
  grid-column: 2 !important;
  justify-self: center !important;
  min-width: 0 !important;
}
.site-nav ul{
  gap: clamp(16px, 1.55vw, 26px) !important;
  white-space: nowrap !important;
}
.site-header__right{
  grid-column: 3 !important;
  justify-self: end !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}
.site-header__actions{
  min-width: 0 !important;
  max-width: 100% !important;
  gap: clamp(12px, 1.1vw, 20px) !important;
}
.site-header .btn--header,
.site-header .btn--header:hover,
.site-header .btn--header:focus,
.site-header .btn--header:active{
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 88px) !important;
  height: 56px !important;
  padding: 0 clamp(20px, 2vw, 26px) !important;
  transform: none !important;
  white-space: nowrap !important;
}
.site-header__search{
  flex: 0 0 44px !important;
}
@media (max-width: 1180px){
  .site-header__inner{
    grid-template-columns: 1fr auto !important;
  }
  .site-nav{
    grid-column: 1 !important;
    justify-self: start !important;
  }
  .site-header__right{
    grid-column: 2 !important;
  }
}
@media (max-width: 1080px){
  .site-header__inner{
    display: flex !important;
    justify-content: flex-end !important;
  }
  .site-nav,
  .site-header__search{
    display: none !important;
  }
  .site-header__burger{
    display: flex !important;
  }
}

/* FINAL shared navbar behavior: fixed, contained, no CTA flicker */
:root{--site-header-h:88px !important;}
html{scroll-padding-top:var(--site-header-h) !important;}
body{padding-top:var(--site-header-h) !important;overflow-x:hidden !important;}
.site-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:5000 !important;width:100% !important;height:var(--site-header-h) !important;overflow:hidden !important;background:#050505 !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.12) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;font-family:Roboto,Arial,sans-serif !important;}
.site-header__inner{box-sizing:border-box !important;width:100% !important;max-width:100% !important;height:100% !important;margin:0 !important;padding:14px clamp(18px,2.2vw,32px) !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;align-items:center !important;gap:clamp(12px,1.5vw,24px) !important;}
.site-nav{grid-column:2 !important;justify-self:center !important;min-width:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.site-nav ul{position:static !important;left:auto !important;transform:none !important;display:flex !important;align-items:center !important;gap:clamp(16px,1.55vw,26px) !important;margin:0 !important;padding:0 !important;list-style:none !important;white-space:nowrap !important;}
.site-header__right{grid-column:3 !important;justify-self:end !important;min-width:0 !important;max-width:100% !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:clamp(12px,1.1vw,20px) !important;}
.site-header__actions{display:flex !important;align-items:center !important;gap:clamp(12px,1.1vw,20px) !important;min-width:0 !important;max-width:100% !important;}
.site-header .site-nav__link{color:#fff !important;font-size:14px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important;}
.site-header .btn--header,.site-header .btn--header:hover,.site-header .btn--header:focus,.site-header .btn--header:focus-visible,.site-header .btn--header:active{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;min-width:0 !important;max-width:calc(100vw - 96px) !important;height:56px !important;min-height:56px !important;max-height:56px !important;padding:0 clamp(20px,2vw,26px) !important;border-radius:999px !important;font-size:16px !important;font-weight:700 !important;line-height:1 !important;white-space:nowrap !important;text-decoration:none !important;transform:none !important;scale:1 !important;filter:none !important;transition:none !important;}
.site-header .btn--header::before,.site-header .btn--header:hover::before,.site-header .btn--header:focus::before,.site-header .btn--header:active::before{content:none !important;display:none !important;opacity:0 !important;animation:none !important;}
.site-header .btn--header::after,.site-header .btn--header:hover::after,.site-header .btn--header:focus::after,.site-header .btn--header:active::after{transform:none !important;animation:none !important;filter:none !important;}
.site-header__search{box-sizing:border-box !important;flex:0 0 44px !important;width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;border-radius:999px !important;background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.18) !important;color:#fff !important;}
.site-header__burger{display:none !important;}
@media(max-width:1180px){.site-header__inner{grid-template-columns:1fr auto !important}.site-nav{grid-column:1 !important;justify-self:start !important}.site-header__right{grid-column:2 !important}}
@media(max-width:1080px){.site-header__inner{display:flex !important;justify-content:flex-end !important}.site-nav,.site-header__search{display:none !important}.site-header__burger{display:flex !important}}
@media(max-width:560px){:root{--site-header-h:70px !important}.site-header .btn--header,.site-header .btn--header:hover,.site-header .btn--header:focus,.site-header .btn--header:focus-visible,.site-header .btn--header:active{height:46px !important;min-height:46px !important;max-height:46px !important;padding:0 16px !important;font-size:13px !important}.site-header__inner{padding:12px 16px !important;gap:12px !important}}

/* Services hero: black-to-white background requested 2026-07-22 */
.services-shell > .page-intro{
  background: linear-gradient(115deg, #000 0%, #030303 46%, #f7f7f7 78%, #fff 100%) !important;
}
.services-shell > .page-intro .intro-copy h1{
  color: #fff !important;
}
.services-shell > .page-intro .intro-copy > p:not(.eyebrow):not(.crumb):not(.byline),
.services-shell > .page-intro .intro-copy .byline,
.services-shell > .page-intro .intro-copy .byline b,
.services-shell > .page-intro .intro-copy .byline small{
  color: rgba(255,255,255,.82) !important;
}
.services-shell > .page-intro .intro-copy .eyebrow{
  color: #f1b51d !important;
}

/* Correction: only replace the old yellow hero background area with black */
.services-shell > .page-intro{
  background: linear-gradient(115deg, #fffdf8 0 72%, #000 72% 100%) !important;
}
.services-shell > .page-intro .intro-copy h1{
  color: var(--ink) !important;
}
.services-shell > .page-intro .intro-copy > p:not(.eyebrow):not(.crumb):not(.byline){
  color: var(--muted) !important;
}
.services-shell > .page-intro .intro-copy .byline,
.services-shell > .page-intro .intro-copy .byline small{
  color: var(--muted) !important;
}
.services-shell > .page-intro .intro-copy .byline b{
  color: var(--ink) !important;
}

/* Services hero full black background */
.services-shell > .page-intro{
  background: #000 !important;
}
.services-shell > .page-intro .intro-copy h1{
  color: #fff !important;
}
.services-shell > .page-intro .intro-copy > p:not(.eyebrow):not(.crumb):not(.byline),
.services-shell > .page-intro .intro-copy .byline,
.services-shell > .page-intro .intro-copy .byline small{
  color: rgba(255,255,255,.78) !important;
}
.services-shell > .page-intro .intro-copy .byline b{
  color: #fff !important;
}
.services-shell > .page-intro .hero-mark p{
  color: rgba(255,255,255,.72) !important;
}

/* Refined fluffy 3D service hero number: tighter white highlight, stronger form */
.services-shell .hero-mark span{
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,246,.62) 0 4%, rgba(255,252,226,.30) 5% 12%, rgba(255,250,222,0) 28%),
    radial-gradient(circle at 47% 31%, rgba(86,58,12,.22) 0 10%, rgba(118,84,22,.12) 24%, rgba(118,84,22,0) 46%),
    linear-gradient(145deg, #fff3c9 0%, #f8df93 34%, #eac767 68%, #d8ad42 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  filter:
    drop-shadow(10px 20px 22px rgba(0,0,0,.46))
    drop-shadow(-5px -5px 8px rgba(255,246,205,.22)) !important;
  text-shadow:
    0 3px 0 rgba(255,248,211,.13),
    0 14px 20px rgba(0,0,0,.32),
    -4px -4px 8px rgba(255,248,220,.18) !important;
}

/* Services hero text sizing refinements */
.services-shell > .page-intro .intro-copy .eyebrow{
  font-size: clamp(13px, .95vw, 17px) !important;
  letter-spacing: .16em !important;
}
.services-shell > .page-intro .hero-mark p{
  font-size: clamp(18px, 1.45vw, 28px) !important;
  line-height: 1.2 !important;
  max-width: 320px !important;
}

/* Premium soft inflated service hero 9 */
.services-shell .hero-mark span{
  background:
    radial-gradient(circle at 30% 16%, rgba(255,255,242,.72) 0 4%, rgba(255,248,214,.30) 5% 13%, rgba(255,248,214,0) 30%),
    radial-gradient(circle at 50% 31%, rgba(24,15,4,.44) 0 11%, rgba(85,58,16,.22) 22%, rgba(130,91,28,0) 48%),
    linear-gradient(145deg, #fff9df 0%, #f8e9ba 23%, #ead28c 52%, #d7b35b 76%, #b98c32 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:
    drop-shadow(14px 28px 30px rgba(0,0,0,.62))
    drop-shadow(-5px -5px 8px rgba(255,238,176,.18)) !important;
  text-shadow:
    0 2px 0 rgba(255,255,240,.10),
    0 18px 24px rgba(0,0,0,.36) !important;
}

/* Revert service hero 9 to previous refined state */
.services-shell .hero-mark span{
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,246,.62) 0 4%, rgba(255,252,226,.30) 5% 12%, rgba(255,250,222,0) 28%),
    radial-gradient(circle at 47% 31%, rgba(86,58,12,.22) 0 10%, rgba(118,84,22,.12) 24%, rgba(118,84,22,0) 46%),
    linear-gradient(145deg, #fff3c9 0%, #f8df93 34%, #eac767 68%, #d8ad42 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  filter:
    drop-shadow(10px 20px 22px rgba(0,0,0,.46))
    drop-shadow(-5px -5px 8px rgba(255,246,205,.22)) !important;
  text-shadow:
    0 3px 0 rgba(255,248,211,.13),
    0 14px 20px rgba(0,0,0,.32),
    -4px -4px 8px rgba(255,248,220,.18) !important;
}

/* Services hero right-side iPhone-style number picker */
.services-shell .hero-mark--picker{
  justify-content:center !important;
  align-items:center !important;
  min-width:0 !important;
  overflow:visible !important;
}
.services-shell .service-number-picker{
  --item-h: clamp(78px, 11vh, 124px);
  position:relative;
  width:min(38vw, 560px);
  height:calc(var(--item-h) * 5);
  overflow:hidden;
  display:flex;
  justify-content:center;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.12) 10%, #000 34%, #000 66%, rgba(0,0,0,.12) 90%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.12) 10%, #000 34%, #000 66%, rgba(0,0,0,.12) 90%, transparent 100%);
}
.services-shell .service-number-picker:before,
.services-shell .service-number-picker:after{
  content:"";
  position:absolute;
  left:50%;
  width:min(30vw, 390px);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  z-index:3;
  pointer-events:none;
}
.services-shell .service-number-picker:before{top:calc(50% - var(--item-h) / 2)}
.services-shell .service-number-picker:after{top:calc(50% + var(--item-h) / 2)}
.services-shell .service-number-wheel{
  width:100%;
  transform:translateY(calc(var(--item-h) * 2));
  will-change:transform;
}
.services-shell .service-number{
  height:var(--item-h);
  display:grid;
  place-items:center;
  font-family:Roboto, Arial, sans-serif;
  font-size:clamp(72px, 9vw, 142px);
  font-weight:420;
  line-height:1;
  letter-spacing:-.06em;
  color:rgba(255,255,255,.15);
  opacity:.22;
  transform:scale(.72);
  filter:blur(.25px);
  transition:opacity 130ms ease, transform 130ms ease, color 130ms ease, filter 130ms ease, font-weight 130ms ease;
}
.services-shell .service-number.is-center{
  opacity:.98;
  transform:scale(1.04);
  font-weight:900;
  color:rgba(255,255,255,.98);
  filter:blur(0);
}
.services-shell .service-number--final.is-center,
.services-shell .service-number--final.is-settled{
  color:transparent;
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,245,.62) 0 5%, rgba(255,248,218,.25) 6% 15%, transparent 34%),
    radial-gradient(circle at 48% 31%, rgba(54,35,8,.25) 0 11%, rgba(105,72,21,.12) 28%, transparent 52%),
    linear-gradient(145deg, #fff3c9 0%, #f8df93 36%, #eac767 70%, #d8ad42 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(10px 22px 26px rgba(0,0,0,.58)) drop-shadow(-4px -4px 7px rgba(255,246,205,.18));
}
.services-shell .service-number--final.is-settled{
  opacity:1;
  transform:scale(1.34);
  font-weight:900;
}
.services-shell .service-number-caption{
  position:absolute !important;
  right:clamp(10px, 2vw, 30px) !important;
  bottom:clamp(8px, 2vh, 28px) !important;
  color:rgba(255,255,255,.72) !important;
  font-size:clamp(18px, 1.45vw, 28px) !important;
  line-height:1.2 !important;
  margin:0 !important;
  text-align:right !important;
}
@media(max-width:800px){
  .services-shell .hero-mark--picker{display:none !important;}
}

/* Picker line spacing fix: center band must fit the enlarged 9 */
.services-shell .service-number-picker:before{top:calc(50% - var(--item-h) * .78) !important;}
.services-shell .service-number-picker:after{top:calc(50% + var(--item-h) * .78) !important;}
.services-shell .service-number{position:relative !important;z-index:1 !important;}
.services-shell .service-number.is-center{z-index:4 !important;}
.services-shell .service-number--final.is-settled{transform:scale(1.22) !important;}

/* More space for the service hero picker so the final 9 is fully visible */
.services-shell .service-number-picker{
  --item-h: clamp(104px, 14vh, 164px) !important;
  height: calc(var(--item-h) * 5.6) !important;
}
.services-shell .service-number-picker:before{top:calc(50% - var(--item-h) * 1.05) !important;}
.services-shell .service-number-picker:after{top:calc(50% + var(--item-h) * 1.05) !important;}
.services-shell .service-number{font-size:clamp(82px, 8.8vw, 150px) !important;}
.services-shell .service-number--final.is-settled{transform:scale(1.12) !important;}

/* Picker: keep the active 9 large, shrink passing numbers for clearance */
.services-shell .service-number-picker{
  height: calc(var(--item-h) * 6.2) !important;
}
.services-shell .service-number{
  transform: scale(.48) !important;
  opacity: .16 !important;
}
.services-shell .service-number.is-center{
  transform: scale(1.08) !important;
  opacity: .98 !important;
}
.services-shell .service-number--final.is-settled{
  transform: scale(1.38) !important;
  opacity: 1 !important;
}

/* Picker final fix: wider spacing while scrolling, huge complete 9 after settle */
.services-shell .service-number-picker{
  --item-h: clamp(132px, 17vh, 210px) !important;
  height: calc(var(--item-h) * 4.8) !important;
}
.services-shell .service-number-picker:before{top:calc(50% - var(--item-h) * .58) !important;}
.services-shell .service-number-picker:after{top:calc(50% + var(--item-h) * .58) !important;}
.services-shell .service-number{
  transform: scale(.32) !important;
  opacity: .14 !important;
}
.services-shell .service-number.is-center{
  transform: scale(1.02) !important;
  opacity: .98 !important;
}
.services-shell .service-number-picker.is-settled{
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.services-shell .service-number-picker.is-settled:before,
.services-shell .service-number-picker.is-settled:after{
  opacity: 0 !important;
}
.services-shell .service-number-picker.is-settled .service-number:not(.service-number--final){
  opacity: 0 !important;
}
.services-shell .service-number--final.is-settled{
  transform: scale(2.35) !important;
  opacity: 1 !important;
  z-index: 8 !important;
}