/* $300 first-year Web + Software offer. Inherits Data Architect's dark/light theme. */
.web-services-hero{padding:58px 0 50px;min-height:450px;display:grid;align-items:center}
.web-services-hero .page-hero-grid{grid-template-columns:minmax(0,1fr);align-items:center}
.web-services-hero h1{font-size:clamp(52px,7.1vw,112px);line-height:.94;max-width:780px;margin:24px 0 0}
.web-services-hero .hero-thumb{width:min(100%,410px);margin:auto;box-shadow:0 26px 80px rgba(0,0,0,.16)}
.web-services-hero .hero-thumb img{width:100%;max-height:410px;object-fit:cover;aspect-ratio:1/1;object-position:center 16%}
.web-credential-band{border-bottom:1px solid var(--line);background:var(--panel-soft)}
.web-credential-inner{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.web-credential-inner>div{min-width:0;padding:21px 22px 21px 0;border-right:1px solid var(--line);padding-left:22px}
.web-credential-inner>div:first-child{padding-left:0}
.web-credential-inner>div:last-child{border-right:0}
.web-credential-inner strong,.web-credential-inner span{display:block;line-height:1.35}
.web-credential-inner strong{font-size:13px;color:var(--ink)}
.web-credential-inner span{font-size:12px;margin-top:5px;color:var(--muted)}
.web-intro{padding:106px 0 88px}
.web-intro-grid{display:grid;gap:32px;align-items:end}
.web-intro h2{font-size:clamp(43px,5vw,76px);max-width:840px}
.web-intro-side p{color:var(--muted);margin:0 0 22px;font-size:17px;max-width:520px}
.web-text-link{display:inline-flex;align-items:center;gap:9px;color:var(--gold-soft);font-weight:750;border-bottom:1px solid var(--gold);padding-bottom:4px}
.web-text-link:hover{color:var(--ink)}
.web-inclusions{background:linear-gradient(180deg,rgba(17,51,34,.16),rgba(16,39,28,.05));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.web-section-head{max-width:750px;margin-bottom:32px}
.web-section-head p{max-width:650px;color:var(--muted)}
.web-feature-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}
.web-feature{padding:25px 25px 27px;position:relative;border:1px solid var(--line);border-radius:22px;background:var(--panel-soft);min-height:250px}
.web-feature-num{position:absolute;top:20px;right:23px;color:var(--faint);font-size:11px;letter-spacing:.15em}
.web-feature-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:29px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);color:var(--gold-soft);font-size:16px;font-weight:800}
.web-feature h3{font-family:var(--display);font-size:clamp(23px,2.3vw,29px);line-height:1.16;margin:0 0 12px;letter-spacing:-.025em}
.web-feature p{color:var(--muted);font-size:14px;margin:0;line-height:1.68}
.web-offer-section{padding:115px 0}
.web-offer-layout{display:grid;gap:36px;align-items:center}
.web-offer-copy h2{font-size:clamp(42px,5vw,70px);margin:20px 0 21px}
.web-offer-copy>p{color:var(--muted);max-width:540px}
.web-checks{padding:0;list-style:none;display:grid;gap:12px;margin:28px 0}
.web-checks li{padding-left:31px;position:relative;font-size:15px}
.web-checks li::before{content:'✓';position:absolute;left:0;color:var(--emerald);font-weight:800}
.web-offer-copy .web-scope-note{max-width:560px;font-size:12px;color:var(--faint);line-height:1.7}
.web-offer-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--gold);padding:29px;background:linear-gradient(148deg,rgba(33,64,40,.85),var(--panel),var(--bg-2));box-shadow:0 20px 65px rgba(0,0,0,.20)}
[data-theme='light'] .web-offer-card{background:linear-gradient(140deg,#f4f4e8,#fffdf8)}
.web-offer-card::before{content:'';position:absolute;right:-125px;top:-125px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(217,173,82,.17),transparent 65%);pointer-events:none}
.web-offer-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:800}
.web-availability-dot{color:var(--emerald-soft);letter-spacing:0;white-space:nowrap}
[data-theme='light'] .web-availability-dot{color:#147048}
.web-offer-price{display:flex;align-items:baseline;gap:0;color:var(--gold-soft);margin:25px 0 12px;font-family:var(--display)}
.web-offer-price span{font-size:37px;align-self:flex-start;padding-top:19px}
.web-offer-price strong{font-size:clamp(90px,13vw,144px);line-height:1;font-weight:600;letter-spacing:-.07em}
.web-offer-price em{font-size:15px;white-space:nowrap;font-style:normal;color:var(--muted);font-family:var(--sans);margin-left:12px}
.web-offer-statement{color:var(--muted);margin:0;max-width:390px}
.web-offer-divider{height:1px;background:var(--line);margin:27px 0}
.web-payment-explainer{display:grid;gap:5px;margin-bottom:22px}.web-payment-explainer span{font-size:14px;color:var(--muted)}
.web-plan-link{width:100%;text-align:center}.web-offer-card>small{color:var(--faint);display:block;margin-top:16px;font-size:11px;line-height:1.6}
.web-process-section{background:var(--panel-soft);border-block:1px solid var(--line)}
.web-steps{display:grid;gap:15px;grid-template-columns:1fr}
.web-step{position:relative;padding:25px 25px 26px;border:1px solid var(--line);border-radius:20px;background:var(--bg-2)}
.web-step>span{font-family:var(--display);font-size:32px;color:var(--gold-soft)}
.web-step h3{margin:16px 0 9px;font-size:19px;line-height:1.3}.web-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.web-story-grid{display:grid;gap:30px;align-items:center}
.web-story-portrait{border:1px solid var(--line);border-radius:26px;overflow:hidden;max-height:500px}
.web-story-portrait img{width:100%;height:100%;max-height:500px;object-fit:cover;object-position:50% 12%}
.web-credential-story h2{font-size:clamp(40px,4.6vw,66px);margin:18px 0 22px}.web-credential-story p{color:var(--muted)}
.web-faq-section{border-block:1px solid var(--line);background:linear-gradient(160deg,rgba(23,68,43,.2),transparent)}
.web-faq-layout{display:grid;gap:34px}
.web-faq-layout h2{margin:19px 0}.web-faq-layout>div>p{color:var(--muted)}
.web-faqs details{border-bottom:1px solid var(--line);padding:19px 0}
.web-faqs details:first-child{border-top:1px solid var(--line)}
.web-faqs summary{list-style:none;cursor:pointer;position:relative;padding-right:34px;font-weight:750;font-size:17px;line-height:1.4}
.web-faqs summary::-webkit-details-marker{display:none}
.web-faqs summary::after{content:'+';position:absolute;right:6px;top:-1px;font-size:23px;font-weight:400;color:var(--gold-soft)}
.web-faqs details[open] summary::after{content:'−'}
.web-faqs details p{margin:13px 27px 5px 0;color:var(--muted);font-size:14px;line-height:1.76}
.web-checkout-section{padding:110px 0 125px}
.web-checkout-layout{display:grid;gap:34px;align-items:start}
.web-checkout-intro h2{margin:18px 0 23px;font-size:clamp(40px,5vw,70px)}
.web-checkout-intro>p{color:var(--muted);max-width:470px}
.web-contact-options{margin-top:34px;display:flex;gap:24px;flex-wrap:wrap}
.web-contact-options div{display:grid;gap:4px}.web-contact-options span{font-size:11px;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.web-contact-options a{font-weight:750;color:var(--gold-soft)}
.web-checkout-panel{border:1px solid var(--line);padding:22px;border-radius:25px;background:var(--panel);box-shadow:var(--shadow);min-width:0}
.web-checkout-heading{display:grid;gap:3px;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:22px}
.web-checkout-heading>span{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--gold-soft)}
.web-checkout-heading strong{font-size:22px;font-family:var(--display)}
.web-checkout-heading small{font-size:12px;color:var(--muted)}
.web-field-row{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:13px}
#websiteCheckoutForm label{min-width:0}
.web-field-row>label,.web-field-full{display:grid;gap:7px;font-size:12px;font-weight:750;color:var(--muted)}
.web-field-full>span{font-weight:400}
#websiteCheckoutForm input:not([type=radio],[type=checkbox]),#websiteCheckoutForm textarea{width:100%;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--ink);padding:13px 13px;min-height:46px;font:inherit;font-size:15px;outline-offset:3px}
#websiteCheckoutForm input:focus-visible,#websiteCheckoutForm textarea:focus-visible{outline:2px solid var(--gold)}
.web-payment-choice{display:grid;gap:9px;margin-top:27px}
.web-choice-label{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}
.web-choice{display:flex;gap:11px;align-items:center;border:1px solid var(--line);background:var(--bg-2);padding:15px 13px;border-radius:13px;cursor:pointer}
.web-choice:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--panel-2) 76%,transparent)}
.web-choice>input{accent-color:var(--emerald);width:17px;height:17px;flex:0 0 auto}
.web-choice>span{display:grid;gap:2px;flex:1;min-width:0}.web-choice strong{font-size:13px;color:var(--ink)}.web-choice small{font-size:11px;color:var(--muted)}
.web-choice>b{font-size:14px;white-space:nowrap;color:var(--gold-soft)}
.web-checkout-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding:18px 0;border-block:1px solid var(--line)}
.web-checkout-total span{color:var(--muted);font-size:13px}.web-checkout-total strong{font-size:28px;font-family:var(--display);color:var(--gold-soft)}
.web-agreement{display:flex;gap:11px;align-items:flex-start;margin:20px 0;font-size:12px;color:var(--muted);line-height:1.6}
.web-agreement input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--emerald)}.web-agreement a{text-decoration:underline;color:var(--ink)}
.web-pay-button{width:100%;min-height:55px;font-size:15px}
.web-pay-button:disabled{opacity:.55;cursor:not-allowed}
.web-checkout-status{margin:12px 0 0;min-height:0;font-size:13px;color:var(--gold-soft)}
.web-checkout-status.is-error{color:var(--danger)}.web-checkout-status.is-ok{color:var(--emerald-soft)}
.web-stripe-assurance{font-size:11px;line-height:1.65;color:var(--faint);margin:12px 0 0;text-align:center}
.web-honeypot{position:absolute;left:-99999px;height:0;overflow:hidden}
@media(min-width:640px){.web-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.web-services-hero{padding:48px 0}.web-services-hero .page-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:50px}.web-intro-grid{grid-template-columns:1.25fr .75fr;gap:60px}.web-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-offer-layout{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:clamp(40px,6vw,90px)}.web-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.web-story-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px)}.web-faq-layout{grid-template-columns:.8fr 1.2fr;gap:70px}.web-checkout-layout{grid-template-columns:.84fr 1.16fr;gap:clamp(45px,7vw,110px)}.web-checkout-panel{padding:34px}.web-services-hero .hero-thumb{margin-left:auto;margin-right:0}}
@media(max-width:639px){.web-services-hero{padding:45px 0 32px}.web-services-hero h1{font-size:clamp(48px,13vw,72px);margin-top:17px}.web-services-hero .page-hero-grid{gap:32px}.web-services-hero .hero-thumb{max-width:315px}.web-credential-inner{grid-template-columns:1fr}.web-credential-inner>div,.web-credential-inner>div:first-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.web-credential-inner>div:last-child{border-bottom:0}.web-credential-inner strong,.web-credential-inner span{display:inline}.web-credential-inner span::before{content:' · '}.web-intro,.web-offer-section,.web-checkout-section{padding:72px 0}.web-feature{min-height:0}.web-offer-card{padding:23px}.web-offer-price strong{font-size:clamp(85px,21vw,118px)}.web-checkout-panel{padding:17px}.web-checkout-total strong{font-size:25px}.web-offer-topline{font-size:9px}}
/* No persistent sales CTA over the order form; customers discover checkout after reading the offer. */
@media(max-width:899px){body[data-page='services'] .mobile-cta{display:none!important}}

