/* WebSage Brand System 1.1 — the final authority for brand tokens. */
@font-face{font-family:'Archivo Black';src:url('assets/archivo-black.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope.woff') format('woff');font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#f9f9f6;--white:#fff;--ink:#181817;--dark:#181817;--muted:#62625c;--line:#d4d4cd;--surface:#e9e9e2;--orange:#f45b37;--orange-light:#ff704e;--ember:#a63b22;--font:Manrope,Arial,sans-serif;--display:Manrope,Arial,sans-serif;--mono:Manrope,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-button:12px;--radius-card:20px;--radius-input:10px;--motion-fast:180ms}
.site-v5{font-family:var(--font);font-synthesis:none}
.site-v5 h1,.site-v5 h2,.site-v5 .service-story h3,.site-v5 .live-project h3{font-family:var(--display);font-weight:500}
.site-v5 .brand{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:400}
.site-v5 h3,.site-v5 h4{font-weight:500}
.site-v5 .mono{font-family:var(--font);font-weight:600;letter-spacing:.07em}
.site-v5 :where(button,.action,.header-cta,.underlined-link,.conversation-cta){font-weight:600}
.site-v5 .main-nav{font-weight:500}
.site-v5 .detail-tinted,.site-v5 .getting-started{background:var(--surface)}
.site-v5 .service-story-top>.icon,.site-v5 .why-list article>.mono{color:var(--ember)}
.site-v5 .hero-edition{font-size:.75rem}
.site-v5 .action-orange{color:var(--ink);background:var(--orange)}
.site-v5 .action-orange:hover{background:var(--orange-light)}
.site-v5 :where(a,button,input,summary):focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 5px var(--paper)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-v5 *{animation:none!important;transition:none!important}}

/* Softer typography and glass surfaces, approved reference direction. */
:root{--glass:rgba(255,255,255,.78);--glass-border:rgba(24,24,23,.10);--glass-shadow:0 8px 32px rgba(24,24,23,.045),inset 0 1px 0 rgba(255,255,255,.9)}
.site-v5 .masthead{background:rgba(249,249,246,.91);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-v5 .hero{background:var(--paper);color:var(--ink);border-radius:28px;border:1px solid var(--glass-border);overflow:hidden;min-height:590px;margin-inline:16px}
.site-v5 .hero-scene{opacity:.45;object-position:80% 58%}
.site-v5 .hero-shade{background:linear-gradient(90deg,#f9f9f6 0%,#f9f9f6eb 38%,#f9f9f633 100%),linear-gradient(0deg,#f9f9f6cc,transparent 70%)}
.site-v5 .hero h1{font-size:clamp(3rem,6.3vw,6.4rem);font-weight:500;line-height:1.09;letter-spacing:-.065em;color:var(--ink);max-width:1000px}
.site-v5 .hero-kicker .mono,.site-v5 .hero-edge,.site-v5 .motion-toggle{color:var(--muted)}
.site-v5 .hero-lower{padding:24px 28px;max-width:660px;background:var(--glass);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-v5 .hero-lower>.hero-gist{color:var(--ink);font-size:1.25rem;font-weight:500}
.site-v5 .hero-lower>.hero-explanation{color:var(--muted)}
.site-v5 .hero-actions>.underlined-link{color:var(--ink)}
.site-v5 .hero-edge{border-top-color:var(--glass-border)}
.site-v5 .action,.site-v5 .header-cta,.site-v5 .mobile-call{border-radius:var(--radius-button);overflow:hidden}
.site-v5 .action-arrow{border-left:0}
.site-v5 .service-pair{gap:24px}
.site-v5 .service-story,.site-v5 .detail-grid article,.site-v5 .website-build,.site-v5 .visibility-options>div{padding:28px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-v5 .service-story h3{font-weight:500;letter-spacing:-.045em}
.site-v5 .detail-grid h3{font-weight:500}
.site-v5 .offer-price strong{font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.site-v5 .home-proof{border-radius:28px;margin-inline:16px;background:var(--ink)}
.site-v5 .live-project-image,.site-v5 .project-view img{border-radius:18px;overflow:hidden}
.site-v5 .monthly-website,.site-v5 .budget-explainer{border-radius:20px;border:1px solid var(--glass-border);background:rgba(233,233,226,.65)}
.site-v5 .workflow-demo,.site-v5 .step-card{border-radius:18px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}
.site-v5 .step-card{background:rgba(255,255,255,.82)}
.site-v5 .transformation-control,.site-v5 .range-end,.site-v5 .range-end-connected,.site-v5 .play-workflow{border-radius:10px}
.site-v5 .mobile-nav{border-radius:16px;box-shadow:var(--glass-shadow);background:rgba(249,249,246,.98)}
.site-v5 .question-list details{padding:20px 24px;margin-bottom:12px;border:1px solid var(--glass-border);border-radius:16px;background:rgba(255,255,255,.7)}
.site-v5 .question-list summary{font-weight:500}
.site-v5 .conversation{margin:0 16px 20px;border-radius:28px;background:linear-gradient(120deg,#fae7dc,#f9f9f6 78%);border:1px solid #f45b3733;color:var(--ink)}
.site-v5 .conversation h2{font-weight:500}
@media(max-width:720px){
 .site-v5 .hero{margin-inline:8px;border-radius:22px;min-height:0}
 .site-v5 .hero-inner{padding:28px 18px 20px}
 .site-v5 .hero h1{font-size:clamp(2rem,9.5vw,4rem);line-height:1.12;letter-spacing:-.06em}
 .site-v5 .hero-lower{padding:20px 16px;margin-top:25px;border-radius:16px;background:rgba(255,255,255,.9)}
 .site-v5 .hero-lower>.hero-gist{font-size:1.125rem}
 .site-v5 .hero-actions{flex-direction:column;gap:12px;align-items:stretch}
 .site-v5 .hero-actions>.action{min-width:0;width:100%}
 .site-v5 .hero-edge{margin-inline:18px}
 .site-v5 .home-proof,.site-v5 .conversation{margin-inline:8px;border-radius:22px}
 .site-v5 .service-story,.site-v5 .detail-grid article,.site-v5 .website-build,.site-v5 .visibility-options>div{padding:22px 18px;border-radius:18px}
 .site-v5 .question-list details{padding:18px 16px}
 .site-v5 .page-intro h1{font-weight:500;letter-spacing:-.055em;line-height:1.12}
}
@supports not (backdrop-filter:blur(1px)){.site-v5 .hero-lower,.site-v5 .service-story,.site-v5 .detail-grid article{background:#fff}}