/* ==== WebCrafters main stylesheet: everything below the fold. Loaded async. ==== */
/* ---- Sections ---- */
.wc-section{padding-block:clamp(56px,7vw,92px)}
.wc-stats+.wc-section{padding-top:clamp(40px,5vw,64px)}
.wc-section--tight{padding-block:clamp(32px,4vw,56px)}
.wc-section--alt{background:var(--surface)}
body .wc-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:clamp(28px,4vw,42px);flex-wrap:wrap}
body .wc-sec-head h2{font-size:clamp(1.75rem,3.4vw,2.625rem);letter-spacing:-.03em;max-width:22ch}
.wc-sec-head__p{color:var(--slate);max-width:52ch;font-size:1rem}
.wc-sec-head--center{justify-content:center;text-align:center}
.wc-sec-head--center h2{max-width:none;margin-inline:auto}
.wc-sec-head--center>*{margin-inline:auto}
.wc-section__more{margin-top:28px;font-weight:700}
.wc-section__more a{color:var(--blue)}
.wc-section__more a:hover{color:var(--blue-700);text-decoration:underline}
/* ---- Cards (block styles on core/group) ---- */
.is-style-card,.is-style-card-dark,.is-style-card-amber,.is-style-glass{border-radius:var(--r-l);padding:26px;position:relative;overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.is-style-card{background:#fff;border:1px solid var(--line)}
.is-style-card-dark{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;border:1px solid transparent}
.is-style-card-dark h2,.is-style-card-dark h3,.is-style-card-dark h4,.is-style-card-dark p,.is-style-card-dark li{color:#fff}
.is-style-card-dark p,.is-style-card-dark li{color:#C7D2E3}
.is-style-card-dark .is-style-eyebrow{color:#93C5FD!important}
.is-style-card-dark a{color:#fff}
.is-style-card-amber{background:linear-gradient(160deg,#FFF7E6,#fff);border:1px solid #F7E4B8}
.is-style-glass{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* ---- Stats band: four centred cards on navy, badge icons ---- */
.wc-stats{padding-block:clamp(52px,5.5vw,72px) clamp(40px,4.5vw,56px);position:relative;overflow:hidden}
.wc-stats::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 80% at 50% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(60% 80% at 50% 50%,#000 20%,transparent 100%);pointer-events:none}
.wc-stats::after{content:"";position:absolute;right:-6%;top:-60%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(11,95,211,.5),transparent 65%);filter:blur(24px);pointer-events:none}
body .wc-stats__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;padding-left:12px}
.wc-stats__grid>*{margin-block-start:0}
body .wc-stat{position:relative;padding:34px 20px 24px;display:grid;grid-template-rows:auto 3.2em;justify-items:center;align-items:center;row-gap:10px;text-align:center;min-width:0;border:0;border-radius:14px;background:#fff;box-shadow:0 26px 50px -26px rgba(0,0,0,.6);overflow:visible;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
body .wc-stat::before,body .wc-stat::after{content:none}
body .wc-stat:hover{transform:translateY(-3px);box-shadow:0 34px 60px -26px rgba(0,0,0,.7),0 0 50px -12px rgba(11,95,211,.5)}
.wc-stat .wc-icon-block.is-style-tile{position:absolute;left:-18px;top:-22px;width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#1E6FE0,var(--blue) 45%,var(--navy-2));color:#fff;margin:0;display:inline-grid;place-items:center;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 6px rgba(11,95,211,.28),0 0 0 13px rgba(11,95,211,.12),0 0 0 22px rgba(11,95,211,.05),0 14px 28px -10px rgba(0,0,0,.6)}
.wc-stat .wc-icon-block svg{width:24px;height:24px}
.wc-stat__n{font-family:var(--body);font-size:clamp(3.25rem,5vw,5.5rem);font-weight:800;letter-spacing:-.05em;color:var(--ink);line-height:1;display:flex;align-items:baseline;justify-content:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.wc-stat__v{display:inline-block;text-align:right}
.wc-stat__n small{font-family:var(--body);font-weight:800;color:var(--blue)}
.wc-stat__n small:first-child{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin-right:.4em}
.wc-stat__n small:last-child{font-size:2rem;margin-left:.04em}
.wc-stat__l{font-size:1.15rem;font-weight:700;color:var(--ink-2);line-height:1.3;align-self:start;max-width:16ch;text-wrap:balance}
@media (max-width:980px){body .wc-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}}
@media (max-width:420px){body .wc-stat{padding:26px 12px 16px;grid-template-rows:auto 3em}.wc-stat .wc-icon-block.is-style-tile{width:48px;height:48px;left:-10px;top:-16px;box-shadow:0 0 0 5px rgba(11,95,211,.28),0 0 0 10px rgba(11,95,211,.12),0 12px 24px -10px rgba(0,0,0,.6)}.wc-stat__n{font-size:3rem}.wc-stat__l{font-size:1rem}}
/* ---- Services section: faded maple leaf backdrop ---- */
.wc-section--services{position:relative;overflow:hidden}
.wc-section--services::before{content:"";position:absolute;right:5%;top:14px;width:min(400px,32vw);aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23D52B1E' d='M36 20.917c0-.688-2.895-.5-3.125-1s3.208-4.584 2.708-5.5s-5.086 1.167-5.375.708c-.288-.458.292-3.5-.208-3.875s-5.25 4.916-5.917 4.292c-.666-.625 1.542-10.5 1.086-10.698c-.456-.198-3.419 1.365-3.793 1.282C21.002 6.042 18.682 0 18 0s-3.002 6.042-3.376 6.125c-.374.083-3.337-1.48-3.793-1.282c-.456.198 1.752 10.073 1.085 10.698C11.25 16.166 6.5 10.875 6 11.25s.08 3.417-.208 3.875c-.289.458-4.875-1.625-5.375-.708s2.939 5 2.708 5.5s-3.125.312-3.125 1s8.438 5.235 9 5.771c.562.535-2.914 2.802-2.417 3.229c.576.496 3.839-.83 10.417-.957V35a1 1 0 1 0 2 0v-6.04c6.577.127 9.841 1.453 10.417.957c.496-.428-2.979-2.694-2.417-3.229c.562-.536 9-5.084 9-5.771z'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.08;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 95%);mask-image:linear-gradient(180deg,#000 45%,transparent 95%);transform:rotate(-8deg)}
@media (max-width:980px){.wc-section--services::before{width:70vw;right:-10%;top:2%;opacity:.06}}
.wc-section--services>*{position:relative;z-index:1}
/* ---- Feature tile (web design) ---- */
body .wc-tile--feature{padding:30px 30px 28px;gap:14px;background:linear-gradient(150deg,#0A2450 0%,#071D39 55%,#0B2A55 100%);isolation:isolate}
body .wc-tile--feature::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(70% 70% at 80% 20%,#000,transparent);mask-image:radial-gradient(70% 70% at 80% 20%,#000,transparent);pointer-events:none;z-index:-1}
body .wc-tile--feature::after{right:-90px;top:-110px;bottom:auto;width:240px;height:240px;background:radial-gradient(circle at 30% 30%,rgba(11,95,211,.9),rgba(11,95,211,0) 70%);opacity:.7}
.wc-tile__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FCD34D;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:1px solid rgba(252,211,77,.4);border-radius:4px;padding:5px 9px;line-height:1.2}
.wc-tile__eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#FCD34D}
.wc-tile--feature h3{font-size:1.6rem;letter-spacing:-.03em;max-width:16ch}
.wc-tile--feature>p{font-size:.98rem;color:#C7D2E3;max-width:52ch;flex:0}
.wc-tile--feature .wc-tile__checks{gap:8px;font-size:.92rem;margin:2px 0 4px}
.wc-tile--feature .wc-tile__checks li{color:#E2E8F0}
.wc-tile--feature .wc-tile__checks li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FCD34D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.wc-tile--feature .wc-tile__links{margin-top:auto}
.wc-tile--feature .wc-tile__cta{position:relative;z-index:1;margin-top:6px}
.wc-tile--feature .wc-tile__cta .wp-block-button__link{color:var(--ink)}
@media (max-width:600px){body .wc-tile--feature{padding:24px 22px}.wc-tile--feature h3{font-size:1.35rem}}
.wc-shot .wc-hero--show .wc-hero__grid{min-height:0}
/* ---- Two lead tiles: compact, with faded background graphics ---- */
body .wc-tile--feature,body .wc-tile--seo{padding:22px 24px 22px;gap:10px;min-height:0}
.wc-tile--feature h3,.wc-tile--seo h3{font-size:1.45rem;letter-spacing:-.03em;max-width:none}
.wc-tile--feature>p,.wc-tile--seo>p{font-size:.94rem;max-width:46ch;flex:0}
.wc-tile--feature .wc-tile__checks,.wc-tile--seo .wc-tile__checks{gap:6px;font-size:.9rem;margin:0}
.wc-tile--feature .wc-tile__links,.wc-tile--seo .wc-tile__links{margin-top:2px}
.wc-tile--feature .wc-tile__cta,.wc-tile--seo .wc-tile__cta{margin-top:auto;padding-top:6px}
body .wc-tile--feature::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' fill='none' stroke='%2393C5FD' stroke-width='2'%3E%3Crect x='2' y='2' width='316' height='216' rx='12'/%3E%3Cline x1='2' y1='30' x2='318' y2='30'/%3E%3Ccircle cx='18' cy='16' r='4'/%3E%3Ccircle cx='32' cy='16' r='4'/%3E%3Ccircle cx='46' cy='16' r='4'/%3E%3Crect x='24' y='52' width='120' height='14' rx='4'/%3E%3Crect x='24' y='76' width='180' height='8' rx='3'/%3E%3Crect x='24' y='92' width='150' height='8' rx='3'/%3E%3Crect x='24' y='118' width='70' height='22' rx='4'/%3E%3Crect x='200' y='52' width='96' height='88' rx='8'/%3E%3Crect x='24' y='160' width='80' height='40' rx='6'/%3E%3Crect x='118' y='160' width='80' height='40' rx='6'/%3E%3Crect x='212' y='160' width='84' height='40' rx='6'/%3E%3C/svg%3E");background-size:auto 58%;background-repeat:no-repeat;background-position:right -36px bottom 14px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 52%,#000 80%);mask-image:linear-gradient(90deg,transparent 52%,#000 80%)}
body .wc-tile--seo{position:relative;overflow:hidden;isolation:isolate}
body .wc-tile--seo::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200' fill='none' stroke='%23B45309' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='20' y1='180' x2='300' y2='180'/%3E%3Crect x='40' y='120' width='26' height='60' rx='3' fill='%23F59E0B' fill-opacity='.35' stroke='none'/%3E%3Crect x='84' y='100' width='26' height='80' rx='3' fill='%23F59E0B' fill-opacity='.35' stroke='none'/%3E%3Crect x='128' y='130' width='26' height='50' rx='3' fill='%23F59E0B' fill-opacity='.35' stroke='none'/%3E%3Crect x='172' y='80' width='26' height='100' rx='3' fill='%23F59E0B' fill-opacity='.35' stroke='none'/%3E%3Crect x='216' y='60' width='26' height='120' rx='3' fill='%23F59E0B' fill-opacity='.35' stroke='none'/%3E%3Crect x='260' y='36' width='26' height='144' rx='3' fill='%23F59E0B' fill-opacity='.35' stroke='none'/%3E%3Cpolyline points='30,150 75,140 120,125 165,105 210,70 255,50 300,24' stroke-width='3'/%3E%3Ccircle cx='300' cy='24' r='5' fill='%23B45309'/%3E%3C/svg%3E") no-repeat right 22px bottom 14px/auto 62%;opacity:.35;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 70%);mask-image:linear-gradient(90deg,transparent 30%,#000 70%)}
.wc-tile__eyebrow--offer{color:#B45309;border-color:rgba(180,83,9,.35)}
.wc-tile__eyebrow--offer::before{background:#D52B1E;box-shadow:0 0 0 3px rgba(213,43,30,.2)}
.wc-tile--seo .wc-tile__links a{color:var(--amber-700)!important;border-color:rgba(180,83,9,.3)}
.wc-tile--seo .wc-tile__links a:hover{background:rgba(245,158,11,.12)}
.wc-tile--seo h3 a{color:var(--ink)}
.wc-tile__sub{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber-700);margin-top:4px}
.wc-tile--amber .wc-tile__checks{gap:8px;font-size:.92rem}
/* ---- Tile hover: no underline, sweep bar, icon flip ---- */
.wc-home .wp-block-post-content>*{margin-block-start:0}
.wc-tile a,.wc-tile h3 a:hover{text-decoration:none!important}
.wc-tile .wc-icon-block.is-style-tile,.wc-tile .wc-icon-block.is-style-tile-amber{transition:background .25s var(--ease),color .25s var(--ease),transform .35s var(--ease),box-shadow .25s}
.wc-tile:hover .wc-icon-block.is-style-tile{background:var(--blue);color:#fff;transform:translateY(-3px) rotate(-6deg);box-shadow:0 10px 20px -10px rgba(11,95,211,.7)}
.wc-tile:hover .wc-icon-block.is-style-tile-amber{background:var(--amber);color:var(--ink);transform:translateY(-3px) rotate(-6deg)}
.wc-tile:not(.wc-tile--big):not(.wc-tile--seo):not(.wc-tile--ai)::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);opacity:1;width:auto;border-radius:0}
.wc-tile:not(.wc-tile--big):not(.wc-tile--seo):not(.wc-tile--ai):hover::after{transform:scaleX(1)}
.wc-tile h3 a{transition:color .2s}
.wc-tile:not(.wc-tile--big):hover h3 a{color:var(--blue)}
/* ---- AI tile: standout ---- */
body .wc-tile--ai{background:linear-gradient(160deg,#FFFFFF 0%,#EAF1FD 100%);border:0;isolation:isolate;overflow:hidden}
body .wc-tile--ai::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,var(--blue),#7C3AED 50%,var(--amber));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
body .wc-tile--ai::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 200' fill='none' stroke='%230B5FD3' stroke-width='1.5'%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3Ccircle cx='120' cy='30' r='6'/%3E%3Ccircle cx='200' cy='60' r='6'/%3E%3Ccircle cx='70' cy='110' r='6'/%3E%3Ccircle cx='150' cy='120' r='6'/%3E%3Ccircle cx='210' cy='160' r='6'/%3E%3Ccircle cx='100' cy='180' r='6'/%3E%3Cline x1='46' y1='42' x2='114' y2='32'/%3E%3Cline x1='126' y1='33' x2='194' y2='58'/%3E%3Cline x1='44' y1='45' x2='66' y2='104'/%3E%3Cline x1='76' y1='112' x2='144' y2='119'/%3E%3Cline x1='156' y1='122' x2='204' y2='157'/%3E%3Cline x1='124' y1='36' x2='148' y2='114'/%3E%3Cline x1='104' y1='175' x2='146' y2='126'/%3E%3Cline x1='73' y1='116' x2='98' y2='174'/%3E%3Cline x1='198' y1='66' x2='152' y2='114'/%3E%3C/svg%3E") no-repeat right -40px top -16px/auto 64%;opacity:.28;pointer-events:none;z-index:-1;transform:none;border-radius:0;width:auto;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 48%,#000 82%);mask-image:linear-gradient(90deg,transparent 48%,#000 82%);transition:opacity .3s}
body .wc-tile--ai:hover::after{opacity:.45}
.wc-tile--ai .wc-tile__eyebrow--new{color:var(--blue);border-color:rgba(11,95,211,.35)}
.wc-tile--ai .wc-tile__eyebrow--new::before{background:var(--blue);box-shadow:0 0 0 3px rgba(11,95,211,.2);animation:wc-badge-pulse 2.2s ease-in-out infinite}
@keyframes wc-badge-pulse{50%{box-shadow:0 0 0 6px rgba(11,95,211,0)}}
.wc-tile--ai .wc-icon-block.is-style-tile{background:linear-gradient(135deg,var(--blue),#7C3AED);color:#fff;box-shadow:0 10px 22px -10px rgba(11,95,211,.7)}
.wc-tile--ai h3{font-size:1.3rem}
.wc-tile--ai h3 a,.wc-tile--ai:hover h3 a{background:linear-gradient(90deg,var(--blue),#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.wc-tile--ai .wc-tile__go a{color:#7C3AED}
.wc-tile--ai:hover .wc-icon-block.is-style-tile{background:linear-gradient(135deg,#7C3AED,var(--blue))}
/* ---- Bento services ---- */
body .wc-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.wc-tile{grid-column:span 2;display:flex;flex-direction:column;gap:12px;min-height:220px}
.wc-tile--big,.wc-tile--amber{grid-column:span 3}
.wc-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
.wc-tile h3{font-size:1.25rem;letter-spacing:-.02em}
.wc-tile h3 a{color:inherit}
.wc-tile h3 a::after{content:"";position:absolute;inset:0}
.wc-tile p{font-size:.92rem;color:var(--slate)}
.wc-tile p a{position:relative;z-index:1;color:var(--blue);font-weight:600}
.wc-tile--big p{color:#C7D2E3}
.wc-tile--big p a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.wc-tile__links{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.wc-tile__links a{position:relative;z-index:1;font-size:.78rem;font-weight:700;border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:4px 10px;color:#fff!important;text-decoration:none!important;transition:background .15s}
.wc-tile__links a:hover{background:rgba(255,255,255,.12)}
.wc-tile__go{margin-top:auto;font-weight:700;font-size:.9rem}
.wc-tile__go a{color:var(--blue)}
.wc-tile--big .wc-tile__go a{color:#93C5FD}
.wc-tile--big::after{content:"";position:absolute;right:-50px;bottom:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(245,158,11,.85),rgba(245,158,11,0) 70%);opacity:.55;pointer-events:none}
@media (max-width:980px){body .wc-bento{grid-template-columns:repeat(2,1fr)}.wc-tile,.wc-tile--big,.wc-tile--amber{grid-column:span 2;min-height:0}}
@media (min-width:600px) and (max-width:980px){.wc-tile{grid-column:span 1}.wc-tile--big,.wc-tile--amber{grid-column:span 2}}
/* ---- Platforms and tools: tool wall ---- */
.wc-tools{padding-block:clamp(48px,6vw,80px) 16px;background:#fff}
#work.wc-section{padding-top:24px}
.wc-tools .wc-sec-head{margin-bottom:8px}
body .wc-tools__row{display:grid;grid-template-columns:200px 1fr;gap:20px 32px;padding:26px 0;border-top:1px solid var(--line);align-items:start}
.wc-tools__row>*,.wc-tools__label>*,.wc-tools__tiles>*{margin-block-start:0}
.wc-tools__head{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--ink)}
.wc-tools__desc{font-size:.85rem;color:var(--slate);margin-top:4px}
body .wc-tools__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
body .wc-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:12px 8px 10px;background:var(--surface);border:1px solid transparent;border-radius:10px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,border-color .2s}
body .wc-tool:hover{background:#fff;border-color:var(--blue-100);transform:translateY(-3px);box-shadow:var(--sh-2)}
.wc-tool__icon{margin:0;height:30px;display:flex;align-items:center;justify-content:center}
.wc-tool__icon img{width:auto;max-width:64px;height:30px;object-fit:contain;transition:transform .25s var(--ease)}
.wc-tool:hover .wc-tool__icon img{transform:scale(1.12)}
.wc-tool__name{font-size:.74rem;font-weight:600;color:var(--ink-2);text-align:center;line-height:1.2;margin:0}
.wc-tool__mono{width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.02em;margin:0}
@media (max-width:980px){body .wc-tools__row{grid-template-columns:1fr;gap:14px}body .wc-tools__tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}
/* ---- Case studies: equal cards ---- */
.wc-section .wc-work,.wc-section .wc-work__grid{margin:0;padding:0}
body .wc-work__grid{display:flex;gap:18px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wc-work__grid::-webkit-scrollbar{display:none}
.wc-work__grid>li{flex:0 0 calc((100% - 36px) / 3);scroll-snap-align:start}
body .wc-work__actions{gap:10px;align-items:center}
.wc-slider{position:relative}
.wc-slider__btn{position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line-2);border-radius:4px;color:var(--ink);cursor:pointer;box-shadow:var(--sh-2);transition:border-color .15s,color .15s,opacity .15s,transform .15s}
.wc-slider__btn--prev{left:-24px}
.wc-slider__btn--next{right:-24px}
.wc-slider__btn:hover{border-color:var(--blue);color:var(--blue);transform:scale(1.05)}
.wc-slider__btn[disabled]{opacity:0;pointer-events:none}
@media (max-width:1300px){.wc-slider__btn--prev{left:-12px}.wc-slider__btn--next{right:-12px}}
@media (max-width:600px){.wc-slider__btn{width:40px;height:40px;margin-top:-20px}.wc-slider__btn--prev{left:-8px}.wc-slider__btn--next{right:-8px}}
@media (max-width:980px){.wc-work__grid>li{flex-basis:calc((100% - 18px) / 2)}}
@media (max-width:600px){.wc-work__grid>li{flex-basis:88%}}
.wc-work__grid>li{margin:0;min-width:0}
body .wc-case{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
body .wc-case:hover{transform:translateY(-4px);box-shadow:0 30px 50px -28px rgba(7,29,57,.45),0 2px 6px rgba(15,23,42,.06);border-color:var(--blue-100)}
.wc-case>*{margin-block-start:0}
body .wc-case__media{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--surface);flex:none}
.wc-case__media>*{margin-block-start:0}
.wc-case__shot{margin:0;height:100%}
.wc-case__shot a,.wc-case__shot img{display:block;width:100%;height:100%}
.wc-case__shot img{object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.wc-case:hover .wc-case__shot img{transform:scale(1.05)}
.wc-case__tag{position:absolute;left:14px;bottom:12px;z-index:1;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(7,29,57,.78);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:5px 9px;margin:0}
.wc-case__tag:empty{display:none}
body .wc-case__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.wc-case__body>*{margin-block-start:0}
.wc-case h3{font-size:1.2rem;letter-spacing:-.02em}
.wc-case h3 a{color:var(--ink);text-decoration:none!important}
.wc-case:hover h3 a{color:var(--blue)}
.wc-case .wp-block-post-excerpt__excerpt{color:var(--slate)}
.wc-case .wp-block-post-excerpt__more-text{display:none}
body .wc-case__results{flex-direction:column;align-items:stretch;gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
body .wc-metric{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:6px;padding:7px 10px;min-width:0}
.wc-metric .wc-icon-block{width:26px;height:26px;border-radius:6px;background:var(--blue-050);color:var(--blue);display:inline-grid;place-items:center;flex:none}
.wc-metric .wc-icon-block svg{width:15px;height:15px}
.wc-metric>*{margin-block-start:0}
.wc-metric__k{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);flex:none;width:64px}
.wc-metric__v{font-size:.86rem;font-weight:600;color:var(--ink);line-height:1.3;min-width:0}
.wc-metric__v:empty{display:none}
.wc-metric:has(.wc-metric__v:empty){display:none}
.wc-case__more{font-size:.86rem;font-weight:700;color:var(--blue);margin-top:4px}
/* ---- How we work: roles + timeline + cloud strip ---- */
#why.wc-section,#reviews.wc-section{padding-block:calc(clamp(56px,7vw,92px) - 20px)}
body .wc-how__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px 40px;align-items:start}
.wc-how__grid>*,.wc-how__team>*,.wc-how__steps>*,.wc-how__roles>*,.wc-timeline>*,.wc-tstep>*,.wc-tstep__body>*,.wc-cloud>*,.wc-cloud__copy>*,.wc-cloud__side>*{margin-block-start:0}
.wc-how__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:14px}
body .wc-how__roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body .wc-role{padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;border-color:var(--line);box-shadow:none;position:relative;overflow:hidden}
body .wc-role::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body .wc-role:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
body .wc-role:hover::after{transform:scaleX(1)}
.wc-role .wc-icon-block.is-style-tile{transition:background .25s var(--ease),color .25s var(--ease),transform .35s var(--ease)}
.wc-role:hover .wc-icon-block.is-style-tile{background:var(--blue);color:#fff;transform:translateY(-3px) rotate(-6deg)}
.wc-role .wc-icon-block{margin-bottom:4px}
.wc-role h3{font-size:1rem}
.wc-role p{color:var(--slate);font-size:.88rem}
body .wc-timeline{display:flex;flex-direction:column;position:relative;padding-left:0}
body .wc-tstep{display:grid;grid-template-columns:44px 1fr;gap:14px;position:relative;padding-bottom:22px}
.wc-tstep::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:linear-gradient(180deg,var(--blue-100),var(--line))}
.wc-tstep:last-child::before{display:none}
.wc-tstep:last-child{padding-bottom:0}
.wc-tstep__n{width:44px;height:44px;border-radius:4px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:.02em;position:relative;z-index:1}
.wc-tstep__body{padding-top:8px;display:flex;flex-direction:column;gap:6px}
.wc-tstep__body h3{font-size:1rem}
.wc-tstep__body p{color:var(--slate);font-size:.88rem}
.wc-tstep__t{font-family:var(--body);font-size:.78rem;color:var(--blue);font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px;background:var(--blue-050);border-radius:4px;padding:3px 8px;align-self:flex-start}
.wc-tstep__t::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
body .wc-cloud--wide{margin-top:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:34px 36px;position:relative;isolation:isolate;background:linear-gradient(120deg,#071D39 0%,#0B2A55 60%,#0B3F86 100%)}
body .wc-cloud--wide::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' fill='none' stroke='%2393C5FD' stroke-width='2' stroke-linecap='round'%3E%3Crect x='20' y='20' width='120' height='200' rx='8'/%3E%3Cline x1='36' y1='52' x2='124' y2='52'/%3E%3Cline x1='36' y1='84' x2='124' y2='84'/%3E%3Cline x1='36' y1='116' x2='124' y2='116'/%3E%3Cline x1='36' y1='148' x2='124' y2='148'/%3E%3Cline x1='36' y1='180' x2='124' y2='180'/%3E%3Ccircle cx='112' cy='40' r='3' fill='%2393C5FD'/%3E%3Ccircle cx='112' cy='72' r='3' fill='%2393C5FD'/%3E%3Ccircle cx='112' cy='104' r='3' fill='%2393C5FD'/%3E%3Ccircle cx='112' cy='136' r='3' fill='%2393C5FD'/%3E%3Ccircle cx='112' cy='168' r='3' fill='%2393C5FD'/%3E%3Cpath d='M200 150h100a34 34 0 0 0 0-68 46 46 0 0 0-88-12 38 38 0 0 0-12 80z'/%3E%3Cline x1='140' y1='120' x2='196' y2='120' stroke-dasharray='4 6'/%3E%3Cline x1='250' y1='150' x2='250' y2='210' stroke-dasharray='4 6'/%3E%3Crect x='214' y='210' width='72' height='14' rx='4'/%3E%3Ccircle cx='300' cy='190' r='18'/%3E%3Cpath d='M292 190l6 6 10-12'/%3E%3C/svg%3E") no-repeat right -70px top 8px/auto 62%;opacity:.14;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 74%,#000 94%);mask-image:linear-gradient(90deg,transparent 74%,#000 94%)}
body .wc-cloud--wide::after{content:"";position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(11,95,211,.55),transparent 65%);pointer-events:none;z-index:-1}
.wc-cloud__side .is-style-checks{gap:10px}
body .wc-cloud__cta{gap:10px;margin-top:4px}
.wc-btn--onnavy .wp-block-button__link{background:rgba(7,29,57,.82);color:#fff;border-color:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wc-btn--onnavy .wp-block-button__link:hover{background:#fff;color:var(--navy);border-color:#fff}
.wc-cloud__copy{display:flex;flex-direction:column;gap:10px}
.wc-cloud__copy h3{font-size:1.35rem;letter-spacing:-.02em}
.wc-cloud__side{display:flex;flex-direction:column;gap:14px}
@media (max-width:980px){body .wc-how__grid{grid-template-columns:1fr}body .wc-cloud--wide{grid-template-columns:1fr}}
@media (max-width:560px){body .wc-how__roles{grid-template-columns:1fr}}
/* ---- Testimonials ---- */
body .wc-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wc-quote{display:flex;flex-direction:column;gap:14px;margin:0}
body .wc-quote__top{align-items:center;gap:10px}.wc-quote__stars{color:var(--amber);letter-spacing:2px;font-size:.9rem}.wc-quote__date{font-size:.78rem;color:var(--slate);font-weight:600}
.wc-quote__text{font-size:.98rem;color:var(--ink-2);line-height:1.6;flex:1}
body .wc-quote__who{gap:12px;align-items:center;font-size:.8rem;color:var(--slate);line-height:1.35}
body .wc-quote__who strong{color:var(--ink);font-size:.9rem}
.wc-quote__av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--display);flex:none}
.wc-quote--cta{gap:12px}
.wc-quote--cta h3{margin-top:6px}
.wc-sec-head__badge .wc-rating{background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 14px 8px 10px;font-size:.84rem;font-weight:700;color:var(--ink)}
.wc-g{width:22px;height:22px;border-radius:50%;background:conic-gradient(#4285F4 0 25%,#34A853 0 50%,#FBBC05 0 75%,#EA4335 0);flex:none}
@media (max-width:980px){body .wc-quotes{grid-template-columns:1fr 1fr}}
@media (max-width:600px){body .wc-quotes{grid-template-columns:1fr}}
/* ---- Tree Canada ---- */
.wc-tree{padding-top:0;padding-bottom:0;background:radial-gradient(90% 70% at 85% 10%,rgba(15,157,138,.42),transparent 60%),linear-gradient(160deg,#052A26 0%,#083D37 60%,#0A4B43 100%);color:#fff;position:relative;overflow:hidden}
body .wc-tree__inner{position:static;padding-block:clamp(40px,5vw,60px) 0;min-height:0}
body .wc-tree__card{display:block;position:relative;z-index:2;padding-bottom:clamp(90px,8vw,120px)}
.wc-tree__copy{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2;max-width:560px}
.wc-tree__copy h2,.wc-tree__copy p{color:#fff}
.wc-tree__copy h2{font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.03em;line-height:1.1}
.wc-tree__copy p{color:#CDEFE8;max-width:50ch}
.wc-tree__copy .is-style-eyebrow{color:#7EE0CF!important}
body .wc-tree__list{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:10px}
body .wc-tree__list li{position:relative;padding-left:30px;color:#CDEFE8;font-size:.95rem}
body .wc-tree__list li strong{color:#fff}
body .wc-tree__list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:rgba(126,224,207,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237EE0CF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.wc-tree__copy .is-style-ghost .wp-block-button__link{background:#fff;color:#06322D;border-color:#fff}
.wc-tree__copy .is-style-ghost .wp-block-button__link:hover{background:#7EE0CF;border-color:#7EE0CF;color:#06322D}
body .wc-tree__scene{position:absolute;left:0;right:0;bottom:-2px;z-index:1;pointer-events:none;margin:0}
.wc-grow{margin:0;width:100%}
.wc-grow svg{display:block;width:100%;height:auto}
@media (max-width:860px){body .wc-tree__card{padding-bottom:clamp(120px,34vw,220px)}}
.wcg-tree{transform-box:fill-box;transform-origin:50% 100%;animation:wcg-grow 7s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--d)}
@keyframes wcg-grow{0%,42%{transform:scale(.001)}54%{transform:scale(1.06)}60%,96%{transform:scale(1)}100%{transform:scale(.001)}}
.wcg-live{transform-box:fill-box;transform-origin:50% 100%;animation:wcg-pop 7s ease infinite}
@keyframes wcg-pop{0%,6%{opacity:0;transform:translateY(8px) scale(.9)}14%,86%{opacity:1;transform:none}100%{opacity:1}}
.wcg-leaf{animation:wcg-float 4s ease-in-out infinite;animation-delay:var(--d);opacity:0}
@keyframes wcg-float{0%{opacity:0;transform:translateY(0)}30%{opacity:.9}100%{opacity:0;transform:translateY(-38px) translateX(10px)}}
.wc-tree:not(.is-playing) .wcg-tree,.wc-tree:not(.is-playing) .wcg-live,.wc-tree:not(.is-playing) .wcg-leaf{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.wcg-tree,.wcg-live,.wcg-leaf{animation:none!important;opacity:1;transform:none}.wcg-spark{display:none}}
.wc-shot .wcg-tree,.wc-shot .wcg-live{animation:none!important;transform:none;opacity:1}

/* ---- Pricing ---- */
body .wc-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.wc-price{display:flex;flex-direction:column;gap:14px;padding:30px 28px}
.wc-price--pop{border-color:var(--blue);box-shadow:var(--sh-2)}
.wc-price__pill{position:absolute;top:-1px;left:24px;background:var(--blue);color:#fff;border-radius:0 0 6px 6px;font-size:.74rem;font-weight:700;padding:5px 12px;letter-spacing:.04em}
.wc-price__price{font-family:var(--display);font-size:2.4rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}
.wc-price__price small{font-family:var(--body);font-size:.85rem;color:var(--slate);font-weight:600;letter-spacing:0}
.wc-price>p{color:var(--slate)}
.wc-price .wp-block-buttons{margin-top:auto;padding-top:8px}
.wc-price .wp-block-button,.wc-price .wp-block-button__link{width:100%}
@media (max-width:980px){body .wc-prices{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
/* ---- Checklist ---- */
.is-style-checks{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.is-style-checks li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2)}
.is-style-checks li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--green-050);margin-top:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}
.is-style-card-dark .is-style-checks li{color:#DCE5F2}
.is-style-card-dark .is-style-checks li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237EE0CF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
/* ---- Insights / post cards ---- */
body .wc-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0}
body .wc-post-grid>li{margin:0}
.wc-post-card{padding:0;display:flex;flex-direction:column;height:100%}
.wc-post-card .wp-block-post-featured-image{margin:0;background:var(--surface)}
.wc-post-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.wc-post-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.wc-post-card h3{font-size:1.1rem;line-height:1.3}
.wc-post-card h3 a{color:var(--ink)}
.wc-post-card h3 a:hover{color:var(--blue)}
.wc-post-card .wp-block-post-excerpt__excerpt{color:var(--slate)}
.wc-post-card .wp-block-post-excerpt__more-text{display:none}
.wc-post-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
@media (max-width:980px){body .wc-post-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){body .wc-post-grid{grid-template-columns:1fr}}
/* ---- FAQ ---- */
body .wc-faq__grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.4fr;gap:clamp(28px,5vw,72px);align-items:start}
.wc-faq__aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.wc-faq__aside>*{margin-block-start:0}
.wc-faq__aside h2{font-size:clamp(1.75rem,3.4vw,2.625rem);letter-spacing:-.03em}
body .wc-faq__help{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:22px;display:flex;flex-direction:column;gap:10px}
.wc-faq__help>*{margin-block-start:0}
.wc-faq__help h3{margin-top:4px}
.wc-faq__help p{color:var(--slate)}
body .wc-faq__phone{gap:8px;align-items:center;font-weight:700;color:var(--ink)}
.wc-faq__phone a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:1.05rem}
.wc-faq__phone a:hover{color:var(--blue)}
.wc-faq__phone svg{color:var(--blue)}
#faq.wc-section{padding-block:calc(clamp(56px,7vw,92px) - 20px)}
body .wc-faq{display:grid;gap:10px}
@media (max-width:900px){body .wc-faq__grid{grid-template-columns:1fr;gap:12px}.wc-faq__aside{position:static;display:contents}.wc-faq__aside>*{margin-block-start:0}body .wc-faq{order:1;margin-top:12px}.wc-faq__help{order:2;margin-top:24px}}
body .wc-faq>.wc-faq__item{width:100%;max-width:none;margin-inline:0}
.wc-faq__item{background:#fff;border:1px solid var(--line);border-radius:var(--r-m,10px);padding:0 22px;margin:0;transition:border-color .2s,box-shadow .2s}
.wc-faq__item:hover{border-color:var(--blue-100);box-shadow:var(--sh-1)}
.wc-faq__item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}
.wc-faq__item summary::-webkit-details-marker{display:none}
.wc-faq__item summary::after{content:"+";font-family:var(--mono);font-size:1.3rem;color:var(--blue);transition:transform .2s;flex:none}
.wc-faq__item[open] summary::after{transform:rotate(45deg)}
.wc-faq__item>*:not(summary){padding-bottom:18px;color:var(--slate);font-size:.95rem;max-width:none}
.wc-faq__item[open]{border-color:var(--blue-100)}
/* ---- Client portal strip ---- */
.wc-portal{padding-block:0 clamp(40px,5vw,64px)}
body .wc-portal__inner{gap:16px 24px;align-items:center;padding:18px 24px;background:var(--surface);border-color:var(--line)}
.wc-portal__label{color:var(--slate);font-size:.95rem}
.wc-portal__label strong{color:var(--ink)}
.wc-portal__links{display:flex;flex-wrap:wrap;gap:8px}
.wc-portal__links a{font-size:.84rem;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:4px;padding:7px 14px;transition:border-color .15s,color .15s}
.wc-portal__links a:hover{border-color:var(--blue);color:var(--blue)}
/* ---- Final CTA ---- */
#quote.wc-cta-full{padding-block:0;background:linear-gradient(180deg,#0B5FD3 0%,#0A4FB0 35%,#083A80 70%,#071D39 100%);color:#fff;position:relative;overflow:hidden}
#quote.wc-cta-full::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 85% 10%,rgba(245,158,11,.38),transparent 70%),radial-gradient(50% 45% at 10% 90%,rgba(126,224,207,.14),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23ffffff' fill-opacity='.10'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%);pointer-events:none}
#quote.wc-cta-full>*{position:relative;z-index:1}
body .wc-cta{color:#fff;padding-block:clamp(40px,5vw,64px) clamp(40px,5vw,64px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center;position:relative}
.wc-cta__copy{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.wc-cta__copy>*{margin-block-start:0}
body .wc-cta h2,body .wc-cta h3{color:#fff;letter-spacing:-.03em}
body .wc-cta h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1}
body .wc-cta p{color:#D6E4FA;max-width:48ch;font-size:1rem}
body .wc-cta .is-style-eyebrow{color:#FDE68A!important}
body .wc-cta__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body .wc-cta__list li{position:relative;padding-left:28px;color:#E4EDFB;font-size:.93rem}
body .wc-cta__list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:rgba(252,211,77,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FCD34D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
body .wc-cta__talk{gap:8px 20px;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);margin-top:2px}
body .wc-cta__talk>*{margin-block-start:0}
body .wc-cta .wc-tel{color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
body .wc-cta .wc-tel:hover{color:#FCD34D}
body .wc-cta a{color:#fff}
body .wc-cta .wc-form__heading{color:var(--ink);font-size:1.4rem}
body .wc-cta .wc-form p{color:var(--slate);max-width:none;font-size:.9rem}
body .wc-cta .wc-form__fineprint{font-size:.78rem}
.wc-cta__contact{font-size:.95rem}
body .wc-gfcard{position:relative;z-index:1;background:#fff;border-radius:var(--r-m);padding:clamp(18px,2.4vw,26px);color:var(--ink);box-shadow:0 40px 80px -30px rgba(2,12,32,.7)}
body .wc-gfcard>*{margin-block-start:0}
body .wc-cta .wc-gfcard__title{color:var(--ink);font-size:1.2rem;margin-bottom:2px}
body .wc-cta .wc-gfcard__intro{color:var(--slate);font-size:.85rem;max-width:none;margin-bottom:10px}
.wc-gfcard .gform_wrapper.gravity-theme,.wc-gfcard .gform_wrapper.gform-theme{--gf-color-primary:var(--blue);--gf-color-primary-contrast:#fff;--gf-color-primary-darker:var(--blue-700);--gf-ctrl-border-radius:4px;--gf-ctrl-btn-border-radius:4px;--gf-ctrl-border-color:var(--line-2);--gf-ctrl-border-color-focus:var(--blue);--gf-ctrl-label-color-primary:var(--ink);--gf-ctrl-label-font-size-primary:.8rem;--gf-ctrl-label-font-weight-primary:700;--gf-ctrl-padding-x:12px;--gf-ctrl-padding-y:9px;--gf-ctrl-btn-padding-y:12px;--gf-ctrl-btn-font-weight:700;--gf-ctrl-btn-font-size:1rem;--gf-form-gap-y:10px;--gf-form-gap-x:12px;--gf-ctrl-btn-bg-color-primary:var(--blue);--gf-ctrl-btn-bg-color-hover-primary:var(--blue-700);--gf-ctrl-btn-border-color-primary:var(--blue);--gf-ctrl-btn-border-color-hover-primary:var(--blue-700);--gf-ctrl-font-family:var(--body);--gf-ctrl-btn-font-family:var(--body)}
.wc-gfcard .gform_wrapper .gform_footer{padding:0;margin-top:12px}
.wc-gfcard .gform_wrapper .gform_footer .gform_button,.wc-gfcard .gform_wrapper .gform-button{width:100%;border-radius:4px;font-family:var(--body);font-weight:700}
.wc-gfcard .gform_wrapper .gfield_required{color:var(--red)}
.wc-gfcard .gform_wrapper .gfield_consent_label,.wc-gfcard .gform_wrapper .gfield_description{font-size:.8rem;color:var(--slate)}
.wc-gfcard .gform_wrapper .gfield_label{font-family:var(--body)}
.wc-gfcard .gform_wrapper textarea,.wc-gfcard .gform_wrapper textarea.large{height:72px!important;min-height:0!important}
.wc-gfcard .gform_wrapper select{padding-block:8px!important;line-height:1.4;height:auto!important;min-height:0!important}
.wc-gfcard .gform_wrapper .gfield_label{margin-bottom:4px}
.wc-gfcard .gform_wrapper .gfield--type-consent .gfield_label{display:none}
.wc-gfcard .gform_wrapper .gform_required_legend{display:none}
.wc-gfcard .gform_wrapper .gform_validation_errors{border-radius:4px}
@media (max-width:640px){.wc-gfcard .gform_wrapper .gfield--width-half{grid-column:span 12}}
.wc-cta__contact a{color:#D6E4FA;text-decoration:underline;text-underline-offset:3px}
.wc-cta__contact a:hover{color:#fff}
.wc-cta__tel{font-weight:700;font-size:1.05rem}
.wc-cta__tel .wc-site-info__prefix{margin-right:6px;font-weight:600;color:#D6E4FA}
.wc-cta--inline{grid-template-columns:1fr auto;padding:28px 32px;margin-top:40px}
.wc-cta--inline h3{font-size:1.4rem}
.wc-tree-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(15,157,138,.18);color:#7EE0CF;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.8rem;align-self:flex-start}
@media (max-width:900px){body .wc-cta,.wc-cta--inline{grid-template-columns:1fr}}
/* ---- Native form ---- */
.wc-form{position:relative;z-index:1}
.wc-form--card .wc-form__form{background:#fff;border-radius:var(--r-l);padding:clamp(22px,3vw,34px);color:var(--ink);box-shadow:0 40px 80px -30px rgba(2,12,32,.7)}
.wc-form__heading{font-size:1.3rem;margin-bottom:4px}
.wc-form__intro{font-size:.9rem;color:var(--slate);margin-bottom:12px}
.wc-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc-field{display:grid;gap:6px}
.wc-field--wide,.wc-field--textarea{grid-column:1/-1}
.wc-form--card .wc-field{grid-column:1/-1}
.wc-field label{font-size:.82rem;font-weight:700;color:var(--ink-2)}
.wc-field__opt{font-weight:500;color:var(--slate)}
.wc-field input,.wc-field select,.wc-field textarea{width:100%;font-size:.95rem;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:4px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s;min-height:46px}
.wc-field input:focus,.wc-field select:focus,.wc-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,95,211,.14)}
.wc-field.has-error input,.wc-field.has-error textarea,.wc-field.has-error select{border-color:var(--red)}
.wc-field__error{font-size:.78rem;color:var(--red);min-height:0}
.wc-field__error:empty{display:none}
.wc-field--hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.wc-form__turnstile{margin-top:12px;min-height:65px}
.wc-form__turnstile:empty{min-height:0}
.wc-form__actions{margin-top:14px;display:grid;gap:10px}
.wc-form__actions .wc-btn{width:100%;position:relative}
.wc-btn__spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:wc-spin .8s linear infinite}
.is-submitting .wc-btn__spinner{display:inline-block}
@keyframes wc-spin{to{transform:rotate(360deg)}}
.wc-form__fineprint{font-size:.76rem;color:var(--slate);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
.wc-form__status{margin-top:10px;font-size:.9rem;font-weight:600}
.wc-form__status:empty{display:none}
.wc-form__status.is-error{color:var(--red)}
.wc-form__status.is-success{color:var(--green-700)}
.wc-form--inline .wc-form__fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.wc-form--inline .wc-form__actions{grid-template-columns:1fr}
@media (max-width:600px){.wc-form__fields{grid-template-columns:1fr}}
/* ---- Footer ---- */
.wc-footer{color:#B6C2D6;padding-block:clamp(48px,6vw,72px) 28px;font-size:.9rem}
.wc-home .wc-footer{padding-top:clamp(24px,4vw,48px)}
body .wc-footer__cols{display:grid;grid-template-columns:1.25fr .9fr .9fr .9fr 1.15fr;gap:32px 28px}
.wc-footer__brand{display:flex;flex-direction:column;gap:16px;max-width:30ch}
.wc-footer__logo{margin:0}
.wc-footer__logo img{width:150px;height:auto}
.wc-footer__brand p{color:#B6C2D6}
.wc-footer__contact{display:grid;gap:8px;font-size:.88rem}
.wc-footer__contact .wc-site-info{display:flex;gap:8px;align-items:center;color:#DCE5F2}
.wc-footer__contact .wc-site-info a{display:inline-flex;gap:8px;align-items:center;color:#DCE5F2}
.wc-footer__contact .wc-icon{color:#7EA6E0}
.wc-footer__contact .wc-site-info--phone_tollfree .wc-site-info__prefix{order:2;color:#8FA3BF;font-size:.8rem}
.wc-footer__contact .wc-site-info--phone_tollfree .wc-tel{order:1}
.wc-site-info__prefix{color:#8FA3BF}
.wc-footer__title{color:#fff;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-family:var(--body);font-weight:700;margin-bottom:14px}
.wc-footer__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.wc-footer__list a{color:#B6C2D6;transition:color .15s}
.wc-footer__list a:hover{color:#fff}
body .wc-footer__legal{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;gap:12px 24px;align-items:center}
body .wc-footer__legal p{color:#8FA3BF}
.wc-footer__legal-links{display:flex;gap:16px;flex-wrap:wrap}
.wc-footer__legal-links a{color:#B6C2D6}
.wc-footer__legal-links a:hover{color:#fff}
.wc-footer .wc-social a{color:#B6C2D6}
@media (max-width:980px){body .wc-footer__cols{grid-template-columns:1fr 1fr 1fr}.wc-footer__brand{grid-column:1/-1;max-width:48ch}}
@media (max-width:760px){body .wc-footer__cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){body .wc-footer__cols{grid-template-columns:1fr;gap:28px}}
/* ---- Navigation submenu / mega ---- */
.wc-nav .wp-block-navigation__submenu-container{border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-3);background:#fff;padding:8px;min-width:240px}
.wc-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 12px;border-radius:8px;border-bottom:0;font-size:.9rem;font-weight:600}
.wc-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--blue-050);color:var(--blue)}
@media (min-width:1024px){
  .wc-nav .wc-mega>.wp-block-navigation__submenu-container{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:6px;padding:18px;left:50%;transform:translateX(-50%);min-width:min(960px,92vw);opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
  .wc-nav .wc-mega:hover>.wp-block-navigation__submenu-container,.wc-nav .wc-mega:focus-within>.wp-block-navigation__submenu-container,.wc-nav .wc-mega.is-open>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}
  .wc-nav .wc-mega>.wp-block-navigation__submenu-container>.wp-block-navigation-item{display:block}
  .wc-nav .wc-mega>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);pointer-events:none;padding:6px 12px}
  .wc-nav .wc-mega>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{display:none}
  .wc-nav .wc-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0;min-width:0;display:block;width:auto;height:auto;overflow:visible}
}
.wc-nav .wp-block-navigation__responsive-container.is-menu-open{background:#fff;padding:0 var(--pad) 20px}
.wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:4px}
.wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.1rem;padding:10px 0;border-bottom:0}
.wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0;box-shadow:none;padding:0 0 0 14px}
.wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:.95rem;padding:6px 0}
body .wc-nav .wp-block-navigation__responsive-container-close{position:absolute;top:11px;right:0;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);z-index:2}
body .wc-nav .wp-block-navigation__responsive-container-close svg{width:22px;height:22px}
.wc-mnav__top{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:66px;padding-right:56px;border-bottom:1px solid var(--line);margin-bottom:6px}
.wc-mnav__top a{line-height:0}
.wc-mnav__top img{width:min(210px,calc(100vw - 110px));height:auto;display:block}
.wc-mnav__cta{margin-top:auto;padding-top:18px;order:9}
.wc-mnav__top{order:-1}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:0}
.wc-header:has(.wp-block-navigation__responsive-container.is-menu-open){z-index:90}
.wc-mnav__note{display:block;text-align:center;font-size:.82rem;color:var(--slate);margin-top:2px}
.wc-mnav__tel{display:inline-flex;align-items:center;gap:8px}
/* Mobile overlay: left-aligned, group names as section headings, items aligned under them */
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start;text-align:left;width:100%}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>li{width:100%}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{padding:15px 0;font-size:1.15rem;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);width:100%}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation__submenu-container{padding:0;width:100%}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation__submenu-container>li{width:100%}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation__submenu-container>li>.wp-block-navigation-item__content{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding:16px 0 6px;border-bottom:0;pointer-events:none}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{padding:0 0 0 12px;border-left:2px solid var(--line);width:100%}
body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:.95rem;font-weight:600;padding:8px 0;border-bottom:0;color:var(--ink-2)}
/* ---- Generic pages / articles (phase 2 will refine) ---- */
.wc-page-head{padding:clamp(40px,6vw,72px) 0 24px}
.wc-page-head h1{font-size:clamp(2rem,4.4vw,3.25rem);letter-spacing:-.03em}
.wc-article__meta{gap:16px;color:var(--slate);margin-top:14px}
.wc-article__hero{margin:24px auto 40px;max-width:1180px}
body:not(.wc-home) .wc-main>.wp-block-post-content{padding-bottom:clamp(48px,6vw,80px)}
body:not(.wc-home) .wp-block-post-content>*+*{margin-top:1.25rem}
body:not(.wc-home) .wp-block-post-content h2{margin-top:2.5rem}
body:not(.wc-home) .wp-block-post-content h3{margin-top:2rem}
body:not(.wc-home) .wp-block-post-content img{border-radius:14px}
body:not(.wc-home) .wp-block-post-content p a:not(.wp-block-button__link),body:not(.wc-home) .wp-block-post-content li a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.wc-archive{padding-bottom:clamp(48px,6vw,80px)}
.wp-block-query-pagination{margin-top:32px;font-weight:700}
.wp-block-search__inside-wrapper{gap:8px}
.wp-block-search__input{border:1.5px solid var(--line-2);border-radius:4px;padding:10px 14px}
.wp-block-search__button{background:var(--blue);color:#fff;border:0;border-radius:4px;padding:10px 18px;font-weight:700}
.wc-404{text-align:center;padding-bottom:80px}
.wc-404 .wp-block-buttons{justify-content:center;margin-top:24px}
/* ---- Scroll reveal (progressive: only in browsers with scroll-driven animations; content is visible at rest) ---- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion:no-preference){
    .wc-tile,.wc-case,.wc-feature,.wc-step,.wc-quote,.wc-price,.wc-post-card,.wc-stat{animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
    @keyframes wc-reveal{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
  }
}
@media print{.wc-topbar,.wc-header,.wc-footer,.wc-form,body .wc-cta{display:none!important}}

/* ---- Mega menu panel content: one line per item, plain icons, scannable columns ---- */
.wc-mm__inner{max-width:1320px;margin:0 auto;padding:18px var(--pad) 14px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}
body .wc-mm__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;align-items:start;min-width:0}
body .wc-mm__col{display:block;min-width:0;margin-block-start:0}
body .wc-mm__col>*,body .wc-mm__cols>*,body .wc-mm__aside>*,body .wc-mm__inner>*,body .wc-mm>*{margin-block-start:0}
.wc-mm__head{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);height:30px;line-height:22px;padding:0;border-bottom:1px solid var(--line);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .wc-mm__item{gap:8px;align-items:center;padding:0 8px 0 10px;height:44px;position:relative;min-width:0;border-radius:0}
.wc-mm__item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--blue);opacity:0;transform:scaleY(.4);transition:opacity .15s,transform .18s var(--ease)}
.wc-mm__item:hover::before,.wc-mm__item:focus-within::before{opacity:1;transform:none}
.wc-mm__item .wc-icon-block{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--slate-2);transition:color .15s,transform .15s}
.wc-mm__item .wc-icon-block svg{width:18px;height:18px;display:block}
.wc-mm__item p{line-height:1.2;font-size:.86rem;min-width:0;flex:1}
.wc-mm__item a{color:var(--ink);display:block;min-width:0}
.wc-mm__item a::after{content:"";position:absolute;inset:0}
.wc-mm__item strong{display:block;font-weight:600;font-size:.86rem;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.wc-mm__item:hover .wc-icon-block,.wc-mm__item:focus-within .wc-icon-block{color:var(--blue);transform:none}
.wc-mm__item:hover strong,.wc-mm__item:focus-within strong{color:var(--blue)}
.wc-mm__item:has(a:focus-visible){outline:2px solid var(--amber);outline-offset:0;box-shadow:inset 0 0 0 2px var(--navy)} /* keyboard only: a mouse click leaves no ring */
.wc-mm__item a:focus-visible{outline:none}
.wc-mm a,.wc-nav a,.wc-portal-nav a{text-decoration:none!important}
.wc-mm__aside{display:flex;flex-direction:column;gap:10px;min-height:0;height:calc(30px + 6px + 5 * 44px)}
.wc-mm__banner{border-radius:8px;padding:12px 16px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;justify-content:center;flex:1;min-height:0}
.wc-mm__banner-img{position:absolute;inset:0;margin:0;opacity:.38;pointer-events:none}
.wc-mm__banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,57,.9) 0%,rgba(7,29,57,.55) 60%,rgba(7,29,57,.25) 100%);z-index:1;pointer-events:none}
.wc-mm__banner>*:not(.wc-mm__banner-img){z-index:2}
.wc-mm__banner-img img{width:100%;height:100%;object-fit:cover}
.wc-mm__banner>*:not(.wc-mm__banner-img){position:relative;z-index:1}
/* Promo badge + chip; whole card is clickable via the button overlay */
.wc-mm__chip{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FCD34D;border:1px solid rgba(252,211,77,.5);border-radius:4px;padding:3px 7px;line-height:1.2}
.wc-mm__chip::before{content:"";width:6px;height:6px;border-radius:50%;background:#FCD34D;box-shadow:0 0 0 3px rgba(252,211,77,.25)}
.wc-mm__banner{transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.wc-mm__banner:hover,.wc-mm__banner:focus-within{transform:translateY(-2px);box-shadow:0 18px 30px -18px rgba(7,29,57,.6)}
.wc-mm__banner .wp-block-button__link::after{content:"";position:absolute;inset:0;z-index:2}
.wc-mm__banner:hover .wp-block-button__link{background:#FBBF24}
.wc-mm__banner .is-style-eyebrow{color:#FCD34D!important;margin-bottom:0}
.wc-mm__banner .wc-mm__title{color:#fff;font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;line-height:1.15}
.wc-mm__free{color:var(--amber)}
.wc-mm__banner p{color:#C7D2E3;font-size:.76rem;line-height:1.35}
.wc-mm__banner .is-style-eyebrow{font-size:.66rem}
.wc-mm__banner .wp-block-buttons{margin-top:2px}
.wc-mm__banner .wp-block-button__link{padding:.5rem .85rem;font-size:.8rem}
.wc-mm__case{display:none}
.wc-mm__case a{color:var(--ink)}
.wc-mm__case strong{color:var(--blue);margin-right:6px}
.wc-mm__case a:hover{color:var(--blue)}
body .wc-mm__bar{background:var(--surface);border-top:1px solid var(--line);padding:10px var(--pad);align-items:center;gap:10px 24px}
@media (min-width:1024px){body .wc-mm__bar{padding-left:max(var(--pad),calc((100% - 1320px)/2 + var(--pad)));padding-right:max(var(--pad),calc((100% - 1320px)/2 + var(--pad)))}}
.wc-mm__bar-text{font-size:.86rem;color:var(--slate)}
.wc-mm__bar-text strong{color:var(--ink)}
body .wc-mm__bar-actions{gap:20px;align-items:center}
.wc-mm__bar-actions .wc-tel{font-weight:700;color:var(--ink);display:inline-flex;gap:8px;align-items:center;font-size:.9rem}
.wc-mm__bar-actions .wc-tel .wc-icon{color:var(--blue)}
.wc-mm__all a{font-weight:700;color:var(--blue);font-size:.86rem}
@media (min-width:1024px) and (max-width:1439px){body .wc-mm__cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}

/* ---- Service pages ---- */
.wc-service .wc-main{padding-top:0}
.wc-shero{padding-block:clamp(40px,5vw,64px) clamp(40px,5vw,64px);position:relative;overflow:clip;background:var(--white);isolation:isolate}
.wc-shero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:120%;z-index:-1;pointer-events:none;filter:blur(18px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%);background:radial-gradient(40% 45% at 84% 30%,rgba(11,95,211,.14) 0%,rgba(11,95,211,0) 70%),radial-gradient(30% 40% at 68% 78%,rgba(245,158,11,.12) 0%,rgba(245,158,11,0) 70%),radial-gradient(28% 36% at 8% 84%,rgba(15,157,138,.12) 0%,rgba(15,157,138,0) 70%);animation:wc-drift 18s ease-in-out infinite alternate}
.wc-shero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 80% at 50% 30%,#000 30%,transparent 100%)}
body .wc-shero__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,48px);align-items:center}
.wc-shero__copy{display:flex;flex-direction:column;gap:18px}
.wc-shero__copy>*{margin-block-start:0}
.wc-shero__copy h1{font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:-.035em;line-height:1.05;max-width:16ch}
.wc-shero__lead{font-size:1.1rem;color:var(--ink-2);max-width:52ch}
body .wc-shero__trust{gap:10px 24px;padding-top:14px;border-top:1px solid var(--line);margin-top:4px}
body .wc-shero__trust p{margin:0;font-size:.85rem;color:var(--slate)}
body .wc-shero__fact{gap:7px;align-items:center}
.wc-shero__fact .wc-icon{color:var(--blue);flex:none}
body .wc-shero__trust strong{color:var(--ink)}
.wc-shero__media{position:relative}
.wc-shero__media>*{margin-block-start:0}
.wc-shero__shot{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(7,29,57,.45),0 2px 6px rgba(15,23,42,.08);border:1px solid var(--line)}
.wc-shero__shot img{display:block;width:100%;height:auto}
.wc-shero__caption{margin-top:12px;font-size:.8rem;color:var(--slate)}
body .wc-sfit__grid,body .wc-srel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wc-rel{display:flex;flex-direction:column;gap:12px}
.wc-rel>*{margin-block-start:0}
.wc-rel h3{margin-top:6px}
body .wc-fit{display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;padding:26px 24px 22px;border-color:var(--line);box-shadow:none;background:linear-gradient(180deg,#fff 0%,#F6F8FC 100%)}
.wc-fit>*{margin-block-start:0}
body .wc-fit::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body .wc-fit:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
body .wc-fit:hover::after{transform:scaleX(1)}
.wc-fit__n{position:absolute;right:18px;top:10px;font-family:var(--display);font-weight:800;font-size:4rem;line-height:1;letter-spacing:-.04em;color:var(--blue);opacity:.08;pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease)}
.wc-fit:hover .wc-fit__n{opacity:.16;transform:translateY(-4px)}
.wc-fit .wc-icon-block.is-style-tile{transition:background .25s var(--ease),color .25s var(--ease),transform .35s var(--ease)}
.wc-fit:hover .wc-icon-block.is-style-tile{background:var(--blue);color:#fff;transform:translateY(-3px) rotate(-6deg)}
.wc-fit h3{margin-top:8px;font-size:1.05rem}
.wc-fit p{color:var(--slate)}
.wc-fit__cta{margin-top:auto;padding-top:10px;font-size:.88rem;font-weight:700}
.wc-fit__cta a{color:var(--blue);text-decoration:none}
.wc-fit:hover .wc-fit__cta a{color:var(--blue-700)}

.wc-rel:hover h3 a{color:var(--blue)}
body .wc-sdel__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:start}
.wc-sdel__intro{display:flex;flex-direction:column;gap:14px;position:sticky;top:110px}
.wc-sdel__intro>*{margin-block-start:0}
.wc-sdel__intro h2{font-size:clamp(1.75rem,3.4vw,2.625rem);letter-spacing:-.03em}
body .wc-sdel__note{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.wc-sdel__note>*{margin-block-start:0}
body .wc-sdel__list{display:grid;gap:14px;margin:0}
body .wc-sdel__list li{display:block;position:relative;font-size:1rem;color:var(--ink-2);line-height:1.55;padding:14px 16px 14px 32px;border-bottom:1px solid var(--line)}
body .wc-sdel__list li::before{position:absolute;left:0;top:17px}
body .wc-sdel__list li strong{color:var(--ink)}
body .wc-sproc__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.wc-sproc__intro{display:flex;flex-direction:column;gap:14px;position:sticky;top:110px}
.wc-sproc__intro>*{margin-block-start:0}
.wc-sproc__intro h2{font-size:clamp(1.75rem,3.4vw,2.625rem);letter-spacing:-.03em}
body .wc-sproof__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch}
body .wc-case--wide{display:grid;grid-template-columns:1.1fr .9fr;height:100%}
/* The screenshot (first screen of the client's site) shows whole, framed on a soft backdrop, instead of being cropped to the column */
body .wc-case--wide .wc-case__media{aspect-ratio:auto;min-height:260px;display:grid;place-items:center;padding:18px;background:linear-gradient(160deg,#EAF1FD,#F6F8FC 60%,#E6F7F4)}
body .wc-case--wide .wc-case__shot{height:auto;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(7,29,57,.55);border:1px solid rgba(7,29,57,.08)}
body .wc-case--wide .wc-case__shot a,body .wc-case--wide .wc-case__shot img{height:100%}
body .wc-case--wide .wc-case__shot img{object-fit:cover;object-position:top}
body .wc-case--wide .wc-case__body{justify-content:center}
body .wc-quote--feature{gap:14px;justify-content:center;height:100%}
body .wc-quote--feature .wc-quote__text{color:#D6E4FA;font-size:1.05rem;flex:0}
body .wc-quote--feature .wc-quote__who,body .wc-quote--feature .wc-quote__who strong{color:#fff}
body .wc-sprice__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
.wc-sprice__intro{display:flex;flex-direction:column;gap:14px}
.wc-sprice__intro>*{margin-block-start:0}
.wc-sprice__intro h2{font-size:clamp(1.75rem,3.4vw,2.625rem);letter-spacing:-.03em}
body .wc-sprice__cards{display:grid;gap:14px}
.wc-pfact{display:flex;flex-direction:column;gap:8px}
.wc-pfact>*{margin-block-start:0}
.wc-pfact h3{margin-top:4px}
.wc-service #faq.wc-section,.wc-service #fit.wc-section,.wc-service #related.wc-section{padding-block:calc(clamp(56px,7vw,92px) - 20px)}
@media (max-width:980px){body .wc-shero__grid,body .wc-sdel__grid,body .wc-sproc__grid,body .wc-sprice__grid,body .wc-sproof__grid{grid-template-columns:1fr}.wc-sdel__intro,.wc-sproc__intro{position:static}body .wc-sfit__grid,body .wc-srel__grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){body .wc-sfit__grid,body .wc-srel__grid,body .wc-case--wide{grid-template-columns:1fr}}

/* Service hero: website assembles itself (CSS only, transform/opacity, plays once) */
.wc-build{margin:0;aspect-ratio:520/360;width:100%}
.wc-build svg{display:block;width:100%;height:100%;overflow:visible}
.wcb{opacity:0;transform:translateY(14px) scale(.96);transform-box:fill-box;transform-origin:50% 50%;animation:wcb-in .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
.wcb-frame{transform:translateY(0) scale(.97)}
.wcb-live{transform:translateY(-10px) scale(.9)}
@keyframes wcb-in{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wcb{animation:none;opacity:1;transform:none}}
.wc-shot .wcb{animation:none;opacity:1;transform:none}

body .wc-sdel__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body .wc-sdel__own{margin-top:28px;padding:22px 24px;gap:16px 24px;align-items:center}
.wc-service #deliverables.wc-section{padding-bottom:calc(clamp(56px,7vw,92px) - 20px)}
body .wc-sdel__own-text{gap:14px;align-items:center;flex:1 1 480px}
.wc-sdel__own-text>*{margin-block-start:0}
.wc-sdel__own h3{margin:0 0 2px}
.wc-sdel__own p{margin:0;color:#D6E4FA}
/* Phones: the icon sits on the card's top-left corner, half outside, and the text uses the full width */
@media (max-width:700px){
  body .wc-sdel__own{position:relative;margin-top:44px;padding:52px 20px 20px;overflow:visible}
  body .wc-sdel__own-text{display:block}
  .wc-sdel__own .wc-icon-block{position:absolute;left:-10px;top:-18px;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#1E6FE0,var(--blue) 45%,var(--navy-2));color:#fff;box-shadow:0 0 0 5px rgba(11,95,211,.28),0 0 0 10px rgba(11,95,211,.12)}
  .wc-sdel__own .wc-icon-block svg{width:24px;height:24px}
  .wc-sdel__own h3{margin-top:0}
}
@media (max-width:980px){body .wc-sdel__cards{grid-template-columns:repeat(2,1fr)}}
body .wc-del{display:flex;flex-direction:column;gap:8px;padding:0 0 18px;overflow:hidden;border-color:var(--line);box-shadow:none;position:relative}
.wc-del>*{margin-block-start:0}
.wc-del__vis{margin:0 0 6px;background:linear-gradient(180deg,#F6F8FC 0%,#EEF3FA 100%);border-bottom:1px solid var(--line)}
.wc-del__vis svg{display:block;width:100%;height:auto;aspect-ratio:200/110}
.wc-del h3{padding:4px 18px 0;font-size:1rem}
.wc-del p{padding:0 18px;color:var(--slate)}
body .wc-del::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body .wc-del:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
body .wc-del:hover::after{transform:scaleX(1)}
.wc-del__vis svg{transition:transform .5s var(--ease)}
.wc-del:hover .wc-del__vis svg{transform:scale(1.04)}
@media (max-width:560px){body .wc-sdel__cards{grid-template-columns:1fr}}
body .wc-shero__grid>*,body .wc-sfit__grid>*,body .wc-srel__grid>*,body .wc-sdel__cards>*,body .wc-sprice__cards>*,body .wc-sprice__grid>*,body .wc-sproof__grid>*,body .wc-sproc__grid>*,body .wc-faq__grid>*{margin-block-start:0}
.wc-sproc__vis{margin:10px 0 0;aspect-ratio:440/300;width:100%;max-width:440px}
.wc-sproc__vis svg{display:block;width:100%;height:auto}

/* Grow after launch: navy band with three add-on cards */
.wc-srel{background:radial-gradient(70% 60% at 100% 0%,rgba(11,95,211,.45),transparent 60%),linear-gradient(160deg,#071D39 0%,#0A2A55 100%);color:#fff;position:relative;overflow:hidden}
.wc-srel .is-style-eyebrow{color:#FCD34D!important}
.wc-srel .wc-sec-head h2{color:#fff}
body .wc-srel__grid{gap:18px}
body .wc-rel{display:flex;flex-direction:column;gap:8px;padding:0 0 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;position:relative;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.wc-rel>*{margin-block-start:0}
body .wc-rel:hover{transform:translateY(-5px);border-color:rgba(252,211,77,.7);box-shadow:0 30px 50px -25px rgba(0,0,0,.6)}
body .wc-rel::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),#7EE0CF);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body .wc-rel:hover::after{transform:scaleX(1)}
.wc-rel__vis{margin:0 0 8px;background:rgba(7,29,57,.5);border-bottom:1px solid rgba(255,255,255,.08)}
.wc-rel__vis svg{display:block;width:100%;height:auto;aspect-ratio:200/110;transition:transform .5s var(--ease)}
.wc-rel:hover .wc-rel__vis svg{transform:scale(1.04)}
.wc-rel__tag{padding:6px 20px 0;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FCD34D}
.wc-rel h3{padding:0 20px;font-size:1.1rem;margin:0}
.wc-rel h3 a,.wc-rel h3 a:hover,.wc-rel:hover h3 a{color:#fff;text-decoration:none}
.wc-rel p{padding:0 20px;color:#C7D3E6}
.wc-rel__more{margin-top:auto;padding-top:8px;font-size:.88rem;font-weight:700}
.wc-rel__more a{color:#7EE0CF;text-decoration:none}
.wc-rel:hover .wc-rel__more a{color:#fff}
.wc-shero__logos{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.wc-shero__logos>*{margin-block-start:0}
.wc-shero__logos-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
/* The logo strip lives in the copy column and must never widen it: a scrolling
   strip is as wide as the column and clips, so the media column keeps its space. */
.wc-shero__copy,.wc-shero__logos{min-width:0}
.wc-shero__logos .wc-logos{gap:10px 28px;opacity:.75;filter:grayscale(1);transition:opacity .3s,filter .3s;flex-wrap:nowrap} /* always one line: logos shrink instead of wrapping */
.wc-shero__logos .wc-logos__item{flex:0 1 auto;min-width:0}
.wc-shero__logos .wc-logos__item img{max-width:100%}
.wc-shero__logos .wc-logos--marquee{width:100%;max-width:100%}
.wc-shero__logos .wc-logos:hover{opacity:1;filter:none}
/* Plan my website band */
.wc-splan{background:radial-gradient(60% 70% at 100% 0%,rgba(245,158,11,.18),transparent 60%),linear-gradient(135deg,#0B5FD3 0%,#0847A3 55%,#071D39 100%);color:#fff;position:relative;overflow:hidden}
.wc-splan::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 30% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 80% at 30% 50%,#000 20%,transparent 100%)}
.wc-splan>*{position:relative;z-index:1}
body .wc-splan__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.wc-splan__copy{display:flex;flex-direction:column;gap:16px}
.wc-splan__copy>*{margin-block-start:0}
.wc-splan .is-style-eyebrow{color:#FDE68A!important}
.wc-splan h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.75rem);letter-spacing:-.03em;line-height:1.08}
.wc-splan p{color:#D6E4FA;font-size:1.05rem;max-width:52ch}
.wc-splan__btn .wp-block-button__link{font-size:1.05rem;padding:1rem 1.8rem}
.wc-splan__note{font-size:.8rem!important;color:#DCE5F2!important}
.wc-splan__card{background:#fff;color:var(--ink);border-radius:12px;padding:18px 20px 20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(-1.5deg);max-width:460px;margin-left:auto}
.wc-splan__card-head{display:flex;gap:6px;margin-bottom:14px}
.wc-splan__dot{width:9px;height:9px;border-radius:50%;background:#DCE5F2}
.wc-splan__q{margin:0 0 10px!important;font-family:var(--display);font-weight:700;font-size:1.05rem!important;color:var(--ink)!important}
.wc-splan__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.wc-splan__chips span{font-size:.8rem;font-weight:600;padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}
.wc-splan__chips span.is-on{border-color:var(--blue);background:#EFF6FF;box-shadow:inset 0 0 0 1px var(--blue)}
.wc-splan__chips span.is-on::before{content:"\2713  ";color:var(--blue);font-weight:800}
.wc-splan__result{border-top:1px dashed var(--line);padding-top:12px}
.wc-splan__rlabel{margin:0 0 6px!important;font-size:.7rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)!important}
.wc-splan__result ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wc-splan__result li{font-size:.85rem;color:var(--ink-2);padding-left:22px;position:relative}
.wc-splan__result li::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--green-050) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/9px no-repeat}
body .wc-splan__grid>*{margin-block-start:0}
@media (max-width:900px){body .wc-splan__grid{grid-template-columns:1fr}.wc-splan__card{transform:none;margin:0}}
.wc-splan__vis{margin:0;max-width:480px;margin-left:auto;cursor:pointer;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));transition:transform .3s var(--ease)}
.wc-splan__vis:hover{transform:translateY(-4px)}
.wc-splan__vis:focus-visible{outline:3px solid var(--amber);outline-offset:6px;border-radius:14px}
.wc-splan__vis svg{display:block;width:100%;height:auto}
@media (max-width:900px){.wc-splan__vis{margin:0 auto}}
/* Redesign hero: old site fades out before the new one builds */
.wcr-old{transform-box:fill-box;transform-origin:50% 50%;animation:wcr-out .7s ease forwards;animation-delay:3.2s}
@keyframes wcr-out{to{opacity:0;transform:translateY(10px) scale(.97);visibility:hidden}}
@media (prefers-reduced-motion:reduce){.wcr-old{display:none}}
.wc-shot .wcr-old{display:none}
/* Ella planner page */
.wc-pplan{padding-block:clamp(36px,5vw,60px) clamp(48px,6vw,80px);background:radial-gradient(60% 50% at 100% 0%,rgba(11,95,211,.10),transparent 60%),linear-gradient(180deg,#F6F8FC 0%,#fff 100%)}
body .wc-pplan__grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:clamp(28px,5vw,64px);align-items:start}
body .wc-pplan__grid>*{margin-block-start:0}
.wc-pplan__aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px}
.wc-pplan__aside>*{margin-block-start:0}
.wc-pplan__aside h1{font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.035em;line-height:1.08}
.wc-pplan__lead{color:var(--ink-2);font-size:1.05rem}
body .wc-pplan__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body .wc-pplan__list li{position:relative;padding-left:30px;color:var(--slate);font-size:.95rem}
body .wc-pplan__list li strong{color:var(--ink)}
body .wc-pplan__list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--blue-050,#EFF6FF) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5FD3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.wc-pplan__trust{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.wc-pplan__trust>*{margin-block-start:0}
.wc-pplan__trust p{margin:0;font-size:.85rem;color:var(--slate)}
.wc-pplan__trust strong{color:var(--ink)}
body .wc-pplan__phone{font-weight:700}
.wc-pplan__phone a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:1.05rem}
.wc-pplan__phone a:hover{color:var(--blue)}
.wc-pplan__phone svg{color:var(--blue)}
.wc-pplan__main>*{margin-block-start:0}
.wc-pplan__note{margin-top:12px;font-size:.78rem;color:var(--slate)}
@media (max-width:900px){body .wc-pplan__grid{grid-template-columns:1fr}.wc-pplan__aside{position:static}}
/* Generic modal (used for the free site check form) */
.wc-modal{position:fixed;inset:0;z-index:9400;display:none;place-items:center;padding:20px;background:rgba(7,29,57,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wc-modal.is-open{display:grid;animation:wc-modal-in .25s var(--ease)}
@keyframes wc-modal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.wc-modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
body .wc-modal__box{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:12px;padding:clamp(22px,3vw,32px);box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.wc-modal__box>*{margin-block-start:0}
.wc-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:4px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:1rem;display:grid;place-items:center}
.wc-modal__close:hover{background:var(--line)}
.wc-modal__box h3{font-size:1.4rem;letter-spacing:-.02em;margin-bottom:6px;padding-right:40px}
.wc-modal__box .wc-modal__intro{color:var(--slate);font-size:.95rem;margin-bottom:14px}
.wc-modal__box .gform_wrapper.gform-theme{--gf-ctrl-border-radius:4px;--gf-ctrl-btn-border-radius:4px;--gf-color-primary:var(--blue);--gf-ctrl-btn-bg-color-primary:var(--blue);--gf-ctrl-btn-bg-color-hover-primary:var(--blue-700);--gf-ctrl-btn-border-color-primary:var(--blue);--gf-ctrl-btn-border-color-hover-primary:var(--blue-700);--gf-ctrl-label-font-weight-primary:700;--gf-ctrl-label-font-size-primary:.8rem;--gf-ctrl-padding-y:10px;--gf-form-gap-y:12px;--gf-ctrl-font-family:var(--body);--gf-ctrl-btn-font-family:var(--body)}
.wc-modal__box .gform_wrapper .gform_footer{padding:0;margin-top:12px}
.wc-modal__box .gform_wrapper .gform_button,.wc-modal__box .gform_wrapper .gform-button{width:100%!important;border-radius:4px;font-weight:700}
.wc-modal__note{margin-top:10px;font-size:.78rem;color:var(--slate)}
@media (max-width:640px){.wc-modal{padding:0}.wc-modal__box{max-height:100vh;height:100vh;border-radius:0}}
body .wc-quote__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body .wc-quote__list li{position:relative;padding-left:26px;color:#D6E4FA;font-size:.92rem}
body .wc-quote__list li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:rgba(126,224,207,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237EE0CF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/9px no-repeat}
body .wc-quote--feature p a{color:#7EE0CF;font-weight:700;text-decoration:none}
/* SEO hero: audit form card in place of the animation */
body .wc-shero__form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,2.6vw,30px);box-shadow:0 40px 80px -30px rgba(7,29,57,.35);position:relative}
.wc-shero__form>*{margin-block-start:0}
.wc-shero__form-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-700);background:var(--amber-050);border-radius:4px;padding:4px 8px;margin-bottom:10px}
.wc-shero__form h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:6px}
.wc-shero__form-intro{color:var(--slate);font-size:.9rem;margin-bottom:12px}
.wc-shero__form-note{margin-top:10px;font-size:.76rem;color:var(--slate)}
.wc-shero__form .gform_wrapper.gform-theme{--gf-ctrl-border-radius:4px;--gf-ctrl-btn-border-radius:4px;--gf-color-primary:var(--blue);--gf-ctrl-btn-bg-color-primary:var(--blue);--gf-ctrl-btn-bg-color-hover-primary:var(--navy-2,#0847A3);--gf-ctrl-btn-border-color-primary:var(--blue);--gf-ctrl-btn-border-color-hover-primary:var(--navy-2,#0847A3);--gf-ctrl-btn-color-primary:#fff;--gf-ctrl-label-font-weight-primary:700;--gf-ctrl-label-font-size-primary:.8rem;--gf-ctrl-padding-y:10px;--gf-form-gap-y:10px;--gf-ctrl-font-family:var(--body);--gf-ctrl-btn-font-family:var(--body)}
.wc-shero__form .gform_wrapper .gform_footer{padding:0;margin-top:12px}
.wc-shero__form .gform_wrapper .gform_button,.wc-shero__form .gform_wrapper .gform-button{width:100%!important;border-radius:4px;font-weight:700;color:#fff!important}
.wc-shero__form .gform_wrapper .gfield_label{margin-bottom:4px}
.wc-shero__form .gform_wrapper .gform_required_legend,.wc-modal__box .gform_wrapper .gform_required_legend{display:none}
/* PPC availability line in the hero trust row */
.wc-shero__fact .wc-spots{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--amber-700);background:var(--amber-050);border-radius:4px;padding:4px 10px;font-size:.82rem}
.wc-shero__fact .wc-spots::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.25);animation:wc-spot-pulse 1.8s ease-in-out infinite}
@keyframes wc-spot-pulse{0%,100%{box-shadow:0 0 0 3px rgba(245,158,11,.25)}50%{box-shadow:0 0 0 6px rgba(245,158,11,.08)}}
@media (prefers-reduced-motion:reduce){.wc-shero__fact .wc-spots::before{animation:none}}
.wc-shero__logos .wc-platforms,.wc-shero__logos .wc-platforms .wc-logos{opacity:1;filter:none;gap:10px 22px}
.wc-shero__logos .wc-platforms img{height:30px;width:auto}
/* Sample month cards */
body .wc-smonth__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body .wc-smonth__grid>*{margin-block-start:0}
body .wc-post{display:flex;flex-direction:column;gap:8px;padding:0 0 18px;overflow:hidden;border-color:var(--line);box-shadow:none;position:relative}
.wc-post>*{margin-block-start:0}
.wc-post__vis{margin:0 0 6px}
.wc-post__vis svg{display:block;width:100%;height:auto;aspect-ratio:320/200}
.wc-post__tag{padding:4px 18px 0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.wc-post h3{padding:0 18px;font-size:1rem}
.wc-post p{padding:0 18px;color:var(--slate)}
.wc-post__tag{color:var(--blue)!important}
body .wc-post::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body .wc-post:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
body .wc-post:hover::after{transform:scaleX(1)}
@media (max-width:900px){body .wc-smonth__grid{grid-template-columns:1fr}}
.wc-shero__logos .wc-platforms .wc-logos__item img{opacity:1;filter:none}
.wc-post .wc-post__vis{margin:0 0 6px;aspect-ratio:16/10;overflow:hidden}
.wc-post .wc-post__vis img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
body .wc-post>.wp-block-image.wc-post__vis{margin:0 0 6px;width:100%;max-width:none;border-radius:0}
/* Audit findings */
body .wc-sfind__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body .wc-sfind__grid>*{margin-block-start:0}
body .wc-find{display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;padding:24px 22px 20px;border-color:var(--line);box-shadow:none}
.wc-find>*{margin-block-start:0}
.wc-find__n{font-family:var(--display);font-weight:800;font-size:2.4rem;line-height:1;letter-spacing:-.04em;color:var(--blue);opacity:.12}
.wc-find h3{font-size:1.05rem}
.wc-find p{color:var(--slate)}
.wc-find p strong{color:var(--ink)}
.wc-find__fix{margin-top:auto;padding:10px 12px;border-radius:6px;background:var(--green-050);color:var(--green-700)!important;font-size:.85rem;font-weight:600}
body .wc-find::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body .wc-find:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
body .wc-find:hover::after{transform:scaleX(1)}
body .wc-find--cta{justify-content:center;gap:12px}
body .wc-find--cta h3,body .wc-find--cta p{color:#fff}
body .wc-find--cta p{color:#D6E4FA}
@media (max-width:980px){body .wc-sfind__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){body .wc-sfind__grid{grid-template-columns:1fr}}
/* Challenges vs how we help */
body .wc-schal__list{display:grid;gap:14px}
body .wc-schal__list>*{margin-block-start:0}
body .wc-chal{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;border-color:var(--line);box-shadow:none;position:relative;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.wc-chal>*{margin-block-start:0}
.wc-chal__problem,.wc-chal__fix{display:flex;flex-direction:column;gap:8px;padding:22px 24px}
.wc-chal__problem>*,.wc-chal__fix>*{margin-block-start:0}
.wc-chal__problem{background:#FFF7ED;border-right:1px solid var(--line)}
.wc-chal__fix{background:#fff}
.wc-chal__label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--amber-700)!important}
.wc-chal__fix .wc-chal__label{color:var(--green-700)!important}
.wc-chal h3{font-size:1.05rem}
.wc-chal p{color:var(--slate)}
.wc-chal__fix::before{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 4px #fff}
body .wc-chal:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
@media (max-width:760px){body .wc-chal{grid-template-columns:1fr}.wc-chal__problem{border-right:0;border-bottom:1px solid var(--line)}.wc-chal__fix{position:relative;padding-top:30px}.wc-chal__fix::before{left:24px;top:0;margin:-14px 0 0 0;transform:rotate(90deg);box-shadow:0 0 0 3px #fff}}

/* E-commerce integrations wall */
body .wc-ints__row{display:grid;grid-template-columns:220px 1fr;gap:16px 32px;padding:24px 0;border-top:1px solid var(--line);align-items:start}
.wc-ints__row>*,.wc-ints__label>*,.wc-ints__tiles>*{margin-block-start:0}
.wc-ints__label h3{font-size:1.05rem;margin-bottom:4px}
.wc-ints__label p{color:var(--slate)}
body .wc-ints__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.wc-int{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--ink);transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.wc-int:hover{transform:translateY(-2px);border-color:var(--blue-100);box-shadow:var(--sh-1)}
.wc-int__logo{width:26px;height:26px;object-fit:contain;flex:none}
.wc-int__logo--wide{width:58px}
/* Tiles with descriptions: every logo or dot takes the same 58px slot, so the text starts at the same point on every card */
.wc-int--desc .wc-int__logo{width:58px;height:26px;object-fit:contain;object-position:center center}
.wc-int--desc .wc-int__dot{margin-right:48px}
.wc-int__icon{width:58px;height:32px;display:flex;align-items:center;justify-content:center;flex:none}
.wc-int:not(.wc-int--desc) .wc-int__icon{width:32px}
.wc-int:not(.wc-int--desc) .wc-int__logo{object-fit:contain;object-position:center}
.wc-int:not(.wc-int--desc) .wc-int__logo--wide{width:58px;height:26px}
.wc-int__icon i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--blue-050);color:var(--blue)}
.wc-int__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wc-int__dot{width:10px;height:10px;border-radius:50%;background:var(--blue);flex:none;box-shadow:0 0 0 3px var(--blue-050,#EFF6FF)}
.wc-ints .wc-sec-head{margin-bottom:8px}
@media (max-width:860px){body .wc-ints__row{grid-template-columns:1fr}}

/* Integration tiles with a one-line explanation */
body .wc-ints__tiles--desc{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.wc-int--desc{align-items:center;padding:12px 14px}
.wc-int--desc .wc-int__dot{margin-top:5px}
.wc-int__text{display:flex;flex-direction:column;gap:3px}
.wc-int__desc{font-weight:500;font-size:.8rem;line-height:1.4;color:var(--slate)}
/* Maintenance: four care plan cards (wc-cplan, not wc-price: Ella uses that name), plan note, technical comparison table */
body .wc-cplans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.wc-cplan{display:flex;flex-direction:column;gap:14px;padding:26px 22px}
.wc-cplan>*{margin-block-start:0}
.wc-cplan__price{font-family:var(--display);font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}
.wc-cplan__price small{display:block;margin-top:6px;font-family:var(--body);font-size:.85rem;color:var(--slate);font-weight:600;letter-spacing:0}
body .wc-cplans>*{margin-block-start:0}
.wc-cplan>p{color:var(--slate)}
.wc-cplan>p.wc-cplan__price{color:var(--ink)}
.wc-cplan .wp-block-buttons{margin-top:auto;padding-top:8px}
.wc-cplan .wp-block-button,.wc-cplan .wp-block-button__link{width:100%}
@media (max-width:1180px){body .wc-cplans{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){body .wc-cplans{grid-template-columns:1fr}}
body .wc-cplans__note{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-top:18px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:10px}
.wc-cplans__note>*{margin-block-start:0}
.wc-cplans__note p{color:var(--slate);max-width:70ch}
.wc-cplans__note strong{color:var(--ink)}
.wc-spec{margin:0;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.wc-spec table{width:100%;min-width:860px;border-collapse:collapse;font-size:.9rem}
.wc-spec th,.wc-spec td{padding:13px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--line);color:var(--slate)}
.wc-spec thead th{background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;font-size:.92rem;border-bottom:0;white-space:nowrap}
.wc-spec tbody td:first-child{color:var(--ink);font-weight:700;width:24%}
.wc-spec tbody tr:nth-child(even) td{background:#F8FAFD}
.wc-spec tbody tr:last-child td{border-bottom:0}
.wc-spec figcaption{padding:10px 16px;font-size:.8rem;color:var(--slate);border-top:1px solid var(--line);margin:0}
body .wc-spec__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.wc-spec__facts>*,.wc-spec__facts .wc-pfact>*{margin-block-start:0}
.wc-spec__facts .wc-pfact{display:flex;flex-direction:column;gap:12px}
@media (max-width:860px){body .wc-spec__facts{grid-template-columns:1fr}}
/* AI solutions: dark systems grid, architecture diagram with steps, stack table, Ella proof */
.wc-aisys{background:radial-gradient(60% 50% at 100% 0%,rgba(11,95,211,.5),transparent 60%),radial-gradient(50% 45% at 0% 100%,rgba(126,224,207,.14),transparent 60%),linear-gradient(160deg,#071D39 0%,#0A2A55 100%);color:#fff;position:relative;overflow:hidden}
.wc-aisys::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.wc-aisys>*{position:relative}
.wc-aisys .is-style-eyebrow{color:#FCD34D!important}
.wc-aisys .wc-sec-head h2{color:#fff;max-width:24ch}
.wc-aisys .wc-sec-head__p{color:#B6C2D6}
body .wc-aisys__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wc-aisys__grid>*,.wc-aic>*{margin-block-start:0}
.wc-aic{display:flex;flex-direction:column;gap:10px;padding:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;backdrop-filter:blur(6px);transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}
.wc-aic:hover{transform:translateY(-4px);border-color:rgba(126,224,207,.6);background:rgba(255,255,255,.08);box-shadow:0 18px 40px -18px rgba(126,224,207,.45)}
.wc-aic h3{color:#fff;font-size:1.08rem;margin-top:4px}
.wc-aic p{color:#B6C2D6}
.wc-aic p.wc-aic__tech{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;line-height:1.5;color:#7EE0CF}
@media (max-width:980px){body .wc-aisys__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){body .wc-aisys__grid{grid-template-columns:1fr}}
body .wc-aiarch__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:start}
.wc-aiarch__grid>*,.wc-aiarch__steps>*,.wc-aistep>*{margin-block-start:0}
.wc-aiarch__vis{margin:0;position:sticky;top:96px;padding:clamp(14px,2vw,24px);border-radius:14px;background:linear-gradient(160deg,#071D39,#0A2A55);box-shadow:var(--sh-2)}
.wc-aiarch__vis svg{display:block;width:100%;height:auto}
.wc-ai-flow{animation:wc-ai-flow 1.2s linear infinite}
@keyframes wc-ai-flow{to{stroke-dashoffset:-24}}
@media (prefers-reduced-motion:reduce){.wc-ai-flow{animation:none}}
.wc-shot .wc-ai-flow{animation:none}
body .wc-aiarch__steps{display:grid;gap:10px;counter-reset:aistep}
.wc-aistep{position:relative;padding:16px 18px 16px 62px;background:#fff;border:1px solid var(--line);border-radius:10px;counter-increment:aistep;display:flex;flex-direction:column;gap:4px}
.wc-aistep::before{content:counter(aistep,decimal-leading-zero);position:absolute;left:16px;top:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:4px;background:var(--navy);color:#fff;font-family:var(--display);font-weight:700;font-size:.8rem}
.wc-aistep h3{font-size:1.02rem}
.wc-aistep p{color:var(--slate)}
.wc-aiarch__h3{margin:clamp(32px,5vw,56px) 0 16px;font-size:1.35rem}
.wc-spec--3 table{min-width:720px}
.wc-spec--3 tbody td:first-child{width:18%}
.wc-spec--3 tbody td:last-child{width:28%}
/* Phones: spec tables become stacked cards, one per row, with the column name beside each value */
@media (max-width:700px){
  .wc-spec{overflow:visible;border:0;border-radius:0;background:transparent}
  .wc-spec table,.wc-spec--3 table,.wc-dprice .wc-spec table{min-width:0;display:block;font-size:.92rem}
  .wc-spec tbody tr[hidden]{display:none}
  .wc-spec thead{display:none}
  .wc-spec tbody{display:grid;gap:12px}
  .wc-spec tbody tr{display:block;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
  .wc-spec tbody tr:nth-child(even) td:not(:first-child){background:#fff}
  .wc-spec tbody td,.wc-spec--3 tbody td:first-child,.wc-spec--3 tbody td:last-child{display:block;width:auto;padding:10px 14px;border-bottom:1px solid var(--line)}
  .wc-spec tbody td:first-child,.wc-spec tbody tr:nth-child(even) td:first-child{background:var(--ink);color:#fff;font-family:var(--display);font-size:1rem;padding:12px 14px}
  .wc-spec tbody td:not(:first-child)::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:3px}
  .wc-spec tbody tr:last-child td{border-bottom:1px solid var(--line)}
  .wc-spec tbody td:last-child{border-bottom:0}
  .wc-spec figcaption{border:0;padding:10px 2px 0}
}
@media (max-width:980px){body .wc-aiarch__grid{grid-template-columns:1fr}.wc-aiarch__vis{position:static}}
body .wc-aiproof__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
.wc-aiproof__grid>*,.wc-aiproof__intro>*,.wc-aiproof__card>*{margin-block-start:0}
.wc-aiproof__intro{display:flex;flex-direction:column;gap:14px}
.wc-aiproof__intro h2{font-size:clamp(1.75rem,3.4vw,2.625rem);letter-spacing:-.03em}
.wc-aiproof__card{display:flex;flex-direction:column;gap:14px;border-left:4px solid var(--blue)}
@media (max-width:980px){body .wc-aiproof__grid{grid-template-columns:1fr}}
@media (min-width:981px){.wc-aisys .wc-sec-head{flex-wrap:nowrap}}
/* Charts section: dark chart panels with an editable caption under each */
body .wc-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wc-charts>*,.wc-chart>*{margin-block-start:0}
.wc-chart{display:flex;flex-direction:column;gap:8px;min-width:0}
.wc-chart--wide{grid-column:1/-1}
.wc-chart__vis{margin:0 0 8px;padding:clamp(14px,2vw,26px);border-radius:14px;background:radial-gradient(60% 70% at 100% 0%,rgba(11,95,211,.45),transparent 60%),linear-gradient(160deg,#071D39,#0A2A55);box-shadow:var(--sh-2);overflow-x:auto}
.wc-chart__vis svg{display:block;width:100%;height:auto}
.wc-chart__vis--wide svg{min-width:720px}
.wc-chart h3{font-size:1.08rem}
.wc-chart p{color:var(--slate);max-width:68ch}
.wc-gbar{transform-box:fill-box;transform-origin:0 50%}
.wc-line{stroke-dashoffset:0}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-gbar{animation:wc-gbar linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
}}
@keyframes wc-gbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.wc-shot .wc-gbar{animation:none}
@media (max-width:860px){body .wc-charts{grid-template-columns:1fr}}
/* Hosting Plans block (wc/hosting-plans): popular card, yearly saving line, source note */
.wc-cplan{position:relative}
.wc-cplan--pop{border-color:var(--blue);box-shadow:var(--sh-2)}
.wc-cplan__pill{position:absolute;top:-1px;right:20px;margin:0;background:var(--blue);color:#fff!important;border-radius:0 0 6px 6px;font-size:.72rem;font-weight:700;padding:5px 12px;letter-spacing:.04em}
.wc-cplan>p.wc-cplan__save{margin-top:-6px;font-size:.82rem;font-weight:700;color:#15803D}
.wc-hplans .wc-cplan h3{margin:0}
.wc-hplans .wc-cplan ul{margin:0}
.wc-hplans__note{margin-top:14px;font-size:.82rem;color:var(--slate)}
.wc-hplans--table .wc-spec tbody td:first-child{width:22%}
/* Domain search (wc/domain-search) and domain pricing (wc/domain-pricing) */
.wc-dsearch{max-width:860px}
.wc-dsearch__form{display:flex;gap:8px;padding:8px;background:#fff;border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.wc-dsearch__input{flex:1;min-width:0;border:0;background:transparent;padding:14px 16px;font:inherit;font-size:1.15rem;font-weight:600;color:var(--ink);outline:0}
.wc-dsearch__input::placeholder{color:var(--slate-2);font-weight:500}
.wc-dsearch__form:focus-within{outline:3px solid #FCD34D;outline-offset:2px}
.wc-dsearch__btn{border:0;border-radius:4px;padding:0 28px;font:inherit;font-weight:700;cursor:pointer;background:var(--blue);color:#fff}
.wc-dsearch__chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-dsearch__chips li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.85rem;color:#B6C2D6}
.wc-dsearch__chips strong{color:#fff;margin-right:4px}
.wc-dres{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.wc-dres__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;border-radius:8px;background:#fff;color:var(--ink)}
.wc-dres__name{font-weight:700;font-size:1.02rem;word-break:break-all}
.wc-dres__badge{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#F1F5F9;color:#64748B}
.wc-dres__row[data-status="available"] .wc-dres__badge{background:#DCFCE7;color:#15803D}
.wc-dres__row[data-status="unknown"] .wc-dres__badge{background:#DBEAFE;color:#0B5FD3}
.wc-dres__row[data-status="taken"]{opacity:.72}
.wc-dres__row[data-status="checking"] .wc-dres__badge{animation:wc-dpulse 1s ease-in-out infinite}
@keyframes wc-dpulse{50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.wc-dres__row[data-status="checking"] .wc-dres__badge{animation:none}}
.wc-dres__side{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.wc-dres__price{font-size:.85rem;color:var(--slate)}
.wc-dres__price strong{color:var(--ink);font-size:1rem}
a.wc-dres__btn{display:inline-block;padding:9px 16px;border-radius:4px;background:var(--blue);color:#fff;font-weight:700;font-size:.88rem;text-decoration:none}
a.wc-dres__btn--ghost{background:#fff;color:var(--blue);border:1px solid var(--blue-100,#BFDBFE)}
@media (max-width:560px){.wc-dsearch__form{flex-direction:column}.wc-dsearch__btn{padding:14px}.wc-dres__side{margin-left:0;width:100%}}
.wc-dprice__tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.wc-dprice__q,.wc-dprice__cat{font:inherit;padding:11px 14px;border:1px solid var(--line-2);border-radius:6px;background:#fff;color:var(--ink)}
.wc-dprice__q{flex:1;min-width:240px}
.wc-dprice__count{margin:0 0 0 auto;font-size:.85rem;color:var(--slate);font-weight:600}
.wc-dprice .wc-spec table{min-width:760px}
@media (max-width:700px){.wc-dprice .wc-spec table{min-width:0}.wc-dprice .wc-spec tbody tr{display:grid;grid-template-columns:1fr 1fr}.wc-dprice .wc-spec tbody tr[hidden]{display:none}.wc-dprice .wc-spec tbody td{padding:8px 12px;font-size:.88rem;border-bottom:1px solid var(--line)}.wc-dprice .wc-spec tbody td:nth-child(odd):not(:first-child){border-right:1px solid var(--line)}.wc-dprice .wc-spec tbody tr td:first-child{grid-column:1/-1;width:auto;min-width:0;font-size:1.05rem;padding:9px 12px}.wc-dprice .wc-spec tbody td:not(:first-child)::before{font-size:.64rem;margin-bottom:1px}.wc-dprice .wc-spec tbody td:nth-last-child(-n+2){border-bottom:0}}
.wc-dprice .wc-spec tbody td:first-child{width:18%;font-family:var(--display);font-size:1rem}
.wc-dprice .wc-spec tbody td:nth-child(2){color:var(--ink);font-weight:700}
.wc-dprice__na{color:var(--slate)}
.wc-dprice__pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.wc-dprice__pager button{font:inherit;font-weight:700;padding:9px 18px;border-radius:4px;border:1px solid var(--line-2);background:#fff;color:var(--ink);cursor:pointer}
.wc-dprice__pager button:disabled{opacity:.45;cursor:default}
.wc-dprice__page{font-size:.9rem;color:var(--slate);min-width:110px;text-align:center}
.wc-dprice__empty{padding:28px;text-align:center;color:var(--slate);border:1px dashed var(--line-2);border-radius:10px}
/* Domain search results modal (native <dialog>, built by the domain-search block's view.js) */
html.wc-dmodal-open{overflow:hidden}
.wc-dmodal{width:min(760px,calc(100vw - 24px));max-height:min(86vh,820px);padding:0;border:0;border-radius:16px;overflow:hidden;background:#F6F8FC;color:var(--ink);box-shadow:0 40px 100px -20px rgba(7,29,57,.6)}
.wc-dmodal[open]{display:flex;flex-direction:column;animation:wc-dmodal-in .32s cubic-bezier(.2,.8,.2,1)}
.wc-dmodal::backdrop{background:rgba(7,29,57,.72);backdrop-filter:blur(6px);animation:wc-dmodal-fade .25s ease}
@keyframes wc-dmodal-in{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes wc-dmodal-fade{from{opacity:0}}
.wc-dmodal__head{position:relative;padding:26px 28px 22px;color:#fff;background:radial-gradient(70% 120% at 100% 0%,rgba(11,95,211,.75),transparent 60%),linear-gradient(160deg,#071D39,#0A2A55)}
.wc-dmodal__eyebrow{margin:0 0 4px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FCD34D}
.wc-dmodal__title{margin:0;padding-right:44px;font-family:var(--display);font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:-.03em;color:#fff;word-break:break-all}
.wc-dmodal__close{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.wc-dmodal__close:hover{background:rgba(255,255,255,.18)}
.wc-dmodal__again{display:flex;gap:6px;margin-top:16px;padding:5px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.wc-dmodal__again input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:inherit;padding:8px 10px;outline:0}
.wc-dmodal__again input::placeholder{color:#B6C2D6}
.wc-dmodal__again button{border:0;border-radius:4px;padding:0 18px;font:inherit;font-weight:700;background:#F59E0B;color:#071D39;cursor:pointer}
.wc-dmodal__again:focus-within{outline:2px solid #FCD34D;outline-offset:2px}
.wc-dmodal__body{padding:18px 20px 8px;overflow-y:auto;flex:1}
.wc-dmodal__status{margin:0 0 4px;font-size:.85rem;font-weight:700;color:var(--slate)}
.wc-dmodal__status[data-state="found"]{color:#15803D}
.wc-dmodal__status[data-state="checking"]::after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-1px;border:2px solid var(--line-2);border-top-color:var(--blue);border-radius:50%;animation:wc-dspin .7s linear infinite}
@keyframes wc-dspin{to{transform:rotate(360deg)}}
.wc-dmodal .wc-dres{margin-top:10px}
.wc-dmodal .wc-dres__row{border:1px solid var(--line);animation:wc-drow .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*45ms)}
.wc-dmodal .wc-dres__row[data-status="available"]{border-color:#86EFAC;box-shadow:0 8px 22px -14px rgba(22,163,74,.6)}
@keyframes wc-drow{from{opacity:0;transform:translateY(8px)}}
.wc-dmodal__foot{margin:0;padding:12px 22px 16px;font-size:.76rem;color:var(--slate)}
@media (prefers-reduced-motion:reduce){.wc-dmodal[open],.wc-dmodal::backdrop,.wc-dmodal .wc-dres__row,.wc-dmodal__status::after{animation:none}}
@media (max-width:560px){.wc-dmodal__head{padding:20px 18px 16px}.wc-dmodal__body{padding:14px 12px 6px}}
/* Services hub: service cards per category, and the "start from what you need" table */
body .wc-svc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wc-svc__grid>*,.wc-svc>*{margin-block-start:0}
.wc-svc{display:flex;flex-direction:column;gap:10px;padding:24px;position:relative}
.wc-svc h3{font-size:1.1rem;margin-top:4px}
.wc-svc h3 a,.wc-aic--link h3 a{color:inherit;text-decoration:none}
.wc-svc h3 a::after,.wc-aic--link h3 a::after{content:"";position:absolute;inset:0}
.wc-aic--link{position:relative}
.wc-svc>p{color:var(--slate)}
.wc-svc p.wc-svc__tags{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:.78rem;font-weight:600;color:var(--blue)}
.wc-svc p.wc-svc__more,.wc-aic p.wc-svc__more{font-size:.88rem;font-weight:700}
.wc-svc p.wc-svc__more a{color:var(--ink);text-decoration:none}
.wc-aic p.wc-svc__more a{color:#7EE0CF;text-decoration:none}
.wc-aic--link p.wc-aic__tech{margin-top:auto}
.wc-svc:hover{border-color:var(--blue-100,#BFDBFE);box-shadow:var(--sh-2);transform:translateY(-3px)}
.wc-svc:focus-within,.wc-aic--link:focus-within{outline:2px solid var(--blue);outline-offset:2px}
@media (max-width:980px){body .wc-svc__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){body .wc-svc__grid{grid-template-columns:1fr}}
.wc-route tbody td:first-child{width:30%}
.wc-route tbody td:nth-child(2){width:30%;font-weight:700}
.wc-route tbody td a{color:var(--blue);text-decoration:none}
.wc-route tbody td a:hover{color:var(--ink)}
/* five cards per category: three on the first row, two wider ones on the second */
@media (min-width:981px){
body .wc-svcsec .wc-svc__grid,body .wc-svcsec .wc-aisys__grid{grid-template-columns:repeat(6,1fr)}
.wc-svcsec .wc-svc__grid>*,.wc-svcsec .wc-aisys__grid>*{grid-column:span 2}
.wc-svcsec .wc-svc__grid>:nth-child(n+4):nth-last-child(-n+2),.wc-svcsec .wc-aisys__grid>:nth-child(n+4):nth-last-child(-n+2){grid-column:span 3}
}
/* Services hub: "start from what you need" photo cards */
body .wc-need__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wc-need__grid>*,.wc-need>*,.wc-need__body>*{margin-block-start:0}
.wc-need{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.wc-need:hover{transform:translateY(-5px);box-shadow:0 24px 50px -24px rgba(7,29,57,.45);border-color:var(--blue-100,#BFDBFE)}
.wc-need__img{margin:0;aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--navy)}
.wc-need__img img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.wc-need:hover .wc-need__img img{transform:scale(1.07)}
.wc-need__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,29,57,.55));pointer-events:none}
.wc-need__body{position:relative;display:flex;flex-direction:column;gap:8px;flex:1;padding:34px 20px 20px}
.wc-need__body>.wp-block-wc-icon,.wc-need__body>.wc-icon{position:absolute;top:-24px;left:20px;box-shadow:0 8px 20px -8px rgba(7,29,57,.5);border:3px solid #fff;border-radius:12px}
.wc-need__body h3{font-size:1.08rem;line-height:1.3;text-wrap:pretty} /* fill the line instead of balancing into two short ones */
.wc-need__body>p{text-wrap:pretty}
.wc-need__body>p{color:var(--slate)}
.wc-need__body ul.wc-need__go{list-style:none;margin:auto 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:6px;font-size:.9rem;font-weight:700}
.wc-need__go li{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-need__go a{color:var(--blue);text-decoration:none}
.wc-need__go li::before{content:"→";margin-right:6px;color:#F59E0B}
.wc-need__go a:hover{color:var(--ink)}
@media (max-width:1100px){body .wc-need__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){body .wc-need__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){body .wc-need__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wc-need,.wc-need__img img{transition:none}}
/* ---------- Work page (/work) and case studies ---------- */
.wc-workhero{position:relative;overflow:hidden;color:#fff;text-align:center;padding-block:clamp(48px,7vw,96px) 0;background:#06162E}
.wc-workhero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(38% 42% at 18% 22%,rgba(11,95,211,.75),transparent 62%),radial-gradient(34% 40% at 84% 14%,rgba(124,58,237,.45),transparent 62%),radial-gradient(40% 44% at 60% 96%,rgba(126,224,207,.28),transparent 62%);filter:blur(10px);animation:wc-aurora 18s ease-in-out infinite alternate;pointer-events:none}
.wc-workhero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);pointer-events:none}
@keyframes wc-aurora{0%{transform:translate3d(-3%,-2%,0) rotate(-2deg) scale(1)}100%{transform:translate3d(3%,3%,0) rotate(3deg) scale(1.08)}}
.wc-workhero>*{position:relative;z-index:1}
body .wc-workhero__grid{display:block}
.wc-workhero__grid>*,.wc-workhero__text>*{margin-block-start:0}
.wc-workhero__text{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:980px;margin-inline:auto}
.wc-workhero .is-style-eyebrow{color:#FCD34D!important;padding:6px 14px;border:1px solid rgba(252,211,77,.4);border-radius:999px;background:rgba(252,211,77,.08)}
.wc-workhero h1{font-size:clamp(2.3rem,5.6vw,4.6rem);letter-spacing:-.04em;line-height:1.02;background:linear-gradient(100deg,#fff 20%,#93C5FD 55%,#7EE0CF 90%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:wc-rise .9s cubic-bezier(.2,.8,.2,1) both}
.wc-workhero__lead{color:#B6C2D6;font-size:clamp(1rem,1.5vw,1.15rem);max-width:62ch;animation:wc-rise .9s .12s cubic-bezier(.2,.8,.2,1) both}
.wc-workhero .wp-block-buttons{justify-content:center;animation:wc-rise .9s .22s cubic-bezier(.2,.8,.2,1) both}
.wc-workhero .is-style-ghost .wp-block-button__link{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.3)}
@keyframes wc-rise{from{opacity:0;transform:translateY(22px)}}
.wc-spot{margin-top:clamp(30px,4.5vw,56px);padding-bottom:clamp(44px,6vw,88px)}
.wc-spot__stage{position:relative;width:min(860px,88vw);margin-inline:auto;aspect-ratio:16/10.9;perspective:1800px;animation:wc-stage 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes wc-stage{from{opacity:0;transform:translateY(70px) scale(.94)}}
.wc-spot__slide{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#0B2244;border:1px solid rgba(255,255,255,.18);box-shadow:0 50px 100px -40px rgba(0,0,0,.95);text-decoration:none;color:#fff;opacity:0;pointer-events:none;transform:scale(.6);transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s ease,box-shadow .6s,filter .7s;will-change:transform,opacity}
.wc-spot__slide[hidden]{display:none}
.wc-spot__slide.is-active{opacity:1;pointer-events:auto;transform:none;z-index:3;box-shadow:0 60px 120px -40px rgba(0,0,0,.95),0 0 0 1px rgba(126,224,207,.35),0 0 90px -20px rgba(11,95,211,.9)}
.wc-spot__slide.is-prev,.wc-spot__slide.is-next{opacity:.5;pointer-events:auto;z-index:2;filter:brightness(.7) saturate(.8);cursor:pointer}
.wc-spot__slide.is-prev{transform:translateX(-58%) scale(.74) rotateY(32deg)}
.wc-spot__slide.is-next{transform:translateX(58%) scale(.74) rotateY(-32deg)}
.wc-spot__slide.is-prev:hover,.wc-spot__slide.is-next:hover{opacity:.8;filter:none}
.wc-spot__bar{flex:none;display:flex;align-items:center;gap:6px;padding:11px 16px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1)}
.wc-spot__bar i{width:10px;height:10px;border-radius:50%;background:#FCA5A5}
.wc-spot__bar i:nth-child(2){background:#FCD34D}.wc-spot__bar i:nth-child(3){background:#86EFAC}
.wc-spot__bar span{margin-left:10px;padding:3px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;color:#D5DEEC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-spot__shot{flex:1;min-height:0;display:block;overflow:hidden;background:#fff}
.wc-spot__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.wc-spot__slide.is-active .wc-spot__img{animation:wc-kenburns 7s ease-out both}
@keyframes wc-kenburns{from{transform:scale(1.08)}to{transform:scale(1)}}
.wc-spot__slide.is-active:focus-visible{outline:3px solid #FCD34D;outline-offset:4px}
.wc-spot__nav{position:absolute;top:50%;z-index:4;width:48px;height:48px;margin-top:-24px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(6,22,46,.7);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.wc-spot__nav--prev{left:-24px}.wc-spot__nav--next{right:-24px}
.wc-spot__nav:hover{background:#F59E0B;border-color:#F59E0B;color:#06162E;transform:scale(1.08)}
.wc-spot__info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-top:clamp(20px,3vw,32px)}
.wc-spot__info>*{margin:0}
.wc-spot__name{font-family:var(--display);font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;letter-spacing:-.02em;color:#fff}
.wc-spot__count{font-size:.8rem;color:#B6C2D6;padding:4px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px}
.wc-spot__count span{color:#FCD34D;font-weight:800}
.wc-spot__cta{padding:9px 16px;border-radius:4px;background:#F59E0B;color:#06162E;font-weight:800;font-size:.88rem;text-decoration:none}
.wc-spot__cta:hover{background:#fff}
.wc-spot__thumbs{display:flex;gap:10px;justify-content:safe center;width:min(1000px,92vw);margin:clamp(16px,2.4vw,26px) auto 0;padding:6px 4px;overflow-x:auto;scrollbar-width:none}
.wc-spot__thumbs::-webkit-scrollbar{display:none}
.wc-spot__thumb{flex:none;position:relative;width:68px;height:44px;padding:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0B2244;cursor:pointer;opacity:.5;transition:opacity .25s,transform .25s,border-color .25s}
.wc-spot__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.wc-spot__thumb:hover{opacity:.9;transform:translateY(-3px)}
.wc-spot__thumb.is-active{opacity:1;border-color:#7EE0CF;transform:translateY(-3px);box-shadow:0 10px 24px -10px rgba(126,224,207,.8)}
.wc-spot__thumb i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#F59E0B;transform-origin:0 50%;transform:scaleX(0)}
.wc-spot.is-ready .wc-spot__thumb.is-active i{animation:wc-spot-timer var(--spot-time,5s) linear forwards}
.wc-spot:hover .wc-spot__thumb i,.wc-spot:focus-within .wc-spot__thumb i{animation-play-state:paused}
@keyframes wc-spot-timer{to{transform:scaleX(1)}}
.wc-shot .wc-spot__stage,.wc-shot .wc-spot__img,.wc-shot .wc-spot__thumb i,.wc-shot .wc-workhero::before,.wc-shot .wc-workhero h1,.wc-shot .wc-workhero__lead,.wc-shot .wc-workhero .wp-block-buttons{animation:none!important}
@media (prefers-reduced-motion:reduce){.wc-spot__stage,.wc-spot__img,.wc-spot__thumb i,.wc-workhero::before,.wc-workhero h1,.wc-workhero__lead,.wc-workhero .wp-block-buttons{animation:none!important}.wc-spot__slide{transition:opacity .2s}}
@media (max-width:900px){.wc-spot__slide.is-prev{transform:translateX(-30%) scale(.8) rotateY(24deg)}.wc-spot__slide.is-next{transform:translateX(30%) scale(.8) rotateY(-24deg)}.wc-spot__nav--prev{left:-10px}.wc-spot__nav--next{right:-10px}.wc-spot__nav{width:40px;height:40px;margin-top:-20px}}

.wc-frame{display:block;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 34px 70px -34px rgba(7,29,57,.6)}
.wc-frame__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F1F5FB;border-bottom:1px solid var(--line)}
.wc-frame__bar i{width:9px;height:9px;border-radius:50%;background:#FCA5A5}
.wc-frame__bar i:nth-child(2){background:#FCD34D}.wc-frame__bar i:nth-child(3){background:#86EFAC}
.wc-frame__url{margin-left:10px;flex:1;max-width:260px;padding:3px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.72rem;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-frame__view{display:block;aspect-ratio:16/10;overflow:hidden;container-type:size;background:#fff}
.wc-frame__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.wc-frame--tall .wc-frame__img{height:auto}
.wc-frame--pan .wc-frame__img{animation:wc-pan 18s ease-in-out infinite alternate;animation-play-state:paused}
.wc-wcase.is-view .wc-frame--pan .wc-frame__img,.wc-wcase__media:hover .wc-frame--pan .wc-frame__img{animation-play-state:running}
@keyframes wc-pan{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(calc(-100% + 100cqh))}}
.wc-frame--scroll .wc-frame__view{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.wc-frame--scroll .wc-frame__view:focus-visible{outline:3px solid #FCD34D;outline-offset:-3px}
.wc-shot .wc-frame--pan .wc-frame__img{animation:none}
@media (prefers-reduced-motion:reduce){.wc-frame--pan .wc-frame__img{animation:none}}

/* Case study cards: big panels that stack over each other while scrolling on tall, wide screens */
.wc-wgrid__list{display:grid;gap:clamp(18px,3vw,30px)}
.wc-wcase{--acc:#0B5FD3;position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(24px,4vw,54px);padding-right:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(70% 90% at 100% 0%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 62%),#fff;box-shadow:0 30px 60px -40px rgba(7,29,57,.45)}
.wc-wcase:nth-child(4n+2){--acc:#F59E0B}
.wc-wcase:nth-child(4n+3){--acc:#0D9488}
.wc-wcase:nth-child(4n+4){--acc:#7C3AED}
.wc-wcase::before{content:"";position:absolute;left:0;top:clamp(24px,4vw,54px);bottom:clamp(24px,4vw,54px);width:5px;border-radius:0 5px 5px 0;background:var(--acc)}
.wc-wcase__body{display:flex;flex-direction:column;gap:14px;min-width:0}
.wc-wcase__body>*{margin:0}
.wc-wcase .is-style-eyebrow{color:var(--acc)!important}
.wc-wcase__title{font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:-.03em;line-height:1.08}
.wc-wcase__title a{color:var(--ink);text-decoration:none}
.wc-wcase__title a::after{content:"";position:absolute;inset:0;z-index:1}
.wc-wcase__sum{color:var(--slate);font-size:1.04rem;max-width:52ch}
.wc-wcase__results{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wc-wcase__results li{padding:12px 12px 12px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--acc);display:flex;flex-direction:column;gap:2px}
.wc-wcase__results strong{font-family:var(--display);font-size:1.02rem;color:var(--ink);line-height:1.2}
.wc-wcase__results span{font-size:.78rem;color:var(--slate);line-height:1.35}
.wc-wcase__tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wc-wcase__tags li{padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,#fff);color:color-mix(in srgb,var(--acc) 70%,#071D39);font-size:.76rem;font-weight:700}
.wc-wcase__tags li.wc-wcase__loc{background:#F1F5F9;color:var(--slate)}
.wc-wcase__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:6px;position:relative;z-index:2}
.wc-wcase__actions .wp-block-button__link{transition:transform .25s var(--ease)}
.wc-wcase:hover .wc-wcase__actions .wp-block-button__link{transform:translateX(4px)}
.wc-wcase__live{font-weight:700;font-size:.92rem;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--line-2)}
.wc-wcase__live:hover{border-color:var(--acc);color:var(--acc)}
.wc-wcase__media{display:block;align-self:stretch;display:flex;align-items:center;margin-block:calc(clamp(24px,4vw,54px) * -.35);transform:translateX(6%) rotate(-2.5deg);transform-origin:0 50%;transition:transform .6s var(--ease)}
.wc-wcase__media .wc-frame{width:100%;box-shadow:-30px 40px 80px -40px rgba(7,29,57,.55)}
.wc-wcase:hover .wc-wcase__media{transform:translateX(2%) rotate(0)}
@media (min-width:1000px) and (min-height:760px){
.wc-wcase{position:sticky;top:calc(132px + var(--k,0) * 16px)}
}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-wcase{animation:wc-card-in linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}}
@keyframes wc-card-in{from{opacity:0;transform:translateY(60px) scale(.96)}}
.wc-shot .wc-wcase{animation:none;position:relative;top:auto}
@media (max-width:900px){.wc-wcase{grid-template-columns:1fr;padding-right:clamp(24px,4vw,54px)}.wc-wcase__media{order:-1;margin:0;transform:none!important}.wc-wcase__results{grid-template-columns:1fr}}

.wc-chero{background:radial-gradient(60% 70% at 100% 0%,rgba(11,95,211,.6),transparent 60%),linear-gradient(160deg,#071D39 0%,#0A2A55 100%);color:#fff;padding:clamp(36px,6vw,80px) var(--gutter,clamp(16px,4vw,40px)) clamp(48px,7vw,96px)}
.wc-chero__in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center}
.wc-chero__text{display:flex;flex-direction:column;gap:16px}
.wc-chero__text>*{margin:0}
.wc-chero__back a{color:#B6C2D6;font-size:.85rem;font-weight:700;text-decoration:none}
.wc-chero__back a::before{content:"← "}
.wc-chero .is-style-eyebrow{color:#FCD34D!important}
.wc-chero__title{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.035em;line-height:1.03}
.wc-chero__sum{color:#B6C2D6;font-size:1.1rem}
.wc-chero__facts{display:grid;gap:10px;padding:16px 0;border-block:1px solid rgba(255,255,255,.14)}
.wc-chero__facts div{display:grid;grid-template-columns:110px 1fr;gap:12px}
.wc-chero__facts dt{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7EE0CF;padding-top:3px}
.wc-chero__facts dd{margin:0;color:#fff;font-weight:600}
.wc-chero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.wc-chero__actions .wp-block-button__link{background:#F59E0B;color:#071D39}
.wc-chero__quote{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.35)}
.wc-chero__media{position:relative}
.wc-chero__media .wc-frame{border-color:rgba(255,255,255,.2);box-shadow:0 50px 90px -40px rgba(0,0,0,.8);animation:wc-chero-in .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes wc-chero-in{from{opacity:0;transform:translateY(30px) scale(.96)}}
.wc-chero__hint{margin:12px 0 0;text-align:center;font-size:.8rem;color:#B6C2D6}
.wc-chero__hint::before{content:"↕ ";color:#FCD34D}
.wc-chero__results{list-style:none;max-width:1180px;margin:clamp(28px,4vw,48px) auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wc-chero__results li{padding:20px 22px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:4px}
.wc-chero__results strong{font-family:var(--display);font-size:1.5rem;color:#fff;letter-spacing:-.02em}
.wc-chero__results span{color:#B6C2D6;font-size:.9rem}
@media (max-width:900px){.wc-chero__in{grid-template-columns:1fr}.wc-chero__results{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wc-chero__media .wc-frame{animation:none}}
.wc-case-page__content{padding:clamp(36px,6vw,72px) var(--gutter,clamp(16px,4vw,40px))}
.wc-cnext{max-width:1180px;margin:0 auto clamp(40px,6vw,80px);padding-inline:var(--gutter,clamp(16px,4vw,40px));display:grid;gap:14px;justify-items:center}
.wc-cnext__card{width:100%;display:grid;grid-template-columns:1fr minmax(0,420px);gap:24px;align-items:center;padding:clamp(22px,4vw,40px);border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(160deg,#071D39,#0A2A55);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.wc-cnext__card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(7,29,57,.7)}
.wc-cnext__text{display:flex;flex-direction:column;gap:8px}
.wc-cnext__k{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FCD34D}
.wc-cnext__t{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.03em;line-height:1.1}
.wc-cnext__t::after{content:" →";color:#F59E0B}
.wc-cnext__s{color:#B6C2D6}
.wc-cnext__img{width:100%;height:auto;border-radius:10px;transform:rotate(2deg) translateX(10px);transition:transform .4s var(--ease);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.wc-cnext__card:hover .wc-cnext__img{transform:rotate(0) translateX(0)}
.wc-cnext__all{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:2px solid var(--navy);border-radius:4px;font-weight:700;font-size:.9375rem;color:var(--navy);text-decoration:none;transition:background .2s,color .2s}
.wc-cnext__all::after{content:"→"}
.wc-cnext__all:hover{background:var(--navy);color:#fff}
@media (max-width:760px){.wc-cnext__card{grid-template-columns:1fr}}

/* Portfolio hero, fitted to one screen: text beside the rotating screen on wide viewports, and the screen sized from
   the viewport height so the whole hero is visible on a 14 inch laptop without scrolling. */
.wc-workhero{padding-block:clamp(26px,4vw,56px)}
.wc-spot{margin-top:clamp(22px,3vw,36px);padding-bottom:0;min-width:0}
.wc-spot__stage{width:min(100%,88vw,calc((100svh - 400px) * 1.47));min-width:min(100%,300px)}
.wc-spot__thumbs{width:100%;gap:6px;overflow:visible;justify-content:center;padding:4px 0}
.wc-spot__thumb{flex:1 1 0;width:auto;height:auto;max-width:64px;aspect-ratio:16/10}
.wc-spot__info{margin-top:clamp(14px,2vw,22px)}
@media (min-width:1000px){
body .wc-workhero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,64px);align-items:center}
.wc-workhero{text-align:left}
.wc-workhero__text{align-items:flex-start;margin-inline:0;gap:16px}
.wc-workhero h1{font-size:clamp(2rem,3.5vw,3.5rem)}
.wc-workhero .wp-block-buttons{justify-content:flex-start}
.wc-spot{margin-top:0}
.wc-spot__stage{width:min(100%,calc((100svh - 300px) * 1.47));margin-inline:auto}
.wc-spot__slide.is-prev{opacity:0;pointer-events:none}
.wc-spot__slide.is-next{transform:translateX(34%) scale(.82) rotateY(-30deg)}
.wc-spot__nav--prev{left:-18px}.wc-spot__nav--next{right:-18px}
.wc-spot__nav{width:42px;height:42px;margin-top:-21px}
}
@media (min-width:1000px) and (max-height:760px){
.wc-workhero{padding-block:22px 26px}
.wc-workhero h1{font-size:clamp(1.8rem,3vw,2.7rem)}
.wc-workhero__lead{font-size:.98rem}
.wc-workhero__text{gap:12px}
.wc-spot__name{font-size:1.15rem}
}
.wc-spot__thumb{min-width:0}
@media (min-width:1000px){.wc-spot__thumbs{width:min(100%,calc((100svh - 300px) * 1.47));margin-inline:auto}}
/* Site name, button and thumbnails sit above the screen's drop shadow, which is kept short so it never falls on them. */
.wc-spot__info,.wc-spot__thumbs{position:relative;z-index:5}
.wc-spot__slide{box-shadow:0 18px 30px -22px rgba(0,0,0,.8)}
.wc-spot__slide.is-active{box-shadow:0 0 0 1px rgba(126,224,207,.4),0 0 70px -18px rgba(11,95,211,.85)}
.wc-spot__name{color:#fff;text-shadow:none}
.wc-spot__cta{box-shadow:none}
.wc-spot__thumb.is-active{box-shadow:none}
/* No tilted screenshots: case study frames sit straight, and the next site in the hero peeks out flat. */
.wc-wcase__media,.wc-wcase:hover .wc-wcase__media{transform:none}
.wc-wcase__media .wc-frame{transition:transform .5s var(--ease)}
.wc-wcase:hover .wc-wcase__media .wc-frame{transform:translateY(-6px)}
.wc-wcase{padding-right:clamp(24px,4vw,54px)}
.wc-wcase__media{margin-block:0}
.wc-spot__slide.is-prev{transform:translateX(-22%) scale(.84)}
.wc-spot__slide.is-next{transform:translateX(22%) scale(.84)}
@media (min-width:1000px){.wc-spot__slide.is-next{transform:translateX(16%) scale(.86)}}
@media (max-width:900px){.wc-spot__slide.is-prev{transform:translateX(-14%) scale(.86)}.wc-spot__slide.is-next{transform:translateX(14%) scale(.86)}}
.wc-cnext__img,.wc-cnext__card:hover .wc-cnext__img{transform:none}
/* ---------- Case study: "how we did it" sections ---------- */
.wc-cs__sec{padding:clamp(44px,7vw,92px) var(--gutter,clamp(16px,4vw,40px))}
.wc-cs__sec:nth-child(even){background:var(--surface,#F6F8FC)}
.wc-cs__in{max-width:1180px;margin:0 auto}
.wc-cs__head{max-width:640px;margin-bottom:clamp(22px,3vw,36px)}
.wc-cs__head>*{margin:0}
.wc-cs__head h2{margin-top:10px;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;line-height:1.1}
.wc-cs__head p:not(.is-style-eyebrow){margin-top:14px;color:var(--slate);font-size:1.04rem}
.wc-cs__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.wc-cs__split .wc-cs__head{margin-bottom:0}
.wc-cs__goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.wc-cs__goals li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:600;color:var(--ink);line-height:1.45;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.wc-cs__goals li:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--blue-100,#BFDBFE)}
.wc-cs__tick{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#DCFCE7;color:#15803D}
.wc-cs__wire{color:var(--line-2);padding:clamp(10px,2vw,24px);border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.wc-cs__wire svg{display:block;width:100%;height:auto}
.wc-cs__w{fill:#CBD5E1}.wc-cs__w--soft{fill:#E2E8F0}.wc-cs__w--acc{fill:var(--blue)}.wc-cs__w--box{fill:#F1F5F9;stroke:#CBD5E1;stroke-width:1.5}
.wc-cs__wx{fill:none;stroke:#CBD5E1;stroke-width:1.5}
.wc-cs__shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:clamp(24px,4vw,44px)}
.wc-cs__shots figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.wc-cs__shots img{display:block;width:100%;height:auto}
.wc-cs__shots figcaption{padding:10px 14px;font-size:.82rem;color:var(--slate)}
.wc-cs__palette{display:flex;gap:10px;height:clamp(150px,20vw,230px)}
.wc-csw{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:16px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:var(--c);color:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:flex-grow .45s var(--ease),transform .3s var(--ease),box-shadow .3s}
.wc-csw--light{color:#000}
.wc-csw:hover,.wc-csw:focus-visible{flex-grow:2.2;transform:translateY(-6px);box-shadow:0 24px 40px -22px var(--c),0 18px 30px -20px rgba(7,29,57,.5);outline:0}
.wc-csw__name{font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wc-csw__hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}
.wc-csw__tip{position:absolute;top:12px;left:16px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .25s}
.wc-csw:hover .wc-csw__tip,.wc-csw:focus-visible .wc-csw__tip,.wc-csw.is-copied .wc-csw__tip{opacity:.85}
.wc-cs__fonts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.wc-cs__font{padding:22px 24px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.wc-cs__font>*{margin:0}
.wc-cs__font-role{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.wc-cs__font-name{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;color:var(--ink)}
.wc-cs__map{padding:clamp(18px,3vw,30px);border-radius:16px;background:linear-gradient(160deg,#071D39,#0A2A55);color:#fff}
.wc-cs__map-root{margin:0 0 18px;display:inline-block;padding:10px 18px;border-radius:8px;background:#F59E0B;color:#071D39;font-weight:800}
.wc-cs__map ul{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px dashed rgba(126,224,207,.5);display:grid;gap:8px}
.wc-cs__map li{position:relative;padding:9px 14px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-weight:600;font-size:.94rem}
.wc-cs__map li::before{content:"";position:absolute;left:-22px;top:50%;width:20px;border-top:2px dashed rgba(126,224,207,.5)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-cs__goals li,.wc-csw,.wc-cs__font,.wc-cs__map li,.wc-cs__wire,.wc-cs__shots figure{animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}}
.wc-shot .wc-cs__goals li,.wc-shot .wc-csw,.wc-shot .wc-cs__font,.wc-shot .wc-cs__map li,.wc-shot .wc-cs__wire,.wc-shot .wc-cs__shots figure{animation:none}
@media (max-width:860px){.wc-cs__split{grid-template-columns:1fr}.wc-cs__palette{flex-wrap:wrap;height:auto}.wc-csw{flex:1 1 40%;min-height:110px}}
.wc-case-page__content>.is-style-eyebrow{max-width:820px;margin-inline:auto}
.wc-cs__goals{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
/* Case study: jump links and the redesigned objectives (goal → what we built) */
html{scroll-padding-top:140px}
.wc-cs__jump{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;max-width:1180px;margin:0 auto;padding:18px var(--gutter,clamp(16px,4vw,40px));border-bottom:1px solid var(--line)}
.wc-cs__jump>span{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.wc-cs__jump ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-cs__jump a{display:block;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:.86rem;font-weight:700;color:var(--ink);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.wc-cs__jump a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.wc-cs__head--wide{max-width:900px}
.wc-cs__obj{background:#fff!important}
.wc-cs__goals{list-style:none;margin:0;padding:0 0 0 clamp(26px,4vw,44px);display:grid;gap:18px;position:relative;grid-template-columns:1fr}
.wc-cs__goals::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(180deg,#0B5FD3,#7EE0CF 55%,#F59E0B)}
.wc-goal{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:18px;overflow:visible;padding:0;border:0;background:none;font-weight:400;box-shadow:0 26px 50px -36px rgba(7,29,57,.55);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.wc-goal:hover{transform:translateX(6px);box-shadow:0 30px 60px -32px rgba(11,95,211,.55);border:0}
.wc-goal::before{content:"";position:absolute;left:calc(clamp(26px,4vw,44px) * -1 + 1px);top:50%;width:17px;height:17px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid #0B5FD3;box-shadow:0 0 0 5px rgba(11,95,211,.14)}
.wc-goal__ask{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(20px,3vw,34px);border-radius:18px 0 0 18px;color:#fff;background:radial-gradient(90% 120% at 0% 0%,rgba(11,95,211,.7),transparent 60%),linear-gradient(160deg,#071D39,#0A2A55)}
.wc-goal__ask>*,.wc-goal__answer>*{margin:0}
.wc-goal__k{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FCD34D}
.wc-goal__ask h3{color:#fff;font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.02em;line-height:1.2}
.wc-goal__answer{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(20px,3vw,34px) clamp(20px,3vw,34px) clamp(20px,3vw,34px) clamp(34px,4vw,50px);border-radius:0 18px 18px 0;background:#fff;border:1px solid var(--line);border-left:0}
.wc-goal__answer .wc-goal__k{color:#15803D}
.wc-goal__answer p:last-child{color:var(--ink-2,#1E293B);font-size:1.02rem;line-height:1.55}
.wc-goal__arrow{position:absolute;left:calc(47.37% - 22px);top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border-radius:50%;background:#F59E0B;color:#071D39;border:4px solid #fff;box-shadow:0 8px 18px -8px rgba(7,29,57,.6);transition:transform .35s var(--ease)}
.wc-goal:hover .wc-goal__arrow{transform:translateX(5px) scale(1.08)}
.wc-goal--solo{grid-template-columns:1fr}.wc-goal--solo .wc-goal__ask{border-radius:18px}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-goal__ask{animation:wc-goal-l linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
.wc-goal__answer{animation:wc-goal-r linear both;animation-timeline:view();animation-range:entry 10% entry 65%}
.wc-goal__arrow{animation:wc-goal-pop linear both;animation-timeline:view();animation-range:entry 35% entry 75%}
.wc-cs__goals li{animation:none}
}}
@keyframes wc-goal-l{from{opacity:0;transform:translateX(-40px)}}
@keyframes wc-goal-r{from{opacity:0;transform:translateX(40px)}}
@keyframes wc-goal-pop{from{opacity:0;transform:scale(.3)}}
.wc-shot .wc-goal__ask,.wc-shot .wc-goal__answer,.wc-shot .wc-goal__arrow{animation:none}
@media (max-width:760px){.wc-goal{grid-template-columns:1fr}.wc-goal__ask{border-radius:18px 18px 0 0}.wc-goal__answer{border-radius:0 0 18px 18px;border-left:1px solid var(--line);border-top:0;padding-top:34px}.wc-goal__arrow{left:50%;margin-left:-22px;top:auto;margin-top:0;transform:rotate(90deg);position:relative;grid-row:2;height:0;border:0;overflow:visible;background:none;box-shadow:none}.wc-goal__arrow svg{background:#F59E0B;border-radius:50%;padding:8px;width:40px;height:40px;border:4px solid #fff;position:absolute;top:-20px}.wc-goal:hover .wc-goal__arrow{transform:rotate(90deg)}}
.wc-cs__goals li.wc-goal{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:stretch;padding:0;border:0;background:none;font-weight:400}
.wc-cs__goals li.wc-goal:hover{transform:translateX(6px);border:0}
.wc-cs__goals li.wc-goal--solo{grid-template-columns:1fr}
@media (max-width:760px){.wc-cs__goals li.wc-goal{grid-template-columns:1fr}}
/* Objectives scroll effect: each row rises in as one piece. Nothing moves sideways, so the arrow never crosses the text. */
.wc-goal__ask,.wc-goal__answer,.wc-goal__arrow{animation:none!important}
.wc-goal:hover .wc-goal__arrow{transform:none}
.wc-cs__goals li.wc-goal:hover{transform:translateY(-3px)}
.wc-goal__answer{padding-left:clamp(44px,4.5vw,60px)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-cs__goals li.wc-goal{animation:wc-goal-rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
.wc-goal::before{animation:wc-goal-dot linear both;animation-timeline:view();animation-range:entry 20% entry 60%}
}}
@keyframes wc-goal-rise{from{opacity:0;transform:translateY(36px)}}
@keyframes wc-goal-dot{from{background:#fff;transform:scale(.6)}to{background:#0B5FD3;transform:scale(1)}}
.wc-shot .wc-cs__goals li.wc-goal,.wc-shot .wc-goal::before{animation:none}
@media (max-width:760px){.wc-goal:hover .wc-goal__arrow{transform:rotate(90deg)}.wc-goal__answer{padding-left:clamp(20px,3vw,34px)}}
/* Case study wireframes: desktop beside phone, each in a scrollable device frame */
.wc-cs__shots{display:flex;gap:clamp(16px,3vw,36px);align-items:flex-start;justify-content:center;margin-top:0}
.wc-cs__shot{flex:1 1 0;min-width:0;margin:0;border:0;background:none;border-radius:0;overflow:visible}
.wc-cs__shot--phone{flex:0 0 clamp(200px,24%,280px)}
.wc-cs__shot-view{height:clamp(380px,48vw,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:14px;border:1px solid var(--line-2);background:#fff;box-shadow:0 30px 60px -36px rgba(7,29,57,.5)}
.wc-cs__shot--phone .wc-cs__shot-view{border-radius:28px;border:8px solid #0F172A}
.wc-cs__shot-view:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.wc-cs__shot-view img{display:block;width:100%;height:auto}
.wc-cs__shots figcaption{padding:12px 4px 0;font-size:.84rem;color:var(--slate);text-align:center}
.wc-cs__hint{margin:18px 0 0;text-align:center;font-size:.82rem;color:var(--slate)}
.wc-cs__hint::before{content:"↕ ";color:#F59E0B;font-weight:800}
@media (max-width:700px){.wc-cs__shots{flex-direction:column;align-items:center}.wc-cs__shot{width:100%;flex:none}.wc-cs__shot--phone{flex:none;width:min(260px,80%)}}
.wc-cs__shots figure.wc-cs__shot{border:0;background:none;border-radius:0;overflow:visible;animation:none}
/* Wireframes on a design canvas: dotted board, artboard labels, straight frames */
.wc-cs__shots{padding:clamp(16px,3vw,36px);border-radius:18px;background-color:#EEF2F7;background-image:radial-gradient(#C7D0DC 1.2px,transparent 1.2px);background-size:22px 22px;border:1px solid var(--line)}
.wc-cs__shot-bar{display:flex;align-items:baseline;gap:8px;margin:0 0 8px 2px;font-size:.78rem}
.wc-cs__shot-bar span{font-weight:800;color:#0B5FD3}
.wc-cs__shot-bar em{font-style:normal;color:var(--slate);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}
.wc-cs__shot-view,.wc-cs__shot--phone .wc-cs__shot-view{border-radius:4px;border:1px solid #94A3B8;box-shadow:0 18px 36px -24px rgba(7,29,57,.45)}
.wc-cs__shot-view{height:clamp(420px,52vw,640px)}
/* Prototype board: many small artboards on a design canvas. Nothing scrolls; each shows the top of its page. */
.wc-cs__board{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(14px,2vw,26px) clamp(12px,1.8vw,22px);padding:clamp(18px,3vw,40px);border-radius:18px;border:1px solid var(--line);background-color:#EEF2F7;background-image:radial-gradient(#C7D0DC 1.2px,transparent 1.2px);background-size:22px 22px}
.wc-art{flex:1 1 180px;max-width:250px;margin:0;min-width:0}
.wc-art--phone{flex:0 1 96px;max-width:112px}
.wc-art figcaption{margin:0 0 6px 1px;font-size:.72rem;font-weight:700;color:#0B5FD3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-art__view{aspect-ratio:1280/1500;overflow:hidden;background:#fff;border:1px solid #94A3B8;border-radius:3px;box-shadow:0 14px 26px -18px rgba(7,29,57,.5);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.wc-art--phone .wc-art__view{aspect-ratio:390/1300;border-radius:10px}
.wc-art__view img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.wc-art:hover .wc-art__view{transform:translateY(-5px);box-shadow:0 22px 36px -18px rgba(11,95,211,.5)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-art{animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}}
.wc-shot .wc-art{animation:none}
/* Case study: "The build" (feature cards + mock-up wall of the finished site) */
.wc-cs__build{background:radial-gradient(60% 50% at 100% 0%,rgba(11,95,211,.5),transparent 60%),linear-gradient(160deg,#071D39,#0A2A55)!important;color:#fff}
.wc-cs__build .is-style-eyebrow{color:#FCD34D!important}
.wc-cs__build .wc-cs__head h2{color:#fff}
.wc-cs__build .wc-cs__head p:not(.is-style-eyebrow){color:#B6C2D6}
.wc-cs__feats{list-style:none;margin:0 0 clamp(28px,4vw,52px);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.wc-feat{padding:24px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);transition:transform .3s var(--ease),border-color .3s,background .3s}
.wc-feat:hover{transform:translateY(-4px);border-color:rgba(126,224,207,.6);background:rgba(255,255,255,.09)}
.wc-feat>*{margin:0}
.wc-feat__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:10px;background:#fff;color:var(--blue)}
.wc-feat h3{color:#fff;font-size:1.12rem;margin-bottom:8px}
.wc-feat p{color:#B6C2D6;font-size:.95rem;line-height:1.55}
.wc-cs__mocks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,24px);align-items:start}
.wc-mock{grid-column:span 4;margin:0}
.wc-mock--lead{grid-column:span 8;grid-row:span 2}
.wc-mock--phone{grid-column:span 2}
.wc-mock__browser{border-radius:10px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transition:transform .4s var(--ease),box-shadow .4s}
.wc-mock__browser img,.wc-mock__phone img{display:block;width:100%;height:auto}
.wc-mock__phone{border-radius:22px;overflow:hidden;border:6px solid #0F172A;outline:1px solid rgba(255,255,255,.25);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transition:transform .4s var(--ease)}
.wc-mock:hover .wc-mock__browser,.wc-mock:hover .wc-mock__phone{transform:translateY(-6px)}
.wc-mock figcaption{margin-top:10px;font-size:.82rem;font-weight:700;color:#B6C2D6}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-feat,.wc-mock{animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}}
.wc-shot .wc-feat,.wc-shot .wc-mock{animation:none}
@media (max-width:900px){.wc-mock,.wc-mock--lead{grid-column:span 12}.wc-mock--phone{grid-column:span 4}}
/* the free-form content area is hidden when a case study has no extra content */
.wc-case-page__content:not(:has(.wp-block-post-content)){display:none}
.wc-cnext{margin-top:clamp(48px,7vw,96px)}
/* Mock-up wall without holes: strict 3-column grid of equal screens, first one 2x2; phones in their own row */
.wc-cs__mocks{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;grid-auto-flow:dense}
.wc-cs__mocks .wc-mock{grid-column:auto;grid-row:auto;display:flex;flex-direction:column}
.wc-cs__mocks .wc-mock--lead{grid-column:span 2;grid-row:span 2}
.wc-mock__browser{display:flex;flex-direction:column;flex:1}
.wc-mock__shot{aspect-ratio:16/10;overflow:hidden}
.wc-mock--lead .wc-mock__shot{aspect-ratio:auto;flex:1;min-height:0}
.wc-mock__shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.wc-mock figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* a last row with one screen stretches it across; with two, the second takes the remaining two columns */
.wc-cs__mocks--n1 .wc-mock:last-child:not(.wc-mock--lead){grid-column:1/-1}
.wc-cs__mocks--n1 .wc-mock:last-child:not(.wc-mock--lead) .wc-mock__shot{aspect-ratio:16/5}
.wc-cs__mocks--n2 .wc-mock:last-child:not(.wc-mock--lead){grid-column:span 2}
.wc-cs__mocks--n2 .wc-mock:last-child:not(.wc-mock--lead) .wc-mock__shot{aspect-ratio:auto;flex:1}
.wc-cs__phones{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,40px);margin-top:clamp(20px,3vw,36px)}
.wc-cs__phones .wc-mock--phone{width:clamp(150px,18vw,210px)}
@media (max-width:900px){.wc-cs__mocks{grid-template-columns:1fr}.wc-cs__mocks .wc-mock,.wc-cs__mocks .wc-mock--lead,.wc-cs__mocks .wc-mock:last-child:not(.wc-mock--lead){grid-column:auto;grid-row:auto}.wc-mock--lead .wc-mock__shot,.wc-cs__mocks .wc-mock:last-child:not(.wc-mock--lead) .wc-mock__shot{aspect-ratio:16/10;flex:none}}
/* ---------- About page ---------- */
.wc-aband{padding-block:clamp(28px,4vw,48px)}
body .wc-afacts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wc-afacts>*,.wc-afact>*{margin-block-start:0}
.wc-afact{padding:22px 24px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:4px}
.wc-afact__v{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(100deg,#fff,#7EE0CF);-webkit-background-clip:text;background-clip:text;color:transparent}
.wc-afact__l{color:#B6C2D6;font-size:.9rem}
body .wc-astory__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.wc-astory__grid>*,.wc-astory__text>*,.wc-anote>*{margin-block-start:0}
.wc-astory__text{display:flex;flex-direction:column;gap:16px}
.wc-astory__text h2{font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.03em}
.wc-astory__text p:not(.is-style-eyebrow){color:var(--slate);font-size:1.05rem}
.wc-anote{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,40px);border-left:5px solid #F59E0B;background:linear-gradient(160deg,#fff,#F6F8FC);box-shadow:var(--sh-2)}
.wc-anote__q{font-family:var(--display);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.5;color:var(--ink);letter-spacing:-.01em}
.wc-anote__by{color:var(--slate);font-size:.92rem}
.wc-aclients .wp-block-buttons{margin-top:clamp(20px,3vw,32px)}
body .wc-avisit__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.wc-avisit__grid>*,.wc-avisit__text>*,.wc-avisit__card>*,.wc-avisit__row>*,.wc-avisit__row .wp-block-group>*{margin-block-start:0}
.wc-avisit__text{display:flex;flex-direction:column;gap:16px}
.wc-avisit__text h2{font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.03em}
.wc-avisit__card{display:grid;gap:4px;padding:clamp(18px,2.5vw,30px)}
body .wc-avisit__row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.wc-avisit__row:last-child{border-bottom:0}
.wc-avisit__k{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.wc-avisit__row .wc-site-info,.wc-avisit__row a{font-weight:700;color:var(--ink);text-decoration:none;font-size:1.02rem}
@media (max-width:900px){body .wc-afacts{grid-template-columns:repeat(2,1fr)}body .wc-astory__grid,body .wc-avisit__grid{grid-template-columns:1fr}}
/* About hero: full-bleed skyline, big type, fact cards along the bottom */
.wc-ahero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:#06162E;padding-block:clamp(56px,9vw,130px) clamp(28px,4vw,48px);min-height:min(820px,calc(100svh - 118px));display:flex;flex-direction:column;justify-content:flex-end}
.wc-ahero>*{margin-block-start:0}
.wc-ahero .wc-ahero__bg{position:absolute;inset:0;margin:0;max-width:none;z-index:-2}
.wc-ahero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:wc-ahero-zoom 24s ease-out both}
@keyframes wc-ahero-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.wc-ahero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,22,46,.55) 0%,rgba(6,22,46,.35) 30%,rgba(6,22,46,.88) 72%,#06162E 100%),linear-gradient(90deg,rgba(6,22,46,.75),transparent 70%)}
.wc-ahero__in{display:flex;flex-direction:column;gap:20px;max-width:900px;margin-bottom:clamp(28px,5vw,60px)}
.wc-ahero__in>*{margin-block-start:0}
.wc-ahero .is-style-eyebrow{color:#FCD34D!important;align-self:flex-start;padding:6px 14px;border:1px solid rgba(252,211,77,.45);border-radius:999px;background:rgba(6,22,46,.5)}
.wc-ahero h1{font-size:clamp(2.6rem,7vw,5.6rem);line-height:.98;letter-spacing:-.045em;color:#fff;animation:wc-rise .9s cubic-bezier(.2,.8,.2,1) both;text-wrap:balance}
.wc-ahero__lead{color:#D5DEEC;font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:60ch;animation:wc-rise .9s .12s cubic-bezier(.2,.8,.2,1) both}
.wc-ahero .wp-block-buttons{animation:wc-rise .9s .22s cubic-bezier(.2,.8,.2,1) both}
.wc-ahero .is-style-ghost .wp-block-button__link{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.4)}
.wc-ahero .wc-afact{background:rgba(6,22,46,.55);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.18)}
.wc-shot .wc-ahero{min-height:0}
.wc-shot .wc-ahero__bg img,.wc-shot .wc-ahero h1,.wc-shot .wc-ahero__lead,.wc-shot .wc-ahero .wp-block-buttons{animation:none}
@media (prefers-reduced-motion:reduce){.wc-ahero__bg img,.wc-ahero h1,.wc-ahero__lead,.wc-ahero .wp-block-buttons{animation:none}}
@media (max-height:760px) and (min-width:900px){.wc-ahero h1{font-size:clamp(2.4rem,5vw,3.8rem)}.wc-ahero{padding-top:40px}.wc-ahero .wc-afact{padding:14px 18px}}
/* About hero fits one screen: type and cards scale with the window height, text lines up with the cards */
.wc-ahero{min-height:calc(100svh - 118px);padding-block:clamp(20px,4vh,56px) clamp(16px,3vh,36px);justify-content:space-between}
body .wc-ahero .wc-ahero__in{max-width:none;margin-inline:auto;margin-bottom:clamp(16px,3vh,40px);gap:clamp(10px,2vh,20px);flex:1;justify-content:center;width:100%}
.wc-ahero h1{font-size:clamp(2.1rem,min(6.2vw,10vh),5.6rem);max-width:15ch}
.wc-ahero__lead{font-size:clamp(.95rem,min(1.4vw,2.4vh),1.2rem);max-width:58ch}
.wc-ahero .wc-afact{padding:clamp(10px,2vh,22px) clamp(14px,1.6vw,24px)}
.wc-ahero .wc-afact__v{font-size:clamp(1.3rem,min(2.6vw,4.4vh),2.4rem)}
.wc-ahero .wc-afact__l{font-size:clamp(.76rem,1.7vh,.9rem)}
@media (max-width:700px){.wc-ahero{min-height:0}}
body .wc-ahero .wc-ahero__in{max-width:1180px}
.wc-ahero h1{font-size:clamp(2.1rem,min(6.2vw,8.6vh),5.6rem)}
@media (max-height:720px) and (min-width:900px){.wc-ahero .wc-afact__l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-ahero{padding-top:14px}}
/* About: "Who we work with" as a bold dark section with an edge-to-edge wall of client sites */
.wc-aclients{background:#06162E;color:#fff;padding-inline:0!important;overflow:hidden;position:relative}
.wc-aclients>*{margin-block-start:0}
.wc-aclients__head{max-width:1180px;margin:0 auto clamp(28px,4vw,52px);padding-inline:var(--gutter,clamp(16px,4vw,40px));display:flex;flex-direction:column;gap:16px}
.wc-aclients__head>*{margin-block-start:0}
.wc-aclients .is-style-eyebrow{color:#FCD34D!important}
.wc-aclients__head h2{color:#fff;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1;letter-spacing:-.045em;max-width:16ch;text-wrap:balance}
.wc-aclients__lead{color:#B6C2D6;font-size:clamp(1rem,1.4vw,1.15rem);max-width:60ch}
.wc-cwall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.wc-cwall__tile{position:relative;margin:0;aspect-ratio:16/11;overflow:hidden;background:#0B2244}
.wc-cwall__tile>a,.wc-cwall__tile>span{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.wc-cwall__tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.35) brightness(.6);transition:filter .5s var(--ease),transform .7s var(--ease)}
.wc-cwall__label{position:absolute;inset:auto 0 0 0;padding:28px 14px 12px;display:flex;flex-direction:column;gap:1px;background:linear-gradient(180deg,transparent,rgba(6,22,46,.92))}
.wc-cwall__label strong{font-family:var(--display);font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.2}
.wc-cwall__label em{font-style:normal;font-size:.74rem;color:#7EE0CF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-cwall__tile:hover img,.wc-cwall__tile:focus-within img{filter:none;transform:scale(1.07)}
.wc-cwall__tile a:focus-visible{outline:3px solid #FCD34D;outline-offset:-3px}
.wc-cwall__tile::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.wc-aclients__foot{max-width:1180px;margin:clamp(28px,4vw,48px) auto 0;padding-inline:var(--gutter,clamp(16px,4vw,40px));display:flex;flex-direction:column;align-items:center;gap:24px}
.wc-aclients__foot>*{margin-block-start:0}
.wc-aclients__foot img{filter:brightness(0) invert(1);opacity:.75}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-cwall__tile{animation:wc-cwall-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
}}
@keyframes wc-cwall-in{from{opacity:0;transform:scale(.92)}}
.wc-shot .wc-cwall__tile{animation:none}
@media (max-width:1100px){.wc-cwall{grid-template-columns:repeat(4,1fr)}}
@media (max-width:700px){.wc-cwall{grid-template-columns:repeat(2,1fr)}}
body .wc-aclients .wc-cwall{width:100%;max-width:none;margin-inline:0!important}
/* About: "Trusted by" cards with hover icons */
body .wc-atrust__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 48px;flex-wrap:wrap;margin-bottom:clamp(26px,4vw,44px)}
.wc-atrust__head>*,.wc-atrust__head .wp-block-group>*{margin-block-start:0}
.wc-atrust__head h2{margin-top:10px;font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.04em;line-height:1.02;max-width:14ch}
.wc-atrust__lead{color:var(--slate);max-width:46ch;font-size:1.02rem}
.wc-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.wc-trust__card{margin:0}
.wc-trust__card>a{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.wc-trust__card>a:hover,.wc-trust__card>a:focus-visible{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(7,29,57,.55);border-color:var(--blue);outline:0}
.wc-trust__shot{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.wc-trust__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease),filter .4s}
.wc-trust__over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(7,29,57,.78);color:#fff;opacity:0;transition:opacity .3s}
.wc-trust__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#F59E0B;color:#071D39;transform:scale(.4) rotate(-30deg);transition:transform .4s cubic-bezier(.2,1.4,.4,1)}
.wc-trust__card--case .wc-trust__icon{background:#fff;color:var(--blue)}
.wc-trust__do{font-weight:800;font-size:.9rem;transform:translateY(8px);transition:transform .35s var(--ease)}
.wc-trust__card>a:hover .wc-trust__over,.wc-trust__card>a:focus-visible .wc-trust__over{opacity:1}
.wc-trust__card>a:hover .wc-trust__icon,.wc-trust__card>a:focus-visible .wc-trust__icon{transform:none}
.wc-trust__card>a:hover .wc-trust__do,.wc-trust__card>a:focus-visible .wc-trust__do{transform:none}
.wc-trust__card>a:hover img{transform:scale(1.08);filter:blur(1.5px)}
.wc-trust__meta{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 46px 16px 16px}
.wc-trust__meta strong{font-family:var(--display);font-size:1.02rem;line-height:1.25}
.wc-trust__meta em{font-style:normal;font-size:.8rem;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-trust__corner{position:absolute;right:14px;top:50%;margin-top:-13px;width:26px;height:26px;display:grid;place-items:center;color:var(--slate-2);transition:color .25s,transform .35s var(--ease)}
.wc-trust__corner svg{width:18px;height:18px}
.wc-trust__card>a:hover .wc-trust__corner{color:var(--blue);transform:translate(2px,-2px)}
.wc-atrust .wp-block-buttons{margin-top:clamp(24px,4vw,40px)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-trust__card{animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}}
.wc-shot .wc-trust__card{animation:none}
@media (max-width:1100px){.wc-trust{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.wc-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (hover:none){.wc-trust__over{display:none}}
/* Commitment section: its height follows the scene's proportions, so the "Site is live" card stays in the vertical middle at every screen width */
@media (min-width:861px){
body .wc-tree__inner{padding-block:0}
body .wc-tree__card{min-height:36.1vw;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(40px,5vw,60px) clamp(90px,8vw,120px)}
}
/* ---------- Blog index and archives ---------- */
.wc-bhero{position:relative;overflow:hidden;color:#fff;background:#06162E;padding-block:clamp(40px,6vw,84px) clamp(40px,6vw,84px)}
.wc-bhero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(38% 42% at 15% 20%,rgba(11,95,211,.75),transparent 62%),radial-gradient(34% 40% at 88% 10%,rgba(124,58,237,.4),transparent 62%),radial-gradient(40% 44% at 65% 100%,rgba(126,224,207,.24),transparent 62%);filter:blur(10px);animation:wc-aurora 18s ease-in-out infinite alternate;pointer-events:none}
.wc-bhero>*{position:relative;z-index:1;margin-block-start:0}
.wc-bhero__in{display:flex;flex-direction:column;gap:18px;max-width:1180px}
.wc-bhero__in>*{margin-block-start:0}
.wc-bhero .is-style-eyebrow{color:#FCD34D!important}
.wc-bhero h1{color:#fff;font-size:clamp(2.2rem,5.4vw,4.4rem);letter-spacing:-.04em;line-height:1.02;max-width:17ch;text-wrap:balance}
.wc-bhero__lead,.wc-bhero .wp-block-term-description{color:#B6C2D6;font-size:clamp(1rem,1.4vw,1.15rem);max-width:60ch}
.wc-bhero__back a{color:#B6C2D6;font-size:.85rem;font-weight:700;text-decoration:none}
.wc-bhero__back a::before{content:"← "}
body .wc-bhero__topics{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:6px}
.wc-bhero__topics>*{margin-block-start:0}
.wc-bhero__k{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7EE0CF}
.wc-bhero__topics ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-bhero__topics li{margin:0}
.wc-bhero__topics li ul{display:contents}
.wc-bhero__topics li.cat-item>a{display:block;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.wc-bhero__topics li.cat-item>a:hover,.wc-bhero__topics li.current-cat>a{background:#F59E0B;border-color:#F59E0B;color:#06162E}
.wc-bhero__topics li.cat-item:has(>a[href$="/category/blog"]),.wc-bhero__topics li.cat-item:has(>a[href$="/category/blog/"]){display:contents}
.wc-bhero__topics li.cat-item>a[href$="/category/blog"],.wc-bhero__topics li.cat-item>a[href$="/category/blog/"]{display:none}
.wc-bfeat{margin-top:clamp(28px,4vw,52px)}
.wc-bfeat ul{list-style:none;margin:0;padding:0}
body .wc-bfeat__card{display:grid;grid-template-columns:1.15fr .85fr;border-radius:20px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 50px 100px -50px rgba(0,0,0,.9);transition:transform .4s var(--ease)}
.wc-bfeat__card:hover{transform:translateY(-5px)}
.wc-bfeat__card>*,.wc-bfeat__body>*{margin-block-start:0}
.wc-bfeat__img{margin:0;overflow:hidden;min-height:100%}
.wc-bfeat__img a,.wc-bfeat__img img{display:block;width:100%;height:100%}
.wc-bfeat__img img{object-fit:cover;aspect-ratio:16/10;transition:transform .7s var(--ease)}
.wc-bfeat__card:hover .wc-bfeat__img img{transform:scale(1.05)}
.wc-bfeat__body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(22px,3.4vw,44px)}
.wc-bfeat__tag{align-self:flex-start;padding:5px 12px;border-radius:999px;background:#F59E0B;color:#06162E;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wc-bfeat__body h2{font-size:clamp(1.4rem,2.4vw,2.1rem);letter-spacing:-.03em;line-height:1.12}
.wc-bfeat__body h2 a{color:var(--ink);text-decoration:none}
.wc-bfeat__body .wp-block-post-excerpt__excerpt{color:var(--slate)}
.wc-bfeat__body .wp-block-post-excerpt__more-text{display:none}
body .wc-bgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wc-bgrid>li{margin:0}
.wc-bcard{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.wc-bcard>*,.wc-bcard__body>*{margin-block-start:0}
.wc-bcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(7,29,57,.5);border-color:var(--blue)}
.wc-bcard__img{margin:0;overflow:hidden}
.wc-bcard__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.wc-bcard:hover .wc-bcard__img img{transform:scale(1.07)}
.wc-bcard__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 20px 20px}
.wc-bcard__cats{display:flex;flex-wrap:wrap;gap:6px;font-size:0}
.wc-bcard__cats a{padding:3px 10px;border-radius:999px;background:#EFF6FF;color:var(--blue);font-size:.72rem;font-weight:700;text-decoration:none}
.wc-bcard__cats a[href$="/category/blog"],.wc-bcard__cats a[href$="/category/blog/"]{display:none}
.wc-bcard h3{font-size:1.14rem;line-height:1.3;letter-spacing:-.01em}
.wc-bcard h3 a{color:var(--ink);text-decoration:none}
.wc-bcard:hover h3 a{color:var(--blue)}
.wc-bcard .wp-block-post-excerpt__excerpt{color:var(--slate)}
.wc-bcard .wp-block-post-excerpt__more-text{display:none}
body .wc-bcard__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);align-items:center;gap:10px}
.wc-bcard__foot>*{margin-block-start:0}
.wc-bcard__foot time{color:var(--slate)}
.wc-bcard__more,.wc-bfeat__more{font-size:.88rem;font-weight:800;color:var(--blue);text-decoration:none;white-space:nowrap}
.wc-bcard__more::after,.wc-bfeat__more::after{content:" →";color:#F59E0B}
.wc-bpager{margin-top:clamp(28px,4vw,44px);gap:8px}
.wc-bpager a,.wc-bpager .page-numbers{padding:9px 15px;border-radius:6px;border:1px solid var(--line-2);font-weight:700;color:var(--ink);text-decoration:none}
.wc-bpager .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.wc-bgrid>li{animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}}
.wc-shot .wc-bgrid>li,.wc-shot .wc-bhero::before{animation:none}
@media (max-width:1000px){body .wc-bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body .wc-bfeat__card{grid-template-columns:1fr}}
@media (max-width:640px){body .wc-bgrid{grid-template-columns:1fr}}
/* featured post image is shown whole, since post banners often carry text */
.wc-bfeat__img{display:flex;align-items:center;background:#EEF4FB}
.wc-bfeat__img img{height:auto;aspect-ratio:auto;object-fit:contain}
/* Blog infinite scroll status */
.wc-bmore{margin:clamp(24px,4vw,40px) 0 0;text-align:center;color:var(--slate);font-weight:600;min-height:24px}
.wc-bmore.is-loading::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border:2px solid var(--line-2);border-top-color:var(--blue);border-radius:50%;animation:wc-dspin .7s linear infinite}
.wc-bmore__sentinel{height:1px}
.wc-bpager[hidden]{display:none}
/* Featured post: the banner runs the full width of the card at its own proportions, with the text underneath, so no image shape leaves a gap */
body .wc-bfeat__card{grid-template-columns:1fr}
.wc-bfeat__img{display:block;background:none;min-height:0}
.wc-bfeat__img img{width:100%;height:auto;max-height:520px;aspect-ratio:auto;object-fit:cover;object-position:center}
.wc-bfeat__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px clamp(24px,4vw,56px);align-items:start;padding:clamp(20px,3vw,36px) clamp(22px,3.4vw,44px)}
.wc-bfeat__tag{grid-column:1;justify-self:start}
.wc-bfeat__body h2{grid-column:1}
.wc-bfeat__body .wp-block-post-excerpt{grid-column:2;grid-row:1/3;align-self:center}
.wc-bfeat__body .wc-bcard__foot{grid-column:1/-1}
@media (max-width:800px){.wc-bfeat__body{grid-template-columns:1fr}.wc-bfeat__body .wp-block-post-excerpt{grid-column:1;grid-row:auto}}
/* Featured post, side by side again: the image sits whole inside its box (never cropped or stretched), centred on a soft panel */
@media (min-width:1001px){
body .wc-bfeat__card{grid-template-columns:1.15fr .85fr}
.wc-bfeat__body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(22px,3vw,40px)}
}
.wc-bfeat__img{display:flex;align-items:center;justify-content:center;min-height:100%;padding:clamp(14px,2vw,26px);background:linear-gradient(160deg,#EEF4FB,#DCE8F8)}
.wc-bfeat__img a{display:block;width:100%;height:auto}
.wc-bfeat__img img{display:block;width:100%;height:auto;max-height:380px;aspect-ratio:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 40px -22px rgba(7,29,57,.55)}
.wc-bfeat__card:hover .wc-bfeat__img img{transform:scale(1.02)}
.wc-bfeat__body h2{font-size:clamp(1.3rem,2.1vw,1.85rem)}
.wc-bfeat__body .wc-bcard__foot{width:100%;justify-content:space-between}
.wc-bhero__topics li.cat-item:has(>a[href*="/category/blog#"]),.wc-bhero__topics li.cat-item:has(>a[href*="/category/blog/#"]){display:contents}
.wc-bhero__topics li.cat-item>a[href*="/category/blog#"],.wc-bhero__topics li.cat-item>a[href*="/category/blog/#"]{display:none}
/* ---------- Single blog post ---------- */
.wc-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:9999;background:linear-gradient(90deg,#0B5FD3,#7EE0CF,#F59E0B);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.wc-phero{padding-block:clamp(32px,5vw,64px) clamp(40px,6vw,72px);overflow:hidden;margin-bottom:0} /* the image sits inside the band with the background showing below it; overflow hidden keeps the moving gradient inside */
.wc-phero .wc-bhero__in{max-width:980px;margin-inline:auto;text-align:center;align-items:center}
.wc-phero h1{font-size:clamp(1.9rem,4.4vw,3.4rem);max-width:22ch;line-height:1.06}
.wc-phero__cats{justify-content:center}
.wc-phero__cats a{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
body .wc-phero__meta{justify-content:center;gap:8px 22px;color:#B6C2D6;font-size:.92rem;font-weight:600}
.wc-phero__meta>*{margin:0}
.wc-phero__meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;margin-right:22px;border-radius:50%;background:#F59E0B;vertical-align:middle}
body .wc-phero .wc-phero__img{max-width:980px;margin:clamp(28px,4vw,48px) auto 0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -40px rgba(7,29,57,.7)}
.wc-phero__img img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#EEF4FB}
body .wc-pbody{max-width:1180px;margin:0 auto;padding:clamp(40px,5vw,72px) var(--gutter,clamp(16px,4vw,40px)) clamp(48px,7vw,96px);display:grid;grid-template-columns:260px minmax(0,760px);gap:clamp(28px,5vw,72px);justify-content:center;align-items:start}
.wc-pbody>*{margin-block-start:0}
.wc-paside{position:sticky;top:132px;display:grid;gap:22px;max-height:calc(100vh - 160px)}
.wc-toc{min-height:0;display:flex;flex-direction:column}
.wc-toc__k{margin:0 0 10px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.wc-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);overflow-y:auto;max-height:calc(100vh - 360px);scrollbar-width:thin}
.wc-toc li{margin:0}
.wc-toc a{display:block;margin-left:-2px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:.88rem;line-height:1.35;color:var(--slate);text-decoration:none;transition:color .2s,border-color .2s}
.wc-toc li.is-sub a{padding-left:28px;font-size:.84rem}
.wc-toc a:hover{color:var(--ink)}
.wc-toc a.is-active{color:var(--blue);border-left-color:var(--blue);font-weight:700}
.wc-share__row{display:flex;flex-wrap:wrap;gap:6px}
.wc-share__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font:inherit;font-size:.8rem;font-weight:700;color:var(--ink);text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}
.wc-share__btn:hover{border-color:var(--blue);color:var(--blue)}
.wc-prose{min-width:0;font-size:1.08rem;line-height:1.75;color:var(--ink-2,#1E293B)}
.wc-prose .wp-block-post-content>*:first-child{margin-top:0}
.wc-prose .wp-block-post-content>p:first-of-type{font-size:1.2rem;line-height:1.65;color:var(--ink)}
.wc-prose h2,.wc-prose h3,.wc-prose h4{color:var(--ink);letter-spacing:-.02em;line-height:1.2;scroll-margin-top:140px}
.wc-prose .wp-block-post-content h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:2.2em 0 .6em}
.wc-prose .wp-block-post-content h3{font-size:clamp(1.25rem,2vw,1.5rem);margin:2em 0 .5em;padding-top:.9em;border-top:1px solid var(--line)}
.wc-prose .wp-block-post-content h4{font-size:1.12rem;margin:1.6em 0 .4em}
.wc-prose p,.wc-prose ul,.wc-prose ol{margin:0 0 1.15em}
.wc-prose .wp-block-post-content a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.wc-prose .wp-block-post-content ul,.wc-prose .wp-block-post-content ol{padding-left:1.3em}
.wc-prose .wp-block-post-content li{margin:.35em 0}
.wc-prose .wp-block-post-content li::marker{color:var(--blue);font-weight:700}
.wc-prose .wp-block-image,.wc-prose figure{margin:1.8em 0}
.wc-prose .wp-block-post-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 44px -26px rgba(7,29,57,.5)}
.wc-prose figcaption{margin-top:8px;font-size:.84rem;color:#4B5A70;text-align:center}
.wc-prose blockquote{margin:1.8em 0;padding:18px 22px;border-left:4px solid #F59E0B;background:var(--surface,#F6F8FC);border-radius:0 12px 12px 0;font-size:1.12rem;color:var(--ink)}
.wc-prose pre,.wc-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
.wc-prose pre{padding:16px 18px;border-radius:10px;background:#071D39;color:#E2E8F0;overflow-x:auto}
.wc-prose :not(pre)>code{padding:2px 6px;border-radius:4px;background:#EEF2F7}
.wc-prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}
.wc-prose th,.wc-prose td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.wc-prose th{background:var(--surface,#F6F8FC)}
.wc-prose .wp-block-uagb-table-of-contents{display:none}
body .wc-pcta{margin-top:clamp(32px,5vw,56px);padding:clamp(22px,3vw,36px);border-radius:16px;color:#fff;background:radial-gradient(70% 120% at 100% 0%,rgba(11,95,211,.7),transparent 60%),linear-gradient(160deg,#071D39,#0A2A55);display:flex;flex-direction:column;gap:10px}
.wc-pcta>*{margin:0}
.wc-pcta h2{color:#fff;margin:0}
.wc-pcta p{color:#B6C2D6;margin:0}
.wc-pcta .wp-block-button__link{background:#F59E0B;color:#071D39}
.wc-related .wc-bcard h3{font-size:1.06rem}
@media (max-width:1000px){body .wc-pbody{grid-template-columns:minmax(0,760px)}.wc-paside{position:static;max-height:none;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#F6F8FC)}.wc-toc ol{max-height:260px}}
/* The page wrapper hid overflow, which made it the scroll container and stopped the post sidebar from sticking. "clip" still trims overflow but does not. */
body .wc-main.wc-single{overflow:clip}
@media (min-width:1001px){.wc-paside{position:sticky;top:132px;align-self:start}}
/* "On this page": no inner scrollbar. The list shows in full; on short screens each item is kept to one line so the whole column still fits. */
.wc-paside{max-height:none}
.wc-toc ol{max-height:none;overflow:visible}
.wc-toc a{padding-block:5px;font-size:.86rem}
@media (min-width:1001px) and (max-height:860px){.wc-toc a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:4px;font-size:.82rem}.wc-paside{gap:14px;top:124px}}
/* Blog post elements that replaced the Spectra blocks: tip boxes, FAQ items, in-article call to action */
.wc-prose .wc-tip{position:relative;margin:1.8em 0;padding:18px 20px 18px 58px;border-radius:12px;background:#FFF8E6;border:1px solid #FDE7A8;color:var(--ink)}
.wc-prose .wc-tip::before{content:"";position:absolute;left:18px;top:18px;width:26px;height:26px;border-radius:50%;background:#F59E0B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071D39' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v6M12 16.500v.500'/%3E%3C/svg%3E") center/18px no-repeat}
.wc-prose .wc-tip>*{margin:0}
.wc-prose .wc-tip>*+*{margin-top:.5em}
.wc-prose details.wc-faq__item{margin:10px 0;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.wc-prose details.wc-faq__item summary{padding:16px 46px 16px 18px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;position:relative}
.wc-prose details.wc-faq__item summary::-webkit-details-marker{display:none}
.wc-prose details.wc-faq__item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--blue);transition:transform .25s}
.wc-prose details.wc-faq__item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.wc-prose details.wc-faq__item>p{margin:0;padding:0 18px 16px;color:var(--slate)}
.wc-prose .wp-block-post-content .wc-pcta{margin:2em 0}
.wc-pcta__title{font-family:var(--display);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;letter-spacing:-.02em;color:#fff!important;line-height:1.2}
.wc-prose .wp-block-post-content .wc-pcta a.wp-block-button__link,.wc-prose .wp-block-post-content .wp-block-button__link{text-decoration:none}
.wc-prose .wp-block-post-content .wp-block-buttons{margin:1.6em 0}
.wc-prose .wp-block-post-content .wp-block-button__link{color:#fff}
.wc-prose .wp-block-post-content .wc-pcta .wp-block-button__link{color:#071D39}
/* Blog cards: the lift on hover is triggered by the list item, which does not move, so the card cannot slip out from under the cursor and flicker.
   The scroll-in animation is also off for "Keep reading": at the foot of the page it never finishes, which fought with the hover. */
.wc-bcard:hover{transform:none}
.wc-bgrid>li:hover .wc-bcard{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(7,29,57,.5);border-color:var(--blue)}
.wc-related .wc-bgrid>li{animation:none!important}
/* no white strip between the last section of a post and the footer */
body .wc-main.wc-single{padding-bottom:0}
/* ---------- Quote page ---------- */
.wc-qpage{position:relative;padding-block:clamp(24px,4vw,56px) clamp(40px,6vw,80px);background:radial-gradient(50% 60% at 100% 0%,rgba(11,95,211,.14),transparent 60%),radial-gradient(40% 50% at 0% 100%,rgba(245,158,11,.1),transparent 60%),#F6F8FC}
body .wc-quote__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-areas:"intro card" "details card";gap:clamp(18px,3vw,36px) clamp(28px,5vw,72px);align-items:start}
.wc-quote__grid>*,.wc-quote__intro>*,.wc-quote__details>*,.wc-quote__card>*{margin-block-start:0}
.wc-quote__intro{grid-area:intro;display:flex;flex-direction:column;gap:14px;padding-top:clamp(0px,2vw,24px)}
.wc-quote__intro h1{font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.04em;line-height:1.03;text-wrap:balance}
.wc-quote__lead{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--slate);max-width:48ch}
.wc-quote__details{grid-area:details;display:flex;flex-direction:column;gap:20px}
.wc-quote__k{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
body .wc-qsteps{display:grid;gap:10px}
.wc-qsteps>*,.wc-qstep>*,.wc-qstep__t>*{margin-block-start:0}
body .wc-qstep{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.wc-qstep__n{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-weight:700}
.wc-qstep h3{font-size:1.02rem}
.wc-qstep__t p{color:var(--slate);font-size:.92rem}
body .wc-quote__call{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-weight:700}
.wc-quote__call>*{margin-block-start:0}
.wc-quote__call a{font-size:1.15rem;color:var(--ink);text-decoration:none}
.wc-quote__logos{display:grid;gap:10px}
.wc-quote__logos>*{margin-block-start:0}
.wc-quote__card{grid-area:card;position:sticky;top:132px;padding:clamp(18px,2.4vw,30px);border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(7,29,57,.45);display:flex;flex-direction:column;gap:12px}
.wc-quote__card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#0B5FD3,#7EE0CF,#F59E0B)}
body .wc-qchips{gap:6px}
.wc-qchips .wp-block-button__link{padding:8px 13px;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid var(--line-2);background:#fff;color:var(--ink);min-height:0}
.wc-qchips .wp-block-button__link:hover{border-color:var(--blue);color:var(--blue)}
.wc-qchips .wp-block-button__link.is-chosen{background:var(--blue);border-color:var(--blue);color:#fff}
.wc-quote__card .gform_wrapper input[type=text],.wc-quote__card .gform_wrapper input[type=email],.wc-quote__card .gform_wrapper input[type=tel],.wc-quote__card .gform_wrapper select,.wc-quote__card .gform_wrapper textarea{font-size:16px;min-height:46px}
.wc-quote__card .gform_wrapper .gform_button,.wc-quote__card .gform_wrapper .gform-button{min-height:52px;font-size:1.02rem}
.wc-quote__fine{text-align:center;font-size:.82rem;color:var(--slate)}
.wc-qfaq__in{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:10px}
.wc-qfaq__in>*{margin-block-start:0}
.wc-qfaq__in h2{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.03em;margin-bottom:10px}
.wc-qfaq details.wc-faq__item{padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.wc-qfaq details.wc-faq__item summary{padding:16px 46px 16px 18px;font-weight:700;cursor:pointer;list-style:none;position:relative}
.wc-qfaq details.wc-faq__item summary::-webkit-details-marker{display:none}
.wc-qfaq details.wc-faq__item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--blue)}
.wc-qfaq details.wc-faq__item[open] summary::after{content:"–"}
.wc-qfaq details.wc-faq__item>p{margin:0;padding:0 18px 16px;color:var(--slate)}
@media (max-width:980px){
body .wc-quote__grid{grid-template-columns:1fr;grid-template-areas:"intro" "card" "details"}
.wc-quote__card{position:static;box-shadow:0 24px 50px -30px rgba(7,29,57,.45)}
.wc-qpage{padding-top:18px}
.wc-quote__intro{gap:10px;padding-top:0}
.wc-quote__intro h1{font-size:clamp(1.8rem,8vw,2.4rem)}
.wc-qchips .wp-block-button__link{padding:10px 14px;font-size:.9rem}
}
.wc-quote__call .wc-site-info,.wc-quote__call .wc-tel{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
@media (max-width:980px){.wc-quote__card{padding:16px}.wc-quote__details{gap:16px}}
body .wc-quote__grid>.wc-quote__card{margin:0;align-self:start}
@media (max-width:980px){body .wc-quote__grid>.wc-quote__card{position:static;top:auto;transform:none}}
.wc-quote__card.wc-gfcard .gform_wrapper .gform_footer .gform_button,.wc-quote__card.wc-gfcard .gform_wrapper .gform_footer button{min-height:54px;font-size:1.05rem}
@media (max-width:980px){body .wc-quote__grid>.wc-quote__card{position:relative}}
.wc-quote__card .gform_wrapper button.gform_button{min-height:54px!important;font-size:1.05rem!important}
/* Quote page, form first: dark stage, quieter headline, and a bright form card that draws the eye */
.wc-qpage{background:#06162E;color:#fff;overflow:clip}
.wc-qpage::before{content:"";position:absolute;inset:-20%;background:radial-gradient(34% 40% at 78% 30%,rgba(11,95,211,.85),transparent 62%),radial-gradient(30% 36% at 96% 80%,rgba(245,158,11,.3),transparent 62%),radial-gradient(34% 40% at 8% 90%,rgba(126,224,207,.18),transparent 62%);filter:blur(10px);pointer-events:none}
.wc-qpage>*{position:relative;z-index:1}
body .wc-quote__grid{grid-template-columns:minmax(0,.82fr) minmax(0,600px);align-items:center}
.wc-qpage .is-style-eyebrow{color:#FCD34D!important}
.wc-quote__intro h1{color:#fff;font-size:clamp(1.6rem,2.7vw,2.4rem);letter-spacing:-.03em;line-height:1.12}
.wc-quote__lead{color:#B6C2D6;font-size:1rem}
.wc-quote__details{align-self:start}
.wc-qpage .wc-quote__k{color:#7EE0CF}
body .wc-qpage .wc-qstep{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.wc-qpage .wc-qstep__n{background:#F59E0B;color:#06162E}
.wc-qpage .wc-qstep h3{color:#fff}
.wc-qpage .wc-qstep__t p{color:#B6C2D6}
.wc-qpage .wc-quote__details .is-style-checks li{color:#D5DEEC}
.wc-qpage .wc-quote__call,.wc-qpage .wc-quote__call a{color:#fff}
.wc-qpage .wc-quote__logos img{filter:brightness(0) invert(1);opacity:.7}
body .wc-quote__grid>.wc-quote__card{padding:0;border:0;border-radius:20px;overflow:hidden;gap:0;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 0 8px rgba(255,255,255,.07),0 50px 110px -30px rgba(11,95,211,.9),0 0 120px -20px rgba(126,224,207,.35);animation:wc-qcard .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes wc-qcard{from{opacity:0;transform:translateY(26px) scale(.97)}}
.wc-quote__card::before{display:none}
body .wc-quote__cardhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:18px clamp(18px,2.6vw,32px);background:linear-gradient(100deg,#0B5FD3,#0A4FB0);color:#fff}
.wc-quote__cardhead>*{margin:0}
.wc-quote__cardhead h2{color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.03em;line-height:1.1}
.wc-quote__time{padding:5px 12px;border-radius:999px;background:#F59E0B;color:#06162E;font-size:.76rem;font-weight:800;white-space:nowrap}
.wc-quote__card>.gform_wrapper,.wc-quote__card>[class*="gform"],.wc-quote__card>.wp-block-gravityforms-form{padding:clamp(16px,2.4vw,28px) clamp(18px,2.6vw,32px) 6px}
.wc-quote__fine{padding:0 20px 18px;margin:0}
.wc-quote__card .gform_wrapper button.gform_button{background:#F59E0B!important;color:#06162E!important;border-color:#F59E0B!important;font-weight:800!important;min-height:58px!important;font-size:1.1rem!important;box-shadow:0 14px 30px -12px rgba(245,158,11,.9);transition:transform .2s,box-shadow .2s}
.wc-quote__card .gform_wrapper button.gform_button:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(245,158,11,.95)}
.wc-quote__card .gform_wrapper input:focus,.wc-quote__card .gform_wrapper textarea:focus,.wc-quote__card .gform_wrapper select:focus{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue);box-shadow:0 0 0 5px rgba(11,95,211,.18)}
.wc-shot .wc-quote__card{animation:none!important}
@media (prefers-reduced-motion:reduce){body .wc-quote__grid>.wc-quote__card{animation:none}}
@media (max-width:980px){body .wc-quote__grid{grid-template-columns:1fr}.wc-quote__intro h1{font-size:1.45rem}.wc-quote__lead{font-size:.95rem}body .wc-quote__grid>.wc-quote__card{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 0 5px rgba(255,255,255,.07),0 30px 70px -30px rgba(11,95,211,.9)}}
/* Quote page: the grid uses the same width as the header, so the form's right edge lines up with the header button; the text column takes the rest */
body .wc-qpage>.wc-quote__grid{max-width:1180px;width:100%;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,560px)}
@media (max-width:980px){body .wc-qpage>.wc-quote__grid{grid-template-columns:1fr}}

/* ---------- Free SEO audit landing page ---------- */
@media (min-width:1101px){body .wc-aisys__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
body .wc-areport__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.wc-areport__grid>*,.wc-areport__text>*,.wc-areport__card>*,.wc-rrow>*{margin-block-start:0}
.wc-areport__text{display:flex;flex-direction:column;gap:16px}
.wc-areport__text h2{font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em}
.wc-areport__card{display:grid;gap:12px;padding:clamp(20px,3vw,32px);border-top:5px solid #F59E0B;box-shadow:var(--sh-2)}
.wc-areport__card .wc-quote__k{color:var(--slate)}
body .wc-rrow{display:grid;gap:4px;padding:14px 16px;border-radius:10px;background:var(--surface,#F6F8FC);border-left:3px solid var(--blue)}
.wc-rrow__h{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.wc-areport__card .wc-quote__fine{text-align:left}
.wc-afinal{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.wc-afinal>*{margin-block-start:0}
.wc-afinal h2{color:#fff;font-size:clamp(1.9rem,4.4vw,3.2rem);letter-spacing:-.04em;line-height:1.05}
.wc-afinal p{color:#B6C2D6}
.wc-afinal .wp-block-button__link{background:#F59E0B;color:#06162E;font-weight:800;padding:16px 30px}
.wc-qpage .wc-quote__card .gform_wrapper{padding:clamp(16px,2.4vw,28px) clamp(18px,2.6vw,32px) 6px}
html{scroll-behavior:smooth}
@media (max-width:900px){body .wc-areport__grid{grid-template-columns:1fr}}

/* ---------- Web design landing page ---------- */
@media (min-width:1001px){body .wc-spec__facts--4{grid-template-columns:repeat(4,1fr)}}
body .wc-spec__facts--3{grid-template-columns:repeat(3,1fr)}
.wc-wdinc .wp-block-buttons,.wc-wdproc .wp-block-buttons{margin-top:clamp(24px,4vw,40px)}
body .wc-qsteps--4{grid-template-columns:repeat(4,1fr);gap:14px}
.wc-qsteps--4 .wc-qstep{flex-direction:column;gap:12px;padding:22px}
body .wc-wdprice{display:grid;gap:clamp(24px,4vw,40px)}
.wc-wdprice>*,.wc-wdprice__text>*{margin-block-start:0}
.wc-wdprice__text{display:flex;flex-direction:column;gap:12px;max-width:760px}
.wc-wdprice__text h2{font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em}
.wc-aclients .wc-sec-head h2,.wc-aclients .wc-sec-head .is-style-eyebrow{color:#fff}
.wc-aclients .wc-sec-head .is-style-eyebrow{color:#FCD34D!important}
.wc-aclients .wc-sec-head__p{color:#B6C2D6}
@media (max-width:980px){body .wc-qsteps--4{grid-template-columns:1fr 1fr}body .wc-spec__facts--3{grid-template-columns:1fr}}
@media (max-width:600px){body .wc-qsteps--4{grid-template-columns:1fr}}
/* Form card sits in the vertical middle of the hero, beside the text */
@media (min-width:981px){body .wc-qpage>.wc-quote__grid{grid-template-areas:"intro card" "details card";align-items:stretch}body .wc-qpage .wc-quote__card{grid-area:card;position:static;align-self:center;margin-block:0}.wc-qpage .wc-quote__intro{align-self:end}.wc-qpage .wc-quote__details{align-self:start}}
/* ---------- Contact page ---------- */
.wc-contact .wc-quote__details{display:block}
.wc-contact .wc-contact__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:16px}
.wc-contact .wc-contact__card .wc-avisit__row{border-color:rgba(255,255,255,.12)}
.wc-contact .wc-contact__card .wc-avisit__k{color:#7EE0CF}
.wc-contact .wc-contact__card .wc-site-info,.wc-contact .wc-contact__card a,.wc-contact .wc-contact__card span{color:#fff}
.wc-contact .wc-quote__fine a{color:var(--blue);font-weight:700}
.wc-route__card{display:flex;flex-direction:column;gap:10px}
.wc-route__card p.wc-svc__more{margin-top:auto;padding-top:8px}
.wc-route__card .wc-svc__more a{color:var(--blue);text-decoration:none;font-weight:700}
/* Contact card icons: blue on a light tile, as elsewhere on the site */
.wc-contact .wc-contact__card .wc-icon,.wc-contact .wc-contact__card .wc-icon svg,.wc-contact .wc-contact__card .wc-icon span{color:var(--blue)}
/* ---- Thank-you pages (/thank-you/*) ---- */
.wc-thanks{position:relative;padding-block:clamp(28px,4vw,56px) clamp(40px,6vw,80px);background:radial-gradient(50% 60% at 100% 0%,rgba(11,95,211,.14),transparent 60%),radial-gradient(40% 50% at 0% 100%,rgba(126,224,207,.16),transparent 60%),#F6F8FC}
body .wc-thanks__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,460px);gap:clamp(24px,4vw,64px);align-items:center}
.wc-thanks__grid>*,.wc-thanks__intro>*,.wc-thanks__side>*{margin-block-start:0}
.wc-thanks__intro{display:flex;flex-direction:column;gap:18px}
.wc-thanks__mark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--green-050);color:var(--green-700);box-shadow:0 0 0 8px rgba(21,128,61,.08)}
.wc-thanks__mark svg{width:30px;height:30px}
.wc-thanks__mark svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:wc-draw .6s .2s var(--ease) forwards}
@keyframes wc-draw{to{stroke-dashoffset:0}}
body .wc-thanks__title{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.04em;line-height:1.04;text-wrap:balance}
.wc-thanks__name{color:var(--blue);position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wc-thanks__name::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.16em;background:var(--amber);opacity:.35;border-radius:4px;z-index:-1}
.wc-thanks__lead{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--slate);max-width:52ch}
.wc-thanks__lead strong{color:var(--ink)}
.wc-thanks .wc-qsteps{margin-top:6px}
.wc-thanks .wc-qstep__n{background:var(--navy);color:#fff}
.wc-thanks .wc-qstep.is-now{border-color:var(--blue-100);box-shadow:0 12px 30px -18px rgba(11,95,211,.4)}
.wc-thanks .wc-qstep.is-now .wc-qstep__n{background:var(--amber);color:var(--navy)}
.wc-thanks__side{display:flex;flex-direction:column;gap:16px}
.wc-thanks__card{padding:clamp(18px,2.4vw,26px);border-radius:18px;border:1px solid var(--line);border-top:5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#0B5FD3,#7EE0CF,#F59E0B) border-box;box-shadow:0 40px 80px -40px rgba(7,29,57,.4);position:relative;display:flex;flex-direction:column;gap:14px}
.wc-thanks__card>*{margin-block-start:0}
.wc-thanks__card .wc-avisit__row{padding:11px 0}
.wc-thanks__card .wc-quote__k{margin-bottom:2px}
.wc-tsum{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2.4vw,26px);border-radius:18px;border:1px solid var(--line);border-top:5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#0B5FD3,#7EE0CF,#F59E0B) border-box;box-shadow:0 40px 80px -40px rgba(7,29,57,.4);position:relative}
.wc-tsum__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.wc-tsum__k{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.wc-tsum__ref{font-size:.8rem;color:var(--slate)}
.wc-tsum__ref span{font-weight:700;color:var(--ink);font-family:var(--mono);font-size:.78rem;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2px 6px}
.wc-tsum__list{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.wc-tsum__row{display:grid;grid-template-columns:minmax(110px,.42fr) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.wc-tsum__row dt{color:var(--slate);font-weight:600}
.wc-tsum__row dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.wc-tsum__row--block{grid-template-columns:1fr;gap:4px}
.wc-tsum__row--block dd{font-weight:500;color:var(--ink-2);line-height:1.55}
.wc-tsum__note{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--slate);margin:0}
.wc-tsum__note .wc-icon{color:var(--blue);margin-top:3px}
.wc-tsum--empty{font-size:.9rem;color:var(--slate)}
.wc-thanks__next{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wc-thanks__next>*{margin-block-start:0}
.wc-thanks__next .wc-route__card{height:100%}
@media (max-width:980px){body .wc-thanks__grid{grid-template-columns:1fr}.wc-thanks__side{position:static}.wc-thanks__next{grid-template-columns:1fr}}
body .wc-thanks__contact{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:8px 24px;align-items:center;margin-top:clamp(24px,3vw,40px);padding:18px 24px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.wc-thanks__contact>*,.wc-thanks__contact-text>*{margin-block-start:0}
.wc-thanks__contact-text{display:grid;gap:4px;font-size:.95rem;color:var(--ink-2)}
body .wc-thanks__contact .wc-avisit__row{border:0;padding:6px 0}
.wc-thanks__contact .wc-avisit__row .wc-site-info,.wc-thanks__contact .wc-avisit__row a,.wc-thanks__contact .wc-avisit__row span{font-weight:700;color:var(--ink);font-size:.95rem}
@media (max-width:1100px){body .wc-thanks__contact{grid-template-columns:1fr 1fr}.wc-thanks__contact-text{grid-column:1/-1}}
@media (max-width:560px){body .wc-thanks__contact{grid-template-columns:1fr}}
/* ---- FAQ page (/faq) ---- */
.wc-faqp__hero{padding-block:clamp(28px,4vw,56px) clamp(28px,4vw,48px)}
.wc-faqp__intro{display:flex;flex-direction:column;gap:14px;max-width:820px}
.wc-faqp__intro>*{margin-block-start:0}
.wc-faqp__intro h1{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.04em;line-height:1.03;text-wrap:balance}
.wc-faqp__intro .wc-quote__lead a{color:var(--blue);font-weight:600}
body .wc-faqp__search{margin-top:6px;max-width:640px}
.wc-faqp__search .wp-block-search__inside-wrapper{border:1.5px solid var(--line-2);border-radius:4px;background:#fff;padding:4px;gap:4px}
.wc-faqp__search .wp-block-search__input{border:0;min-height:44px;font-size:1rem;padding:8px 12px}
.wc-faqp__search .wp-block-search__input:focus{outline:0;box-shadow:none}
.wc-faqp__search .wp-block-search__inside-wrapper:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,95,211,.15)}
.wc-faqp__search .wp-block-search__button{min-width:44px;display:grid;place-items:center}
body .wc-faqp__chips{gap:8px;margin-top:2px}
.wc-faqp__chips .wp-block-button__link{padding:.55rem .95rem;font-size:.85rem}
.wc-faqp{padding-top:clamp(28px,4vw,48px)}
body .wc-faqp__grid{grid-template-columns:minmax(240px,.65fr) 1.6fr}
.wc-faqp__aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:12px}
.wc-faqp__aside>*{margin-block-start:0}
body .wc-faqp__nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.wc-faqp__nav li{margin:0}
.wc-faqp__nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:6px;font-weight:600;font-size:.95rem;color:var(--ink-2);text-decoration:none;border-left:2px solid transparent}
.wc-faqp__nav a:hover{background:var(--surface);color:var(--ink)}
.wc-faqp__nav a.is-active{background:var(--blue-050);color:var(--blue);border-left-color:var(--blue)}
.wc-faqp__nav a .wc-faqp__n{font-size:.75rem;font-weight:700;color:var(--slate);background:var(--surface);border-radius:999px;padding:2px 8px}
.wc-faqp__aside .wc-faq__help{margin-top:6px}
.wc-faqp__main{display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.wc-faqp__main>*{margin-block-start:0}
.wc-faqp__topic{scroll-margin-top:110px}
.wc-faqp__topic>*{margin-block-start:0}
body .wc-faqp__topic-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.wc-faqp__topic-head>*{margin-block-start:0}
.wc-faqp__topic-head h2{font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:-.02em}
.wc-faqp__count{font-size:.8rem;font-weight:700;color:var(--slate);margin-left:auto;white-space:nowrap}
/* Yoast FAQ block rendered as cards; JS turns each into an accordion (content stays in the HTML for search engines) */
.wc-faqp .schema-faq{display:grid;gap:10px}
.wc-faqp .schema-faq-section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0;transition:border-color .15s,box-shadow .15s}
.wc-faqp .schema-faq-section:hover{border-color:var(--line-2)}
.wc-faqp .schema-faq-section.is-open{border-color:var(--blue-100);box-shadow:0 12px 30px -18px rgba(11,95,211,.35)}
.wc-faqp .schema-faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 18px;font-family:var(--body);font-size:1.02rem;font-weight:700;color:var(--ink);cursor:pointer;background:none;border:0;text-align:left;line-height:1.35}
.wc-faqp .schema-faq-question::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5FD3' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/11px no-repeat;transition:transform .2s var(--ease),background-color .2s}
.wc-faqp .schema-faq-section.is-open .schema-faq-question::after{transform:rotate(45deg);background-color:var(--blue-050)}
.wc-faqp .schema-faq-answer{margin:0;padding:0 18px 18px;color:var(--ink-2);line-height:1.65;font-size:.98rem}
.wc-faqp .schema-faq-answer a{color:var(--blue);font-weight:600}
.wc-faqp.js .schema-faq-section:not(.is-open) .schema-faq-answer{display:none}
.wc-faqp .schema-faq-section.is-hidden,.wc-faqp .wc-faqp__topic.is-hidden{display:none}
.wc-faqp__empty{display:none;padding:22px;border:1px dashed var(--line-2);border-radius:12px;color:var(--slate)}
.wc-faqp__empty a{color:var(--blue);font-weight:600}
.wc-faqp.is-empty .wc-faqp__empty{display:block}
.wc-faqp mark{background:var(--amber-050);color:inherit;border-radius:2px;padding:0 1px}
.wc-faqp__cta{background:var(--navy);color:#fff;padding-block:clamp(48px,6vw,72px);position:relative;overflow:hidden}
.wc-faqp__cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 80% at 90% 20%,rgba(11,95,211,.55),transparent 70%)}
body .wc-faqp__cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .6fr;gap:32px;align-items:center}
.wc-faqp__cta-inner>*,.wc-faqp__cta-inner .wp-block-group>*{margin-block-start:0}
.wc-faqp__cta .is-style-eyebrow{color:#FCD34D!important}
.wc-faqp__cta h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.3rem);max-width:24ch;margin-bottom:12px}
.wc-faqp__cta p:not(.is-style-eyebrow){color:#C7D2E3;max-width:56ch}
body .wc-faqp__cta .wp-block-buttons{justify-content:flex-end;gap:12px}
.wc-faqp__cta .is-style-ghost .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
@media (max-width:980px){body .wc-faqp__grid{grid-template-columns:1fr}.wc-faqp__aside{position:static}body .wc-faqp__nav,.wc-faqp__aside>.wc-quote__k{display:none}body .wc-faqp__cta-inner{grid-template-columns:1fr}body .wc-faqp__cta .wp-block-buttons{justify-content:flex-start}}
/* FAQ hero sits on the dark quote-page band */
body .wc-faqp__hero h1{color:#fff}
.wc-faqp__hero .wc-quote__lead{color:#C7D2E3}
.wc-faqp__hero .wc-quote__lead a{color:#7EE0CF}
.wc-faqp__hero .is-style-eyebrow{color:#7EE0CF!important}
.wc-faqp__chips .is-style-ghost .wp-block-button__link{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28)}
.wc-faqp__chips .is-style-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
/* FAQ hero aligned with the header; search results panel */
.wc-faqp__hero>.wc-faqp__intro{max-width:var(--max)!important}
.wc-faqp__intro h1,.wc-faqp__intro .wc-quote__lead{max-width:760px}
.wc-faqp__search .wp-block-search__input{color:var(--ink)}
.wc-faqp__search .wp-block-search__input::placeholder{color:var(--slate-2)}
.wc-faqp__intro{position:relative}
.wc-faqp__results{position:absolute;z-index:40;left:0;right:0;top:0;max-width:640px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 40px 80px -30px rgba(7,29,57,.55);padding:8px;display:grid;gap:4px;max-height:min(60vh,520px);overflow:auto}
.wc-faqp__results[hidden]{display:none}
.wc-faqp__results-k{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:8px 12px 4px;margin:0}
.wc-faqp__result{display:grid;gap:3px;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:none;font:inherit;color:var(--ink);cursor:pointer}
.wc-faqp__result:hover,.wc-faqp__result:focus-visible{background:var(--blue-050);outline:0}
.wc-faqp__result-q{font-weight:700;font-size:.98rem;line-height:1.3}
.wc-faqp__result-a{font-size:.86rem;color:var(--slate);line-height:1.45}
.wc-faqp__result-t{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.wc-faqp__results mark{background:var(--amber-050);color:var(--ink);border-radius:2px;padding:0 1px}
.wc-faqp__results-empty{padding:4px 12px 10px;margin:0;font-size:.9rem;color:var(--slate)}
.wc-faqp__results-empty a{color:var(--blue);font-weight:600}
.wc-faqp .schema-faq-section.is-flash{animation:wc-faq-flash 1.6s var(--ease)}
@keyframes wc-faq-flash{0%,40%{box-shadow:0 0 0 4px rgba(245,158,11,.45);border-color:var(--amber)}100%{box-shadow:none}}
@media (max-width:980px){.wc-faqp__results{max-width:none}}
.wc-qpage.wc-faqp__hero{overflow:visible}
/* ---- Legal pages (privacy, terms, cookies, refunds) ---- */
.wc-legal__hero{padding-block:clamp(28px,4vw,56px) clamp(24px,3vw,40px);background:radial-gradient(50% 60% at 100% 0%,rgba(11,95,211,.12),transparent 60%),#F6F8FC;border-bottom:1px solid var(--line)}
body .wc-legal__grid{display:grid;grid-template-columns:minmax(240px,.62fr) 1.7fr;gap:clamp(28px,5vw,72px);align-items:start}
body .wc-legal__grid--hero{grid-template-columns:1.7fr minmax(260px,.75fr);align-items:end}
.wc-legal__grid>*,.wc-legal__intro>*,.wc-legal__short>*,.wc-legal__aside>*,.wc-legal__other>*{margin-block-start:0}
.wc-legal__intro{display:flex;flex-direction:column;gap:12px}
.wc-legal__intro h1{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.04em;line-height:1.04}
.wc-legal__meta{font-size:.85rem;color:var(--slate);font-weight:600}
.wc-legal__intro .wc-quote__lead{max-width:60ch}
.wc-legal__intro .wc-quote__lead a{color:var(--blue);font-weight:600}
.wc-legal__short{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:var(--sh-1);display:grid;gap:10px}
.wc-legal__short ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.wc-legal__short li{position:relative;padding-left:26px;font-size:.92rem;line-height:1.5;color:var(--ink-2)}
.wc-legal__short li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--green-050) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/9px no-repeat}
.wc-legal{padding-top:clamp(28px,4vw,48px)}
.wc-legal__aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:12px}
body .wc-legal__toc{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:legal}
.wc-legal__toc li{margin:0;counter-increment:legal}
.wc-legal__toc a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:6px;font-size:.9rem;font-weight:600;color:var(--ink-2);text-decoration:none;border-left:2px solid transparent;line-height:1.3}
.wc-legal__toc a::before{content:counter(legal);font-size:.72rem;font-weight:800;color:var(--slate-2);min-width:1.4em}
.wc-legal__toc a:hover{background:var(--surface);color:var(--ink)}
.wc-legal__toc a.is-active{background:var(--blue-050);color:var(--blue);border-left-color:var(--blue)}
.wc-legal__toc a.is-active::before{color:var(--blue)}
.wc-legal__other{margin-top:6px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px}
.wc-legal__other ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wc-legal__other li{margin:0}
.wc-legal__other a{font-size:.9rem;font-weight:600;color:var(--ink-2)}
.wc-legal__other a:hover{color:var(--blue)}
.wc-legal__aside .wc-faq__help{margin-top:6px}
.wc-legal__aside .wc-faq__help a{color:var(--blue);font-weight:600}
.wc-legal__prose{font-size:1.02rem}
.wc-legal__prose>*{margin-block-start:0}
.wc-legal__prose h2{font-size:clamp(1.3rem,2.2vw,1.6rem);margin:0 0 .7em;padding-top:clamp(18px,3vw,30px)}
.wc-legal__prose h2:first-child{padding-top:0}
.wc-legal__prose h2+*{margin-top:0}
.wc-legal__prose h3{font-size:1.05rem;margin:1.2em 0 .5em;color:var(--ink)}
.wc-legal__prose p,.wc-legal__prose ul{margin:0 0 1em;color:var(--ink-2)}
.wc-legal__prose ul{padding-left:1.2em;display:grid;gap:.45em}
.wc-legal__prose li{line-height:1.6}
.wc-legal__prose li::marker{color:var(--blue)}
.wc-legal__prose strong{color:var(--ink)}
.wc-legal__prose a{color:var(--blue);font-weight:600}
.wc-legal__prose h2:not(:first-child){border-top:1px solid var(--line)}
@media (max-width:980px){body .wc-legal__grid,body .wc-legal__grid--hero{grid-template-columns:1fr}.wc-legal__aside{position:static}.wc-legal__aside>.wc-quote__k,.wc-legal__toc{display:none!important}}
.wc-legal__intro .wc-quote__lead{color:var(--ink-2)}
/* ---- Website questionnaire (client onboarding) ---- */
.wc-qform__hero{padding-block:clamp(28px,4vw,56px) clamp(28px,4vw,48px);background:radial-gradient(50% 60% at 100% 0%,rgba(11,95,211,.12),transparent 60%),radial-gradient(40% 50% at 0% 100%,rgba(126,224,207,.16),transparent 60%),#F6F8FC}
body .wc-qform__grid{display:grid;grid-template-columns:1.25fr minmax(300px,.8fr);gap:clamp(28px,5vw,72px);align-items:center}
.wc-qform__grid>*,.wc-qform__intro>*,.wc-qform__ready>*,.wc-qform__facts>*{margin-block-start:0}
.wc-qform__intro{display:flex;flex-direction:column;gap:16px}
.wc-qform__intro h1{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.04em;line-height:1.04;max-width:18ch}
.wc-qform__intro .wc-quote__lead{color:var(--ink-2);max-width:56ch}
.wc-qform__facts .is-style-checks li{font-size:.95rem}
.wc-qform__ready{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 30px 60px -36px rgba(7,29,57,.45);display:grid;gap:12px}
body .wc-qform__list{list-style:none;margin:0;padding:0;display:grid;gap:9px;counter-reset:ready}
.wc-qform__list li{position:relative;padding-left:32px;font-size:.93rem;line-height:1.45;color:var(--ink-2);counter-increment:ready}
.wc-qform__list li::before{content:counter(ready);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--blue-050);color:var(--blue);font-size:.72rem;font-weight:800;display:grid;place-items:center}
.wc-qform__note{font-size:.82rem;color:var(--slate);border-top:1px solid var(--line);padding-top:10px}
.wc-qform{padding-top:clamp(24px,3vw,36px)}
.wc-qform__steps{margin-bottom:18px}
body .wc-qform__steplist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;counter-reset:qs}
.wc-qform__steplist li{counter-increment:qs;position:relative;padding:10px 8px 8px;border-top:3px solid var(--line-2);font-size:.74rem;font-weight:700;color:var(--slate);line-height:1.25}
.wc-qform__steplist li::before{content:counter(qs,decimal-leading-zero);display:block;font-size:.68rem;color:var(--slate-2);margin-bottom:2px}
.wc-qform__steplist li:first-child{border-top-color:var(--blue);color:var(--ink)}
.wc-qform__card{max-width:960px;margin:0 auto;border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(7,29,57,.45)}
.wc-qform__card>*{margin-block-start:0}
.wc-qform__cardhead{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.wc-qform__cardhead>*{margin-block-start:0}
.wc-qform__cardhead h2{font-size:1.4rem}
.wc-qform__hint{font-size:.88rem;color:var(--slate)}
.wc-qform__card .wc-quote__fine{margin-top:14px}
.wc-qform__card .wc-quote__fine a{color:var(--blue);font-weight:600}
/* Gravity Forms multi-page bits */
.wc-qform__card .gform_wrapper .gf_page_steps{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.wc-qform__card .gform_wrapper .gf_step{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border-radius:999px;background:var(--surface);font-size:.78rem;font-weight:700;color:var(--slate);opacity:1;width:auto}
.wc-qform__card .gform_wrapper .gf_step_number{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid var(--line-2);display:grid;place-items:center;font-size:.7rem;font-weight:800;color:var(--slate)}
.wc-qform__card .gform_wrapper .gf_step_active{background:var(--blue-050);color:var(--blue)}
.wc-qform__card .gform_wrapper .gf_step_active .gf_step_number{background:var(--blue);border-color:var(--blue);color:#fff}
.wc-qform__card .gform_wrapper .gf_step_completed .gf_step_number{background:var(--green-050);border-color:#BBF7D0;color:var(--green-700)}
.wc-qform__card .gform_wrapper .gf_step_completed .gf_step_number::before{content:"✓"}
.wc-qform__card .gform_wrapper .gf_step_completed .gf_step_number span{display:none}
.wc-qform__card .gform_wrapper .gform_page_footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.wc-qform__card .gform_wrapper .gform_page_footer .gform_previous_button,.wc-qform__card .gform_wrapper .gform_page_footer .gform-theme-button--secondary{background:#fff;color:var(--ink);border:1.5px solid var(--line-2);margin-right:auto}
.wc-qform__card .gform_wrapper .gform_page_footer .gform_next_button,.wc-qform__card .gform_wrapper .gform_page_footer .gform_button{min-height:48px;padding-inline:22px}
.wc-qform__card .gform_wrapper .gform_save_link{font-size:.85rem;font-weight:600;color:var(--slate);text-decoration:underline;margin-left:4px}
.wc-qform__card .gform_wrapper .gfield_html{font-size:.95rem;color:var(--ink-2);background:var(--surface);border-left:3px solid var(--blue);padding:10px 14px;border-radius:6px}
.wc-qform__card .gform_wrapper .gfield_description{font-size:.82rem;color:var(--slate)}
.wc-qform__card .gform_wrapper .gfield_required{color:var(--red)}
.wc-qform__card .gform_wrapper .gfield_radio .gchoice,.wc-qform__card .gform_wrapper .gfield_checkbox .gchoice{padding:4px 0}
.wc-qform__card .gform_wrapper .gform_validation_errors{border-radius:8px;border-color:#FECACA;background:var(--red-050,#FEE2E2)}
.wc-qform__card .gform_wrapper .gform_heading{display:none}
.wc-qform__after{padding-block:clamp(40px,5vw,64px)}
body .wc-qform__after-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.wc-qform__after-grid>*,.wc-qform__after-copy>*{margin-block-start:0}
.wc-qform__after-copy{display:grid;gap:12px}
.wc-qform__after-copy h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.wc-qform__after-copy p:not(.is-style-eyebrow){color:var(--slate)}
.wc-qform__after-copy a{color:var(--blue);font-weight:600}
.wc-qform__after .wc-qstep.is-now .wc-qstep__n{background:var(--amber);color:var(--navy)}
@media (max-width:980px){body .wc-qform__grid,body .wc-qform__after-grid{grid-template-columns:1fr}body .wc-qform__steplist{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){body .wc-qform__steplist{grid-template-columns:repeat(2,1fr)}}
.wc-qform__facts .is-style-checks li{display:block;position:relative;padding-left:26px}
.wc-qform__facts .is-style-checks li::before{position:absolute;left:0;top:3px}
.wc-qform{padding-top:clamp(32px,4vw,48px)}
.wc-tsum__more{margin:0;font-size:.82rem;color:var(--slate);font-weight:600}
/* Questionnaire stepper */
.wc-qform__stepmeta,.wc-qform__card .gform_wrapper .gf_page_steps{display:none!important}
body .wc-stepper{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:0;counter-reset:none}
.wc-stepper__item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 4px;margin:0}
.wc-stepper__item::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.wc-stepper__item:first-child::before{display:none}
.wc-stepper__item.is-done::before,.wc-stepper__item.is-current::before{background:var(--blue)}
.wc-stepper__dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;border:2px solid var(--line-2);background:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:var(--slate);transition:background .2s,border-color .2s,color .2s,transform .2s}
.wc-stepper__item.is-current .wc-stepper__dot{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 5px rgba(11,95,211,.15);transform:scale(1.08)}
.wc-stepper__item.is-done .wc-stepper__dot{background:var(--green-050);border-color:#86EFAC;color:var(--green-700)}
.wc-stepper__item.is-done .wc-stepper__num{font-size:0}
.wc-stepper__item.is-done .wc-stepper__num::before{content:"✓";font-size:.85rem}
.wc-stepper__label{font-size:.74rem;font-weight:700;color:var(--slate);line-height:1.25}
.wc-stepper__item.is-current .wc-stepper__label{color:var(--ink)}
.wc-stepper__item.is-done .wc-stepper__label{color:var(--green-700)}
.wc-stepper__bar{display:none;align-items:center;gap:12px;margin:0 0 16px;font-size:.82rem;font-weight:700;color:var(--ink)}
.wc-stepper__bar-track{flex:1;height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.wc-stepper__bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#7EE0CF);border-radius:999px;transition:width .3s var(--ease)}
.wc-qform__stephead{display:grid;gap:4px;margin:0 0 18px;padding:16px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.wc-qform__stepk{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.wc-qform__stephead h3{margin:0;font-size:1.25rem}
.wc-qform__stephead p:not(.wc-qform__stepk){margin:0;font-size:.92rem;color:var(--slate)}
.wc-qform__card .gform_wrapper .gform_page{animation:wc-in .35s var(--ease) both}
@media (max-width:760px){body .wc-stepper{display:none}.wc-stepper__bar{display:flex}}
/* ---- Careers ---- */
.wc-careers__hero .wc-qform__intro h1{max-width:20ch}
.wc-careers__none{display:grid;gap:6px;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.wc-careers__none>*{margin-block-start:0}
.wc-careers__none-t{font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--ink)}
.wc-careers__none p:not(.wc-careers__none-t){font-size:.92rem;color:var(--slate)}
body .wc-careers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wc-careers__grid>*{margin-block-start:0}
.wc-careers__grid .wc-route__card{height:100%}
.wc-careers__how,.wc-careers__who,.wc-careers__process{padding-block:clamp(48px,6vw,72px)}
.wc-careers__apply{padding-block:clamp(40px,5vw,64px) clamp(48px,6vw,80px);background:#fff}
.wc-careers__card{max-width:860px}
.wc-careers__card .gform_wrapper .gfield_radio .gchoice{padding:5px 0}
.wc-careers__card .gform_wrapper .ginput_container_fileupload .gform_fileupload_rules{display:none}
.wc-careers__card .gform_wrapper .gform_footer{justify-content:flex-start}
@media (max-width:980px){body .wc-careers__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){body .wc-careers__grid{grid-template-columns:1fr}}
/* Careers: resume drop zone */
.wc-drop{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;border:1.5px dashed var(--line-2);border-radius:12px;background:var(--surface);transition:border-color .15s,background .15s;cursor:pointer}
.wc-drop:hover,.wc-drop.is-over{border-color:var(--blue);background:var(--blue-050)}
.wc-drop.has-file{border-style:solid;border-color:#86EFAC;background:var(--green-050)}
.wc-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.wc-drop__icon{flex:none;width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue)}
.wc-drop.has-file .wc-drop__icon{color:var(--green-700)}
.wc-drop__text{display:grid;gap:2px;min-width:0}
.wc-drop__title{font-weight:700;color:var(--ink);font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-drop__title em{font-style:normal;color:var(--blue);text-decoration:underline}
.wc-drop__hint{font-size:.82rem;color:var(--slate)}
.wc-drop__change{margin-left:auto;flex:none;font-size:.82rem;font-weight:700;color:var(--blue);display:none}
.wc-drop.has-file .wc-drop__change{display:inline}
.wc-careers__card .gform_wrapper .gfield--type-fileupload .gfield_description{margin-top:6px}
/* ---- Ella planner page ---- */
.wc-eplan__hero{position:relative;overflow:clip;background:#06162E;color:#fff;padding-block:clamp(40px,6vw,80px) clamp(48px,6vw,88px);isolation:isolate}
.wc-eplan__hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:130%;z-index:-1;pointer-events:none;filter:blur(28px);background:radial-gradient(40% 45% at 80% 25%,rgba(11,95,211,.6) 0%,rgba(11,95,211,0) 70%),radial-gradient(30% 40% at 15% 85%,rgba(126,224,207,.28) 0%,rgba(126,224,207,0) 70%),radial-gradient(25% 35% at 60% 90%,rgba(245,158,11,.2) 0%,rgba(245,158,11,0) 70%);animation:wc-drift 18s ease-in-out infinite alternate}
.wc-eplan__hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 80% at 50% 30%,#000 30%,transparent 100%)}
body .wc-eplan__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.wc-eplan__grid>*,.wc-eplan__intro>*,.wc-eplan__stat>*{margin-block-start:0}
.wc-eplan__intro{display:flex;flex-direction:column;gap:18px}
.wc-eplan__intro .is-style-eyebrow{color:#7EE0CF!important}
body .wc-eplan__intro h1{color:#fff;font-size:clamp(2.2rem,4.8vw,3.6rem);letter-spacing:-.04em;line-height:1.03;max-width:16ch}
.wc-eplan__intro .wc-quote__lead{color:#C7D2E3;max-width:54ch}
body .wc-eplan__stats{display:flex;gap:clamp(18px,3vw,40px);flex-wrap:wrap;padding-top:6px}
.wc-eplan__stat-n{font-family:var(--display);font-size:2rem;font-weight:700;line-height:1;color:#fff}
.wc-eplan__stat-l{font-size:.82rem;color:#8FA3BF;margin-top:4px}
.wc-eplan__intro .is-style-ghost .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.wc-eplan__intro .is-style-ghost .wp-block-button__link:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.wc-eplan__visual{position:relative}
.wc-eplan__visual::before{content:"";position:absolute;inset:6% -6% -6% 6%;border-radius:24px;background:linear-gradient(135deg,rgba(126,224,207,.5),rgba(11,95,211,.55) 45%,rgba(245,158,11,.45));filter:blur(30px);opacity:.7;z-index:-1;animation:wc-float 9s ease-in-out infinite}
.wc-eplan__demo{background:#fff;color:var(--ink);border-radius:18px;padding:22px 24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);display:grid;gap:12px;transform:rotate(-1.5deg);transition:transform .4s var(--ease)}
.wc-eplan__visual:hover .wc-eplan__demo{transform:rotate(0)}
.wc-eplan__demo-head{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.wc-eplan__demo-dot{width:10px;height:10px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.2);animation:wc-plan-pulse 1.8s ease-in-out infinite}
.wc-eplan__demo-tag{margin-left:auto;background:var(--blue-050);color:var(--blue);border-radius:999px;padding:3px 9px;letter-spacing:.04em}
.wc-eplan__demo-h{margin:0;font-family:var(--display);font-size:1.2rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.wc-eplan__demo-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wc-eplan__demo-list li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.86rem;animation:wc-eplan-in .6s var(--ease) both}
.wc-eplan__demo-list li:nth-child(1){animation-delay:.2s}.wc-eplan__demo-list li:nth-child(2){animation-delay:.5s}.wc-eplan__demo-list li:nth-child(3){animation-delay:.8s}.wc-eplan__demo-list li:nth-child(4){animation-delay:1.1s}
.wc-eplan__demo-list strong{color:var(--ink)}
.wc-eplan__demo-list span{color:var(--slate);font-size:.8rem;line-height:1.4}
.wc-eplan__demo-chips{display:flex;flex-wrap:wrap;gap:6px}
.wc-eplan__demo-chips span{font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--navy);color:#fff;animation:wc-eplan-in .5s var(--ease) both;animation-delay:1.3s}
.wc-eplan__demo-foot{margin:0;font-size:.76rem;color:var(--slate);border-top:1px solid var(--line);padding-top:10px}
@keyframes wc-eplan-in{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
html:not(.wc-ready) .wc-eplan__demo-list li,html:not(.wc-ready) .wc-eplan__demo-chips span{animation:none;opacity:1}
@media (max-width:900px){body .wc-eplan__grid{grid-template-columns:1fr}.wc-eplan__demo{transform:none}.wc-eplan__visual{display:none}}
/* Step 1: flow picker */
.wc-eplan__choose{padding-block:clamp(48px,6vw,72px) clamp(24px,3vw,36px)}
.wc-fpick{display:grid;gap:22px}
.wc-fpick__group{display:grid;gap:10px}
.wc-fpick__label{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.wc-fpick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.wc-fpick__card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s,background .18s}
.wc-fpick__card:hover{transform:translateY(-2px);border-color:var(--blue-100);box-shadow:var(--sh-2)}
.wc-fpick__card.is-on{border-color:var(--blue);background:var(--blue-050);box-shadow:inset 0 0 0 1px var(--blue)}
.wc-fpick__icon{grid-row:1/3;width:40px;height:40px;border-radius:10px;background:var(--blue-050);color:var(--blue);display:grid;place-items:center}
.wc-fpick__card.is-on .wc-fpick__icon{background:var(--blue);color:#fff}
.wc-fpick__t{font-weight:700;font-size:.92rem;line-height:1.25}
.wc-fpick__m{font-size:.74rem;color:var(--slate)}
/* Step 2: planner with rail */
.wc-eplan__planner{padding-block:clamp(24px,3vw,40px) clamp(56px,7vw,96px)}
body .wc-eplan__pgrid{display:grid;grid-template-columns:minmax(260px,.72fr) 1.5fr;gap:clamp(24px,4vw,56px);align-items:start}
.wc-eplan__pgrid>*,.wc-eplan__rail>*,.wc-eplan__main>*,.wc-eplan__gets>*,.wc-eplan__trust>*{margin-block-start:0}
.wc-eplan__rail{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px}
.wc-eplan__current{padding:18px 20px;border-radius:14px;background:var(--navy);color:#fff;display:grid;gap:6px;min-height:120px}
.wc-eplan__railk{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7EE0CF}
.wc-eplan__current h3{margin:0;color:#fff;font-size:1.25rem}
.wc-eplan__current p{margin:0;color:#C7D2E3;font-size:.88rem;line-height:1.5}
.wc-eplan__railmeta{color:#8FA3BF!important;font-size:.78rem!important;font-weight:600}
.wc-eplan__switch{display:inline-block;margin-top:4px;color:#FCD34D;font-weight:700;font-size:.85rem;text-decoration:underline}
.wc-eplan__gets{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:10px}
.wc-eplan__gets .is-style-checks li{font-size:.9rem}
.wc-eplan__trust{display:grid;gap:8px;font-size:.84rem;color:var(--slate)}
.wc-eplan__trust strong{color:var(--ink)}
.wc-eplan__trust .wc-shero__fact{align-items:flex-start;gap:8px}
.wc-eplan__trust .wc-shero__fact .wc-icon{color:var(--blue);margin-top:3px}
.wc-eplan__main .is-style-eyebrow{margin-bottom:10px}
/* The planner box itself, restyled on this page */
.wc-eplan__main .wc-plan--inline .wc-price__box{border-radius:18px;border:1px solid var(--line);box-shadow:0 40px 80px -36px rgba(7,29,57,.45)}
.wc-eplan__main .wc-price__head{padding:16px 22px;background:linear-gradient(135deg,#071D39,#0B3F8C)}
.wc-eplan__main .wc-price__head strong{font-family:var(--display);font-size:1.1rem}
.wc-eplan__main .wc-price__progress{padding:14px 26px 0}
.wc-eplan__main .wc-price__progress i{height:6px;border-radius:3px;transition:background .3s}
.wc-eplan__main .wc-plan--inline .wc-price__body{padding:26px 28px 16px}
.wc-eplan__main .wc-price__q,.wc-eplan__main .wc-price__result,.wc-eplan__main .wc-price__done{animation:wc-eplan-in .4s var(--ease) both}
.wc-eplan__main .wc-price__body h2{font-size:clamp(1.5rem,2.8vw,2rem)}
.wc-eplan__main .wc-price__opts{gap:10px}
.wc-eplan__main .wc-price__opt{position:relative;padding:16px 18px 16px 44px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:.95rem;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}
.wc-eplan__main .wc-price__opt::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);background:#fff;color:transparent;font-size:0}
.wc-eplan__main .wc-price__opt[role=checkbox]::before{border-radius:5px}
.wc-eplan__main .wc-price__opt:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 10px 24px -16px rgba(11,95,211,.5)}
.wc-eplan__main .wc-price__opt.is-on{border-color:var(--blue);background:var(--blue-050);box-shadow:inset 0 0 0 1px var(--blue)}
.wc-eplan__main .wc-price__opt.is-on::before{border-color:var(--blue);background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.wc-eplan__main .wc-price__input,.wc-eplan__main .wc-price__note{border-radius:8px;min-height:46px}
.wc-eplan__main .wc-price__back,.wc-eplan__main .wc-price__next{padding:13px 22px;border-radius:4px}
.wc-eplan__main .wc-price__next{box-shadow:0 8px 20px -8px rgba(11,95,211,.6)}
.wc-eplan__main .wc-price__feat li{border-radius:12px;background:#fff;border-color:var(--line);padding:14px 16px}
.wc-eplan__main .wc-price__feat li strong{display:flex;align-items:center;gap:8px}
.wc-eplan__main .wc-price__feat li strong::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);flex:none}
.wc-eplan__main .wc-price__cta{border-radius:14px;background:linear-gradient(135deg,#071D39,#0B3F8C);padding:22px}
.wc-eplan__main .wc-price__foot{padding:12px 22px}
.wc-eplan__how,.wc-eplan__faq{padding-block:clamp(48px,6vw,80px)}
.wc-eplan__faq .wc-qfaq__in{max-width:820px;margin:0 auto;display:grid;gap:12px}
.wc-eplan__faq .wc-qfaq__in>*{margin-block-start:0}
.wc-eplan__faq h2{margin-bottom:8px}
@media (max-width:980px){body .wc-eplan__pgrid{grid-template-columns:1fr}.wc-eplan__rail{position:static}.wc-eplan__gets,.wc-eplan__trust{display:none}}
.wc-shot .wc-eplan__demo-list li,.wc-shot .wc-eplan__demo-chips span{animation:none;opacity:1;transform:none}
/* planner page: step 1 chips hidden on narrow screens are fine; keep hero demo static on phones */
@media (max-width:900px){.wc-eplan__hero{padding-bottom:clamp(36px,6vw,56px)}}
/* Planner page v2: aligned stats, non-clickable preview, scroll cue, full-screen planner */
body .wc-eplan__stats{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(18px,3vw,44px);justify-content:start;align-items:start;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);margin-top:4px}
.wc-eplan__stat{display:grid;gap:2px}
.wc-eplan__stat-n{font-size:clamp(1.6rem,2.6vw,2rem);min-height:1.1em}
.wc-eplan__stat-l{margin:0;font-size:.8rem;line-height:1.3;max-width:14ch}
.wc-eplan__hero{padding-bottom:clamp(64px,8vw,104px)}
.wc-eplan__visual{pointer-events:none;user-select:none}
.wc-eplan__visual::before{animation:none;opacity:.5}
.wc-eplan__demo{transform:rotate(0) scale(.96);transform-origin:center;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);opacity:.94;position:relative;padding-top:30px}
.wc-eplan__visual:hover .wc-eplan__demo{transform:rotate(0) scale(.96)}
.wc-eplan__demo-label{position:absolute;top:12px;left:24px;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2)}
.wc-eplan__demo-head{margin-top:4px}
.wc-eplan__demo-tag{background:var(--surface);color:var(--slate)}
.wc-eplan__demo-dot{background:var(--slate-2);box-shadow:none;animation:none}
.wc-eplan__demo-note{margin:14px 0 0;text-align:center;font-size:.8rem;color:#8FA3BF}
.wc-eplan__scroll{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8FA3BF;text-decoration:none}
.wc-eplan__scroll:hover{color:#fff}
.wc-eplan__scroll i{width:22px;height:34px;border:2px solid currentColor;border-radius:12px;position:relative;opacity:.8}
.wc-eplan__scroll i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:currentColor;animation:wc-scrollcue 1.6s ease-in-out infinite}
@keyframes wc-scrollcue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}
@media (max-width:900px){.wc-eplan__scroll{display:none}.wc-eplan__hero{padding-bottom:clamp(36px,6vw,56px)}body .wc-eplan__stats{grid-template-columns:repeat(3,1fr)}}
/* Full-screen planner */
.wc-eplan__planner--full{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(32px,4vw,56px);background:radial-gradient(60% 50% at 100% 0%,rgba(11,95,211,.10),transparent 60%),linear-gradient(180deg,#F6F8FC 0%,#fff 100%);scroll-margin-top:0}
body .wc-eplan__planner--full .wc-eplan__pgrid{grid-template-columns:minmax(240px,.6fr) 1.6fr;align-items:start;max-width:none}
.wc-eplan__planner--full .wc-eplan__rail{top:96px}
.wc-eplan__planner--full .wc-eplan__current{min-height:0}
.wc-eplan__planner--full .wc-eplan__main .wc-plan--inline .wc-price__body{min-height:360px}
@media (max-width:980px){.wc-eplan__planner--full{min-height:0;justify-content:flex-start}}
/* Planner hero v3: facts strip + abstract illustration */
.wc-eplan__facts{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:4px}
.wc-eplan__facts>*{margin-block-start:0}
body .wc-eplan__factlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px}
.wc-eplan__factlist li{margin:0;position:relative;padding-left:24px;font-size:.88rem;line-height:1.45;color:#B6C2D6}
.wc-eplan__factlist li strong{display:block;color:#fff;font-size:.95rem}
.wc-eplan__factlist li::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:rgba(126,224,207,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237EE0CF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/8px no-repeat}
@media (max-width:640px){body .wc-eplan__factlist{grid-template-columns:1fr}}
.wc-eplan__demo,.wc-eplan__demo-note{display:none}
.wc-eplan__visual::before{display:none}
.wc-eplan__paper{position:relative;display:grid;place-items:center;padding:24px 0;pointer-events:none}
.wc-eplan__sheet{width:min(360px,88%);display:grid;gap:8px;padding:26px 28px;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transform:rotate(-3deg);opacity:.96}
.wc-eplan__sheet-k{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2);margin-top:8px}
.wc-eplan__sheet-k:first-child{margin-top:0}
.wc-eplan__sheet-h{font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
.wc-eplan__line{display:block;height:9px;border-radius:999px;background:var(--line);transform-origin:left;animation:wc-line 1s var(--ease) both}
.wc-eplan__line.w90{width:90%}.wc-eplan__line.w85{width:85%}.wc-eplan__line.w80{width:80%}.wc-eplan__line.w70{width:70%}.wc-eplan__line.w65{width:65%}.wc-eplan__line.w60{width:60%}.wc-eplan__line.w50{width:50%}.wc-eplan__line.w40{width:40%;background:var(--amber-050)}
.wc-eplan__sheet .wc-eplan__line:nth-of-type(1){animation-delay:.2s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(2){animation-delay:.35s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(3){animation-delay:.5s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(4){animation-delay:.65s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(5){animation-delay:.8s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(6){animation-delay:.95s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(7){animation-delay:1.1s}.wc-eplan__sheet .wc-eplan__line:nth-of-type(8){animation-delay:1.25s}
@keyframes wc-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.wc-shot .wc-eplan__line,html:not(.wc-ready) .wc-eplan__line{animation:none}
.wc-eplan__answers{position:absolute;right:0;bottom:6px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.wc-eplan__chip{font-size:.78rem;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);transform:rotate(2deg)}
.wc-eplan__chip:nth-child(2){margin-right:28px}.wc-eplan__chip:nth-child(3){margin-right:8px}.wc-eplan__chip:nth-child(4){margin-right:40px}
/* hero illustration: animated, and a quiet link to the planner */
.wc-eplan__paper{pointer-events:auto;text-decoration:none;cursor:default;display:grid;place-items:center;padding:24px 0;min-height:360px}
.wc-eplan__visual{pointer-events:auto}
.wc-eplan__sheet{animation:wc-sheet 7s ease-in-out infinite}
@keyframes wc-sheet{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}
.wc-eplan__chip{animation:wc-chip 6s ease-in-out infinite}
.wc-eplan__chip:nth-child(2){animation-delay:.8s}.wc-eplan__chip:nth-child(3){animation-delay:1.6s}.wc-eplan__chip:nth-child(4){animation-delay:2.4s}
@keyframes wc-chip{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}
.wc-eplan__line{animation:wc-line 1s var(--ease) both,wc-shimmer 4s ease-in-out infinite}
@keyframes wc-shimmer{0%,100%{background-color:var(--line)}50%{background-color:var(--blue-100)}}
.wc-eplan__line.w40{animation:wc-line 1s var(--ease) both}
.wc-shot .wc-eplan__sheet,.wc-shot .wc-eplan__chip,.wc-shot .wc-eplan__line,html:not(.wc-ready) .wc-eplan__sheet,html:not(.wc-ready) .wc-eplan__chip{animation:none}
@media (prefers-reduced-motion:reduce){.wc-eplan__sheet,.wc-eplan__chip,.wc-eplan__line{animation:none}}
.wc-eplan__paper{justify-items:start;padding-right:120px}
.wc-eplan__sheet{width:min(340px,100%)}
.wc-eplan__answers{right:-6px;bottom:30px}
.wc-eplan__chip{background:rgba(7,29,57,.85);border-color:rgba(126,224,207,.35);color:#E6FFFA}
.wc-eplan__chip:nth-child(2){margin-right:22px}.wc-eplan__chip:nth-child(3){margin-right:0}.wc-eplan__chip:nth-child(4){margin-right:34px}
@media (max-width:1100px){.wc-eplan__paper{padding-right:90px}.wc-eplan__sheet{width:min(300px,100%)}}
/* Planner hero v4: minimal chat preview */
.wc-eplan__visual::before{display:none}
.wc-eplan__chat{display:flex;flex-direction:column;gap:10px;max-width:440px;margin-left:auto;text-decoration:none;cursor:default;pointer-events:auto}
.wc-eplan__msg{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;animation:wc-eplan-in .5s var(--ease) both}
.wc-eplan__msg p{margin:0}
.wc-eplan__msg.is-ella{align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#E2E8F0;border-bottom-left-radius:4px}
.wc-eplan__msg.is-you{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.wc-eplan__msg.is-plan{background:#fff;color:var(--ink);border-color:#fff}
.wc-eplan__msg.is-plan strong{color:var(--blue)}
.wc-eplan__who{display:block;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7EE0CF;margin-bottom:3px}
.wc-eplan__msg.is-plan .wc-eplan__who{color:#0B7A6B}
.wc-eplan__msg:nth-child(1){animation-delay:.2s}.wc-eplan__msg:nth-child(2){animation-delay:.9s}.wc-eplan__msg:nth-child(3){animation-delay:1.6s}.wc-eplan__msg:nth-child(4){animation-delay:2.3s}.wc-eplan__msg:nth-child(5){animation-delay:3.2s}
.wc-eplan__typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;border-radius:16px;border-bottom-left-radius:4px;background:rgba(255,255,255,.08);animation:wc-eplan-in .4s 3.9s var(--ease) both}
.wc-eplan__typing i{width:6px;height:6px;border-radius:50%;background:#8FA3BF;animation:wc-typing 1.2s ease-in-out infinite}
.wc-eplan__typing i:nth-child(2){animation-delay:.2s}.wc-eplan__typing i:nth-child(3){animation-delay:.4s}
@keyframes wc-typing{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
.wc-shot .wc-eplan__msg,.wc-shot .wc-eplan__typing,html:not(.wc-ready) .wc-eplan__msg,html:not(.wc-ready) .wc-eplan__typing{animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){.wc-eplan__msg,.wc-eplan__typing,.wc-eplan__typing i{animation:none;opacity:1}}
@media (max-width:900px){.wc-eplan__visual{display:block}.wc-eplan__chat{margin:0;max-width:none}}
/* Planner v5: single column aligned with the header container */
.wc-eplan__planner--full>*{max-width:var(--max)!important}
.wc-eplan__choose>*,.wc-eplan__how>*,.wc-eplan__faq>*{max-width:var(--max)!important}
.wc-eplan__faq .wc-qfaq__in{max-width:none}
body .wc-eplan__top{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(18px,3vw,40px);align-items:end;margin-bottom:18px}
.wc-eplan__top>*,.wc-eplan__top .wp-block-group>*{margin-block-start:0}
.wc-eplan__current--bar{background:transparent;color:var(--ink);padding:0;min-height:0;gap:4px}
.wc-eplan__current--bar .wc-eplan__railk{color:var(--blue)}
.wc-eplan__current--bar h3{color:var(--ink);font-size:clamp(1.4rem,2.6vw,1.9rem)}
.wc-eplan__current--bar p{color:var(--slate);max-width:60ch}
.wc-eplan__current--bar .wc-eplan__railmeta{color:var(--slate)!important}
.wc-eplan__current--bar .wc-eplan__switch{color:var(--blue)}
.wc-eplan__top .wc-eplan__trust{display:grid;gap:6px;justify-self:end;font-size:.82rem;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.wc-eplan__top .wc-eplan__trust a{color:var(--blue);font-weight:700}
.wc-eplan__planner--full .wc-eplan__main{width:100%}
.wc-eplan__main .is-style-eyebrow{display:none}
@media (max-width:980px){body .wc-eplan__top{grid-template-columns:1fr}.wc-eplan__top .wc-eplan__trust{display:grid;justify-self:start}}
.wc-eplan__planner--full .wc-eplan__top{max-width:var(--max)!important;margin-left:auto;margin-right:auto}
.wc-eplan__top>.wp-block-group:first-child{display:grid;gap:4px}
.wc-eplan__planner--full>*{width:100%}
/* Planner picker v2: category panels with icons */
.wc-fpick{gap:14px}
.wc-fpick__group{gap:0;padding:18px 20px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--sh-1)}
.wc-fpick__ghead{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.wc-fpick__gicon{flex:none;width:40px;height:40px;border-radius:10px;background:var(--navy);color:#7EE0CF;display:grid;place-items:center}
.wc-fpick__label{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:0}
.wc-fpick__gdesc{margin:1px 0 0;font-size:.82rem;color:var(--slate)}
.wc-fpick__gcount{margin-left:auto;font-size:.72rem;font-weight:800;color:var(--slate);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.wc-fpick__grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.wc-fpick__card{border-radius:10px;background:var(--surface);border-color:transparent}
.wc-fpick__card:hover{background:#fff;border-color:var(--blue-100)}
.wc-fpick__icon{background:#fff;color:var(--blue);border:1px solid var(--line)}
.wc-fpick__card.is-on{background:var(--blue-050);border-color:var(--blue)}
.wc-fpick__card.is-on .wc-fpick__icon{background:var(--blue);border-color:var(--blue);color:#fff}
.wc-fpick__card.is-on .wc-fpick__m{color:var(--blue)}
.wc-fpick__card.is-on .wc-fpick__m::before{content:"Selected · "}
@media (min-width:1100px){.wc-fpick{grid-template-columns:1fr 1fr}.wc-fpick__group:first-child{grid-column:1/-1}.wc-fpick__group:first-child .wc-fpick__grid{grid-template-columns:repeat(4,1fr)}}
/* Planner page v6: picker opens the modal; cards carry an open affordance */
.wc-fpick__card{grid-template-columns:auto 1fr auto}
.wc-fpick__card::after{content:"";grid-row:1/3;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5FD3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/12px no-repeat;border:1px solid var(--line);opacity:.6;transition:opacity .15s,transform .15s}
.wc-fpick__card:hover::after{opacity:1;transform:translateX(2px)}
.wc-fpick__card.is-on .wc-fpick__m::before{content:""}
.wc-eplan__choose{padding-bottom:clamp(48px,6vw,80px)}
.wc-fpick__card{grid-template-columns:auto 1fr auto;grid-template-areas:"icon title arrow" "icon meta arrow"}
.wc-fpick__icon{grid-area:icon}
.wc-fpick__t{grid-area:title}
.wc-fpick__m{grid-area:meta}
.wc-fpick__card::after{grid-area:arrow;align-self:center}
/* ---- Ella planner, simple layout ---- */
.wc-eplan2{padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,80px);background:radial-gradient(60% 50% at 100% 0%,rgba(11,95,211,.10),transparent 60%),linear-gradient(180deg,#F6F8FC 0%,#fff 100%)}
.wc-eplan2>*{max-width:var(--max)!important}
.wc-eplan2__head{display:grid;gap:12px;max-width:760px;margin-bottom:clamp(22px,3vw,32px)}
.wc-eplan2__head>*{margin-block-start:0}
.wc-eplan2__head h1{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.04em;line-height:1.05}
.wc-eplan2__head .wc-quote__lead{color:var(--slate);max-width:62ch}
.wc-eplan2__pick{display:grid;gap:10px;margin-bottom:18px}
.wc-eplan2__pick>*{margin-block-start:0}
.wc-fpick--simple{display:flex;flex-wrap:wrap;gap:8px}
.wc-fpick__pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.875rem;font-weight:700;color:var(--ink-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}
.wc-fpick__pill svg{width:18px;height:18px;color:var(--blue)}
.wc-fpick__pill:hover{border-color:var(--blue);color:var(--ink);transform:translateY(-1px)}
.wc-fpick__pill.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.wc-fpick__pill.is-on svg{color:#7EE0CF}
.wc-eplan2__planner>*{margin-block-start:0}
.wc-eplan2__planner .wc-plan--inline .wc-price__box{border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(7,29,57,.4)}
.wc-eplan2__planner .wc-price__head{padding:14px 20px}
.wc-eplan2__planner .wc-plan--inline .wc-price__body{padding:24px 26px 14px}
.wc-eplan2__planner .wc-price__body h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.wc-eplan2__planner .wc-price__opts{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.wc-eplan2__planner .wc-price__opt{position:relative;padding:14px 16px 14px 44px;border-radius:12px;border:1.5px solid var(--line);background:#fff}
.wc-eplan2__planner .wc-price__opt::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);background:#fff;color:transparent;font-size:0}
.wc-eplan2__planner .wc-price__opt[role=checkbox]::before{border-radius:5px}
.wc-eplan2__planner .wc-price__opt.is-on{border-color:var(--blue);background:var(--blue-050);box-shadow:inset 0 0 0 1px var(--blue)}
.wc-eplan2__planner .wc-price__opt.is-on::before{border-color:var(--blue);background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.wc-eplan2__planner .wc-price__input,.wc-eplan2__planner .wc-price__note{border-radius:8px;min-height:46px}
.wc-eplan2__planner .wc-price__q,.wc-eplan2__planner .wc-price__result,.wc-eplan2__planner .wc-price__done{animation:wc-eplan-in .35s var(--ease) both}
.wc-eplan2__trust{margin:14px 0 0;font-size:.85rem;color:#4B5A70;text-align:center}
.wc-eplan2__trust a{color:var(--blue);font-weight:700}
@media (max-width:640px){.wc-fpick__pill{font-size:.82rem;padding:8px 12px 8px 9px}.wc-eplan2__planner .wc-price__opts{grid-template-columns:1fr}}
.wc-eplan2{padding-top:clamp(36px,5vw,64px)}
.wc-eplan2__pick{scroll-margin-top:100px}
/* ---- 404 page ---- */
body .wc-404{text-align:left;padding-block:clamp(36px,5vw,72px) clamp(48px,6vw,88px);background:radial-gradient(50% 60% at 100% 0%,rgba(11,95,211,.12),transparent 60%),radial-gradient(40% 50% at 0% 100%,rgba(245,158,11,.10),transparent 60%),#F6F8FC}
body .wc-404__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:clamp(36px,5vw,64px)}
.wc-404__grid>*,.wc-404__copy>*,.wc-404__links>*{margin-block-start:0}
.wc-404__copy{display:flex;flex-direction:column;gap:16px}
.wc-404__copy h1{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.04em;line-height:1.04;max-width:16ch}
.wc-404__lede{color:var(--slate);font-size:clamp(1rem,1.4vw,1.15rem);max-width:52ch}
body .wc-404__search{max-width:560px}
.wc-404__search .wp-block-search__inside-wrapper{border:1.5px solid var(--line-2);border-radius:4px;background:#fff;padding:4px;gap:4px}
.wc-404__search .wp-block-search__input{border:0;min-height:44px;font-size:1rem;padding:8px 12px}
.wc-404__search .wp-block-search__inside-wrapper:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,95,211,.15)}
.wc-404__search .wp-block-search__button{min-width:44px;display:grid;place-items:center}
body .wc-404 .wp-block-buttons{justify-content:flex-start;margin-top:4px}
.wc-404__art{position:relative;display:grid;place-items:center;padding:20px 0}
.wc-404__browser{width:min(460px,100%);border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -36px rgba(7,29,57,.45);overflow:hidden;animation:wc-float 8s ease-in-out infinite}
.wc-404__bar{display:flex;align-items:center;gap:6px;padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
.wc-404__bar i{width:10px;height:10px;border-radius:50%;background:#E2E8F0}
.wc-404__bar i:nth-child(1){background:#FCA5A5}.wc-404__bar i:nth-child(2){background:#FCD34D}.wc-404__bar i:nth-child(3){background:#86EFAC}
.wc-404__url{margin-left:10px;flex:1;background:#fff;border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:.78rem;color:var(--slate);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-404__url b{color:var(--red);font-weight:600;text-decoration:line-through wavy rgba(220,38,38,.6)}
.wc-404__screen{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:46px 28px 40px}
.wc-404__digit{font-family:var(--display);font-weight:700;font-size:clamp(5rem,9vw,7rem);line-height:1;letter-spacing:-.06em;color:var(--navy);animation:wc-404-drop .7s var(--ease) both}
.wc-404__digit:nth-child(1){animation-delay:.1s}.wc-404__digit:nth-child(3){animation-delay:.3s}
.wc-404__digit--o{display:grid;place-items:center;width:clamp(5rem,9vw,7rem);height:clamp(5rem,9vw,7rem);border-radius:50%;background:var(--blue-050);color:var(--blue);animation:wc-404-drop .7s .2s var(--ease) both,wc-404-spin 14s 1s linear infinite}
.wc-404__digit--o svg{width:62%;height:auto}
.wc-404__line{display:block;width:100%;height:10px;border-radius:999px;background:var(--line);margin-top:6px}
.wc-404__line.w60{width:60%;margin-top:26px}.wc-404__line.w40{width:40%}
.wc-404__cursor{position:absolute;right:12%;bottom:18%;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23071D39' stroke='white' stroke-width='1.5'%3E%3Cpath d='M5 3l14 8-6 2-3 6z'/%3E%3C/svg%3E") no-repeat;animation:wc-404-cursor 6s ease-in-out infinite}
@keyframes wc-404-drop{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes wc-404-spin{to{transform:rotate(360deg)}}
@keyframes wc-404-cursor{0%,100%{transform:translate(0,0)}30%{transform:translate(-60px,-40px)}60%{transform:translate(-20px,-90px)}}
.wc-shot .wc-404__digit,.wc-shot .wc-404__digit--o,.wc-shot .wc-404__browser,.wc-shot .wc-404__cursor,html:not(.wc-ready) .wc-404__digit{animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){.wc-404__digit,.wc-404__digit--o,.wc-404__browser,.wc-404__cursor{animation:none;opacity:1}}
.wc-404__links{display:grid;gap:14px}
body .wc-404__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wc-404__cards>*{margin-block-start:0}
.wc-404__cards .wc-route__card{height:100%}
@media (max-width:980px){body .wc-404__grid{grid-template-columns:1fr}.wc-404__art{display:none}body .wc-404__cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){body .wc-404__cards{grid-template-columns:1fr}}
/* ---- About: Why WebCrafters comparison ---- */
.wc-why{padding-block:clamp(48px,6vw,80px)}
.wc-why>*{margin-block-start:0}
.wc-why h3{margin:clamp(22px,3vw,34px) 0 12px;font-size:1.15rem}
.wc-why h3:first-of-type{margin-top:0}
body .wc-why__table{margin:0}
.wc-why__table table{font-size:.92rem}
.wc-why__table th:first-child,.wc-why__table td:first-child{color:var(--slate);font-weight:600;width:16%}
.wc-why__table th:nth-child(2),.wc-why__table td:nth-child(2){background:var(--blue-050);color:var(--ink);font-weight:600}
.wc-why__table th:nth-child(2){color:var(--blue)}
.wc-why__table td{vertical-align:top;line-height:1.5}
.wc-why__table figcaption{font-size:.82rem;color:var(--slate);margin-top:8px;text-align:left}
@media (max-width:760px){.wc-why__table table{font-size:.84rem}.wc-why__table th:first-child,.wc-why__table td:first-child{width:auto}}
/* ---- Search results ---- */
.wc-search__head{padding-block:clamp(32px,4vw,56px) clamp(24px,3vw,36px);background:radial-gradient(50% 60% at 100% 0%,rgba(11,95,211,.10),transparent 60%),#F6F8FC;border-bottom:1px solid var(--line)}
.wc-search__inner{max-width:860px;margin:0 auto}
.wc-search__inner>*{margin-block-start:0}
.wc-ssum{display:grid;gap:8px;margin-bottom:18px}
.wc-ssum>*{margin-block-start:0}
.wc-ssum h1{font-size:clamp(1.7rem,3.6vw,2.6rem);letter-spacing:-.03em;line-height:1.1}
.wc-ssum__p{color:var(--slate)}
body .wc-search__form{max-width:640px}
.wc-search__form .wp-block-search__inside-wrapper{border:1.5px solid var(--line-2);border-radius:4px;background:#fff;padding:4px;gap:4px}
.wc-search__form .wp-block-search__input{border:0;min-height:44px;font-size:1rem;padding:8px 12px}
.wc-search__form .wp-block-search__inside-wrapper:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,95,211,.15)}
.wc-search__form .wp-block-search__button{min-width:44px;display:grid;place-items:center}
.wc-search__results{padding-block:clamp(24px,3vw,40px) clamp(48px,6vw,80px)}
body .wc-search__list{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.wc-search__list>li{margin:0}
.wc-sr{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s}
.wc-sr:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--blue-100)}
.wc-sr__media{display:block;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--blue-050);color:var(--blue);display:grid;place-items:center;flex:none}
.wc-sr__media img{width:100%;height:100%;object-fit:cover;display:block}
.wc-sr--post .wc-sr__media{background:var(--teal-050);color:var(--teal)}
.wc-sr--portfolio .wc-sr__media{background:var(--amber-050);color:var(--amber-700)}
.wc-sr__body{min-width:0;display:grid;gap:4px}
.wc-sr__meta{margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.74rem;color:var(--slate)}
.wc-sr__type{font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-050);border-radius:999px;padding:2px 8px}
.wc-sr--post .wc-sr__type{color:var(--teal);background:var(--teal-050)}
.wc-sr--portfolio .wc-sr__type{color:var(--amber-700);background:var(--amber-050)}
.wc-sr__path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-sr__title{margin:0;font-size:1.15rem;line-height:1.25}
.wc-sr__title a{color:var(--ink);text-decoration:none}
.wc-sr__title a:hover{color:var(--blue)}
.wc-sr__excerpt{margin:0;font-size:.92rem;color:var(--slate);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wc-sr mark{background:var(--amber-050);color:inherit;border-radius:2px;padding:0 1px}
.wc-sr__arrow{color:var(--slate-2);transition:transform .18s,color .18s}
.wc-sr:hover .wc-sr__arrow{color:var(--blue);transform:translateX(3px)}
.wc-search__empty{display:grid;gap:14px}
.wc-search__empty>*{margin-block-start:0}
.wc-search__results .wc-bpager{margin-top:28px}
@media (max-width:600px){.wc-sr{grid-template-columns:52px 1fr;gap:12px;padding:14px}.wc-sr__media{width:52px;height:52px}.wc-sr__arrow{display:none}.wc-search__inner .wc-404__cards{grid-template-columns:1fr}}
@media (min-width:601px){.wc-search__inner .wc-404__cards{grid-template-columns:1fr 1fr}}
/* Mobile menu: Services collapsed behind a tap; main links first; quote button on top */
@media (max-width:1023px){
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation__submenu-container{display:none}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega.is-open-m>.wp-block-navigation__submenu-container{display:block;padding-bottom:10px}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation-item__content{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation-item__content::after{content:"";width:10px;height:10px;border-right:2px solid var(--slate-2);border-bottom:2px solid var(--slate-2);transform:rotate(45deg);transition:transform .2s;margin-right:4px}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega.is-open-m>.wp-block-navigation-item__content::after{transform:rotate(-135deg)}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wc-mega>.wp-block-navigation__submenu-container>li>.wp-block-navigation-item__content{padding-top:12px}
  .wc-mnav__all{display:block;margin:8px 0 4px;font-weight:700;color:var(--blue)!important;font-size:.95rem!important;border-bottom:0!important}
  .wc-mnav__all::after{display:none!important}
  .wc-mnav__cta{display:grid;gap:10px;width:100%}
  .wc-mnav__cta .wc-btn{width:100%;justify-content:center}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{display:flex;flex-direction:column;min-height:100%}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open{display:flex;flex-direction:column}
  body .wc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{flex:1;display:flex;flex-direction:column}
}
/* Phone: stat cards grow with their label instead of clipping it; menu call button gets a border */
@media (max-width:480px){body .wc-stat{grid-template-rows:auto auto;padding-bottom:22px}.wc-stat__l{font-size:1rem;max-width:none}}
.wc-mnav__cta .wc-btn--ghost-dark{background:#fff;color:var(--ink);border:1.5px solid var(--line-2);border-radius:4px;padding:.8rem 1.4rem;font-weight:700;display:inline-flex;justify-content:center}
/* Quote card form: tidy grid, no stray gaps */
.wc-quote__card .gform_wrapper.gravity-theme .gform_fields{grid-column-gap:14px;grid-row-gap:14px}
.wc-quote__card .gform_wrapper.gravity-theme .gfield{margin:0}
.wc-quote__card .gform_wrapper .gfield_label{font-size:.78rem;font-weight:700;color:var(--ink-2);margin-bottom:5px;letter-spacing:.01em}
.wc-quote__card .gform_wrapper .gfield_required_text{font-size:.7rem;font-weight:600}
.wc-quote__card .gform_wrapper .gfield_description{margin-top:4px;font-size:.76rem;line-height:1.4}
.wc-quote__card .gform_wrapper input[type=text],.wc-quote__card .gform_wrapper input[type=email],.wc-quote__card .gform_wrapper input[type=tel],.wc-quote__card .gform_wrapper input[type=url],.wc-quote__card .gform_wrapper select,.wc-quote__card .gform_wrapper textarea{background:var(--surface);border-color:var(--line);font-size:.95rem;min-height:44px}
.wc-quote__card .gform_wrapper input:focus,.wc-quote__card .gform_wrapper select:focus,.wc-quote__card .gform_wrapper textarea:focus{background:#fff}
.wc-quote__card .gform_wrapper textarea,.wc-quote__card .gform_wrapper textarea.large{height:96px!important}
.wc-quote__card .gform_wrapper .gfield--type-consent{padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.wc-quote__card .gform_wrapper .gfield--type-consent .gfield_consent_label{font-size:.78rem;line-height:1.4}
.wc-quote__card .gform_wrapper .gform_footer{margin-top:16px}
.wc-quote__card .gform_wrapper .gfield--type-website .gfield_description{color:var(--slate)}
@media (max-width:640px){.wc-quote__card .gform_wrapper.gravity-theme .gfield.gfield--width-third,.wc-quote__card .gform_wrapper.gravity-theme .gfield.gfield--width-half{grid-column:span 12}}
.wc-quote__card .gform_wrapper.gravity-theme .gfield.gfield--width-third{display:flex;flex-direction:column}
.wc-quote__card .gform_wrapper.gravity-theme .gfield.gfield--width-third .ginput_container{margin-top:auto}
.wc-quote__card .gform_wrapper select{white-space:nowrap;text-overflow:ellipsis}
/* Quote card: inputs and selects share one height; selects get a custom chevron instead of the browser one */
.wc-quote__card .gform_wrapper input[type=text],.wc-quote__card .gform_wrapper input[type=email],.wc-quote__card .gform_wrapper input[type=tel],.wc-quote__card .gform_wrapper input[type=url],.wc-quote__card .gform_wrapper select{height:46px!important;min-height:46px!important;padding-top:0!important;padding-bottom:0!important;line-height:44px!important;box-sizing:border-box}
.wc-quote__card .gform_wrapper select{-webkit-appearance:none;appearance:none;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B82' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}
.wc-quote__card .gform_wrapper select:focus{background-color:#fff}
.wc-quote__card .gform_wrapper select:invalid,.wc-quote__card .gform_wrapper select option[value=""]{color:var(--slate-2)}
.wc-quote__card .gform_wrapper select option{color:var(--ink)}

/* Screenshot mode: scroll-reveal animations off so full-page captures show every card. */
.wc-shot .wc-tile,.wc-shot .wc-case,.wc-shot .wc-feature,.wc-shot .wc-step,.wc-shot .wc-quote,.wc-shot .wc-price,.wc-shot .wc-post-card,.wc-shot .wc-stat{animation:none!important;opacity:1;transform:none}

/* ---- Footer hover effects ---- */
.wc-footer__list a,.wc-footer__legal-links a{position:relative;display:inline-block;transition:color .18s}
.wc-footer__list a::after,.wc-footer__legal-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--amber,#F59E0B);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.wc-footer__list a:hover,.wc-footer__legal-links a:hover,.wc-footer__list a:focus-visible,.wc-footer__legal-links a:focus-visible{color:#fff}
.wc-footer__list a:hover::after,.wc-footer__legal-links a:hover::after,.wc-footer__list a:focus-visible::after,.wc-footer__legal-links a:focus-visible::after{transform:scaleX(1)}
.wc-footer__contact .wc-site-info a{transition:color .18s}
.wc-footer__contact .wc-site-info a:hover{color:#fff}
.wc-footer__contact .wc-site-info a:hover .wc-icon{color:#fff}
.wc-footer .wc-social a{width:36px;height:36px;padding:0;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#C7D2E3;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s}
.wc-footer .wc-social a:hover,.wc-footer .wc-social a:focus-visible{color:#fff;background:var(--blue,#0B5FD3);border-color:var(--blue,#0B5FD3);transform:translateY(-3px);box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
/* each network in its own brand colour */
.wc-footer .wc-social a.wc-social__facebook:hover,.wc-footer .wc-social a.wc-social__facebook:focus-visible{background:#1877F2;border-color:#1877F2}
.wc-footer .wc-social a.wc-social__instagram:hover,.wc-footer .wc-social a.wc-social__instagram:focus-visible{background:linear-gradient(45deg,#F9CE34 0%,#EE2A7B 50%,#6228D7 100%);border-color:#EE2A7B}
.wc-footer .wc-social a.wc-social__x:hover,.wc-footer .wc-social a.wc-social__x:focus-visible{background:#fff;border-color:#fff;color:#000}
.wc-footer .wc-social a.wc-social__linkedin:hover,.wc-footer .wc-social a.wc-social__linkedin:focus-visible{background:#0A66C2;border-color:#0A66C2}
.wc-footer .wc-social a svg{transition:transform .18s}
.wc-footer .wc-social a:hover svg{transform:scale(1.12)}
@media (prefers-reduced-motion:reduce){.wc-footer__list a,.wc-footer__legal-links a,.wc-footer .wc-social a,.wc-footer .wc-social a svg{transition:none;transform:none!important}}

/* Footer links: no browser underline on hover; the amber line below is the only underline. */
.wc-footer a:hover,.wc-footer a:focus-visible,.wc-footer__list a:hover,.wc-footer__legal-links a:hover{text-decoration:none}

/* Service hub hero: gauge cards under the diagram, same look as the badges inside it */
body .wc-shero__gauges{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.wc-gauge{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--g,#16A34A);border-radius:8px;box-shadow:0 10px 24px -18px rgba(7,29,57,.35)}
.wc-gauge__ring{width:30px;height:30px;flex:none}
.wc-gauge__t{display:grid;line-height:1.2}
.wc-gauge__t strong{font-size:.84rem;color:var(--ink)}
.wc-gauge__t span{font-size:.76rem;color:var(--g,#16A34A);font-weight:600}
@media (max-width:420px){body .wc-shero__gauges{grid-template-columns:1fr}}

/* ---- Service hub: each service group is its own chapter (colour, number, image) ---- */
.wc-svcsec{--g:#0B5FD3;--g-soft:#EFF6FF;--g-line:#BFDBFE;position:relative;overflow:hidden}
.wc-svcsec--web{--g:#0B5FD3;--g-soft:#EFF6FF;--g-line:#BFDBFE;background:linear-gradient(180deg,#fff,var(--g-soft))}
.wc-svcsec--mkt{--g:#F59E0B;--g-soft:#FFFBEB;--g-line:#FDE68A;background:linear-gradient(180deg,var(--g-soft),#fff)}
.wc-svcsec--ecom{--g:#16A34A;--g-soft:#F0FDF4;--g-line:#BBF7D0;background:linear-gradient(180deg,#fff,var(--g-soft))}
.wc-svcsec--ai{--g:#A78BFA;--g-soft:rgba(255,255,255,.06);--g-line:rgba(167,139,250,.5)}
.wc-svcsec::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--g),transparent 70%)}
.wc-svcsec .is-style-eyebrow{color:var(--g)!important}
.wc-svcsec--mkt .is-style-eyebrow{color:#B45309!important}
.wc-svcsec--ecom .is-style-eyebrow{color:#15803D!important}
body .wc-svcsec .wc-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:24px clamp(28px,5vw,64px);align-items:end;margin-bottom:clamp(24px,3vw,36px)}
body .wc-svcsec .wc-sec-head>div{grid-column:1}
body .wc-svcsec .wc-sec-head .wc-sec-head__p{grid-column:1;max-width:60ch}
body .wc-svcsec .wc-sec-head .wc-svcsec__visual{grid-column:2;grid-row:1/span 2;align-self:center}
.wc-svcsec__visual{position:relative}
.wc-svcsec__visual>*{margin-block-start:0}
.wc-svcsec__img{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--g-line);box-shadow:0 30px 60px -32px rgba(7,29,57,.45)}
.wc-svcsec__img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.wc-svcsec__img::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--g) 28%,transparent),transparent 60%);pointer-events:none}
.wc-svcsec__num{position:absolute;left:-10px;top:-18px;z-index:1;font-family:var(--display);font-weight:800;font-size:1rem;letter-spacing:.08em;color:#fff;background:var(--g);padding:8px 14px;border-radius:8px;box-shadow:0 10px 20px -10px rgba(0,0,0,.5)}
.wc-svcsec--mkt .wc-svcsec__num,.wc-svcsec--ecom .wc-svcsec__num,.wc-svcsec--ai .wc-svcsec__num{color:#071D39}
.wc-svcsec .wc-svc .wc-icon-block,.wc-svcsec .wc-aic .wc-icon-block{color:var(--g)}
.wc-svcsec--mkt .wc-svc .wc-icon-block{color:#B45309}
.wc-svcsec--ecom .wc-svc .wc-icon-block{color:#15803D}
.wc-svcsec .wc-svc{border-top:3px solid var(--g-line)}
.wc-svcsec .wc-svc:hover{border-top-color:var(--g)}
.wc-svcsec .wc-svc__tags{color:var(--g)}
.wc-svcsec--mkt .wc-svc__tags{color:#B45309}
.wc-svcsec--ecom .wc-svc__tags{color:#15803D}
.wc-svcsec--ai .wc-svcsec__img{border-color:rgba(255,255,255,.2)}
@media (max-width:860px){body .wc-svcsec .wc-sec-head{grid-template-columns:1fr}body .wc-svcsec .wc-sec-head .wc-svcsec__visual{grid-column:1;grid-row:auto;max-width:420px}}

/* Wide modal for the full quote form */
body .wc-modal--wide .wc-modal__box{width:min(820px,100%)}
.wc-modal__slot:empty{display:none}
.wc-modal--wide .wc-modal__box .gform_wrapper{margin-top:4px}

/* Quote form inside the modal: same field sizing as the page card */
.wc-modal__box .gform_wrapper select,.wc-modal__box .gform_wrapper input:not([type=checkbox]):not([type=radio]),.wc-modal__box .gform_wrapper textarea{padding-block:8px!important;line-height:1.4!important;height:auto!important;min-height:0!important}

/* Quote modal: the submit button stays in view at the bottom of the box while the long form scrolls */
.wc-modal--wide .wc-modal__box{padding-bottom:0}
.wc-modal--wide .wc-modal__box .gform_wrapper .gform_footer{position:sticky;bottom:0;margin:8px 0 0;padding:14px 0 22px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)}

/* ---- Ella plan result page (/ella-plan) ---- */
.wc-page-head:has(+ .entry-content .wc-pres){display:none}
.wc-pres{--gutter:clamp(16px,4vw,40px)}
.wc-pres__in{max-width:1180px;margin:0 auto;padding-inline:var(--gutter)}
.wc-pres__in--narrow{max-width:760px;padding-block:clamp(48px,8vw,110px)}
.wc-pres__hero{background:radial-gradient(60% 70% at 100% 0%,rgba(11,95,211,.55),transparent 60%),linear-gradient(160deg,#071D39,#0A2A55);color:#fff;padding-block:clamp(40px,6vw,80px) clamp(44px,6vw,84px)}
.wc-pres__hero .is-style-eyebrow{color:#FCD34D!important}
.wc-pres__hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.04em;line-height:1.04;max-width:20ch;margin:8px 0 14px}
.wc-pres__lede{color:#C7D2E3;font-size:clamp(1rem,1.5vw,1.2rem);max-width:64ch;margin:0}
.wc-pres__preview{display:inline-block;margin:14px 0 0;padding:8px 10px;background:#FEF3C7;color:#92400E;font-size:.8rem;border-radius:4px}
.wc-pres__meta{margin:18px 0 0;font-size:.9rem;color:#B6C2D6}
.wc-pres__meta a{color:#fff;font-weight:700}
body .wc-pres__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(28px,5vw,64px);padding-block:clamp(36px,5vw,64px) clamp(48px,7vw,96px);align-items:start}
.wc-pres__main>h2{font-size:1.5rem;margin:0 0 16px}
.wc-pres__feat{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc-pres__feat li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 24px -20px rgba(7,29,57,.35)}
.wc-pres__feat strong{color:var(--ink)}
.wc-pres__feat span{color:var(--slate);font-size:.92rem;line-height:1.5}
.wc-pres__meta2{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 24px;border-radius:12px;background:var(--surface,#F6F8FC);border:1px solid var(--line)}
.wc-pres__meta2 h3{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:0 0 8px}
.wc-pres__meta2 h3+p{margin:0 0 16px;color:var(--ink-2)}
.wc-pres__pages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wc-pres__pages li{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.88rem;font-weight:600;color:var(--ink)}
.wc-pres__note{margin:20px 0 0;font-size:.82rem;color:var(--slate)}
.wc-pres__rate .wc-rate{margin-top:22px}
.wc-pres__side{position:sticky;top:110px}
.wc-pres__card{padding:26px 26px 22px;border-radius:16px;background:#071D39;color:#fff;box-shadow:0 40px 80px -36px rgba(7,29,57,.6)}
.wc-pres__k{margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7EE0CF}
.wc-pres__card h2{color:#fff;font-size:1.35rem;margin:0 0 8px}
.wc-pres__card>p{color:#C7D2E3;font-size:.92rem;margin:0 0 16px}
.wc-pres__lead{display:grid;gap:10px}
.wc-pres__lead label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;color:#D6E4FA}
.wc-pres__lead input:not([type=checkbox]),.wc-pres__lead textarea{font:inherit;font-size:.95rem;padding:10px 12px;border:1px solid #2B4770;border-radius:6px;background:#0B2244;color:#fff}
.wc-pres__lead input:focus,.wc-pres__lead textarea:focus{outline:none;border-color:#7EE0CF;box-shadow:0 0 0 3px rgba(126,224,207,.2)}
.wc-pres__check{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:600!important;color:#fff!important}
.wc-pres__lead button{font:inherit;font-weight:700;background:#F59E0B;color:#071D39;border:0;border-radius:4px;padding:13px 20px;cursor:pointer}
.wc-pres__lead button:hover{background:#D97706}
.wc-pres__lead button:disabled{opacity:.6;cursor:default}
.wc-pres__err{margin:0;min-height:1em;font-size:.82rem;color:#FCA5A5;font-weight:600}.wc-pres__err:empty{display:none}
.wc-pres__consent{margin:4px 0 0;font-size:.74rem;color:#8FA3BF}
.wc-pres__card .is-style-ghost{display:inline-block;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff}
.wc-pres--gone{background:var(--surface,#F6F8FC);text-align:center}
.wc-pres--gone h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.03em;margin:10px 0 12px}
.wc-pres--gone .wc-pres__lede{color:var(--slate);margin:0 auto 24px}
.wc-pres--gone .wp-block-buttons{justify-content:center}
@media (max-width:900px){body .wc-pres__grid{grid-template-columns:1fr}.wc-pres__side{position:static}.wc-pres__feat,.wc-pres__meta2{grid-template-columns:1fr}}

/* Service hero: tighter above, so the "Chosen by" logos sit clearly above the fold and can be larger */
@media (min-width:981px){
.wc-shero{padding-block:clamp(28px,3.5vw,44px) clamp(40px,5vw,64px)}
.wc-shero__copy{gap:14px}
.wc-shero__logos .wc-logos{--wc-logo-h:36px!important;gap:10px 26px}
.wc-shero__logos .wc-logos__item{flex:1 1 0;max-width:160px;justify-content:center}
.wc-shero__logos .wc-logos__item:nth-child(n+5){display:none} /* four larger logos read better than five small ones in this column */
.wc-shero__logos .wc-logos__item img{width:auto;height:auto;max-height:var(--wc-logo-h,36px);max-width:100%;object-fit:contain}
}

/* ---- Technical data section (website design page): gauges, bytes chart, bounce line; animate once when scrolled into view ---- */
.wc-tech{background:linear-gradient(180deg,#fff,var(--surface,#F6F8FC))}
body .wc-tech__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.wc-tech__card{padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -32px rgba(7,29,57,.35)}
.wc-tech__card--wide{grid-column:1/-1}
.wc-tech__k{margin:0 0 16px;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.wc-tech__foot{margin:16px 0 0;font-size:.82rem;color:var(--slate);line-height:1.5}
.wc-tech__gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wc-tech__gauge{display:grid;justify-items:center;text-align:center;gap:6px;position:relative}
.wc-tech__gauge svg{width:118px;height:118px}
.wc-tech__arc{transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
.wc-anim.is-in .wc-tech__arc{stroke-dashoffset:var(--to)}
.wc-tech__gval{position:absolute;top:0;left:0;right:0;height:118px;display:grid;place-items:center;margin:0;pointer-events:none}
.wc-tech__gval--long strong{font-size:.95rem}
.wc-tech__gval strong{font-family:var(--display);font-size:1.2rem;letter-spacing:-.02em;color:var(--ink);line-height:1}
.wc-tech__gauge p{margin:0}
.wc-tech__gsub{font-size:.78rem;color:var(--slate);max-width:16ch}
.wc-tech__glabel{font-weight:700;color:var(--ink);font-size:.9rem;margin-top:2px}
.wc-tech__bars{display:grid;gap:10px}
.wc-tech__bar{display:grid;grid-template-columns:64px 1fr 56px;align-items:center;gap:10px;font-size:.85rem}
.wc-tech__blabel{font-weight:700;color:var(--ink)}
.wc-tech__btrack{height:14px;border-radius:7px;background:var(--surface,#F6F8FC);overflow:hidden}
.wc-tech__btrack i{display:block;height:100%;width:var(--w);border-radius:7px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.wc-anim.is-in .wc-tech__btrack i{transform:none}
.wc-tech__bar:nth-child(2) i{transition-delay:.1s}.wc-tech__bar:nth-child(3) i{transition-delay:.2s}.wc-tech__bar:nth-child(4) i{transition-delay:.3s}.wc-tech__bar:nth-child(5) i{transition-delay:.4s}
.wc-tech__bval{font-family:var(--mono);font-size:.78rem;color:var(--slate);text-align:right}
.wc-tech__line{width:100%;height:auto;display:block}
.wc-tech__path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.8s ease-out}
.wc-anim.is-in .wc-tech__path{stroke-dashoffset:0}
.wc-tech__area{opacity:0;transition:opacity .8s ease 1.2s}
.wc-anim.is-in .wc-tech__area{opacity:1}
.wc-tech__dot{fill:#fff;stroke:#DC2626;stroke-width:3;opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,.6s)}
.wc-tech__dl{font:700 14px var(--body);fill:#B91C1C;opacity:0;transition:opacity .3s;transition-delay:var(--d,.8s)}
.wc-anim.is-in .wc-tech__dot{opacity:1;transform:none}
.wc-anim.is-in .wc-tech__dl{opacity:1}
.wc-tech__ax{font:600 13px var(--body);fill:var(--slate)}
.wc-tech__ax--g{fill:#15803D}
.wc-shot .wc-anim .wc-tech__arc,.wc-shot .wc-anim .wc-tech__btrack i,.wc-shot .wc-anim .wc-tech__path,.wc-shot .wc-anim .wc-tech__area,.wc-shot .wc-anim .wc-tech__dot,.wc-shot .wc-anim .wc-tech__dl{transition:none}
@media (prefers-reduced-motion:reduce){.wc-tech__arc{stroke-dashoffset:var(--to)!important}.wc-tech__btrack i{transform:none!important}.wc-tech__path{stroke-dashoffset:0!important}.wc-tech__area,.wc-tech__dot,.wc-tech__dl{opacity:1!important;transform:none!important}.wc-tech__arc,.wc-tech__btrack i,.wc-tech__path,.wc-tech__area,.wc-tech__dot,.wc-tech__dl{transition:none!important}}
@media (max-width:900px){body .wc-tech__grid{grid-template-columns:1fr}.wc-tech__gauges{grid-template-columns:1fr 1fr 1fr;gap:8px}.wc-tech__gauge svg{width:96px;height:96px}.wc-tech__gval{height:96px}.wc-tech__gval strong{font-size:1.05rem}.wc-tech__gval--long strong{font-size:.85rem}}
@media (max-width:520px){.wc-tech__gauges{grid-template-columns:repeat(3,1fr);gap:6px}.wc-tech__gauge svg{width:88px;height:88px}.wc-tech__gval{height:88px}.wc-tech__gval strong{font-size:.95rem}.wc-tech__gval--long strong{font-size:.78rem}.wc-tech__glabel{font-size:.78rem}.wc-tech__gsub{font-size:.7rem}.wc-tech__card{padding:18px 16px}.wc-tech__bar{grid-template-columns:56px 1fr 52px}}

.wc-tech__line--m{display:none}
/* PPC page: green line chart variant, amber annotation, and the spend-to-CAC chain */
.wc-tech__dot--g{stroke:#15803D}
.wc-tech__dl--g{fill:#15803D}
.wc-tech__ax--a{fill:#B45309;font-weight:700}
.wc-tech__ax--b{fill:#0B5FD3;font-weight:700}
.wc-tchips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wc-tchip{display:grid;gap:3px;padding:12px 14px 12px 40px;border-radius:10px;background:var(--surface,#F6F8FC);border:1px solid var(--line);position:relative;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.wc-tchip{padding-left:52px}
.wc-tchip__ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:8px;background:var(--blue-050);color:var(--blue);display:grid;place-items:center}
.wc-tchip__ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wc-anim.is-in .wc-tchip{opacity:1;transform:none}
.wc-tchip strong{font-size:.9rem;color:var(--ink)}
.wc-tchip span{font-size:.78rem;line-height:1.4;color:var(--slate)}
.wc-shot .wc-anim .wc-tchip{transition:none}
@media (prefers-reduced-motion:reduce){.wc-tchip{opacity:1!important;transform:none!important}}
@media (max-width:900px){.wc-tchips{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.wc-tchips{grid-template-columns:1fr}}
.wc-chain__s{line-height:1.4}
.wc-tech__bar--wide{grid-template-columns:96px 1fr 48px}
.wc-chain{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:stretch}
.wc-chain__step{position:relative;display:grid;gap:4px;padding:14px 14px 12px;border-radius:12px;background:var(--surface,#F6F8FC);border:1px solid var(--line);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.wc-anim.is-in .wc-chain__step{opacity:1;transform:none}
.wc-chain__step:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--slate-2);border-bottom:2px solid var(--slate-2);transform:rotate(-45deg)}
.wc-chain__step:last-child{background:#071D39;border-color:#071D39;color:#fff}
.wc-chain__step:last-child .wc-chain__k,.wc-chain__step:last-child .wc-chain__s{color:#B6C2D6}
.wc-chain__k{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.wc-chain__v{font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em;line-height:1.1}
.wc-chain__s{font-size:.78rem;color:var(--slate)}
.wc-shot .wc-anim .wc-chain__step{transition:none}
@media (prefers-reduced-motion:reduce){.wc-chain__step{opacity:1!important;transform:none!important}}
@media (max-width:900px){.wc-chain{grid-template-columns:repeat(3,1fr)}.wc-chain__step:nth-child(3)::after{display:none}}
@media (max-width:520px){.wc-chain{grid-template-columns:1fr 1fr}.wc-chain__step:nth-child(3)::after{display:block}.wc-chain__step:nth-child(2n)::after{display:none}}
@media (max-width:640px){.wc-tech__line--d{display:none}.wc-tech__line--m{display:block}}

a.wc-case__more{display:inline-block;text-decoration:none}
a.wc-case__more:hover{text-decoration:underline;text-underline-offset:3px}

/* ---- Website redesign: "rebuilt" showcase (panning full-page screenshot + the rebuild steps) ---- */
body .wc-rebuilt__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center}
.wc-rebuilt__screen{display:block;position:relative;text-decoration:none;color:inherit}
.wc-rebuilt__screen .wc-frame{display:block;box-shadow:0 40px 80px -40px rgba(7,29,57,.55);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.wc-rebuilt__screen:hover .wc-frame{transform:translateY(-4px);box-shadow:0 50px 90px -40px rgba(7,29,57,.6)}
.wc-rebuilt__screen .wc-frame__view{aspect-ratio:16/10} /* same shape as the screenshot: nothing cropped */
.wc-anim.is-in .wc-rebuilt__screen .wc-frame--pan .wc-frame__img{animation-play-state:running}
.wc-rebuilt__hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(7,29,57,.78);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.02em;pointer-events:none;transition:opacity .3s}
.wc-rebuilt__screen:hover .wc-rebuilt__hint{opacity:0}
.wc-rebuilt__side{display:flex;flex-direction:column;gap:18px}
.wc-rebuilt__k{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.wc-rebuilt__side h3{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.03em;line-height:1.15;margin:0}
.wc-rebuilt__steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.wc-rebuilt__steps::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,var(--blue),var(--teal,#0F9D8A))}
.wc-rebuilt__steps li{display:flex;gap:14px;align-items:flex-start;opacity:0;transform:translateX(12px);transition:opacity .5s ease,transform .5s var(--ease)}
.wc-anim.is-in .wc-rebuilt__steps li{opacity:1;transform:none}
.wc-anim.is-in .wc-rebuilt__steps li:nth-child(2){transition-delay:.15s}.wc-anim.is-in .wc-rebuilt__steps li:nth-child(3){transition-delay:.3s}.wc-anim.is-in .wc-rebuilt__steps li:nth-child(4){transition-delay:.45s}
.wc-rebuilt__n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--blue);color:var(--blue);font-weight:800;font-size:.9rem;position:relative;z-index:1}
.wc-rebuilt__steps li:last-child .wc-rebuilt__n{background:var(--blue);color:#fff}
.wc-rebuilt__steps div{display:grid;gap:2px;padding-top:6px}
.wc-rebuilt__steps strong{color:var(--ink)}
.wc-rebuilt__steps span:not(.wc-rebuilt__n){font-size:.92rem;color:var(--slate);line-height:1.5}
.wc-rebuilt__chips{display:flex;flex-wrap:wrap;gap:8px}
.wc-rebuilt__chips span{padding:8px 12px;border-radius:999px;background:var(--surface,#F6F8FC);border:1px solid var(--line);font-size:.84rem;color:var(--slate)}
.wc-rebuilt__chips strong{color:var(--ink);margin-right:4px}
.wc-rebuilt__more{font-weight:700;color:var(--blue);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.wc-rebuilt__more:hover{text-decoration:underline;text-underline-offset:3px}
.wc-shot .wc-rebuilt__steps li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.wc-rebuilt__steps li{opacity:1;transform:none;transition:none}}
@media (max-width:900px){body .wc-rebuilt__grid{grid-template-columns:1fr}.wc-rebuilt__hint{display:none}}

/* Technical section, redesign page: two-series line and wider bar labels */
.wc-tech__path--bad{transition-delay:.4s}
.wc-tech__dl--g{fill:#15803D}
.wc-tech__blabel--wide{font-size:.8rem}
.wc-tech__bars:has(.wc-tech__blabel--wide) .wc-tech__bar{grid-template-columns:168px 1fr 48px}
@media (max-width:520px){.wc-tech__bars:has(.wc-tech__blabel--wide) .wc-tech__bar{grid-template-columns:1fr 48px}.wc-tech__bars:has(.wc-tech__blabel--wide) .wc-tech__blabel{grid-column:1/-1}}

/* ---- Social media: animated content calendar with open spots ---- */
body .wc-cal{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.wc-cal__board{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:0 20px 40px -32px rgba(7,29,57,.35)}
.wc-cal__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.9rem}
.wc-cal__head strong{font-family:var(--display);font-size:1.05rem;color:var(--ink)}
.wc-cal__count{color:var(--slate);font-size:.82rem}
.wc-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.wc-cal__dow{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);text-align:center;padding-bottom:4px}
.wc-cal__day{position:relative;min-height:74px;border-radius:10px;background:var(--surface,#F6F8FC);border:1px solid var(--line);padding:26px 6px 6px}
.wc-cal__day--wknd{background:#FBFCFE}
.wc-cal__day em{position:absolute;top:6px;left:8px;font-style:normal;font-size:.72rem;font-weight:700;color:var(--slate)}
.wc-cal__chip{display:flex;align-items:center;font-style:normal;min-height:34px;padding:4px 8px;border-radius:7px;font-size:.72rem;font-weight:700;line-height:1.15;color:#fff;opacity:0;transform:translateY(8px) scale(.92);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.wc-anim.is-in .wc-cal__chip{opacity:1;transform:none}
.wc-cal__chip b{font-weight:700}
.wc-cal__chip--work{background:var(--blue)}
.wc-cal__chip--voice{background:#15803D}
.wc-cal__chip--tip{background:#7C3AED}
.wc-cal__chip--offer{background:#B45309}
.wc-cal__chip--open{background:#fff;color:var(--amber-700);border:2px dashed var(--amber);box-shadow:0 0 0 0 rgba(245,158,11,.35)}
.wc-anim.is-in .wc-cal__chip--open{animation:wc-cal-pulse 2.4s ease-in-out infinite;animation-delay:1.8s}
.wc-cal__chip--open b::before{content:"+ ";font-weight:800}
@keyframes wc-cal-pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.35)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}
.wc-cal__legend{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wc-cal__legend li{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;align-items:start;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.wc-cal__legend .wc-cal__chip{width:22px;min-height:22px;height:22px;padding:0;border-radius:6px;opacity:1;transform:none;grid-row:1/3;margin-top:2px}
.wc-cal__legend strong{font-size:.92rem;color:var(--ink)}
.wc-cal__legend span{font-size:.8rem;color:var(--slate);line-height:1.45;grid-column:2}
.wc-shot .wc-anim .wc-cal__chip{transition:none;animation:none}
@media (prefers-reduced-motion:reduce){.wc-cal__chip{opacity:1!important;transform:none!important;animation:none!important}}
@media (max-width:960px){body .wc-cal{grid-template-columns:1fr}}
@media (max-width:640px){.wc-cal__board{padding:12px 10px}.wc-cal__grid{gap:4px}.wc-cal__day{min-height:48px;padding:20px 3px 3px;border-radius:7px}.wc-cal__day em{top:4px;left:5px;font-size:.62rem}.wc-cal__chip{min-height:20px;padding:3px;border-radius:5px;font-size:0}.wc-cal__chip--open{border-width:1.5px}.wc-cal__chip--open b::before{content:"+";font-size:.8rem;display:block;text-align:center;width:100%}.wc-cal__dow{font-size:.58rem;letter-spacing:.04em}}

/* ---- Architecture flowchart (custom web apps): nodes rise in, links draw, packets travel ---- */
.wc-arch__wrap{display:grid;gap:14px}
.wc-arch__svg{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 40px 80px -40px rgba(7,29,57,.6)}
.wc-arch__svg--m{display:none}
.wc-arch__t{font:700 15px var(--display);fill:#fff;letter-spacing:-.01em}
.wc-arch__s{font:600 12px var(--body);fill:#B6C2D6}
.wc-arch__band{font:800 11px var(--body);fill:#7EE0CF;letter-spacing:.14em}
.wc-arch__mono{font:600 11px var(--mono);fill:#7EE0CF}
.wc-arch__node{opacity:0;transform:translateY(14px);transform-box:fill-box;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.wc-arch__node--core rect:first-child{filter:drop-shadow(0 0 18px rgba(11,95,211,.55))}
.wc-arch__link{stroke-dashoffset:100;transition:stroke-dashoffset 1.2s ease;transition-delay:var(--d,0s)}
.wc-anim.is-in .wc-arch__node{opacity:1;transform:none}
.wc-anim.is-in .wc-arch__link{stroke-dashoffset:0}
.wc-arch__legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.84rem;color:var(--slate);padding:0 6px}
.wc-arch__legend span{display:inline-flex;align-items:center;gap:8px}
.wc-arch__legend i{width:12px;height:12px;border-radius:3px}
.wc-shot .wc-arch__node,.wc-shot .wc-arch__link{transition:none}
@media (prefers-reduced-motion:reduce){.wc-arch__node{opacity:1;transform:none;transition:none}.wc-arch__link{stroke-dashoffset:0;transition:none}.wc-arch__svg animateMotion{display:none}}
@media (max-width:640px){.wc-arch__svg--d{display:none}.wc-arch__svg--m{display:block}.wc-arch__t{font-size:17px}.wc-arch__s{font-size:13px}}

/* Orbit rings */
.wc-arch__ring{stroke-dashoffset:100;transition:stroke-dashoffset 1.6s ease;transition-delay:var(--d,0s)}
.wc-anim.is-in .wc-arch__ring{stroke-dashoffset:0}
.wc-arch__orbit{transform-box:fill-box;transform-origin:center;animation:wc-arch-orbit 60s linear infinite}
@keyframes wc-arch-orbit{to{transform:rotate(360deg)}}
.wc-shot .wc-arch__ring{transition:none}.wc-shot .wc-arch__orbit{animation:none}
@media (prefers-reduced-motion:reduce){.wc-arch__ring{stroke-dashoffset:0;transition:none}.wc-arch__orbit{animation:none}}
.wc-arch--full .wc-arch__t--core{font-size:15px}
.wc-arch__ft{font:700 14.5px var(--display);fill:#fff;letter-spacing:-.01em}
.wc-arch__fq{font:700 13px var(--body);fill:#fff}
.wc-arch__fs{font:600 12px var(--body);fill:#B6C2D6}
.wc-arch__fl{font:700 11px var(--mono);letter-spacing:.04em}

/* Full-bleed architecture map */
.wc-arch--full > .wc-arch__wrap--full{width:min(100vw - 32px,1400px);max-width:none;margin-inline:auto;gap:0}
@media (max-width:1023px){.wc-arch--full > .wc-arch__wrap--full{width:100%}} /* wider than the text column so the map reads large */
.wc-arch__wrap--full .wc-arch__svg--d{width:100%;height:auto;max-height:calc(100vh - 120px);margin:0 auto;border-radius:18px}
.wc-arch--full .wc-sec-head{margin-bottom:28px}
.wc-arch__wrap--full .wc-arch__legend{display:none} /* the column labels carry the colours */
.wc-arch__wrap--full .wc-arch__svg{box-shadow:none}
.wc-arch__wrap--full .wc-arch__legend{justify-content:center;padding:16px var(--gutter,clamp(16px,4vw,40px)) 28px;color:#B6C2D6;background:#071D39}
.wc-arch__badge{font:800 10px var(--body);letter-spacing:.06em}
.wc-arch--full .wc-arch__t{font-size:15px}
.wc-arch--full .wc-arch__s{font-size:12px}
.wc-arch--full .wc-arch__band{font-size:12px}
.wc-arch--full .wc-arch__mono{font-size:12px}
@media (max-width:640px){.wc-arch--full .wc-arch__t{font-size:16px}.wc-arch--full .wc-arch__s{font-size:12.5px}}

/* Architecture map, circular style */
.wc-arch__dot{filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}
.wc-arch__core{filter:drop-shadow(0 0 28px rgba(11,95,211,.9))}
.wc-arch__pulse{animation:wc-arch-pulse 2.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes wc-arch-pulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.wc-arch__t--core{font-size:16px}
.wc-arch__legend i{border-radius:50%}
.wc-shot .wc-arch__pulse,.wc-shot .wc-arch__pk{animation:none}
@media (prefers-reduced-motion:reduce){.wc-arch__pulse{animation:none}}
/* Links inside FAQ answers are visible as links on every page */
.wc-faq__item p a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color .15s}
.wc-faq__item p a:hover{color:var(--navy,#0F2C5C)}
/* Maintenance page: add-ons and terms under the plan cards */
body .wc-cplans__extra{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;align-items:stretch}
body .wc-cplans__extra>*{margin-block-start:0}
.wc-cplans__addons,.wc-cplans__terms{padding:24px 22px;display:flex;flex-direction:column;gap:12px}
.wc-cplans__addons>*,.wc-cplans__terms>*{margin-block-start:0}
.wc-addons{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--line)}
.wc-addon{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.wc-addon__name{color:var(--ink-2)}
.wc-addon__price{color:var(--ink);white-space:nowrap;flex:none}
.wc-cplans__terms a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){body .wc-cplans__extra{grid-template-columns:1fr}}
@media (max-width:600px){.wc-addon{flex-direction:column;gap:4px}.wc-addon__price{white-space:normal;color:var(--blue)}}
/* Maintenance page: single comparison pricing table */
.wc-ptable{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--line);border-radius:14px;scrollbar-width:thin}
.wc-ptable:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.wc-ptable table{width:100%;min-width:960px;border-collapse:separate;border-spacing:0;font-size:.9rem;table-layout:fixed}
.wc-ptable th,.wc-ptable td{padding:12px 16px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
.wc-ptable th:first-child,.wc-ptable td:first-child{border-left:0;position:sticky;left:0;background:#fff;z-index:1;width:210px}
.wc-ptable tbody th[scope=row]{font-weight:700;color:var(--ink);background:#fff}
.wc-ptable td{color:var(--ink-2)}
.wc-ptable td.is-no{color:var(--slate)}
.wc-ptable td.is-yes{color:var(--ink);font-weight:600}
.wc-ptable thead th{vertical-align:bottom;background:#fff;position:sticky;top:0;z-index:2;padding:22px 16px 18px}
.wc-ptable thead th:first-child{z-index:3}
.wc-ptable__corner span{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.wc-ptable__plan{position:relative}
.wc-ptable__plan>*{display:block}
.wc-ptable__plan--pop{background:#F3F7FE!important;box-shadow:inset 0 3px 0 var(--blue)}
.wc-ptable__badge{display:inline-block!important;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--blue);border-radius:4px;padding:4px 8px;margin-bottom:10px}
.wc-ptable__name{font-family:var(--display);font-size:1.15rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.wc-ptable__price{font-family:var(--display);font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1;margin-top:8px}
.wc-ptable__per{font-size:.8rem;font-weight:600;color:var(--slate);margin-top:6px}
.wc-ptable__for{font-size:.84rem;font-weight:400;color:var(--ink-2);line-height:1.45;margin-top:10px;min-height:3.9em}
a.wc-ptable__cta{display:inline-block;margin-top:14px;padding:11px 16px;background:var(--blue);color:#fff;font-weight:700;font-size:.9rem;border-radius:4px;text-decoration:none;transition:background .15s}
a.wc-ptable__cta:hover{background:var(--navy)}
.wc-ptable__plan:not(.wc-ptable__plan--pop) a.wc-ptable__cta{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.wc-ptable__plan:not(.wc-ptable__plan--pop) a.wc-ptable__cta:hover{border-color:var(--blue);color:var(--blue);background:#fff}
.wc-ptable__group th{background:var(--surface);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:10px 16px;position:static!important;width:auto!important}
.wc-ptable__group th span{position:sticky;left:16px;display:inline-block}
.wc-ptable__foot td,.wc-ptable__foot th{border-bottom:0;padding:16px}
.wc-ptable__foot a.wc-ptable__cta{margin-top:0}
.wc-ptable__note{margin:12px auto 0;font-size:.8rem;line-height:1.5;color:var(--slate);text-align:left}
.wc-sprices .wc-spec__facts{margin-top:28px}
@media (max-width:980px){.wc-ptable table{min-width:860px}.wc-ptable th:first-child,.wc-ptable td:first-child{width:150px}.wc-ptable thead th{padding:16px 12px 14px}.wc-ptable__price{font-size:1.5rem}.wc-ptable__for{display:none}}
@media (max-width:600px){.wc-ptable th,.wc-ptable td{padding:10px 12px;font-size:.84rem}.wc-ptable th:first-child,.wc-ptable td:first-child{width:122px}.wc-ptable__foot{display:none}}
.wc-ptable__ic{display:inline-block;vertical-align:-5px;margin-right:6px;flex:none}
.wc-ptable td.is-no{color:var(--slate)}
.wc-ptable td.is-yes{color:var(--ink);font-weight:500}
.wc-ptable td.is-pop,.wc-ptable tbody .wc-ptable__foot td.is-pop{background:#F3F7FE}
.wc-ptable tbody tr:not(.wc-ptable__group) td.is-pop{border-left-color:#C7DBF7;border-right:1px solid #C7DBF7}
.wc-ptable thead th.wc-ptable__plan--pop{border-left-color:#C7DBF7;border-right:1px solid #C7DBF7}
.wc-ptable tbody .wc-ptable__foot td.is-pop{box-shadow:inset 0 -3px 0 var(--blue)}
@media (max-width:980px){.wc-ptable tbody th[scope=row],.wc-ptable thead th:first-child{box-shadow:6px 0 10px -6px rgba(7,29,57,.22)}}
.wc-ptable td.is-no,.wc-ptable td.is-yes:not(:has(span:not(.screen-reader-text))){text-align:center;vertical-align:middle}
.wc-ptable td.is-no .wc-ptable__ic,.wc-ptable td.is-yes:not(:has(span:not(.screen-reader-text))) .wc-ptable__ic{margin-right:0;vertical-align:middle}
/* Maintenance page: "Before a plan starts" band */
.is-style-checks li>span{flex:1;min-width:0}
.wc-prestart{width:100vw;max-width:none!important;margin:28px 0 calc(-1 * clamp(56px,7vw,92px)) calc(50% - 50vw)!important;padding:clamp(40px,6vw,72px) var(--gutter,clamp(16px,4vw,40px));background:radial-gradient(60% 80% at 100% 0%,rgba(11,95,211,.35),transparent 60%),linear-gradient(180deg,var(--navy) 0%,var(--navy) 45%,#0A4AAD 100%);color:#fff;border-radius:0}
.wc-sprices+.wc-splan::before{content:"";position:absolute;left:0;right:0;top:0;height:220px;background:linear-gradient(180deg,#0A4AAD 0%,rgba(10,74,173,0) 100%);pointer-events:none}
.wc-prestart__in{max-width:var(--wp--style--global--content-size,1180px);margin:0 auto}
.wc-prestart__head{display:grid;grid-template-columns:1.1fr .9fr;gap:12px 40px;align-items:end;margin-bottom:40px}
.wc-prestart__k{grid-column:1/-1;margin:0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7EE0CF}
.wc-prestart__title{margin:0;font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff}
.wc-prestart__lead{margin:0;font-size:1rem;line-height:1.6;color:#B6C8E6}
.wc-prestart__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.wc-prestart__track::before{content:"";position:absolute;left:28px;right:28px;top:28px;border-top:2px dashed rgba(255,255,255,.22)}
.wc-prestart__step{display:flex;flex-direction:column;gap:16px;position:relative}
.wc-prestart__node{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--navy);border:2px solid #7EE0CF;color:#7EE0CF;display:grid;place-items:center;box-shadow:0 0 0 8px var(--navy)}
.wc-prestart__node i{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border-radius:50%;background:#7EE0CF;color:var(--navy);font-style:normal;font-size:.74rem;line-height:1;font-weight:800;display:grid;place-items:center;font-family:var(--display);box-shadow:0 0 0 3px var(--navy)}
.wc-prestart__step--last .wc-prestart__node i{background:#fff}
.wc-prestart__panel{flex:1;display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px}
.wc-prestart__tag{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7EE0CF;background:rgba(126,224,207,.12);border:1px solid rgba(126,224,207,.3);border-radius:4px;padding:3px 8px}
.wc-prestart__h{font-family:var(--display);font-size:1.08rem;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.25}
.wc-prestart__p{font-size:.9rem;line-height:1.55;color:#C9D7EE}
.wc-prestart__step--last .wc-prestart__node{background:#7EE0CF;color:var(--navy)}
.wc-prestart__step--last .wc-prestart__panel{background:rgba(126,224,207,.1);border-color:rgba(126,224,207,.35)}
@media (max-width:980px){.wc-prestart__head{grid-template-columns:1fr}.wc-prestart__track{grid-template-columns:1fr 1fr}.wc-prestart__track::before{display:none}}
@media (max-width:600px){.wc-prestart__track{grid-template-columns:1fr;gap:0}.wc-prestart__step{flex-direction:row;gap:16px;padding-bottom:22px}.wc-prestart__step::before{content:"";position:absolute;left:27px;top:56px;bottom:0;border-left:2px dashed rgba(255,255,255,.22)}.wc-prestart__step--last::before{display:none}.wc-prestart__node{flex:none;box-shadow:none}}
.wc-sprices .wc-cplans__note{margin-top:14px;border-radius:14px;padding:22px 24px}
/* Before a plan starts: hover */
.wc-prestart__panel{transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s}
.wc-prestart__node{transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s}
@media (hover:hover){
.wc-prestart__step:hover .wc-prestart__panel{transform:translateY(-4px);background:rgba(255,255,255,.09);border-color:rgba(126,224,207,.45);box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
.wc-prestart__step:hover .wc-prestart__node{transform:scale(1.06);background:#7EE0CF;color:var(--navy)}
.wc-prestart__step:hover .wc-prestart__node i{background:#fff}
.wc-prestart__step--last:hover .wc-prestart__panel{background:rgba(126,224,207,.16)}
}
@media (prefers-reduced-motion:reduce){.wc-prestart__step:hover .wc-prestart__panel,.wc-prestart__step:hover .wc-prestart__node{transform:none}}
/* Maintenance comparison table on phones: tabs and one plan at a time */
.wc-ptabs,.wc-ptable__current{display:none}
@media (max-width:700px){
.wc-ptabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:0;list-style:none}
.wc-ptabs button{appearance:none;width:100%;padding:10px 4px;background:#fff;border:1px solid var(--line-2);border-radius:8px;font:inherit;font-size:.78rem;font-weight:700;color:var(--ink);line-height:1.2;cursor:pointer}
.wc-ptabs button small{display:block;font-weight:600;color:var(--slate);font-size:.72rem;margin-top:2px}
.wc-ptabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.wc-ptabs button[aria-selected=true] small{color:#D6E4FA}
.wc-ptable__current{display:block;padding:20px 18px;background:#F3F7FE;border-bottom:1px solid var(--line)}
.wc-ptable__current>*{display:block}
.wc-ptable__current .wc-ptable__for{min-height:0}
.wc-ptable__current .wc-ptable__badge{display:inline-block}
.wc-ptable{overflow:visible;border-radius:12px}
.wc-ptable table{min-width:0;width:100%;display:block}
.wc-ptable thead{display:none}
.wc-ptable tbody{display:block}
.wc-ptable tbody tr{display:block;border-bottom:1px solid var(--line)}
.wc-ptable tbody tr.wc-ptable__foot{display:none}
.wc-ptable tbody th[scope=row],.wc-ptable td{display:none;position:static;width:auto;border:0;padding:0;box-shadow:none}
.wc-ptable tbody tr:not(.wc-ptable__group) th[scope=row]{display:block;padding:12px 16px 2px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.wc-ptable tbody tr:not(.wc-ptable__group) td{padding:0 16px 12px;font-size:.92rem;color:var(--ink);background:transparent!important;text-align:left!important}
.wc-ptable[data-plan="1"] tbody td:nth-child(2),.wc-ptable[data-plan="2"] tbody td:nth-child(3),.wc-ptable[data-plan="3"] tbody td:nth-child(4),.wc-ptable[data-plan="4"] tbody td:nth-child(5){display:block}
.wc-ptable tbody tr.wc-ptable__group th{display:block;padding:12px 16px;background:var(--surface);width:auto!important}
.wc-ptable tbody tr.wc-ptable__group th span{position:static}
.wc-ptable td.is-no{color:var(--slate)}
.wc-ptable td.is-no .screen-reader-text,.wc-ptable td.is-yes .screen-reader-text{position:static;width:auto;height:auto;margin:0;clip:auto;clip-path:none;overflow:visible;display:inline}
.wc-ptable__ic{vertical-align:-5px;margin-right:6px}
}
/* Security page: animated protection layers flow */
.wc-sflow__svg{display:block;width:100%;height:auto;font-family:var(--body)}
.wc-sflow__side{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;fill:var(--slate)}
.wc-sflow__n{font-family:var(--display);font-size:13px;font-weight:800}
.wc-sflow__t{font-family:var(--display);font-size:14px;font-weight:700;fill:var(--ink)}
.wc-sflow__item{font-size:12px;fill:var(--ink-2)}
.wc-sflow__layer{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease) var(--d,0s),transform .5s var(--ease) var(--d,0s)}
.wc-sflow.is-in .wc-sflow__layer{opacity:1;transform:none}
.wc-sflow__dot{opacity:0;offset-path:path('M 0 0 L 1 0');transform:translate(var(--x0),var(--y))}
.wc-sflow__dl{font-size:11px;font-weight:700;fill:var(--c)}
.wc-sflow__x,.wc-sflow__ok{opacity:0}
.wc-sflow.is-in .wc-sflow__dot{animation:wc-sflow-run var(--dur,2.5s) linear var(--d,0s) infinite}
.wc-sflow.is-in .wc-sflow__dot--bad{animation-name:wc-sflow-stop}
.wc-sflow.is-in .wc-sflow__dot--bad .wc-sflow__x{animation:wc-sflow-mark var(--dur,2.5s) linear var(--d,0s) infinite}
.wc-sflow.is-in .wc-sflow__dot:not(.wc-sflow__dot--bad) .wc-sflow__ok{animation:wc-sflow-mark var(--dur,2.5s) linear var(--d,0s) infinite}
.wc-sflow.is-in .wc-sflow__shield{animation:wc-sflow-pulse 3s ease-in-out infinite}
@keyframes wc-sflow-run{0%{opacity:0;transform:translate(var(--x0),var(--y))}8%{opacity:1}84%{opacity:1;transform:translate(var(--x1),var(--y))}100%{opacity:0;transform:translate(var(--x1),var(--y))}}
@keyframes wc-sflow-stop{0%{opacity:0;transform:translate(var(--x0),var(--y)) scale(1)}8%{opacity:1}70%{opacity:1;transform:translate(var(--x1),var(--y)) scale(1)}78%{transform:translate(var(--x1),var(--y)) scale(1.35)}100%{opacity:0;transform:translate(var(--x1),var(--y)) scale(.4)}}
@keyframes wc-sflow-mark{0%,70%{opacity:0}76%,94%{opacity:1}100%{opacity:0}}
@keyframes wc-sflow-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.wc-sflow__shield{transform-box:fill-box;transform-origin:center}
.wc-sflow.is-in .wc-sflow__dot--bad circle{animation:none}
.wc-sflow__list{display:none}
@media (max-width:700px){
.wc-sflow__svg{display:none}
.wc-sflow__list{display:grid;gap:10px;list-style:none;margin:0;padding:0;counter-reset:none}
.wc-sflow__list>li{position:relative;padding:14px 14px 14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;border-left:4px solid var(--c)}
.wc-sflow__ln{font-family:var(--display);font-weight:800;font-size:.8rem;color:var(--c);margin-right:8px}
.wc-sflow__list strong{font-family:var(--display);font-size:1rem;color:var(--ink)}
.wc-sflow__list ul{margin:8px 0 0;padding-left:18px;font-size:.88rem;color:var(--ink-2);line-height:1.5}
}
@media (prefers-reduced-motion:reduce){.wc-sflow.is-in .wc-sflow__dot,.wc-sflow.is-in .wc-sflow__shield,.wc-sflow.is-in .wc-sflow__x,.wc-sflow.is-in .wc-sflow__ok{animation:none}.wc-sflow.is-in .wc-sflow__dot{opacity:1;transform:translate(var(--x1),var(--y))}.wc-sflow.is-in .wc-sflow__dot .wc-sflow__x,.wc-sflow.is-in .wc-sflow__dot .wc-sflow__ok{opacity:1}.wc-sflow__layer{opacity:1;transform:none}}
@media (max-width:600px){.wc-tech__glabel{min-height:2.7em;display:flex;align-items:flex-start;justify-content:center;text-align:center}}
/* Hosting plans table: order link styled as a button */
.wc-hplans a.wc-hplans__order{display:inline-block;padding:10px 16px;background:var(--blue);color:#fff!important;font-weight:700;font-size:.9rem;line-height:1.2;border-radius:4px;text-decoration:none!important;white-space:nowrap;transition:background .15s,transform .15s}
.wc-hplans a.wc-hplans__order:hover{background:var(--navy);transform:translateY(-1px)}
@media (max-width:700px){.wc-hplans--table .wc-spec tbody td:first-child{width:auto}.wc-hplans--table .wc-spec tbody td:not(:first-child){display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.wc-hplans--table .wc-spec tbody td:not(:first-child)::before{margin:0}.wc-hplans--table .wc-spec tbody td:not(:first-child) strong,.wc-hplans--table .wc-spec tbody td:not(:first-child) a{justify-self:end}}
/* Blog: step tables (number, action, why) */
.wc-steps table{min-width:0!important;width:100%;table-layout:auto}
.wc-steps tbody td:first-child{width:56px!important;font-family:var(--display);font-weight:800;font-size:1.05rem;color:var(--blue);text-align:center}
.wc-steps td:nth-child(2){width:200px;font-weight:700;color:var(--ink)}
.wc-steps td:nth-child(3){color:var(--ink-2);line-height:1.55}
@media (max-width:700px){.wc-steps tbody td:first-child{width:auto!important;text-align:left;font-size:1rem}.wc-steps td:nth-child(2){width:auto}}
/* Careers: equal opportunity band, in the About page's deep-teal style */
.wc-equal{background:radial-gradient(90% 70% at 85% 10%,rgba(15,157,138,.42),transparent 60%),linear-gradient(160deg,#052A26 0%,#083D37 60%,#0A4B43 100%);color:#fff;position:relative;overflow:hidden}
.wc-equal::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 20% 50%,#000 10%,transparent 100%);mask-image:radial-gradient(70% 80% at 20% 50%,#000 10%,transparent 100%)}
.wc-equal>*{position:relative;z-index:1}
body .wc-equal__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.wc-equal__grid>*,.wc-equal__copy>*,.wc-equal__side>*{margin-block-start:0}
.wc-equal__copy{display:flex;flex-direction:column;gap:18px}
.wc-equal .is-style-eyebrow{color:#7EE0CF!important}
.wc-equal h2{color:#fff;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.05;letter-spacing:-.03em;margin:0}
.wc-equal__lead{color:#CDEFE8;font-size:1.08rem;line-height:1.65;max-width:52ch;margin:0}
.wc-equal__k{margin:0 0 12px;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7EE0CF}
.wc-equal__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wc-equal__chips li{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(126,224,207,.35);color:#fff;font-weight:700;font-size:.95rem}
body .wc-equal__note{margin-top:22px;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.wc-equal__note p{margin:0;color:#CDEFE8;font-size:.95rem;line-height:1.55}
.wc-equal__note strong{color:#fff}
@media (max-width:900px){body .wc-equal__grid{grid-template-columns:1fr}}
.wc-equal__note a{color:#7EE0CF;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.wc-equal__note a:hover{color:#fff}
/* Careers thank-you: compact HR contact strip and tighter "while you wait" */
body .wc-thanks__contact--hr{grid-template-columns:auto 1fr auto;gap:18px 22px;padding:20px 24px}
.wc-thanks__contact--hr .wc-thanks__contact-text p{margin:0}
.wc-thanks__contact--hr .wc-thanks__contact-text p a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wc-thanks__contact--hr .wp-block-buttons{margin:0}
.wc-thanks__wait{padding-top:clamp(28px,4vw,48px)}
.wc-thanks:has(+ .wc-thanks__wait){padding-bottom:clamp(28px,4vw,48px)}
@media (max-width:700px){body .wc-thanks__contact--hr{grid-template-columns:auto 1fr}body .wc-thanks__contact--hr .wp-block-buttons{grid-column:1/-1}}
/* Careers hero on phones and tablets: lighter card shadow, room below it */
@media (max-width:980px){.wc-careers__hero .wc-qform__ready{box-shadow:0 10px 24px -18px rgba(7,29,57,.35);margin-top:8px}.wc-careers__hero{padding-bottom:clamp(40px,7vw,64px)}.wc-careers__hero .wc-qform__grid{gap:28px}}
/* Quote and audit hero: logos readable on the dark background, step text one shade lighter */
.wc-qpage .wc-quote__logos .wc-logos{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wc-qpage .wc-quote__logos .wc-logos__item{display:inline-flex;align-items:center;justify-content:center;width:auto!important;min-width:0;max-width:none;height:46px;padding:0 14px;background:#fff;border-radius:8px;flex:none}
.wc-qpage .wc-quote__logos img{filter:none;opacity:1;height:26px;max-height:26px;width:auto;max-width:120px;object-fit:contain;display:block}
.wc-qpage .wc-qstep__t p{color:#D5DEEC}
/* Free SEO audit page: form button blue and full width, like the service-page forms */
body.page-id-18226 .wc-quote__card .gform_wrapper button.gform_button{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;box-shadow:0 14px 30px -12px rgba(11,95,211,.8);width:100%}
body.page-id-18226 .wc-quote__card .gform_wrapper button.gform_button:hover{background:var(--navy-2,#0847A3)!important;border-color:var(--navy-2,#0847A3)!important;box-shadow:0 20px 36px -12px rgba(11,95,211,.9)}
/* Quote and audit pages: the form card matches the careers form (plain white card, heading and hint inside, standard fields, blue button) */
body .wc-qpage .wc-quote__grid>.wc-quote__card{padding:clamp(18px,2.4vw,26px);border:1px solid var(--line);border-radius:var(--r-m,16px);box-shadow:0 40px 80px -30px rgba(2,12,32,.7);gap:0;animation:none}
.wc-qpage .wc-quote__card>.gform_wrapper,.wc-qpage .wc-quote__card>[class*="gform"],.wc-qpage .wc-quote__card>.wp-block-gravityforms-form{padding:0}
.wc-qpage .wc-quote__card .wc-qform__cardhead{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.wc-qpage .wc-quote__card .wc-qform__cardhead>*{margin:0}
.wc-qpage .wc-quote__card .wc-qform__cardhead h2{color:var(--ink);font-size:1.35rem;letter-spacing:-.02em;margin-bottom:6px}
.wc-qpage .wc-quote__card .wc-qform__hint{color:var(--slate);font-size:.9rem;line-height:1.5}
.wc-qpage .wc-quote__card .gform_wrapper input[type=text],.wc-qpage .wc-quote__card .gform_wrapper input[type=email],.wc-qpage .wc-quote__card .gform_wrapper input[type=tel],.wc-qpage .wc-quote__card .gform_wrapper input[type=url],.wc-qpage .wc-quote__card .gform_wrapper select,.wc-qpage .wc-quote__card .gform_wrapper textarea{background:#fff;border:1px solid var(--line-2);min-height:40px;font-size:15px}
.wc-qpage .wc-quote__card .gform_wrapper .gform_footer{margin-top:12px}
.wc-qpage .wc-quote__card .gform_wrapper button.gform_button{width:auto!important;background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;font-weight:700!important;min-height:40px!important;font-size:.95rem!important;padding:0 20px;box-shadow:none;border-radius:4px}
.wc-qpage .wc-quote__card .gform_wrapper button.gform_button:hover{background:var(--navy-2,#0847A3)!important;border-color:var(--navy-2,#0847A3)!important;transform:none;box-shadow:none}
.wc-qpage .wc-quote__card .wc-quote__fine{padding:14px 0 0;text-align:center}
@media (max-width:980px){body .wc-qpage .wc-quote__grid>.wc-quote__card{box-shadow:0 24px 50px -30px rgba(7,29,57,.45)}}
/* Free SEO audit page: sample report card */
.wc-areport__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.wc-areport__head>*{margin:0}
.wc-areport__meta{font-size:.8rem;color:var(--slate)}
.wc-areport__card .wc-rlabel{margin:4px 0 0;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.wc-rscores{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wc-rscore{position:relative;text-align:center}
.wc-rscore svg{width:72px;height:72px;display:block;margin:0 auto}
.wc-rscore strong{position:absolute;left:0;right:0;top:22px;font-family:var(--display);font-size:1.3rem;font-weight:800;line-height:1}
.wc-rscore span{display:block;margin-top:4px;font-size:.74rem;font-weight:700;color:var(--ink)}
.wc-rchips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-rchips li{display:inline-flex;gap:8px;align-items:baseline;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);border-left:4px solid #15803D;font-size:.8rem;color:var(--slate)}
.wc-rchips li strong{color:#15803D;font-size:.9rem}
.wc-rterms{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-rterms li{padding:7px 12px;border-radius:6px;background:var(--blue-050,#EAF1FD);color:var(--blue);font-weight:700;font-size:.84rem}
@media (max-width:480px){.wc-rscores{grid-template-columns:repeat(2,1fr)}}
/* Free SEO audit: keyword research band */
.wc-akw{background:radial-gradient(60% 80% at 100% 0%,rgba(11,95,211,.35),transparent 60%),linear-gradient(180deg,var(--navy) 0%,#0A2A5C 100%);color:#fff;position:relative;overflow:hidden;padding-block:clamp(44px,6vw,72px)}
.wc-akw::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 15% 50%,#000 10%,transparent 100%);mask-image:radial-gradient(70% 80% at 15% 50%,#000 10%,transparent 100%)}
.wc-akw>*{position:relative;z-index:1}
body .wc-akw__head{display:grid;grid-template-columns:1.1fr .9fr;gap:16px 48px;align-items:end;margin-bottom:26px}
.wc-akw__head>*,.wc-akw__head>*>*{margin-block-start:0}
.wc-akw .is-style-eyebrow{color:#7EE0CF!important;margin-bottom:10px}
.wc-akw h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.03em;margin:0}
.wc-akw__side{display:flex;flex-direction:column;gap:14px}
.wc-akw__lead{color:#C9D7EE;font-size:.98rem;line-height:1.6;margin:0}
.wc-akw__side .wp-block-buttons{margin:0}
.wc-akw__panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wc-akw__col{background:#fff;color:var(--ink);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:6px}
.wc-akw__t{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:1rem;font-weight:700;color:var(--ink)}
.wc-akw__t i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.wc-akw__sub{margin:0 0 6px;font-size:.78rem;color:var(--slate)}
.wc-akw__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wc-akw__chips li{padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid;line-height:1.3}
.wc-akw__chips--p li{background:#EAF1FD;color:#0B5FD3;border-color:#C7DBF7}
.wc-akw__chips--l li{background:#F0FDF4;color:#15803D;border-color:#BBF7D0}
.wc-akw__chips--g li{background:#FFFBEB;color:#B45309;border-color:#FDE68A}
.wc-akw__chips--v li{background:#F5F3FF;color:#6D28D9;border-color:#DDD6FE}
.wc-akw__fine{margin:14px 0 0;font-size:.78rem;color:#9FB3D1}
@media (max-width:980px){body .wc-akw__head{grid-template-columns:1fr}.wc-akw__panel{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.wc-akw__panel{grid-template-columns:1fr}}
.wc-akw__cta{margin:22px 0 0;text-align:center}
.wc-akw__cta .wp-block-button__link{display:inline-block}
body .wc-akw__head{align-items:start}
.wc-modal__box h3{margin:0 0 8px;font-size:1.3rem}

/* Audit modal: the borrowed hero form keeps the card look */
.wc-modal__box .wc-audit-host>*{margin:0}
.wc-modal__box .gform_wrapper .gfield_label{font-weight:700;font-size:.85rem}
/* Audit form host: no extra padding in the hero card or inside the modal */
.wc-qpage .wc-quote__card .wc-audit-host .gform_wrapper,.wc-modal__box .wc-audit-host .gform_wrapper{padding:0!important}
.wc-qpage .wc-quote__card .wc-audit-host{margin:0}
/* Contact page: full-bleed map that fades into the copy and the sections around it */
.wc-cmap{position:relative;overflow:hidden;background:#F6F8FC;color:var(--ink);min-height:560px;padding-block:clamp(56px,8vw,96px);display:flex;align-items:center}
.wc-cmap__stage{position:absolute;inset:0;z-index:0}
.wc-cmap__canvas{position:absolute;inset:0;width:100%;height:100%;background:#EEF2F7}
.wc-cmap__canvas .leaflet-tile-pane{filter:grayscale(1) brightness(1.06) contrast(.92)}
.wc-cmap__fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#F6F8FC 0%,#F6F8FC 34%,rgba(246,248,252,.86) 48%,rgba(246,248,252,.1) 68%,rgba(246,248,252,0) 100%),linear-gradient(180deg,#F6F8FC 0%,rgba(246,248,252,0) 16%,rgba(255,255,255,0) 82%,#fff 100%)}
.wc-cmap>.wc-cmap__copy{position:relative;z-index:1;max-width:520px;display:flex;flex-direction:column;gap:16px;margin:0}
.wc-cmap__copy>*{margin-block-start:0}
.wc-cmap .is-style-eyebrow{color:var(--blue)!important}
.wc-cmap h2{color:var(--ink);font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em;line-height:1.08;margin:0}
.wc-cmap__lead{color:var(--slate);font-size:1.02rem;line-height:1.65;margin:0}
body .wc-cmap__addr{gap:12px;align-items:center;margin-top:6px}
.wc-cmap__addr p{margin:0;color:var(--ink);line-height:1.4}
.wc-cmap__addr strong{font-family:var(--display);font-size:1.05rem}
.wc-cmap__credit{margin:4px 0 0;font-size:.72rem;color:var(--slate)}
.wc-cmap__pin{background:none;border:0}
.wc-cmap__pin span{position:absolute;inset:0;border-radius:50%;background:rgba(11,95,211,.35);animation:wc-pin 2.2s ease-out infinite}
.wc-cmap__pin i{position:absolute;left:8px;top:8px;width:12px;height:12px;border-radius:50%;background:#0B5FD3;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}
@keyframes wc-pin{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.wc-cmap .leaflet-container{background:#EEF2F7}
@media (max-width:900px){.wc-cmap{min-height:0;padding-top:300px;align-items:flex-start}.wc-cmap__stage{height:380px;inset:0 0 auto 0}.wc-cmap__fade{background:linear-gradient(180deg,#F6F8FC 0%,rgba(246,248,252,0) 16%,rgba(246,248,252,0) 55%,#F6F8FC 100%)}.wc-cmap>.wc-cmap__copy{max-width:none}}
@media (prefers-reduced-motion:reduce){.wc-cmap__pin span{animation:none;opacity:.4;transform:scale(1.6)}}
/* Contact map: stage runs edge to edge, fade sits above the tiles, copy aligns with the page content on the left */
body .wc-cmap{display:block}
body .wc-cmap>.wc-cmap__stage{position:absolute;inset:0;max-width:none!important;width:auto;margin:0!important}
.wc-cmap__canvas{z-index:0}
.wc-cmap__fade{z-index:1}
body .wc-cmap>.wc-cmap__copy{max-width:500px!important;margin-left:max(0px,calc((100% - var(--wp--style--global--content-size,1180px)) / 2))!important;margin-right:auto!important;z-index:2}
@media (max-width:900px){body .wc-cmap>.wc-cmap__stage{inset:0 0 auto 0;height:380px}body .wc-cmap>.wc-cmap__copy{max-width:none!important;margin-left:0!important}}
.wc-cmap__pin span{background:rgba(11,95,211,.28)}
.wc-cmap__pin i{left:5px;top:5px;width:18px;height:18px;border:4px solid #fff;background:#071D39;box-shadow:0 6px 16px rgba(7,29,57,.45)}
/* Save and finish later: saved message and resume banner */
.wc-gfsave{display:grid;gap:10px;padding:22px;border-radius:14px;background:#F0FDF4;border:1px solid #BBF7D0;color:var(--ink)}
.wc-gfsave p{margin:0;line-height:1.55}
.wc-gfsave__t strong{font-family:var(--display);font-size:1.15rem;color:#15803D}
.wc-gfsave__link a,.wc-gfsave .resume_form_link{display:block;word-break:break-all;padding:10px 12px;border-radius:8px;background:#fff;border:1px dashed #86EFAC;color:var(--blue);font-weight:600;text-decoration:none}
.wc-gfsave .form_saved_message_emailform{margin-top:6px}
.wc-gfsave .form_saved_message_emailform form{display:flex;gap:8px;flex-wrap:wrap}
.wc-gfsave .form_saved_message_emailform input[type=email]{flex:1;min-width:220px;min-height:42px;padding:8px 12px;border:1px solid var(--line-2);border-radius:4px;font-size:15px}
.wc-gfsave .form_saved_message_emailform input[type=submit]{min-height:42px;padding:0 18px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}
.wc-gfresume{display:flex;justify-content:space-between;align-items:center;gap:14px 20px;flex-wrap:wrap;margin:0 0 18px;padding:16px 18px;border-radius:12px;background:#EAF1FD;border:1px solid #C7DBF7}
.wc-gfresume p{margin:0;color:var(--ink);font-size:.95rem}
.wc-gfresume__btns{display:flex;gap:10px;align-items:center}
.wc-gfresume__new{background:none;border:0;color:var(--slate);font-weight:600;text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem}
.wc-gfsave .wc-qform__stephead{display:none!important}
.wc-gfsave .form_saved_message_emailform form{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:end;max-width:520px}
.wc-gfsave .form_saved_message_emailform .gform_body,.wc-gfsave .form_saved_message_emailform .gform-body{grid-column:1}
.wc-gfsave .form_saved_message_emailform .gform_footer,.wc-gfsave .form_saved_message_emailform .gform-footer{grid-column:2;margin:0!important;padding:0!important}
.wc-gfsave .form_saved_message_emailform input[type=email]{width:100%;min-width:0}
.wc-gfsave .form_saved_message_emailform input[type=submit],.wc-gfsave .form_saved_message_emailform button{height:42px!important;min-height:42px!important;padding:0 18px!important;align-self:end}
.wc-gfsave .form_saved_message_emailform .gfield_label{font-size:.85rem;font-weight:700}
@media (max-width:560px){.wc-gfsave .form_saved_message_emailform form{grid-template-columns:1fr}.wc-gfsave .form_saved_message_emailform .gform_footer,.wc-gfsave .form_saved_message_emailform .gform-footer{grid-column:1}}
/* Questionnaire: save link is a quiet text action, smaller than Continue */
.wc-qform__card .gform_wrapper .gform_page_footer .gform_save_link{order:-1;margin-right:auto!important;margin-left:0!important;min-height:0!important;height:auto!important;padding:6px 2px!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--slate)!important;font-size:.85rem!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px}
.wc-qform__card .gform_wrapper .gform_page_footer .gform_save_link:hover{color:var(--blue)!important}
.wc-qform__card .gform_wrapper .gform_page_footer .gform_save_link svg{width:14px;height:14px}
/* Questionnaire hero: bold dark stage */
.wc-qform__hero--bold{position:relative;overflow:hidden;background:#06162E;color:#fff;padding-block:clamp(48px,7vw,96px)}
.wc-qform__hero--bold::before{content:"";position:absolute;inset:-20%;background:radial-gradient(34% 40% at 82% 24%,rgba(11,95,211,.85),transparent 62%),radial-gradient(30% 36% at 96% 86%,rgba(245,158,11,.28),transparent 62%),radial-gradient(34% 40% at 6% 92%,rgba(126,224,207,.18),transparent 62%);filter:blur(10px);pointer-events:none}
.wc-qform__hero--bold::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 70% at 25% 40%,#000 10%,transparent 100%);mask-image:radial-gradient(60% 70% at 25% 40%,#000 10%,transparent 100%)}
.wc-qform__hero--bold>*{position:relative;z-index:1}
.wc-qform__hero--bold .is-style-eyebrow{color:#FCD34D!important}
.wc-qform__hero--bold .wc-qform__intro h1{color:#fff;font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.02;letter-spacing:-.045em;max-width:16ch}
.wc-qform__hero--bold .wc-qform__intro .wc-quote__lead{color:#C9D7EE;font-size:1.06rem}
.wc-qform__hero--bold .wc-qform__facts .is-style-checks li{color:#D5DEEC}
.wc-qform__hero--bold .wc-qform__facts .is-style-checks strong{color:#fff}
.wc-qsteps8{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-qsteps8 li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#DCE5F2;font-size:.82rem;font-weight:600}
.wc-qsteps8 li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(126,224,207,.18);color:#7EE0CF;font-family:var(--display);font-weight:800;font-size:.74rem}
.wc-qsteps8 li:first-child span{background:#F59E0B;color:#06162E}
.wc-qform__hero--bold .wc-qform__ready{background:#fff;color:var(--ink);border:0;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 0 8px rgba(255,255,255,.06),0 50px 110px -30px rgba(11,95,211,.9)}
/* Quote page: what your quote includes */
body .wc-qincl__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.wc-qincl__grid>*,.wc-qincl__copy>*{margin-block-start:0}
.wc-qincl__copy{display:flex;flex-direction:column;gap:16px}
.wc-qincl__copy h2{font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.03em}
.wc-qdoc{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 40px 80px -40px rgba(7,29,57,.45);padding:22px 24px;display:grid;gap:14px;position:relative;overflow:hidden}
.wc-qdoc::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0B5FD3,#7EE0CF,#F59E0B)}
.wc-qdoc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.wc-qdoc__head p{margin:0}
.wc-qdoc__k{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.wc-qdoc__t{font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--ink);margin-top:2px!important}
.wc-qdoc__valid{flex:none;padding:5px 10px;border-radius:999px;background:#FFFBEB;border:1px solid #FDE68A;color:#B45309;font-size:.74rem;font-weight:800}
.wc-qdoc__lines{list-style:none;margin:0;padding:0;display:grid}
.wc-qdoc__line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line)}
.wc-qdoc__line.is-sep{background:#F6F8FC;margin:0 -10px;padding:10px;border-radius:8px;border-bottom:0;margin-top:6px}
.wc-qdoc__item{display:grid;gap:2px}
.wc-qdoc__item strong{color:var(--ink);font-size:.95rem}
.wc-qdoc__item small{color:var(--slate);font-size:.8rem}
.wc-qdoc__tag{flex:none;font-size:.76rem;font-weight:800;color:#15803D;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:6px;padding:4px 8px}
.wc-qdoc__line.is-sep .wc-qdoc__tag{color:var(--blue);background:#EAF1FD;border-color:#C7DBF7}
.wc-qdoc__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wc-qdoc__meta>div{padding:10px 12px;border-radius:10px;background:#F6F8FC;display:grid;gap:2px}
.wc-qdoc__meta small,.wc-qdoc__pay small{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.wc-qdoc__meta strong{font-size:.88rem;color:var(--ink)}
.wc-qdoc__pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wc-qdoc__pay span{padding:5px 10px;border-radius:999px;background:#EAF1FD;color:var(--blue);font-size:.8rem;font-weight:700}
.wc-qdoc__not{margin:0;font-size:.8rem;color:var(--slate);line-height:1.5}
.wc-qdoc__not strong{color:var(--ink)}
/* Quote page: after approval and ways to pay */
.wc-qafter__wrap{margin-top:8px}
body .wc-qpay__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wc-qpay__grid>*{margin-block-start:0}
@media (max-width:980px){body .wc-qincl__grid{grid-template-columns:1fr}body .wc-qpay__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){body .wc-qpay__grid{grid-template-columns:1fr}.wc-qdoc__meta{grid-template-columns:1fr}.wc-qdoc__line{flex-direction:column;align-items:flex-start;gap:6px}}
.wc-qincl__copy .is-style-checks li{display:block;position:relative;padding-left:28px}
.wc-qincl__copy .is-style-checks li::before{position:absolute;left:0;top:3px}
.wc-qincl__copy .is-style-checks strong{color:var(--ink)}
/* About page: tighter vertical rhythm between sections */
body.page-id-16145 .wc-section:not(.wc-ahero):not(.wc-tree):not(.wc-cta-full){padding-block:clamp(40px,5vw,60px)!important}
body.page-id-16145 .wc-section.wc-astory:not(.x)+.wc-section.wc-sdel:not(.x):not(.y):not(.z){padding-top:clamp(8px,1.5vw,16px)!important}
body.page-id-16145 .wc-afact__v{white-space:nowrap}
/* Tree Canada scene on phones: show the centre of the panorama at a readable size instead of shrinking the whole width */
@media (max-width:600px){
.wc-tree .wc-grow{overflow:hidden}
.wc-tree .wc-grow svg{width:240%;max-width:none;margin-left:-118%}
body .wc-tree__card{padding-bottom:300px}
}

/* FAQ hero: search results may hang below, but the background glow must not widen the page on phones */
.wc-qpage.wc-faqp__hero{overflow-x:clip;overflow-y:visible}
/* FAQ page on phones: compact topic buttons, questions first, contact box after them */
@media (max-width:980px){
.wc-faqp__aside{order:2}
.wc-faqp__main{order:1}
}
@media (max-width:640px){
body .wc-faqp__chips{gap:6px}
.wc-faqp__chips .wp-block-button__link{padding:.42rem .7rem;font-size:.78rem;line-height:1.25}
.wc-faqp__intro h1{font-size:clamp(1.85rem,8.4vw,2.3rem)}
}
/* Quote modal on landing pages: wider box, the borrowed form keeps its two-column layout */
body .wc-modal--quote .wc-modal__box{width:min(720px,100%)}
.wc-modal--quote .wc-modal__intro{margin:0 0 16px;color:var(--slate);font-size:.95rem}

/* "How it works" journey: dark band, eight steps that light up one after another along a line */
.wc-jrnysec{background:radial-gradient(55% 70% at 90% 0%,rgba(11,95,211,.10),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(245,158,11,.08),transparent 60%),#fff;color:var(--ink);overflow:clip}
.wc-jrny{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:40px 10px;counter-reset:none}
.wc-jrny__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 4px;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .32s)}
.wc-jrny.is-in .wc-jrny__step{opacity:1;transform:none}
.wc-jrny__dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin-bottom:8px;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--slate);transition:background .4s,border-color .4s,color .4s,box-shadow .4s;transition-delay:calc(var(--i) * .32s + .25s)}
.wc-jrny__dot svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wc-jrny.is-in .wc-jrny__dot{background:#0B5FD3;border-color:#0B5FD3;color:#fff;box-shadow:0 0 0 6px rgba(11,95,211,.12)}
.wc-jrny__step.is-opt .wc-jrny__dot{border-style:dashed}
.wc-jrny.is-in .wc-jrny__step.is-opt .wc-jrny__dot{background:#FFFBEB;border-color:#F59E0B;color:#B45309;box-shadow:none}
.wc-jrny.is-in .wc-jrny__step:last-child .wc-jrny__dot{background:#F59E0B;border-color:#FBBF24;color:#06162E;box-shadow:0 0 0 6px rgba(245,158,11,.2);animation:wc-jrny-pulse 2.4s ease-in-out calc(8 * .32s + .6s) infinite}
@keyframes wc-jrny-pulse{0%,100%{box-shadow:0 0 0 6px rgba(245,158,11,.2)}50%{box-shadow:0 0 0 14px rgba(245,158,11,0)}}
/* the line to the next step: a grey track and a blue fill that draws in */
.wc-jrny__step:not(:last-child)::before,.wc-jrny__step:not(:last-child)::after{content:"";position:absolute;top:27px;left:calc(50% + 30px);width:calc(100% - 50px);height:2px;border-radius:2px}
.wc-jrny__step:not(:last-child)::before{background:var(--line)}
.wc-jrny__step:not(:last-child)::after{background:linear-gradient(90deg,#0B5FD3,#3B82F6);transform:scaleX(0);transform-origin:left;transition:transform .35s linear;transition-delay:calc(var(--i) * .32s + .3s)}
.wc-jrny.is-in .wc-jrny__step:not(:last-child)::after{transform:scaleX(1)}
.wc-jrny__step.is-opt::after{background:repeating-linear-gradient(90deg,#F59E0B 0 6px,transparent 6px 10px)!important}
.wc-jrny__n{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.wc-jrny__step.is-opt .wc-jrny__n{color:#B45309}
.wc-jrny__t{font-family:var(--display);font-size:1.02rem;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.wc-jrny__s{font-size:.8rem;line-height:1.45;color:var(--slate)}
.wc-jrny__cta{margin-top:clamp(28px,4vw,44px)}
@media (max-width:1100px){.wc-jrny{grid-template-columns:repeat(4,1fr)}.wc-jrny__step:nth-child(4)::before,.wc-jrny__step:nth-child(4)::after{display:none}}
@media (max-width:640px){
.wc-jrny{grid-template-columns:1fr;gap:0}
.wc-jrny__step{display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:start;text-align:left;padding:0 0 26px}
.wc-jrny__dot{grid-row:1 / span 3;margin:0}
.wc-jrny__n,.wc-jrny__t,.wc-jrny__s{grid-column:2}
.wc-jrny__n{padding-top:4px}
.wc-jrny__step:nth-child(4)::before,.wc-jrny__step:nth-child(4)::after{display:block}
.wc-jrny__step:not(:last-child)::before,.wc-jrny__step:not(:last-child)::after{top:60px;left:27px;width:2px;height:calc(100% - 64px)}
.wc-jrny__step:not(:last-child)::after{transform:scaleY(0);transform-origin:top}
.wc-jrny.is-in .wc-jrny__step:not(:last-child)::after{transform:scaleY(1)}
.wc-jrny__step.is-opt::after{background:repeating-linear-gradient(180deg,#F59E0B 0 6px,transparent 6px 10px)!important}
}
@media (prefers-reduced-motion:reduce){.wc-jrny__step,.wc-jrny__dot,.wc-jrny__step::after{transition:none!important;animation:none!important}}
.wc-quote__logos .wc-logos__item[hidden]{display:none!important}
.wc-jrny__step:has(+ .is-opt)::after{background:repeating-linear-gradient(90deg,#F59E0B 0 6px,transparent 6px 10px)!important}
@media (max-width:640px){.wc-jrny__step:has(+ .is-opt)::after{background:repeating-linear-gradient(180deg,#F59E0B 0 6px,transparent 6px 10px)!important}}
.wc-modal--quote textarea{height:110px!important;min-height:110px!important}
/* "What our web design services include" cards: lift, blue edge and a filled icon tile on hover */
.wc-wdinc .wc-pfact{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.wc-wdinc .wc-pfact .wc-icon-block.is-style-tile{transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.wc-wdinc .wc-pfact:hover{transform:translateY(-4px);border-color:#93C5FD;box-shadow:0 22px 40px -24px rgba(11,95,211,.45)}
.wc-wdinc .wc-pfact:hover .wc-icon-block.is-style-tile{background:var(--blue);color:#fff;transform:scale(1.06)}
.wc-wdinc .wc-pfact:hover h3{color:var(--blue)}
@media (prefers-reduced-motion:reduce){.wc-wdinc .wc-pfact:hover,.wc-wdinc .wc-pfact:hover .wc-icon-block.is-style-tile{transform:none}}
/* Landing page pricing: what moves the price on the left, an example quote on the right */
body .wc-pcost{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.wc-pcost>*,.wc-pcost__copy>*{margin-block-start:0}
.wc-pcost__copy{display:flex;flex-direction:column;gap:14px}
.wc-pcost__copy h2{font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em}
.wc-pcost__copy .wp-block-buttons{margin-top:8px}
.wc-pcost__factors{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc-pcost__f{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.wc-pcost__f:hover{border-color:#93C5FD;box-shadow:0 18px 32px -24px rgba(11,95,211,.45)}
.wc-pcost__ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#EAF1FD;color:var(--blue);transition:background .25s var(--ease),color .25s var(--ease)}
.wc-pcost__f:hover .wc-pcost__ico{background:var(--blue);color:#fff}
.wc-pcost__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wc-pcost__ft{display:grid;gap:4px}
.wc-pcost__ft strong{font-size:.95rem;color:var(--ink)}
.wc-pcost__ft span{font-size:.84rem;line-height:1.45;color:var(--slate)}
.wc-pcost__doc .wc-qdoc__line:first-child .wc-qdoc__tag{color:var(--blue);background:#EAF1FD;border-color:#C7DBF7}
@media (max-width:980px){body .wc-pcost{grid-template-columns:1fr}}
@media (max-width:560px){.wc-pcost__factors{grid-template-columns:1fr}}
/* Client wall sections built from a section head + client wall (landing pages): keep the page gutter on phones */
.wc-aclients>.wc-sec-head,.wc-aclients>.wc-trust{padding-inline:var(--gutter,clamp(16px,4vw,40px));box-sizing:border-box}
/* Post sidebar: the "On this page" list stays inside its column, so long headings wrap (or end in "…" on short screens) instead of running under the article */
body .wc-paside{grid-template-columns:minmax(0,1fr)}
.wc-paside>*{min-width:0}

/* Blog post FAQ (Yoast block): cards matching the FAQ page, answers always visible */
.wc-single .schema-faq{display:grid;gap:12px;margin-block:20px 8px}
.wc-single .schema-faq-section{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px 18px 62px;transition:border-color .15s,box-shadow .15s}
.wc-single .schema-faq-section:hover{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(11,95,211,.35)}
.wc-single .schema-faq-section::before{content:"Q";position:absolute;left:18px;top:17px;width:30px;height:30px;border-radius:9px;background:var(--blue-050);color:var(--blue);font-family:var(--display,inherit);font-weight:800;font-size:.95rem;display:grid;place-items:center}
.wc-single .schema-faq-question{display:block;font-size:1.05rem;line-height:1.4;color:var(--ink);margin:4px 0 6px}
.wc-single .schema-faq-answer{margin:0!important;color:var(--ink-2);font-size:1rem;line-height:1.65}
.wc-single .schema-faq-answer a{color:var(--blue);font-weight:600}
@media (max-width:640px){.wc-single .schema-faq-section{padding:16px 16px 16px 54px}.wc-single .schema-faq-section::before{left:14px;top:15px;width:28px;height:28px}}

/* Transparent device mockups in posts: no card shadow or rounded box, a soft shadow that follows the device instead */
.wc-prose .wp-block-image.is-mockup img{box-shadow:none!important;border-radius:0!important;background:none!important;filter:drop-shadow(0 18px 22px rgba(7,29,57,.16))}

/* Post CTA, bright variant */
body .wc-pcta.wc-pcta--bright{position:relative;overflow:hidden;color:var(--ink);border:1px solid var(--blue-100);background:radial-gradient(60% 90% at 100% 0%,rgba(59,130,246,.16),transparent 65%),radial-gradient(50% 80% at 0% 100%,rgba(245,158,11,.12),transparent 60%),linear-gradient(180deg,#F5F9FF,#fff);box-shadow:0 24px 50px -34px rgba(11,95,211,.45);gap:12px}
.wc-pcta--bright::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),#60A5FA)}
.wc-pcta--bright .wc-pcta__eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)!important}
.wc-pcta--bright .wc-pcta__title{color:var(--ink)!important}
.wc-pcta--bright p{color:var(--ink-2)}
.wc-pcta--bright .wp-block-buttons{margin-top:6px;gap:10px}
.wc-prose .wp-block-post-content .wc-pcta--bright .wp-block-button:not(.is-style-ghost) .wp-block-button__link{background:var(--blue);color:#fff}
.wc-prose .wp-block-post-content .wc-pcta--bright .is-style-ghost .wp-block-button__link{background:#fff;color:var(--blue);border:1px solid var(--blue-100)}

/* Post components: plugin cards and a checklist */
.wc-prose .wc-plugs{display:grid;gap:14px;margin:1.4em 0 1.8em}
.wc-prose .wc-plug{position:relative;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.wc-prose .wc-plug:hover{border-color:var(--blue-100);box-shadow:0 14px 30px -22px rgba(11,95,211,.45);transform:translateY(-2px)}
.wc-prose .wc-plug>*{margin:0}
.wc-prose .wc-plug__name{font-size:1.2rem!important;line-height:1.3;margin:0!important;padding-right:110px}
.wc-prose .wc-plug__tag{position:absolute;top:20px;right:20px;font-size:.72rem;font-weight:700;color:#047857;background:#ECFDF5;border:1px solid #A7F3D0;border-radius:999px;padding:3px 10px;max-width:46%;text-align:center;line-height:1.35}
.wc-prose .wc-plug__desc{margin-top:8px!important;color:var(--ink-2);font-size:1rem}
.wc-prose .wp-block-post-content ul.wc-plug__feat{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.wc-prose .wp-block-post-content .wc-plug__feat li{margin:0;font-size:.85rem;font-weight:600;color:var(--blue);background:var(--blue-050);border-radius:8px;padding:5px 10px 5px 26px;position:relative;line-height:1.3}
.wc-prose .wc-plug__feat li::before{content:"";position:absolute;left:9px;top:50%;width:11px;height:11px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5FD3' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.wc-prose .wc-plug__link{margin-top:14px!important;font-size:.92rem}
.wc-prose .wc-plug__link a{font-weight:700;color:var(--blue);text-decoration:none}
.wc-prose .wc-plug__link a::after{content:" \2197"}
.wc-prose .wc-plug__link a:hover{text-decoration:underline}
.wc-prose .wp-block-post-content ul.wc-checks{list-style:none;padding:0;margin:1.2em 0 1.8em;display:grid;gap:10px}
.wc-prose .wp-block-post-content .wc-checks li{position:relative;margin:0;padding:16px 18px 16px 56px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#F8FBFF,#fff)}
.wc-prose .wc-checks li::before{content:"";position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.wc-prose .wc-checks li strong{display:block;color:var(--ink);margin-bottom:2px}
.wc-prose .wc-checks li span{color:var(--ink-2)}
@media (max-width:640px){.wc-prose .wc-plug__name{padding-right:0}.wc-prose .wc-plug__tag{position:static;display:inline-block;margin-top:8px!important;max-width:none}}
.wc-prose .wp-block-post-content .wc-plug h3.wc-plug__name{border-top:0;padding-top:0;margin:0}
.wc-prose .wc-plugs>.wc-plug{margin:0!important}

/* Post components: tool cards, numbered steps, Ella showcase */
.wc-prose .wc-ptools{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:.8em 0 1.6em}
.wc-prose .wc-ptool{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.wc-prose .wc-ptool:hover{border-color:var(--blue-100);box-shadow:0 12px 26px -20px rgba(11,95,211,.45);transform:translateY(-2px)}
.wc-prose .wc-ptool p{margin:0}
.wc-prose .wc-ptool__name a{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none}
.wc-prose .wc-ptool__name a::after{content:" \2197";color:var(--blue);font-size:.85em}
.wc-prose .wc-ptool__name a::before{content:"";position:absolute;inset:0;border-radius:12px}
.wc-prose .wc-ptool:hover .wc-ptool__name a{color:var(--blue)}
.wc-prose .wc-ptool__what{font-size:.93rem;line-height:1.5;color:var(--ink-2);flex:1}
.wc-prose .wc-ptool__tag{align-self:flex-start;margin-top:4px;font-size:.72rem;font-weight:700;color:#047857;background:#ECFDF5;border:1px solid #A7F3D0;border-radius:999px;padding:2px 9px}
.wc-prose .wp-block-post-content ol.wc-steps{list-style:none;counter-reset:wcstep;padding:0;margin:1.2em 0 1.8em;display:grid;gap:0}
.wc-prose .wp-block-post-content .wc-steps li{counter-increment:wcstep;position:relative;margin:0;padding:0 0 22px 58px}
.wc-prose .wc-steps li::before{content:counter(wcstep);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--display);font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 5px var(--blue-050)}
.wc-prose .wc-steps li:not(:last-child)::after{content:"";position:absolute;left:18px;top:42px;bottom:2px;width:2px;background:linear-gradient(var(--blue-100),transparent)}
.wc-prose .wc-steps li strong{display:block;color:var(--ink);margin-bottom:2px}
.wc-prose .wc-steps li span{color:var(--ink-2)}
.wc-prose .wc-ella-show{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;margin:1.4em 0 1.6em;padding:22px;border-radius:18px;border:1px solid var(--blue-100);background:radial-gradient(70% 90% at 0% 0%,rgba(59,130,246,.14),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(245,158,11,.10),transparent 60%),linear-gradient(180deg,#F5F9FF,#fff)}
.wc-prose .wc-ella-show p{margin:0}
.wc-prose .wc-ella-show__chat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 40px -26px rgba(7,29,57,.4)}
.wc-prose .wc-ella-show__head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:2px}
.wc-prose .wc-ella-show__head strong{display:block;font-size:.95rem;line-height:1.2;color:var(--ink)}
.wc-prose .wc-ella-show__head small{font-size:.75rem;color:var(--ink-2)}
.wc-prose .wc-ella-show__av{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#1D4ED8);color:#fff;font-weight:800;display:grid;place-items:center;font-family:var(--display)}
.wc-prose .wc-ella-show__live{margin-left:auto;font-size:.72rem;font-weight:700;color:#047857;display:flex;align-items:center;gap:6px}
.wc-prose .wc-ella-show__live::before{content:"";width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px #D1FAE5}
.wc-prose .wc-ella-show__msg{font-size:.88rem;line-height:1.5;padding:9px 12px;border-radius:12px;max-width:88%}
.wc-prose .wc-ella-show__msg.is-user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.wc-prose .wc-ella-show__msg.is-bot{align-self:flex-start;background:var(--blue-050);color:var(--ink);border-bottom-left-radius:4px}
.wc-prose .wc-ella-show__msg.is-typing{display:flex;gap:4px;padding:12px 14px}
.wc-prose .wc-ella-show__msg.is-typing span{width:6px;height:6px;border-radius:50%;background:var(--blue);opacity:.35;animation:wcEllaDot 1.2s infinite}
.wc-prose .wc-ella-show__msg.is-typing span:nth-child(2){animation-delay:.2s}
.wc-prose .wc-ella-show__msg.is-typing span:nth-child(3){animation-delay:.4s}
@keyframes wcEllaDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.wc-prose .wc-ella-show__k{font-size:.75rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.wc-prose .wp-block-post-content .wc-ella-show__side ul{list-style:none;padding:0;margin:10px 0 16px;display:grid;gap:8px}
.wc-prose .wp-block-post-content .wc-ella-show__side li{margin:0;position:relative;padding-left:26px;font-size:.95rem;line-height:1.45;color:var(--ink-2)}
.wc-prose .wc-ella-show__side li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px no-repeat}
.wc-prose .wc-ella-show__btns{display:flex;flex-wrap:wrap;gap:8px}
.wc-prose .wc-ella-show__btn{display:inline-flex;align-items:center;padding:10px 16px;border-radius:10px;background:var(--blue);color:#fff!important;font-weight:700;font-size:.9rem;text-decoration:none!important;box-shadow:0 10px 22px -12px rgba(11,95,211,.7)}
.wc-prose .wc-ella-show__btn.is-ghost{background:#fff;color:var(--blue)!important;border:1px solid var(--blue-100);box-shadow:none}
@media (max-width:760px){.wc-prose .wc-ella-show{grid-template-columns:1fr;padding:16px}}
@media (prefers-reduced-motion:reduce){.wc-prose .wc-ella-show__msg.is-typing span{animation:none}}
/* Updated date in the post header */
.wc-phero__updated{color:#fff}

/* Post comparison tables: full width, wrapped text, rounded frame; scrolls sideways only on very small screens */
.wc-prose .wc-ptable{margin:1.4em 0 1.8em;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.wc-prose .wc-ptable table{display:table;width:100%;min-width:520px;border-collapse:collapse;font-size:.94rem}
.wc-prose .wc-ptable th,.wc-prose .wc-ptable td{border:0;border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:top;line-height:1.5}
.wc-prose .wc-ptable thead th{background:var(--blue-050);color:var(--ink);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.wc-prose .wc-ptable tbody tr:nth-child(even) td{background:#FAFCFF}
.wc-prose .wc-ptable tbody tr:last-child td{border-bottom:0}
.wc-prose .wc-ptable td:first-child{font-weight:600;color:var(--ink)}
.wc-prose .wc-ptable td:nth-child(2){white-space:nowrap}
.wc-prose .wc-ptable figcaption{margin:0;padding:10px 14px;border-top:1px solid var(--line);background:#fff;font-size:.82rem;text-align:left}
/* Sources list */
.wc-prose .wp-block-post-content ul.wc-sources{font-size:.92rem}
.wc-prose .wc-ptable table{table-layout:auto!important}
.wc-prose .wc-ptable thead{border-bottom:1px solid var(--line)!important}
.wc-prose .wc-ptable th:first-child,.wc-prose .wc-ptable td:first-child{width:30%}
.wc-prose .wc-ptable th:nth-child(2),.wc-prose .wc-ptable td:nth-child(2){width:1%}

/* Portfolio: "Chosen by" logo wall, a bold navy band with big full-colour logo cards, joined straight onto the CTA below */
body .wc-worklogos{position:relative;overflow:hidden;padding-block:clamp(64px,8vw,104px);background:radial-gradient(60% 70% at 85% 0%,rgba(59,130,246,.28),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(245,158,11,.14),transparent 60%),linear-gradient(180deg,#071D39,#0A2A55);color:#fff}
body .wc-worklogos+*{margin-block-start:0!important}
.wc-worklogos__head{max-width:760px;margin:0 auto clamp(32px,4vw,48px);text-align:center}
.wc-worklogos__head>*{margin:0}
.wc-worklogos__head .is-style-eyebrow{color:#FBBF24}
.wc-worklogos__head h2{color:#fff;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin-top:10px}
.wc-worklogos__hl{background:linear-gradient(90deg,#60A5FA,#FBBF24);-webkit-background-clip:text;background-clip:text;color:transparent}
.wc-worklogos__lead{margin-top:14px!important;color:#B6C2D6;font-size:1.08rem;line-height:1.6}
body .wc-logowall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1140px;margin-inline:auto;min-height:0}
.wc-logowall .wc-logos__item{position:relative;display:flex;align-items:center;justify-content:center;width:auto!important;height:136px;padding:22px 26px;background:#fff;border-radius:18px;box-shadow:0 18px 40px -26px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
.wc-logowall .wc-logos__item img{height:auto;max-height:var(--wc-logo-h,64px);width:auto;max-width:100%;opacity:1;filter:none}
.wc-logowall .wc-logos__item--link:hover,.wc-logowall .wc-logos__item--link:focus-visible{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(0,0,0,.7),0 0 0 3px #60A5FA}
.wc-logowall .wc-logos__item--link::after{content:"See the case study \2192";position:absolute;left:50%;bottom:10px;transform:translate(-50%,4px);font-size:.72rem;font-weight:700;color:var(--blue);white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s}
.wc-logowall .wc-logos__item--link[target]::after{content:"Visit the site \2197"}
.wc-logowall .wc-logos__item--link:hover::after,.wc-logowall .wc-logos__item--link:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media (max-width:980px){body .wc-logowall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){body .wc-logowall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wc-logowall .wc-logos__item{height:104px;padding:16px 18px}.wc-logowall .wc-logos__item img{max-height:46px}}
body .wc-worklogos .wc-worklogos__head .is-style-eyebrow{color:#FBBF24!important}

/* Portfolio: industries band (replaces the logo wall) */
body .wc-industries{padding-block:clamp(64px,8vw,110px)}
body .wc-industries::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent);pointer-events:none}
body .wc-industries>*{position:relative}
body .wc-inds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin-inline:auto}
body .wc-inds>.wc-ind{margin:0}
.wc-ind{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;overflow:hidden}
.wc-ind::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(120px 80px at var(--mx,50%) 0%,rgba(96,165,250,.35),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}
.wc-ind:hover{transform:translateY(-4px);border-color:rgba(147,197,253,.55);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 24px 50px -28px rgba(0,0,0,.8)}
.wc-ind:hover::after{opacity:1}
.wc-ind>*{margin:0!important;position:relative}
.wc-ind .wc-ind__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#2563EB,#60A5FA);color:#fff;box-shadow:0 10px 24px -10px rgba(37,99,235,.9);margin-bottom:6px!important;transition:background .25s,color .25s,transform .25s}
.wc-ind:hover .wc-ind__ico{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#071D39;transform:rotate(-6deg) scale(1.06)}
.wc-ind .wc-ind__name{color:#fff;font-size:1.06rem!important;line-height:1.3;letter-spacing:-.01em}
.wc-ind .wc-ind__need{color:#9FB0C9;font-size:.9rem;line-height:1.5}
.wc-inds__more{margin:clamp(28px,3vw,40px) auto 0!important;text-align:center;color:#B6C2D6;font-size:1.02rem}
.wc-inds__more a{color:#FBBF24;font-weight:700;text-decoration:none;border-bottom:2px solid rgba(251,191,36,.4)}
.wc-inds__more a:hover{border-bottom-color:#FBBF24}
/* staggered entrance when the band scrolls into view */
.wc-industries.wc-anim .wc-ind{opacity:0;transform:translateY(18px)}
.wc-industries.wc-anim.is-in .wc-ind{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 45ms),transform .5s ease calc(var(--i) * 45ms),border-color .25s,background .25s,box-shadow .25s}
.wc-industries.wc-anim.is-in .wc-ind:hover{transform:translateY(-4px);transition-delay:0s}
@media (prefers-reduced-motion:reduce){.wc-industries.wc-anim .wc-ind{opacity:1;transform:none}}
@media (max-width:1024px){body .wc-inds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){body .wc-inds{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wc-ind{padding:16px 14px}.wc-ind .wc-ind__ico{width:40px;height:40px}.wc-ind .wc-ind__name{font-size:.98rem!important}.wc-ind .wc-ind__need{font-size:.82rem}}
/* 18 industries: 3 columns on desktop and tablet, 2 on phones, so rows always fill */
body .wc-inds{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}
@media (max-width:700px){body .wc-inds{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Portfolio: industries as a floating cloud of pills, sized for emphasis, each showing what that site needs on hover */
body .wc-icloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 12px;max-width:1080px;margin-inline:auto;padding-block:8px 30px}
body .wc-icloud>.wc-itag{margin:0}
.wc-itag{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);color:#fff;cursor:default;animation:wcFloat 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.37s);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;outline:none}
.wc-itag>*{margin:0!important}
.wc-itag .wc-itag__ico{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#60A5FA);color:#fff;transition:background .25s,color .25s,transform .25s}
.wc-itag .wc-itag__name{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.15;white-space:nowrap}
.wc-itag.is-sm{opacity:.82}
.wc-itag.is-sm .wc-itag__name{font-size:.86rem}
.wc-itag.is-md .wc-itag__name{font-size:1rem}
.wc-itag.is-lg{padding:12px 22px 12px 14px}
.wc-itag.is-lg .wc-itag__name{font-size:1.2rem}
.wc-itag.is-lg .wc-itag__ico{width:38px;height:38px}
.wc-itag.is-xl{padding:14px 26px 14px 16px;background:linear-gradient(180deg,rgba(96,165,250,.28),rgba(37,99,235,.14));border-color:rgba(147,197,253,.45);box-shadow:0 18px 40px -22px rgba(37,99,235,.9)}
.wc-itag.is-xl .wc-itag__name{font-size:clamp(1.25rem,2.2vw,1.55rem)}
.wc-itag.is-xl .wc-itag__ico{width:44px;height:44px}
/* hover bubble with what the site needs */
.wc-itag .wc-itag__need{position:absolute;left:50%;bottom:calc(100% + 12px);z-index:5;width:max-content;max-width:240px;padding:9px 13px;border-radius:10px;background:#fff;color:var(--ink);font-size:.84rem;font-weight:600;line-height:1.4;text-align:center;box-shadow:0 16px 36px -14px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.wc-itag .wc-itag__need::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#fff}
.wc-itag:hover,.wc-itag:focus-visible{z-index:6;animation-play-state:paused;background:linear-gradient(180deg,rgba(251,191,36,.26),rgba(245,158,11,.12));border-color:rgba(251,191,36,.7);box-shadow:0 18px 40px -20px rgba(245,158,11,.8)}
.wc-itag:hover .wc-itag__ico,.wc-itag:focus-visible .wc-itag__ico{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#071D39;transform:rotate(-10deg) scale(1.08)}
.wc-itag:hover .wc-itag__need,.wc-itag:focus-visible .wc-itag__need{opacity:1;visibility:visible;transform:translate(-50%,0)}
@keyframes wcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* entrance: pills pop in one by one when the band scrolls into view */
.wc-industries.wc-anim .wc-itag{opacity:0;scale:.85;transition:opacity .45s ease calc(var(--i) * 40ms),scale .45s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * 40ms),background .25s,border-color .25s,box-shadow .25s}
.wc-industries.wc-anim.is-in .wc-itag{opacity:1;scale:1}
.wc-industries.wc-anim.is-in .wc-itag.is-sm{opacity:.82}
.wc-industries.wc-anim.is-in .wc-itag:hover{opacity:1}
@media (prefers-reduced-motion:reduce){.wc-itag{animation:none}.wc-industries.wc-anim .wc-itag{opacity:1;scale:1}}
@media (max-width:700px){body .wc-icloud{gap:10px 8px}.wc-itag{padding:8px 14px 8px 9px;gap:8px}.wc-itag .wc-itag__ico,.wc-itag.is-lg .wc-itag__ico,.wc-itag.is-xl .wc-itag__ico{width:28px;height:28px}.wc-itag .wc-itag__name,.wc-itag.is-md .wc-itag__name{font-size:.88rem}.wc-itag.is-lg .wc-itag__name{font-size:1rem}.wc-itag.is-xl .wc-itag__name{font-size:1.1rem}.wc-itag.is-sm .wc-itag__name{font-size:.8rem}.wc-itag .wc-itag__name{white-space:normal}}

/* Industries cloud, bright and calm (overrides the dark band and the motion above) */
body .wc-worklogos.wc-industries{background:linear-gradient(180deg,#F5F9FF,#fff);color:var(--ink);padding-block:clamp(56px,7vw,96px)}
body .wc-industries::before{content:none}
body .wc-industries .wc-worklogos__head h2{color:var(--ink)}
body .wc-industries .wc-worklogos__hl{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--blue)}
body .wc-worklogos.wc-industries .wc-worklogos__head .is-style-eyebrow{color:var(--blue)!important}
body .wc-industries .wc-worklogos__lead{color:var(--ink-2)}
body .wc-industries .wc-itag{animation:none;opacity:1;scale:1;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 6px 16px -12px rgba(7,29,57,.35);transition:border-color .15s,box-shadow .15s}
body .wc-industries .wc-itag.is-sm{opacity:1}
body .wc-industries .wc-itag.is-sm .wc-itag__name{color:var(--ink-2)}
body .wc-industries .wc-itag.is-xl{background:var(--blue-050);border-color:var(--blue-100);box-shadow:0 8px 20px -14px rgba(11,95,211,.45)}
body .wc-industries .wc-itag .wc-itag__ico{background:var(--blue-050);color:var(--blue);transition:none}
body .wc-industries .wc-itag.is-xl .wc-itag__ico{background:var(--blue);color:#fff}
body .wc-industries .wc-itag:hover,body .wc-industries .wc-itag:focus-visible{background:#fff;border-color:var(--blue);box-shadow:0 8px 20px -14px rgba(11,95,211,.5)}
body .wc-industries .wc-itag.is-xl:hover,body .wc-industries .wc-itag.is-xl:focus-visible{background:var(--blue-050)}
body .wc-industries .wc-itag:hover .wc-itag__ico,body .wc-industries .wc-itag:focus-visible .wc-itag__ico{transform:none}
body .wc-industries .wc-itag .wc-itag__need{background:var(--ink);color:#fff;transition:opacity .15s,visibility .15s;transform:translate(-50%,0)}
body .wc-industries .wc-itag .wc-itag__need::after{border-top-color:var(--ink)}
body .wc-industries .wc-inds__more{color:var(--ink-2)}
body .wc-industries .wc-inds__more a{color:var(--blue);border-bottom-color:var(--blue-100)}

/* Portfolio: industries, bright and simple. Intro on the left, four grouped lists on the right. */
body .wc-industries2{background:var(--surface,#F6F8FC);padding-block:clamp(56px,7vw,96px)}
body .wc-industries2+*{margin-block-start:0!important}
.wc-industries2__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(28px,5vw,64px);align-items:start;max-width:1180px;margin-inline:auto}
.wc-industries2__intro>*{margin:0}
.wc-industries2__intro h2{margin-top:8px}
.wc-industries2__intro .wc-sec-head__p{margin-top:14px}
.wc-industries2__note{margin-top:20px!important;font-weight:600;color:var(--ink)}
.wc-industries2__note a{color:var(--blue);text-decoration:none;border-bottom:2px solid var(--blue-100)}
.wc-industries2__note a:hover{border-bottom-color:var(--blue)}
body .wc-igroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body .wc-igroups>.wc-igroup{margin:0}
.wc-igroup{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px}
body .wc-igroup__head{gap:12px;align-items:center;margin:0 0 12px}
.wc-igroup__head>*{margin:0}
.wc-igroup .wc-igroup__ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--blue-050);color:var(--blue);flex:none}
.wc-igroup .wc-igroup__title{font-size:1.05rem;line-height:1.3;color:var(--ink)}
body .wc-igroup__list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.wc-igroup__list li{position:relative;margin:0;padding:8px 0 8px 22px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.95rem;line-height:1.4}
.wc-igroup__list li:first-child{border-top:0}
.wc-igroup__list li::before{content:"";position:absolute;left:2px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--blue)}
@media (max-width:980px){.wc-industries2__grid{grid-template-columns:1fr}}
@media (max-width:600px){body .wc-igroups{grid-template-columns:1fr}}
body .wc-industries2__intro h2.wp-block-heading{font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
@media (min-width:981px){.wc-industries2__intro{position:sticky;top:120px}}

/* Case study "The build": every desktop screenshot keeps its real 16:10 shape, so nothing is cropped (no half logos or cut-off buttons) */
.wc-cs__mocks{align-items:start}
.wc-cs__mocks .wc-mock__browser{flex:none}
.wc-cs__mocks .wc-mock__shot,.wc-mock--lead .wc-mock__shot,.wc-cs__mocks--n1 .wc-mock:last-child:not(.wc-mock--lead) .wc-mock__shot,.wc-cs__mocks--n2 .wc-mock:last-child:not(.wc-mock--lead) .wc-mock__shot{aspect-ratio:16/10;flex:none}
.wc-cs__mocks--n1 .wc-mock:last-child:not(.wc-mock--lead){grid-column:2}
.wc-cs__mocks--n2 .wc-mock:last-child:not(.wc-mock--lead){grid-column:auto}
.wc-cs__mocks--n2 .wc-mock:nth-last-child(2):not(.wc-mock--lead){grid-column:auto}
.wc-mock__phone img{aspect-ratio:390/844;object-fit:cover;object-position:top}
@media (max-width:900px){.wc-cs__mocks--n1 .wc-mock:last-child:not(.wc-mock--lead){grid-column:auto}}
/* lead screenshot full width, the rest three to a row; a single leftover sits in the middle, two leftovers share the row */
.wc-cs__mocks .wc-mock--lead{grid-column:1/-1;grid-row:auto}
.wc-cs__mocks .wc-mock--lead .wc-mock__browser{max-width:1000px;margin-inline:auto;width:100%}
.wc-cs__mocks .wc-mock--lead figcaption{text-align:center}
.wc-cs__mocks--n2 .wc-mock:not(.wc-mock--lead):nth-last-child(-n+2){grid-column:span 1}
.wc-cs__mocks--n2{grid-template-columns:repeat(6,minmax(0,1fr))}
.wc-cs__mocks--n2 .wc-mock:not(.wc-mock--lead){grid-column:span 2}
.wc-cs__mocks--n2 .wc-mock:not(.wc-mock--lead):nth-last-child(-n+2){grid-column:span 3}
@media (max-width:900px){.wc-cs__mocks--n2{grid-template-columns:1fr}.wc-cs__mocks--n2 .wc-mock:not(.wc-mock--lead),.wc-cs__mocks--n2 .wc-mock:not(.wc-mock--lead):nth-last-child(-n+2){grid-column:auto}}
/* iOS Safari zooms into any form field under 16px when it gets focus; keep every field at 16px on phones (forms, search, Gravity Forms, Ella) */
@media (max-width:767px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=color]),select,textarea{font-size:16px!important}}
/* Home stats under the hero: glass cards in the About-facts family, with a gradient hairline, glowing icon chip, accent bar and a sheen on hover */
body .wc-stats__grid{gap:20px;padding-left:0}
body .wc-stats .wc-stat{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding:clamp(24px,2.4vw,34px);min-height:clamp(196px,16vw,240px);text-align:left;border:0;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%) 160% 0/250% 100% no-repeat,radial-gradient(120% 90% at 0% 0%,rgba(126,224,207,.18),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 60%),rgba(8,24,52,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -34px rgba(0,0,0,.85);backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background-position .9s ease}
body .wc-stats .wc-stat::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,rgba(126,224,207,.8),rgba(96,165,250,.35) 40%,rgba(255,255,255,.08) 70%,rgba(126,224,207,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;transition:opacity .4s;pointer-events:none}
body .wc-stats .wc-stat::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.4px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 55%);mask-image:linear-gradient(200deg,#000,transparent 55%);pointer-events:none}
body .wc-stats .wc-stat .wc-icon-block.is-style-tile{display:inline-grid;place-items:center;position:absolute;top:clamp(18px,1.8vw,24px);right:clamp(18px,1.8vw,24px);left:auto;width:46px;height:46px;margin:0;border-radius:13px;border:1px solid rgba(126,224,207,.4);background:linear-gradient(135deg,rgba(126,224,207,.24),rgba(96,165,250,.12));color:#7EE0CF;box-shadow:0 0 26px -6px rgba(126,224,207,.5),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
body .wc-stats .wc-stat .wc-icon-block svg{width:21px;height:21px}
body .wc-stats .wc-stat__n{position:relative;justify-content:flex-start;padding-bottom:14px;margin-top:clamp(40px,3.6vw,52px)!important;font-family:var(--display);font-size:clamp(2.8rem,4.6vw,4.4rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:0}
body .wc-stats .wc-stat__n::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#7EE0CF,#60A5FA);box-shadow:0 0 12px rgba(126,224,207,.6);transition:width .45s cubic-bezier(.2,.8,.2,1)}
body .wc-stats .wc-stat__v,body .wc-stats .wc-stat__n small{background:linear-gradient(100deg,#fff 30%,#7EE0CF);-webkit-background-clip:text;background-clip:text;color:transparent}
body .wc-stats .wc-stat__v{text-align:left;min-width:0!important} /* left-aligned cards: let the count-up number size itself so it stays flush left and the + or h follows it (main.js reserves width for centred layouts) */
body .wc-stats .wc-stat__n small:last-child{font-family:var(--display);font-size:.62em;font-weight:800;margin-left:.04em;background:none;color:#7EE0CF}
body .wc-stats .wc-stat__l{margin:0;max-width:24ch;font-size:clamp(.82rem,.95vw,.92rem);font-weight:500;color:#B6C2D6;line-height:1.45;text-wrap:pretty;transition:color .3s}
body .wc-stats .wc-stat:hover{transform:translateY(-6px);background-position:-60% 0,0 0,0 0,0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 40px 70px -34px rgba(0,0,0,.9),0 0 50px -14px rgba(126,224,207,.45)}
body .wc-stats .wc-stat:hover::before{opacity:1}
body .wc-stats .wc-stat:hover .wc-icon-block{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 34px -4px rgba(126,224,207,.7),inset 0 1px 0 rgba(255,255,255,.2)}
body .wc-stats .wc-stat:hover .wc-stat__n::after{width:72px}
body .wc-stats .wc-stat:hover .wc-stat__l{color:#E6EEF8}
@media (prefers-reduced-motion:reduce){body .wc-stats .wc-stat,body .wc-stats .wc-stat *{transition:none}body .wc-stats .wc-stat:hover,body .wc-stats .wc-stat:hover .wc-icon-block{transform:none}}
@media (max-width:900px){body .wc-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:420px){body .wc-stats .wc-stat{padding:18px 16px;min-height:168px;border-radius:16px}body .wc-stats .wc-stat__n{font-size:2.5rem;padding-bottom:12px}body .wc-stats .wc-stat .wc-icon-block.is-style-tile{width:36px;height:36px;top:14px;right:14px;border-radius:10px}body .wc-stats .wc-stat .wc-icon-block svg{width:17px;height:17px}}
/* Tile badges (Most requested, Limited-time offer, New): .wc-tile p (.92rem) outranked .wc-tile__eyebrow, so the badges rendered at body size */
.wc-tile p.wc-tile__eyebrow{font-size:.66rem;letter-spacing:.12em;padding:4px 8px;gap:7px;white-space:nowrap;width:max-content;max-width:100%}
.wc-tile p.wc-tile__eyebrow::before{width:5px;height:5px}

/* Testimonials block: photo or logo in the avatar circle, and the tag for our own businesses. */
.wc-quote__av:has(img){background:#fff;border:1px solid var(--line);overflow:hidden}
.wc-quote__av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
body .wc-quote__who a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.wc-quote__tag{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--line);color:var(--ink-2);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

/* Current page in the mega menu and footer */
.wc-nav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current=page]{background:var(--blue-050);color:var(--blue)}
.wc-footer__list a[aria-current=page],.wc-footer__legal-links a[aria-current=page]{color:#fff}
.wc-footer__list a[aria-current=page]::after,.wc-footer__legal-links a[aria-current=page]::after{transform:scaleX(1)}
.wc-mm__item:has(a[aria-current=page]){background:var(--blue-050)}
.wc-mm__item a[aria-current=page]{color:var(--blue)}
/* Hosting: after you sign up (icon cards, no illustration) */
.wc-hafter .wc-del{padding-top:20px}
.wc-hafter .wc-del>:first-child{margin-inline:18px}
.wc-hafter .wc-sec-head__p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
/* Every Gravity Forms field: the same solid brand-blue focus ring (about 5.9:1 on white), not the theme's faint default */
body .gform_wrapper.gform-theme{--gf-ctrl-outline-color-focus:var(--blue);--gf-ctrl-outline-width-focus:2px}