/* 2026-10-08: lead with the client's own CMS-edited sales message, not the duplicate heading/photo. */
.web-intro-opening{padding:clamp(68px,8vw,128px) 0 clamp(72px,7vw,112px);min-height:380px;display:grid;align-items:center}
.web-intro-opening .web-intro-grid{align-items:end}
.web-intro-opening h1{font-family:var(--display);font-size:clamp(57px,7.2vw,112px);line-height:1.01;letter-spacing:-.047em;max-width:780px;margin:19px 0 0;text-wrap:balance}
.web-intro-opening .section-kicker{display:block;max-width:450px}
.web-story-text-only{max-width:900px;margin-inline:auto}
.web-credential-story{padding-block:82px}
.web-credential-story .web-text-link{margin-top:10px}
@media(min-width:900px){.web-intro-opening .web-intro-grid{grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);gap:clamp(42px,5vw,84px)}}
@media(max-width:639px){.web-intro-opening{padding:58px 0 70px;min-height:0}.web-intro-opening h1{font-size:clamp(51px,12vw,74px)}.web-intro-opening .web-intro-grid{gap:27px}.web-intro-opening .web-intro-side p{font-size:16px}.web-credential-story{padding-block:65px}}

/* Web + Software · conversion-focused desktop layout, carefully preserved mobile order.
   The CMS-managed p-106 through p-171 nodes keep their original identifiers. */
