/* Circle Design growth, accessibility and performance layer — 2026 */
@font-face{font-family:SpaceGrotesk;src:url('../fonts/SpaceGrotesk-0.woff2') format('woff2');font-weight:500;font-display:optional}@font-face{font-family:SpaceGrotesk;src:url('../fonts/SpaceGrotesk-1.woff2') format('woff2');font-weight:600;font-display:optional}@font-face{font-family:SpaceGrotesk;src:url('../fonts/SpaceGrotesk-2.woff2') format('woff2');font-weight:700;font-display:optional}@font-face{font-family:Manrope;src:url('../fonts/Manrope-0.woff2') format('woff2');font-weight:400;font-display:optional}@font-face{font-family:Manrope;src:url('../fonts/Manrope-3.woff2') format('woff2');font-weight:700;font-display:optional}@font-face{font-family:Manrope;src:url('../fonts/Manrope-4.woff2') format('woff2');font-weight:800;font-display:optional}
:focus-visible{outline:3px solid #f4a261!important;outline-offset:3px}.hero-v2-copy.reveal{opacity:1!important;transform:none!important}.service-preview-title{display:block;margin:0;color:#fff;font-family:SpaceGrotesk,Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.05;letter-spacing:-.045em}.floating-whatsapp{background:#087a3f!important;color:#fff!important}.auto-whatsapp{background:#087a3f!important}.floating-brief{display:none!important}.social-icons svg{width:20px;height:20px;fill:currentColor}.social-icons a span{font-weight:900}.legal-note{font-size:.78rem;color:#667085;margin-top:12px}.legal-note a{color:#0b1f3a;text-decoration:underline}.placeholder-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff0df;color:#8a430d;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.footer-legal{display:flex;gap:14px;flex-wrap:wrap}.footer-legal a{display:inline-block!important;margin:0!important}
/* Growth modules */
.growth-section{background:linear-gradient(135deg,#fff,#fff7ed 55%,#eef6ff)!important}.offer-grid,.tool-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.offer-card,.tool-card,.case-card{overflow:hidden;border:1px solid rgba(11,31,58,.1);border-radius:28px;background:#fff;box-shadow:0 16px 48px rgba(11,31,58,.08);transition:transform .25s ease,box-shadow .25s ease}.offer-card:hover,.tool-card:hover,.case-card:hover{transform:translateY(-7px);box-shadow:0 26px 74px rgba(11,31,58,.14)}.offer-card,.tool-card{padding:26px}.offer-card .tag,.tool-card .tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff0df;color:#8a430d;font-weight:900;font-size:.75rem}.offer-card h3,.tool-card h3{margin-top:20px}.offer-card p,.tool-card p{margin-top:10px}.offer-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.offer-card li:before{content:'✓';color:#087a3f;font-weight:900;margin-right:9px}.offer-price{display:block;font:700 1.8rem SpaceGrotesk;color:#0b1f3a;margin:18px 0}.text-link{display:inline-flex;color:#0b1f3a;font-weight:900;margin-top:18px}.text-link:hover{color:#f4a261}.case-card img{width:100%;height:250px;object-fit:cover}.case-card>div{padding:22px}.case-card h3{margin-top:10px}.case-card p{margin-top:10px}.founder-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.founder-wrap figure{margin:0;border-radius:32px;overflow:hidden;box-shadow:0 24px 74px rgba(11,31,58,.15)}.founder-wrap figure img{width:100%;height:500px;object-fit:cover}.founder-copy h2{margin:18px 0}.founder-copy p+p{margin-top:14px}.founder-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.founder-points span{padding:13px;border:1px solid rgba(11,31,58,.1);border-radius:16px;background:#fff;font-weight:900}
/* New page system */
.page-hero{padding:88px 0 68px;background:radial-gradient(circle at 12% 15%,rgba(244,162,97,.28),transparent 27%),radial-gradient(circle at 88% 12%,rgba(11,31,58,.1),transparent 31%),linear-gradient(135deg,#fff7ed,#f8fbff 55%,#fff)}.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.page-hero h1{font-size:clamp(2.7rem,5.8vw,5.7rem)}.page-hero p{font-size:1.12rem;margin-top:20px;max-width:720px}.page-hero img{width:100%;height:440px;object-fit:cover;border-radius:32px;box-shadow:0 26px 80px rgba(11,31,58,.15)}.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.article-content{font-size:1.04rem}.article-content h2{font-size:clamp(1.8rem,3vw,3rem);margin:46px 0 16px}.article-content h2:first-child{margin-top:0}.article-content h3{margin:30px 0 12px}.article-content p+p{margin-top:14px}.article-content ul,.article-content ol{color:#526579;display:grid;gap:9px}.article-content table{width:100%;border-collapse:collapse;margin:22px 0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(11,31,58,.07)}.article-content th,.article-content td{text-align:left;padding:14px;border-bottom:1px solid rgba(11,31,58,.09)}.article-content th{background:#0b1f3a;color:#fff}.side-card{position:sticky;top:100px;padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(11,31,58,.1);box-shadow:0 16px 46px rgba(11,31,58,.09)}.side-card h3{margin-bottom:12px}.side-card p{margin-bottom:18px}.side-card .btn{width:100%;margin-top:9px}.check-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:11px}.check-list li{display:flex;gap:10px}.check-list li:before{content:'✓';display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#f4a261;color:#fff;font-weight:900;font-size:.75rem}
/* Forms, audit and calculators */
.lead-panel,.calculator{padding:30px;border:1px solid rgba(11,31,58,.1);border-radius:30px;background:#fff;box-shadow:0 20px 60px rgba(11,31,58,.1)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full-row{grid-column:1/-1}.consent-row{display:flex!important;grid-column:1/-1;align-items:flex-start;gap:10px;font-weight:700;font-size:.86rem}.consent-row input{width:auto;margin-top:5px}.calc-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}.calc-result{padding:26px;border-radius:24px;background:linear-gradient(135deg,#0b1f3a,#1d4f83);color:#fff;display:flex;flex-direction:column;justify-content:center}.calc-result small{color:rgba(255,255,255,.72);font-weight:900}.calc-result strong{font:700 clamp(2.2rem,5vw,4rem) SpaceGrotesk;margin:8px 0}.calc-result p{color:rgba(255,255,255,.8)}.calc-result .btn{background:#f4a261;margin-top:22px}.range-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.range-row output{font-weight:900;color:#0b1f3a}.progress-score{height:12px;background:#eaf4ff;border-radius:999px;overflow:hidden;margin:14px 0}.progress-score i{display:block;height:100%;background:linear-gradient(90deg,#f4a261,#087a3f);width:0;transition:width .35s ease}
/* Consent banner */
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:1200;display:none;max-width:920px;margin:auto;padding:16px;border-radius:22px;background:#0b1f3a;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.25);align-items:center;gap:16px}.cookie-banner.show{display:flex}.cookie-banner p{color:rgba(255,255,255,.8);font-size:.88rem;flex:1}.cookie-banner a{color:#ffd2a6;text-decoration:underline}.cookie-actions{display:flex;gap:8px}.cookie-actions button{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 14px;background:transparent;color:#fff;font-weight:900}.cookie-actions .accept{background:#f4a261;border-color:#f4a261;color:#0b1f3a}
@media(max-width:980px){.offer-grid,.tool-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.founder-wrap,.page-hero-grid,.content-wrap,.calc-grid{grid-template-columns:1fr}.founder-wrap figure img{height:420px}.side-card{position:relative;top:0}}
@media(max-width:680px){.offer-grid,.tool-grid,.case-grid,.form-grid{grid-template-columns:1fr}.form-grid .full-row{grid-column:auto}.page-hero{padding:58px 0 48px}.page-hero h1{font-size:2.35rem}.page-hero p{font-size:1rem}.page-hero img{height:300px}.page-actions,.page-actions .btn{width:100%}.founder-wrap figure img{height:360px}.founder-points{grid-template-columns:1fr}.case-card img{height:230px}.lead-panel,.calculator{padding:20px;border-radius:24px}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}.cookie-actions button{flex:1}.article-content table{font-size:.86rem}.article-content th,.article-content td{padding:10px}}
/* Performance-critical hero: stable system metrics prevent late font repaint on slow mobile. */
.hero-v2-copy,.hero-v2-copy *{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
/* Reserve the animated service line so typing never moves primary CTAs or updates LCP. */
.hero-typing{width:430px;max-width:100%;height:58px;min-height:58px;overflow:hidden;align-items:center;justify-content:flex-start;white-space:nowrap}
@media(max-width:680px){.hero-typing{width:100%;height:88px;min-height:88px;white-space:normal;align-content:center}}
/* Final navigation and mobile conversion cleanup. */
body>.auto-reply{display:none!important}.site-header .nav-cta{display:none!important}
@media(max-width:420px){.site-header .brand{width:148px!important;max-width:148px!important}}
@media(max-width:880px){.main-nav:not(.open){display:none!important}.main-nav.open{display:flex!important}}
@media(max-width:680px){.videos .eyebrow{width:auto!important;max-width:100%!important}.why-main-card,.seo-page-grid a,.download-grid,.resources .container{min-width:0;overflow:hidden}.seo-page-grid a{overflow-wrap:anywhere}.videos,.videos .video-grid{overflow:hidden!important}}