.web-intro-opening{isolation:isolate;overflow:hidden}
.web-intro-opening .web-intro-grid{position:relative}
.web-intro-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.web-hero-desktop-action,.web-intro-assurances{display:none}
.web-hero-visual{position:relative;min-width:0;margin:0;isolation:isolate}
.web-hero-visual-glow{position:absolute;inset:-36px -30px 12px;background:radial-gradient(circle at 57% 48%,rgba(35,151,107,.20),transparent 62%);pointer-events:none;z-index:-1}
.web-design-window{overflow:hidden;border:1px solid rgba(233,195,117,.48);border-radius:19px;background:#0a1711;box-shadow:0 32px 80px rgba(0,0,0,.38);position:relative}
.web-design-toolbar{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid rgba(221,184,96,.25);background:#142b20;color:#c4d6cc;font-size:11px}
.web-design-toolbar-dots{display:flex;align-items:center;gap:5px}
.web-design-toolbar-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#d9ad52}
.web-design-toolbar-dots i:nth-child(2){background:#618d73}.web-design-toolbar-dots i:nth-child(3){background:#304e40}
.web-design-address{display:flex;justify-content:center;gap:7px;align-items:center;flex:1;min-width:0;padding:4px 8px;border:1px solid rgba(210,194,136,.14);border-radius:5px;color:#d1dfd6;background:rgba(5,17,11,.24);white-space:nowrap;overflow:hidden}
.web-design-address>span{color:#8cd6ac}.web-design-toolbar-sign{color:#b6c3ba}
.web-design-window>img{width:100%;height:240px;object-fit:cover;object-position:center top}
.web-design-phone,.web-design-visual-tag{display:none}
.web-hero-visual figcaption{margin:10px 4px 0;font-size:11px;line-height:1.6;color:var(--faint)}
.web-portfolio-bridge{display:none}
@media (min-width:900px){
 body[data-page='services'] .web-intro-opening{padding:93px 0 96px;min-height:660px;background:radial-gradient(ellipse at 74% 45%,rgba(29,79,50,.33),transparent 44%),linear-gradient(145deg,rgba(7,19,13,.15),transparent)}
 [data-theme='light'] body[data-page='services'] .web-intro-opening{background:linear-gradient(145deg,#f9f5ea,#f4f8f0)}
 .web-intro-opening .web-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(42px,5vw,80px);align-items:center}
 .web-intro-opening .web-intro-lead{max-width:575px}
 .web-intro-opening .section-kicker{font-size:11px;max-width:540px}
 .web-intro-opening h1{font-size:clamp(76px,7.3vw,110px);line-height:.97;letter-spacing:-.055em;margin:20px 0 23px;max-width:590px}
 .web-intro-opening .web-intro-side p{font-size:18px;line-height:1.68;max-width:525px;margin:0 0 26px}
 .web-intro-opening .web-intro-links{align-items:center;gap:15px}
 .web-intro-opening .web-hero-desktop-action{display:inline-flex;min-height:52px;padding:12px 18px;font-size:13px;order:-1}
 .web-intro-opening .web-text-link{font-size:13px;white-space:nowrap;margin:0}
 .web-intro-assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:43px;padding-top:20px;border-top:1px solid var(--line)}
 .web-intro-assurances>div{display:grid;grid-template-columns:18px 1fr;column-gap:6px;align-content:start;padding-right:6px}
 .web-intro-assurance-icon{grid-row:span 2;width:16px;height:16px;color:var(--emerald-soft);font-size:13px;font-weight:900}
 .web-intro-assurances strong{font-size:13px;line-height:1.35;color:var(--ink)}
 .web-intro-assurances small{font-size:10px;line-height:1.4;color:var(--muted)}
 .web-hero-visual{padding:11px 37px 37px 0;min-width:0;transform:translateY(8px)}
 .web-design-window{border-radius:20px;transform:perspective(1000px) rotateY(-3deg) rotateX(1deg);transform-origin:center;box-shadow:0 28px 70px rgba(0,0,0,.52),0 0 0 1px rgba(246,217,148,.09)}
 .web-design-window>img{height:385px;object-fit:cover;object-position:top center}
 .web-design-phone{display:block;position:absolute;bottom:9px;right:-9px;width:143px;height:287px;border:6px solid #0b130e;border-radius:26px;overflow:hidden;background:#f7f2e5;box-shadow:0 20px 45px rgba(0,0,0,.59),0 0 0 1px rgba(233,196,118,.65);transform:rotate(7deg);color:#173629;z-index:3}
 .web-design-phone-top{height:21px;background:#0c170f;position:relative;display:flex;align-items:center;justify-content:center}.web-design-phone-top span{width:41px;height:8px;border-radius:0 0 8px 8px;background:#000;display:block}.web-design-phone-top i{position:absolute;right:12px;top:7px;width:6px;height:6px;border-radius:50%;background:#d6bd7e}
 .web-design-phone-page{padding:11px 11px 9px;background:#f6f4ed;height:100%}.web-design-phone-page>strong{font-family:Georgia,serif;font-size:16px}.web-design-phone-page>span{display:block;font-size:6px;letter-spacing:.12em;color:#59695f;margin-top:12px}.web-design-phone-page>b{display:block;font-family:Georgia,serif;font-size:17px;line-height:1.12;margin-top:6px}
 .web-design-phone-image{margin-top:9px;width:100%;height:82px;background:url('/assets/img/work/services-local-website-preview.webp') center 23% / 140% auto no-repeat;border-radius:6px}
 .web-design-phone-cta{font-size:8px;background:#214e37;color:#fff;padding:6px 7px;border-radius:5px;margin-top:10px;font-weight:700}.web-design-phone-lines{display:grid;gap:5px;margin-top:11px}.web-design-phone-lines i{display:block;height:4px;border-radius:4px;background:#cedbd0}.web-design-phone-lines i:nth-child(2){width:75%}.web-design-phone-lines i:nth-child(3){width:58%}
 .web-design-visual-tag{display:grid;position:absolute;left:-26px;bottom:7px;z-index:4;padding:13px 17px;background:rgba(21,43,31,.97);color:#fff;border:1px solid rgba(226,195,110,.53);border-radius:13px;box-shadow:0 18px 38px rgba(0,0,0,.3);gap:2px}
 .web-design-visual-tag>span{font-size:9px;color:#e9c774;letter-spacing:.14em;font-weight:800}.web-design-visual-tag strong{font-size:18px;line-height:1.25}.web-design-visual-tag em{font-style:normal;color:#90d1ae}
 .web-hero-visual figcaption{margin-top:20px;margin-left:6px;font-size:10px}
 /* The desktop layout alternates clear editorial sections and proof, rather than repetitive text stacks. */
 .web-inclusions{padding:96px 0 112px}
 .web-inclusions .web-section-head{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);column-gap:50px;align-items:end;margin-bottom:36px}
 .web-inclusions .web-section-head .section-kicker{grid-column:1/-1}
 .web-inclusions .web-section-head h2{max-width:670px;font-size:clamp(50px,5.3vw,69px);line-height:1.03}
 .web-inclusions .web-section-head p{font-size:16px;max-width:330px;padding-bottom:5px}
 .web-inclusions .web-feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}
 .web-inclusions .web-feature{grid-column:span 3;min-height:253px;padding:23px 21px;background:linear-gradient(145deg,var(--panel-soft),color-mix(in srgb,var(--panel) 75%,transparent))}
 .web-inclusions .web-feature:nth-child(-n+2){grid-column:span 6;min-height:215px;padding:27px 30px}
 .web-inclusions .web-feature:nth-child(-n+2) .web-feature-icon{margin-bottom:16px}
 .web-inclusions .web-feature h3{font-size:clamp(22px,2vw,28px);max-width:400px}
 .web-inclusions .web-feature:nth-child(n+3) h3{font-size:22px}
 .web-inclusions .web-feature p{font-size:13px}
 .web-offer-section{padding:115px 0 125px}
 .web-offer-layout{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:70px;align-items:center}
 .web-offer-copy h2{font-size:clamp(49px,5.1vw,72px);line-height:1.06;max-width:665px}
 .web-offer-card{padding:32px 34px}
 .web-offer-price strong{font-size:clamp(100px,9vw,132px)}
 .web-portfolio-bridge{display:block;padding:43px 0;border-block:1px solid var(--line);background:var(--panel-soft)}
 .web-portfolio-bridge-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(42px,6vw,90px);align-items:center}
 .web-portfolio-bridge-media{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.26)}
 .web-portfolio-bridge-media img{width:100%;height:360px;object-fit:cover;object-position:center}
 .web-portfolio-bridge-copy h2{font-size:clamp(39px,4vw,59px);line-height:1.05;margin:17px 0 18px}
 .web-portfolio-bridge-copy p{color:var(--muted);font-size:16px;line-height:1.7;max-width:450px;margin:0 0 22px}
 .web-portfolio-bridge-copy small{display:block;color:var(--faint);font-size:11px;line-height:1.65;margin-top:22px;max-width:420px}
 .web-process-section{padding:104px 0}
 .web-process-section .web-section-head{max-width:900px;margin-bottom:42px}
 .web-step{min-height:254px;padding:28px 21px}
 .web-step>span{font-size:44px}.web-step h3{font-size:19px}
 .web-credential-story{padding:88px 0 104px}
 .web-story-text-only{max-width:1060px;display:block}
 .web-credential-story .web-story-text-only>.reveal{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px 55px}
 .web-credential-story .web-story-text-only .section-kicker,.web-credential-story .web-story-text-only h2{grid-column:1}
 .web-credential-story .web-story-text-only h2{grid-row:2/5;font-size:50px;line-height:1.1;margin:8px 0 0}
 .web-credential-story .web-story-text-only p,.web-credential-story .web-story-text-only a{grid-column:2}
 .web-credential-story .web-story-text-only p{margin:0 0 7px}
 .web-credential-story .web-story-text-only .web-text-link{justify-self:start;align-self:start}
 .web-faq-section{padding:104px 0}
 .web-checkout-section{padding:112px 0 135px}
 .web-checkout-intro{position:sticky;top:calc(var(--header-h) + 45px)}
 .web-checkout-intro h2{max-width:510px;font-size:clamp(48px,4.7vw,68px)}
}
@media(min-width:900px) and (max-width:1099px){
 .web-intro-opening .web-intro-grid{grid-template-columns:1fr 1fr;gap:36px}
 .web-intro-opening h1{font-size:clamp(65px,7.4vw,84px)}
 .web-design-window>img{height:345px}
 .web-design-phone{right:-2px;transform:rotate(5deg) scale(.83);transform-origin:bottom right}
 .web-design-visual-tag{left:-15px}
 .web-intro-opening .web-intro-links{gap:12px}
 .web-portfolio-bridge-media img{height:300px}
 .web-story-text-only{display:block}
 .web-credential-story .web-story-text-only>.reveal{display:block}
 .web-credential-story .web-story-text-only h2{max-width:750px}
 .web-credential-story .web-story-text-only p{margin:14px 0}
}
@media(max-width:899px){
 /* Mobile remains copy-first and otherwise unchanged; add one calm, compact website preview. */
 .web-intro-opening .web-intro-grid{display:grid;grid-template-columns:1fr;gap:0}
 .web-intro-opening .web-intro-links{gap:0}
 .web-hero-visual{margin-top:32px;max-width:510px}
 .web-design-window{border-radius:16px}
 .web-design-toolbar{padding:9px 12px;font-size:10px}
 .web-design-window>img{height:190px;object-position:center 10%}
 .web-hero-visual figcaption{font-size:11px;margin-top:8px}
}
@media(max-width:639px){
 .web-intro-opening{padding:58px 0 61px}
 .web-intro-opening .web-intro-side p{margin-bottom:22px}
 .web-hero-visual{margin-top:30px}
 .web-design-window>img{height:168px}
}
@media(max-width:370px){
 .web-design-window>img{height:145px}
 .web-design-toolbar-sign{display:none}
}
@media (prefers-reduced-motion:reduce){.web-design-window{transform:none!important}}
/* Final polish: leave the concept attribution clear of overlay badges and maintain accessible contrast in light style. */
@media(min-width:900px){
 .web-design-phone{bottom:49px}
 .web-design-visual-tag{bottom:50px}
 .web-hero-visual figcaption{margin-top:23px}
}
.web-hero-visual figcaption{color:var(--muted)}
[data-theme='light'] .web-intro-opening .section-kicker{color:#88621d}
[data-theme='light'] .web-intro-opening .web-text-link{color:#74531a}
[data-theme='light'] .web-intro-assurance-icon{color:#147d55}


/* 2026-10-08 · Guided walkthrough polish: calm reversible reveals and better desktop space.
   The mobile page remains copy-first with the original order and sizing. */
@media(min-width:900px) {
  body[data-page="services"] main > section > .container { width:min(calc(100% - 76px), 1260px); }

  /* More breathing room for long editorial display lines; Georgia's former tight
     tracking made some capital pairs look as though their strokes collided. */
  body[data-page="services"] .web-credential-story h2,
  body[data-page="services"] .web-faq-section h2,
  body[data-page="services"] .web-checkout-intro h2,
  body[data-page="services"] .web-portfolio-bridge-copy h2,
  body[data-page="services"] .web-offer-copy h2 {
    letter-spacing:-.016em;
    line-height:1.12;
    overflow-wrap:normal;
    text-wrap:balance;
    font-kerning:normal;
  }

  /* The founder section now uses the full desktop canvas, not a narrow text block. */
  .web-credential-story { padding:115px 0 122px; background:linear-gradient(103deg,rgba(19,61,41,.16),transparent 63%); }
  .web-credential-story .web-story-text-only { max-width:none; }
  .web-credential-story .web-story-text-only > .reveal {
    display:grid;
    grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);
    column-gap:clamp(50px,7vw,114px);
    row-gap:18px;
    align-items:start;
  }
  .web-credential-story .web-story-text-only .section-kicker,
  .web-credential-story .web-story-text-only h2 {grid-column:1;}
  .web-credential-story .web-story-text-only h2 {
    grid-row:2/5;
    margin:13px 0 0;
    max-width:565px;
    font-size:clamp(42px,4.2vw,59px);
    line-height:1.16;
  }
  .web-credential-story .web-story-text-only p,
  .web-credential-story .web-story-text-only a {grid-column:2;max-width:600px;}
  .web-credential-story .web-story-text-only p {font-size:17px;line-height:1.8;margin:3px 0 5px;}
  .web-credential-story .web-story-text-only .web-text-link {margin-top:13px;}

  /* FAQs read like an editorial consultation instead of another narrow strip. */
  .web-faq-section {padding:126px 0;background:radial-gradient(ellipse at 72% 55%,rgba(27,91,61,.17),transparent 54%);}
  .web-faq-layout {grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(64px,8.5vw,140px);align-items:start;}
  .web-faq-layout > .reveal {padding:10px 0 25px;border-top:1px solid var(--line);}
  .web-faq-layout h2 {font-size:clamp(49px,4.9vw,68px);margin:24px 0 19px;max-width:440px;}
  .web-faq-layout > .reveal > p {font-size:17px;line-height:1.75;max-width:370px;}
  .web-faqs details {padding:21px 0;transition:border-color .2s ease,background-color .2s ease;}
  .web-faqs summary {padding-right:42px;}

  /* One conversion step, with a clear left-hand message and roomy real form. */
  .web-checkout-section {padding:135px 0 155px;}
  .web-checkout-layout {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(58px,8vw,126px);}
  .web-checkout-intro {max-width:535px;}
  .web-checkout-intro h2 {font-size:clamp(52px,4.7vw,67px);line-height:1.09;}
  .web-checkout-intro > p {font-size:17px;line-height:1.8;max-width:480px;}
  .web-checkout-panel {padding:clamp(28px,3vw,43px);}

  /* Final invitation: deliberately centered, not a cramped floating left phrase. */
  body[data-page="services"] .section-tight .compact-cta {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:23px;
    min-height:240px;
    padding:42px clamp(25px,4vw,70px);
  }
  body[data-page="services"] .compact-cta > div:first-child {width:100%;}
  body[data-page="services"] .compact-cta .cta-title {
    max-width:none;
    font-size:clamp(36px,3.55vw,52px)!important;
    line-height:1.2;
    letter-spacing:0.005em;
    margin:13px 0 0;
    text-wrap:balance;
    font-kerning:normal;
  }
  body[data-page="services"] .compact-cta .hero-actions {justify-content:center;}
  body[data-page="services"] .compact-cta .hero-actions .btn {min-width:215px;}
}

/* If desktop visitors run a narrow browser window, avoid crowded two-column headings. */
@media(min-width:900px) and (max-width:1100px) {
  .web-credential-story .web-story-text-only > .reveal {column-gap:45px;}
  .web-credential-story .web-story-text-only h2 {font-size:41px;}
  .web-faq-layout {gap:44px;}
  .web-checkout-layout {gap:45px;}
  .web-checkout-intro h2 {font-size:49px;}
}

/* Hover reactions belong to actual visual objects; information tiles remain
   non-clickable and never get a misleading hand cursor. */
@media(min-width:900px) and (hover:hover) and (pointer:fine) {
  .web-design-window {
    --visual-scale:1;
    transform:translate3d(var(--visual-x,0px),var(--visual-y,0px),0)
       perspective(1000px) rotateY(calc(-3deg + var(--visual-ry,0deg)))
       rotateX(calc(1deg + var(--visual-rx,0deg))) scale(var(--visual-scale));
    transition:transform .43s cubic-bezier(.2,.8,.2,1),box-shadow .43s ease,border-color .3s ease;
    will-change:transform;
  }
  .web-hero-visual:hover .web-design-window {
    --visual-scale:1.027;
    border-color:rgba(245,212,137,.78);
    box-shadow:0 37px 85px rgba(0,0,0,.48),0 0 0 1px rgba(235,194,111,.13);
  }
  .web-design-phone, .web-design-visual-tag {
    transition:transform .43s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  }
  .web-hero-visual:hover .web-design-phone {transform:translate(9px,-7px) rotate(5deg) scale(1.035);}
  .web-hero-visual:hover .web-design-visual-tag {transform:translate(-6px,-5px);}
  .web-intro-assurances > div,
  .web-feature-icon,
  .web-step > span {transition:transform .3s ease,color .3s ease;}
  .web-intro-assurances > div:hover {transform:translateX(5px);}
  .web-feature,
  .web-step,
  .web-offer-card,
  .web-portfolio-bridge-media {
    transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),
      box-shadow .34s ease,border-color .34s ease;
  }
  .web-feature.in:hover, .web-step.in:hover {
    transform:translateY(-5px) scale(1.014);
    border-color:color-mix(in srgb,var(--gold) 55%,var(--line));
    box-shadow:0 24px 56px rgba(0,0,0,.21);
  }
  .web-feature:hover .web-feature-icon {transform:translateX(6px);}
  .web-step:hover > span {transform:translateX(5px);}
  .web-offer-card.in:hover {
    transform:translateY(-5px) scale(1.008);
    box-shadow:0 30px 70px rgba(0,0,0,.27);
  }
  .web-portfolio-bridge-media.in:hover {transform:translateY(-4px) scale(1.012);}
  .web-portfolio-bridge-media img {transition:transform .55s ease;}
  .web-portfolio-bridge-media:hover img {transform:scale(1.025);}
  .web-faqs details:hover {border-color:color-mix(in srgb,var(--gold) 63%,var(--line));}
  .web-text-link {transition:transform .28s ease,color .28s ease;}
  .web-text-link:hover {transform:translateX(3px);}
  .web-checkout-panel.in:hover {border-color:color-mix(in srgb,var(--gold) 30%,var(--line));}
}

@media(prefers-reduced-motion:reduce) {
  .web-design-window,.web-design-phone,.web-design-visual-tag,
  .web-feature,.web-step,.web-offer-card,.web-portfolio-bridge-media,
  .web-portfolio-bridge-media img,.web-text-link {transition:none!important;}
  .web-hero-visual:hover .web-design-window,
  .web-hero-visual:hover .web-design-phone,
  .web-hero-visual:hover .web-design-visual-tag,
  .web-feature:hover,.web-step:hover,.web-offer-card:hover,
  .web-portfolio-bridge-media:hover,.web-portfolio-bridge-media:hover img,
  .web-text-link:hover {transform:none!important;}
}