:root{
--paper:#FFFFFF;
--mist:#F5F7FA;
--mist-deep:#EBF0F6;
--navy:#0B2545;
--navy-deep:#081A33;
--navy-soft:#13315F;
--teal:#2563C9;
--teal-dark:#1B48A0;
--teal-soft:#E9EFFC;
--sky:#1FA6DF;
--sky-soft:#E6F5FC;
--amber:#F59E0B;
--amber-soft:#FEF3E2;
--green:#10B981;
--green-soft:#E7F8F1;
--red:#DC2626;
--ink:#233044;
--slate:#4B5A72;
--slate-light:#8494AB;
--line:#E3E9F2;
--line-soft:#EDF1F7;
--paper-90:rgba(255,255,255,.9);
--paper-70:rgba(255,255,255,.7);
--paper-45:rgba(255,255,255,.45);
--paper-15:rgba(255,255,255,.15);
--paper-08:rgba(255,255,255,.08);
--font-head:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
--fs-xs:.778rem;
--fs-sm:.889rem;
--fs-base:1rem;
--fs-md:1.111rem;
--fs-lg:1.333rem;
--fs-xl:1.667rem;
--fs-2xl:2.111rem;
--fs-3xl:2.667rem;
--fs-4xl:3.333rem;
--sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
--sp-5:1.5rem; --sp-6:2rem;  --sp-7:3rem;   --sp-8:4rem;
--sp-9:6rem;   --sp-10:8rem;
--r-sm:8px; --r-md:10px; --r-lg:16px; --r-xl:24px; --r-full:999px;
--sh-xs:0 1px 2px rgba(11,37,69,.05);
--sh-sm:0 1px 3px rgba(11,37,69,.06),0 4px 12px rgba(11,37,69,.05);
--sh-md:0 2px 6px rgba(11,37,69,.06),0 12px 28px rgba(11,37,69,.09);
--sh-lg:0 4px 12px rgba(11,37,69,.08),0 24px 48px rgba(11,37,69,.12);
--sh-teal:0 8px 24px rgba(37,99,201,.28);
--brand:#2563C9; --brand-2:#1FA6DF; --brand-deep:#16408E; --brand-bright:#39C1F5;
--grad-brand:linear-gradient(135deg,#2E74E0 0%,#2563C9 44%,#1FA6DF 100%);
--grad-brand-vivid:linear-gradient(120deg,#2563C9 0%,#1FA6DF 55%,#39C1F5 100%);
--grad-cyan:linear-gradient(135deg,#1FA6DF,#39C1F5);
--grad-ink:linear-gradient(160deg,#0E2C55 0%,#0B2545 46%,#081C39 100%);
--glow-brand:0 12px 34px rgba(37,99,201,.34);
--glow-cyan:0 12px 34px rgba(31,166,223,.30);
--ring-brand:0 0 0 3px rgba(37,99,201,.18);
--ease:cubic-bezier(.22,.61,.36,1);
--ease-spring:cubic-bezier(.34,1.4,.64,1);
--t-fast:160ms; --t-med:280ms; --t-slow:450ms;
--container:1200px;
--container-wide:1360px;
--container-text:820px;
--header-h:76px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
html:focus-within{scroll-behavior:smooth}
body{
font-family:var(--font-body);
font-size:var(--fs-base);
line-height:1.7;
color:var(--ink);
background:var(--paper);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
overflow-x:hidden;
}
img,svg,video{max-width:100%;display:block}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:none;cursor:pointer}
a,button,input,select,textarea,label,[role="button"],.chip,summary{-webkit-tap-highlight-color:transparent}
a{color:var(--sky);text-decoration:none;transition:color var(--t-fast) var(--ease)}
a:hover{color:var(--navy)}
ul[class],ol[class]{list-style:none}
::selection{background:var(--teal);color:#fff}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4,h5{
font-family:var(--font-head);
color:var(--navy);
line-height:1.18;
letter-spacing:-.02em;
font-weight:700;
text-wrap:balance;
}
h1{font-size:clamp(2.1rem,4.4vw,var(--fs-3xl));font-weight:800}
h2{font-size:clamp(1.7rem,3.2vw,var(--fs-2xl))}
h3{font-size:clamp(1.25rem,2vw,var(--fs-xl));line-height:1.3}
h4{font-size:var(--fs-md);line-height:1.35}
p{margin:0}
.lede{font-size:var(--fs-md);color:var(--slate);line-height:1.75;max-width:62ch}
.text-sm{font-size:var(--fs-sm)}
.text-slate{color:var(--slate)}
strong{font-weight:600;color:var(--navy)}
.eyebrow{
display:inline-flex;align-items:center;gap:.55em;
font-family:var(--font-head);font-size:var(--fs-xs);font-weight:700;
letter-spacing:.14em;text-transform:uppercase;color:var(--teal);
}
.eyebrow::before{
content:"";width:22px;height:2px;border-radius:2px;
background:repeating-linear-gradient(90deg,var(--teal) 0 5px,transparent 5px 9px);
}
.on-dark .eyebrow{color:#5CC7F0}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}
.container-wide{max-width:var(--container-wide)}
.container-text{max-width:var(--container-text)}
.section{padding-block:var(--sp-9)}
.section-tight{padding-block:var(--sp-8)}
.section-mist{background:var(--mist)}
.section-navy{background:var(--navy);color:var(--paper-70)}
.section-navy h2,.section-navy h3{color:#fff}
.section-head{max-width:720px;margin-bottom:var(--sp-7)}
.section-head.center{margin-inline:auto;text-align:center}
.section-head.center .eyebrow{justify-content:center}
.section-head h2{margin:.5rem 0 .9rem}
.grid-2,.grid-3,.grid-4{display:grid;gap:var(--sp-5)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:center}
.route-connector{position:relative;height:64px;max-width:var(--container);margin-inline:auto}
.route-connector::before{
content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;
background:repeating-linear-gradient(90deg,rgba(37,99,201,.5) 0 8px,transparent 8px 16px);
mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
}
.route-connector::after{
content:"";position:absolute;top:calc(50% - 4px);left:50%;width:10px;height:10px;
border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px var(--teal-soft);
}
.btn{
position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);
padding:.94em 1.7em;border-radius:var(--r-md);
transition:transform var(--t-fast) var(--ease),box-shadow var(--t-med) var(--ease),
background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
cursor:pointer;white-space:nowrap;overflow:hidden;
min-height:48px;
}
.btn:active{transform:translateY(1px) scale(.99)}
.btn svg{width:1.1em;height:1.1em;flex:none}
.btn-primary{
color:#fff;
background:linear-gradient(135deg,#2E74E0 0%,#2563C9 48%,#1C6FAD 100%);
box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 8px 22px rgba(37,99,201,.34);
}
.btn-primary:hover{color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 34px rgba(37,99,201,.46),0 4px 14px rgba(31,166,223,.4);transform:translateY(-2px)}
.btn-primary::after{
content:"";position:absolute;inset:0;
background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
transform:translateX(-110%);
}
.btn-primary:hover::after{transition:transform 650ms var(--ease);transform:translateX(110%)}
.btn-secondary{
color:var(--navy);background:var(--paper);
border:1.5px solid var(--line);box-shadow:var(--sh-xs);
}
.btn-secondary:hover{color:var(--navy);border-color:var(--navy);transform:translateY(-2px);box-shadow:var(--sh-sm)}
.btn-navy{color:#fff;background:var(--navy);box-shadow:var(--sh-sm)}
.btn-navy:hover{color:#fff;background:var(--navy-soft);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn-ghost-dark{color:#fff;border:1.5px solid var(--paper-15);background:var(--paper-08)}
.btn-ghost-dark:hover{color:#fff;border-color:var(--paper-45);background:var(--paper-15)}
.btn-lg{font-size:var(--fs-base);padding:1.05em 2em;border-radius:12px}
.btn-sm{font-size:var(--fs-xs);padding:.7em 1.2em;min-height:40px}
.btn-block{width:100%}
.link-arrow{
display:inline-flex;align-items:center;gap:.45em;
font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);color:var(--teal);
}
.link-arrow svg{width:1em;height:1em;transition:transform var(--t-fast) var(--ease)}
.link-arrow:hover{color:var(--teal-dark)}
.link-arrow:hover svg{transform:translateX(4px)}
.chip{
display:inline-flex;align-items:center;gap:.5em;
font-size:var(--fs-xs);font-weight:600;color:var(--navy);
background:var(--paper);border:1px solid var(--line);
padding:.45em 1em;border-radius:var(--r-full);box-shadow:var(--sh-xs);
}
.chip svg{width:1em;height:1em;color:var(--teal)}
.chip-teal{background:var(--teal-soft);border-color:transparent;color:var(--teal-dark)}
.chip-sky{background:var(--sky-soft);border-color:transparent;color:#2563EB}
.chip-amber{background:var(--amber-soft);border-color:transparent;color:#B45309}
.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.badge-dot{display:inline-flex;align-items:center;gap:.5em;font-size:var(--fs-xs);font-weight:600;color:var(--slate)}
.badge-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:.7em 1.2em;z-index:300;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
.site-header{
position:fixed;inset:0 0 auto 0;z-index:120;height:var(--header-h);
background:rgba(255,255,255,.86);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
border-bottom:1px solid transparent;
transition:box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease),background var(--t-med) var(--ease);
}
.site-header.scrolled{background:rgba(255,255,255,.95);border-color:var(--line-soft);box-shadow:0 4px 24px rgba(11,37,69,.07)}
.header-inner{max-width:var(--container-wide);margin-inline:auto;height:100%;padding-inline:var(--sp-5);display:flex;align-items:center;gap:var(--sp-5)}
.brand{display:flex;align-items:center;gap:.7rem;flex:none}
.brand img{height:36px;width:auto;border-radius:0}
.brand-name{font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:var(--navy);line-height:1.1}
.brand-name small{display:block;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);white-space:nowrap}
.brand.on-dark .brand-name small{color:rgba(204,220,240,.72)}
.brand.on-dark .brand-name{color:#fff}
.nav-desktop{display:flex;align-items:center;gap:.25rem;margin-inline:auto}
.nav-item{position:relative}
.nav-link{
display:inline-flex;align-items:center;gap:.35em;
font-family:var(--font-head);font-size:var(--fs-sm);font-weight:600;color:var(--ink);
padding:.6em .9em;border-radius:var(--r-sm);transition:background var(--t-fast),color var(--t-fast);
}
.nav-link:hover,.nav-item.open>.nav-link{color:var(--navy);background:var(--mist)}
.nav-link[aria-current="page"]{color:var(--teal-dark)}
.nav-link .caret{width:.85em;height:.85em;transition:transform var(--t-fast) var(--ease)}
.nav-item.open .caret{transform:rotate(180deg)}
.mega{
position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);
background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-lg);
box-shadow:var(--sh-lg);padding:var(--sp-5);
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),visibility 0s linear var(--t-fast);
width:max-content;max-width:min(92vw,980px);
}
.nav-item.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition-delay:0s}
.mega-cols{display:grid;grid-auto-flow:column;gap:var(--sp-6)}
.mega-col{min-width:200px}
.mega-title{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);margin-bottom:.7rem;padding-left:.6rem}
.mega a{display:flex;align-items:center;gap:.55em;padding:.42em .6em;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:500;color:var(--ink)}
.mega a:hover{background:var(--teal-soft);color:var(--teal-dark)}
.mega a svg{width:15px;height:15px;color:var(--teal);flex:none}
.mega-cta{grid-column:1/-1;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.mega-cta p{font-size:var(--fs-xs);color:var(--slate)}
.header-actions{display:flex;align-items:center;gap:var(--sp-3);flex:none}
.header-tel{
display:inline-flex;align-items:center;gap:.5em;
font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);color:var(--navy);
}
.header-tel svg{width:1.05em;height:1.05em;color:var(--teal)}
.header-tel:hover{color:var(--teal-dark)}
.nav-toggle{
display:none;width:48px;height:48px;border-radius:var(--r-md);
border:1px solid var(--line);background:var(--paper);
align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.nav-toggle span{width:20px;height:2px;border-radius:2px;background:var(--navy);transition:transform var(--t-med) var(--ease),opacity var(--t-fast)}
body.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .nav-toggle span:nth-child(2){opacity:0}
body.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{
position:fixed;inset:var(--header-h) 0 0 0;z-index:110;background:var(--paper);
transform:translateY(-8px);opacity:0;visibility:hidden;
transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease),visibility 0s linear var(--t-med);
overflow-y:auto;-webkit-overflow-scrolling:touch;
padding:var(--sp-5) var(--sp-5) calc(var(--sp-9) + 70px);
}
body.menu-open .mobile-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
body.menu-open{overflow:hidden}
.mm-group{border-bottom:1px solid var(--line-soft)}
.mm-group>a,.mm-trigger{
display:flex;align-items:center;justify-content:space-between;width:100%;
font-family:var(--font-head);font-weight:700;font-size:1.02rem;color:var(--navy);
padding:1rem .25rem;text-align:left;min-height:52px;
}
.mm-trigger .caret{width:1em;height:1em;color:var(--slate-light);transition:transform var(--t-fast) var(--ease)}
.mm-group.open .mm-trigger .caret{transform:rotate(180deg)}
.mm-panel{max-height:0;overflow:hidden;transition:max-height var(--t-slow) var(--ease)}
.mm-panel a{
display:flex;align-items:center;gap:.6em;padding:.6em .5em .6em 1rem;
font-size:var(--fs-sm);color:var(--ink);border-left:2px solid var(--line);
margin:0 0 2px .35rem;min-height:44px;
}
.mm-panel a:hover{color:var(--teal-dark);border-color:var(--teal)}
.mm-cta{display:grid;gap:var(--sp-3);margin-top:var(--sp-5)}
.hero-home{
position:relative;padding:calc(var(--header-h) + var(--sp-9)) 0 var(--sp-9);
background:
radial-gradient(52rem 30rem at 88% -12%,var(--sky-soft) 0%,transparent 60%),
radial-gradient(40rem 26rem at -8% 108%,var(--teal-soft) 0%,transparent 55%),
linear-gradient(180deg,#FBFCFE 0%,var(--paper) 100%);
overflow:hidden;
}
.hero-home::before{
content:"";position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
background-size:56px 56px;
mask-image:radial-gradient(70rem 40rem at 50% 0%,#000 0%,transparent 75%);
opacity:.5;
}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-8);align-items:center}
.hero-copy h1{margin:.9rem 0 1.1rem;max-width:16ch}
.hero-copy .text-teal{color:var(--teal)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
.hero-chips{margin-top:var(--sp-5)}
.hero-visual{position:relative;min-height:420px}
.ops-stack{position:relative;height:100%}
.ops-card{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
box-shadow:var(--sh-md);padding:var(--sp-4);
}
.ops-card-main{max-width:400px;margin-left:auto}
.ops-card-head{display:flex;align-items:center;gap:.55em;font-family:var(--font-head);font-weight:700;font-size:var(--fs-xs);color:var(--slate);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-soft);margin-bottom:var(--sp-3)}
.ops-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}
.ops-flow{display:grid;gap:var(--sp-3)}
.ops-flow li{display:flex;align-items:flex-start;gap:var(--sp-3);position:relative}
.ops-flow li + li::before{
content:"";position:absolute;left:19px;top:-14px;height:12px;width:2px;
background:repeating-linear-gradient(180deg,var(--teal) 0 3px,transparent 3px 6px);opacity:.5;
}
.ops-icon{
flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
background:var(--teal-soft);color:var(--teal-dark);
}
.ops-icon svg{width:20px;height:20px}
.ops-flow strong{display:block;font-family:var(--font-head);font-size:var(--fs-sm);color:var(--navy);line-height:1.3}
.ops-flow small{font-size:var(--fs-xs);color:var(--slate)}
.ops-chip-1,.ops-chip-2{
position:absolute;display:flex;align-items:center;gap:var(--sp-3);max-width:250px;
animation:opsFloat 7s ease-in-out infinite;
}
.ops-chip-1{left:0;top:12%;animation-delay:.8s}
.ops-chip-2{left:6%;bottom:4%}
.ops-chip-1 svg,.ops-chip-2 svg{width:26px;height:26px;color:var(--teal);flex:none}
.ops-chip-1 strong,.ops-chip-2 strong{display:block;font-family:var(--font-head);font-size:var(--fs-sm);color:var(--navy);line-height:1.25}
.ops-chip-1 small,.ops-chip-2 small{font-size:.72rem;color:var(--slate);line-height:1.35;display:block}
@keyframes opsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.page-hero{
padding:calc(var(--header-h) + var(--sp-8)) 0 var(--sp-8);
background:
radial-gradient(46rem 24rem at 100% -10%,var(--sky-soft) 0%,transparent 55%),
linear-gradient(180deg,#FBFCFE 0%,var(--paper) 100%);
}
.page-hero .container{max-width:900px}
.page-hero h1{margin:.9rem 0 1rem}
.page-hero .lede{margin-bottom:var(--sp-2)}
.article-hero{padding:calc(var(--header-h) + var(--sp-7)) 0 var(--sp-6);background:linear-gradient(180deg,#FBFCFE,var(--paper))}
.article-hero .container{max-width:var(--container-text)}
.article-hero h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.article-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--slate)}
.article-meta span{display:inline-flex;align-items:center;gap:.4em}
.trust-bar{background:var(--navy);padding:var(--sp-3) 0}
.trust-bar-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-6)}
.trust-item{
font-family:var(--font-head);font-size:.72rem;font-weight:600;letter-spacing:.06em;
text-transform:uppercase;color:var(--paper-70);display:inline-flex;align-items:center;gap:.6em;
}
.trust-item::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.bento-wide{grid-column:span 2;grid-row:span 2}
.bento-card{
display:flex;flex-direction:column;gap:var(--sp-3);
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
padding:var(--sp-6);box-shadow:var(--sh-xs);
transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.bento-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#CBE9E4}
.bento-card h3{font-size:var(--fs-lg)}
.bento-card p{color:var(--slate);font-size:var(--fs-sm);line-height:1.65;flex-grow:1}
.bento-icon{
width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
background:linear-gradient(135deg,var(--teal-soft),#F0FBF9);color:var(--teal-dark);
border:1px solid #D5F0EB;
}
.bento-icon svg{width:26px;height:26px}
.bento-list{display:grid;grid-template-columns:1fr 1fr;gap:.45rem var(--sp-4);margin-block:var(--sp-2)}
.bento-list li{
position:relative;padding-left:1.5em;font-size:var(--fs-xs);color:var(--ink);font-weight:500;
}
.bento-list li::before{
content:"";position:absolute;left:0;top:.32em;width:.95em;height:.95em;border-radius:50%;
background:var(--teal-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%232563C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ind-card{
display:flex;flex-direction:column;gap:var(--sp-3);
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
padding:var(--sp-5);box-shadow:var(--sh-xs);
transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.ind-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#C7DBF8}
.ind-card h3{font-size:var(--fs-md)}
.ind-card p{color:var(--slate);font-size:var(--fs-xs);line-height:1.6;flex-grow:1}
.ind-icon{
width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
background:var(--sky-soft);color:#2563EB;border:1px solid #D8E6FC;
}
.ind-icon svg{width:23px;height:23px}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3) var(--sp-6);max-width:880px}
.check-list li{
position:relative;padding-left:2.1em;font-size:var(--fs-base);color:var(--ink);line-height:1.55;
}
.check-list li::before{
content:"";position:absolute;left:0;top:.14em;width:1.35em;height:1.35em;border-radius:8px;
background:var(--teal-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%232563C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/60% no-repeat;
}
.check-list strong{color:var(--navy)}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}
.stat{
text-align:center;background:var(--paper);border:1px solid var(--line);
border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);box-shadow:var(--sh-xs);
}
.stat-num{
display:block;font-family:var(--font-head);font-weight:800;font-size:var(--fs-2xl);
color:var(--navy);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;
}
.stat-num .accent{color:var(--teal)}
.stat-label{display:block;margin-top:.5rem;font-size:var(--fs-xs);color:var(--slate);line-height:1.5}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.proof-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);
box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:.55rem;text-decoration:none;
transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}
.proof-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#B3CEF2}
.proof-metric{font-family:var(--font-head);font-weight:800;font-size:clamp(1.55rem,3.3vw,2.15rem);line-height:1.05;
background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.proof-desc{font-size:var(--fs-sm);color:var(--ink);line-height:1.45;flex:1}
.proof-meta{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;margin-top:.35rem}
.proof-client{font-size:var(--fs-xs);color:var(--slate)}
.proof-tag{font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);
background:rgba(37,99,201,.08);border-radius:var(--r-full);padding:.3em .75em}
@media (min-width:901px){.proof-strip.is-3col{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.proof-strip{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.proof-strip{grid-template-columns:1fr}}
.result-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:var(--sp-6)}
.result-tab{min-height:44px;padding:.5em 1.05em;border-radius:var(--r-full);border:1px solid var(--line);
background:var(--paper);color:var(--navy);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;
transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}
.result-tab:hover{border-color:#5CC7F0}
.result-tab.is-active{background:#2563C9;color:#fff;border-color:transparent}
.result-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-6);align-items:center;
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;
box-shadow:var(--sh-md);margin-bottom:var(--sp-7)}
.result-featured .rf-body{padding:var(--sp-7)}
.result-featured .rf-eyebrow{font-family:var(--font-head);font-size:.7rem;font-weight:800;letter-spacing:.12em;
text-transform:uppercase;color:var(--brand);margin-bottom:.6rem}
.result-featured .rf-metric{font-family:var(--font-head);font-weight:800;font-size:clamp(1.8rem,3.6vw,2.6rem);
line-height:1.05;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;margin:.2rem 0 .7rem}
.result-featured .rf-figure{position:relative;min-height:100%;background:var(--grad-ink)}
.result-featured .rf-figure img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:820px){.result-featured{grid-template-columns:1fr}.result-featured .rf-figure{min-height:220px}}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
.proof-metric,.result-featured .rf-metric{background:none;color:var(--teal-dark);-webkit-text-fill-color:currentColor}
}
.stat-note{margin-top:var(--sp-4);font-size:.72rem;color:var(--slate-light);text-align:center}
.case-band{overflow:hidden}
.case-band .eyebrow{color:#5CC7F0}
.case-band p{color:var(--paper-70)}
.case-points{display:grid;gap:var(--sp-2);margin-block:var(--sp-5)}
.case-points li{
position:relative;padding-left:1.9em;color:var(--paper-90);font-size:var(--fs-sm);line-height:1.6;
}
.case-points li::before{
content:"";position:absolute;left:0;top:.2em;width:1.15em;height:1.15em;border-radius:50%;
background:rgba(92,199,240,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%235CC7F0' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;
}
.case-points.on-light li{color:var(--ink)}
.expansion-map{width:100%;height:auto;max-width:520px;margin-inline:auto;display:block}
.expansion-map .route{stroke-dashoffset:340;stroke-dasharray:6 8;opacity:0;transition:opacity .4s var(--ease)}
.case-band.in-view .route{opacity:1;animation:routeDraw 1.6s var(--ease) forwards}
.case-band.in-view .r2{animation-delay:.25s}
.case-band.in-view .r3{animation-delay:.5s}
.case-band.in-view .r4{animation-delay:.75s}
@keyframes routeDraw{to{stroke-dashoffset:0}}
.expansion-map .exp-node{opacity:0;transform-origin:center;transition:opacity .3s}
.case-band.in-view .exp-node{animation:nodePop .5s var(--ease-spring) forwards}
.case-band.in-view .n1{animation-delay:1.1s}
.case-band.in-view .n2{animation-delay:1.35s}
.case-band.in-view .n3{animation-delay:1.6s}
.case-band.in-view .n4{animation-delay:1.85s}
@keyframes nodePop{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
.case-band-mini{padding-block:var(--sp-7)}
.case-band-mini h2{font-size:var(--fs-xl)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);counter-reset:step}
.step{
position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
padding:var(--sp-6);box-shadow:var(--sh-xs);
}
.step-num{
display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
font-family:var(--font-head);font-weight:800;font-size:var(--fs-md);
background:var(--navy);color:#fff;margin-bottom:var(--sp-4);
}
.step h3{font-size:var(--fs-md);margin-bottom:.5rem}
.step p{font-size:var(--fs-sm);color:var(--slate);line-height:1.65}
.step:not(:last-child)::after{
content:"";position:absolute;top:50%;right:-2.1rem;width:2.2rem;height:2px;
background:repeating-linear-gradient(90deg,var(--teal) 0 5px,transparent 5px 10px);opacity:.55;
}
.strip-label{
text-align:center;font-family:var(--font-head);font-weight:600;font-size:var(--fs-xs);
letter-spacing:.08em;text-transform:uppercase;color:var(--slate-light);margin-bottom:var(--sp-4);
}
.soft-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}
.soft-badge{
font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);color:var(--navy);
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
padding:.6em 1.3em;box-shadow:var(--sh-xs);
transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.soft-badge:hover{transform:translateY(-2px);box-shadow:var(--sh-sm)}
.strip-note{margin-top:var(--sp-4);text-align:center;font-size:.72rem;color:var(--slate-light)}
.quote-card{
background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--teal);
border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--sh-sm);max-width:720px;
}
.quote-card blockquote{font-size:var(--fs-md);color:var(--navy);line-height:1.6;font-weight:500}
.quote-attr{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--slate)}
.faq-list{display:grid;gap:var(--sp-3)}
.faq-item{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
overflow:hidden;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.faq-item:hover{border-color:#C9D8EC}
.faq-item.open{border-color:#B3CEF2;box-shadow:var(--sh-sm)}
.faq-q{
display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;
font-family:var(--font-head);font-weight:700;font-size:var(--fs-base);color:var(--navy);
text-align:left;padding:var(--sp-4) var(--sp-5);min-height:56px;
}
.faq-caret{flex:none;width:1.05em;height:1.05em;color:var(--slate-light);transition:transform var(--t-med) var(--ease)}
.faq-item.open .faq-caret{transform:rotate(180deg);color:var(--teal)}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--t-slow) var(--ease)}
.faq-a p{padding:0 var(--sp-5) var(--sp-5);color:var(--slate);font-size:var(--fs-sm);line-height:1.7}
.faq-a a{font-weight:600}
.faq-more{margin-top:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:#445067}
.faq-more a{color:#0B4FB0;text-decoration:underline}
.card-form{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);
box-shadow:var(--sh-lg);padding:var(--sp-6);position:relative;
}
.card-form::before{
content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:var(--r-xl) var(--r-xl) 0 0;
background:linear-gradient(90deg,var(--teal),var(--sky));
}
.form-title{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}
.form-progress{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5)}
.progress-step{
flex:1;font-family:var(--font-head);font-size:.72rem;font-weight:700;color:var(--slate-light);
padding-bottom:.6rem;border-bottom:3px solid var(--line);transition:color var(--t-fast),border-color var(--t-fast);
}
.progress-step.active{color:var(--teal-dark);border-color:var(--teal)}
.progress-step.done{color:var(--navy);border-color:var(--navy)}
.form-step{display:none;border:none}
.form-step.active{display:block;animation:stepIn .3s var(--ease)}
@keyframes stepIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.field{margin-bottom:var(--sp-4);position:relative}
.field label{
display:block;font-family:var(--font-head);font-weight:600;font-size:var(--fs-xs);
color:var(--navy);margin-bottom:.45rem;
}
.field input,.field select,.field textarea{
width:100%;font-size:16px;color:var(--ink);background:var(--paper);
border:1.5px solid var(--line);border-radius:var(--r-md);
padding:.8em 1em;min-height:50px;
transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235B6B84' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1em center;background-size:1em}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{
outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(37,99,201,.14);
}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--red);box-shadow:0 0 0 4px rgba(220,38,38,.09)}
.field-error{margin-top:.4rem;font-size:.75rem;font-weight:500;color:var(--red)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.wizard-nav{display:flex;gap:var(--sp-3);align-items:center}
.wizard-nav .btn[type=submit]{flex:1}
.form-reassure{margin-top:var(--sp-3);text-align:center;font-size:.75rem;color:var(--slate-light)}
.form-status{margin-top:var(--sp-4);padding:.9em 1.1em;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500}
.form-status.ok{background:var(--green-soft);color:#046C4E;border:1px solid #B7EBD5}
.form-status.err{background:#FDECEC;color:#B91C1C;border:1px solid #F5C6C6}
.form-done{display:none;text-align:center;padding:var(--sp-6) var(--sp-2)}
.form-done.show{display:block;animation:stepIn .35s var(--ease)}
.form-done h3{margin-bottom:var(--sp-3)}
.form-done p{color:var(--slate)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.price-teaser-card{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);
box-shadow:var(--sh-md);padding:var(--sp-6);
}
.price-teaser-title{font-family:var(--font-head);font-weight:700;color:var(--navy);margin-bottom:var(--sp-4)}
.price-teaser-card ul{display:grid;gap:var(--sp-3)}
.price-teaser-card li{
display:flex;justify-content:space-between;gap:var(--sp-4);align-items:baseline;
padding-bottom:var(--sp-3);border-bottom:1px dashed var(--line);font-size:var(--fs-sm);
}
.price-teaser-card li span{color:var(--slate)}
.price-teaser-card li strong{color:var(--navy);white-space:nowrap}
.price-teaser-note{margin-top:var(--sp-4);font-size:.75rem;color:var(--slate-light)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);align-items:stretch}
.price-card{
display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--sh-xs);position:relative;
transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);
}
.price-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.price-card.featured{border:2px solid var(--teal);box-shadow:var(--sh-md)}
.price-flag{
position:absolute;top:-13px;left:50%;transform:translateX(-50%);
font-family:var(--font-head);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
background:var(--teal);color:#fff;border-radius:var(--r-full);padding:.35em 1.1em;white-space:nowrap;
}
.price-role{font-family:var(--font-head);font-weight:700;font-size:var(--fs-md);color:var(--navy)}
.price-amount{font-family:var(--font-head);font-weight:800;font-size:var(--fs-2xl);color:var(--navy);margin-block:var(--sp-3)}
.price-amount small{font-size:var(--fs-sm);font-weight:600;color:var(--slate)}
.price-desc{font-size:var(--fs-xs);color:var(--slate);margin-bottom:var(--sp-4)}
.price-feats{display:grid;gap:.55rem;margin-bottom:var(--sp-5);flex-grow:1}
.price-feats li{position:relative;padding-left:1.7em;font-size:var(--fs-xs);color:var(--ink)}
.price-feats li::before{
content:"";position:absolute;left:0;top:.15em;width:1.1em;height:1.1em;border-radius:50%;
background:var(--teal-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%232563C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/60% no-repeat;
}
.quick-answer{
background:linear-gradient(135deg,var(--teal-soft),#F2FBF9);
border:1px solid #C9EDE6;border-left:4px solid var(--teal);
border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);margin-block:var(--sp-6);
}
.quick-answer h2{font-size:var(--fs-md);color:var(--teal-dark);margin-bottom:.6rem;display:flex;align-items:center;gap:.5em}
.quick-answer p{color:var(--ink);font-size:var(--fs-base);line-height:1.7}
.article-body{padding-block:var(--sp-6) var(--sp-9)}
.article-body h2{margin:var(--sp-7) 0 var(--sp-4);font-size:var(--fs-xl)}
.article-body h3{margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-md)}
.article-body p{margin-bottom:var(--sp-4);color:var(--ink);line-height:1.8}
.article-body ul,.article-body ol{margin:0 0 var(--sp-4) 1.4em}
.article-body li{margin-bottom:.55rem;line-height:1.7}
.article-body li::marker{color:var(--teal)}
.article-body a{font-weight:600;text-decoration:underline;text-decoration-color:rgba(31,166,223,.35);text-underline-offset:3px}
.article-body a:hover{text-decoration-color:var(--sky)}
.article-body table{width:100%;border-collapse:separate;border-spacing:0;margin-block:var(--sp-6);font-size:var(--fs-sm);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 4px 14px rgba(11,37,69,.06),0 20px 46px rgba(11,37,69,.09)}
.article-body thead th{
background:linear-gradient(165deg,#14336A 0%,#0B2545 100%);
color:#fff;font-family:var(--font-head);font-weight:700;text-align:left;padding:1.05em 1.25em;
letter-spacing:.01em;border-bottom:2px solid rgba(37,99,201,.55);vertical-align:middle;
}
.article-body thead th:first-child{border-top-left-radius:var(--r-lg)}
.article-body thead th:last-child{border-top-right-radius:var(--r-lg)}
.article-body td{padding:1em 1.25em;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--ink);transition:background var(--t-fast) var(--ease)}
.article-body tbody td:first-child{font-family:var(--font-head);font-weight:700;color:var(--navy);background:linear-gradient(90deg,var(--mist),var(--paper))}
.article-body tbody tr:nth-child(even) td{background:rgba(11,37,69,.02)}
.article-body tbody tr:nth-child(even) td:first-child{background:linear-gradient(90deg,var(--mist-deep),var(--mist))}
.article-body tbody tr:hover td{background:rgba(37,99,201,.05)}
.article-body tbody tr:hover td:first-child{background:rgba(37,99,201,.09)}
.article-body tbody tr:last-child td{border-bottom:none}
.cmp-us-2 thead th:nth-child(2){background:linear-gradient(165deg,#2E74E0,#1B48A0)}
.cmp-us-2 tbody td:nth-child(2),.cmp-us-2 tbody tr:nth-child(even) td:nth-child(2){background:linear-gradient(180deg,rgba(37,99,201,.09),rgba(31,166,223,.05))}
.cmp-us-2 tbody tr:hover td:nth-child(2){background:linear-gradient(180deg,rgba(37,99,201,.14),rgba(31,166,223,.08))}
.cmp-us-2 td:nth-child(2){box-shadow:inset 3px 0 0 rgba(37,99,201,.45),inset -3px 0 0 rgba(37,99,201,.12)}
.cmp-us-3 thead th:nth-child(3){background:linear-gradient(165deg,#2E74E0,#1B48A0)}
.cmp-us-3 tbody td:nth-child(3),.cmp-us-3 tbody tr:nth-child(even) td:nth-child(3){background:linear-gradient(180deg,rgba(37,99,201,.09),rgba(31,166,223,.05))}
.cmp-us-3 tbody tr:hover td:nth-child(3){background:linear-gradient(180deg,rgba(37,99,201,.14),rgba(31,166,223,.08))}
.cmp-us-3 td:nth-child(3){box-shadow:inset 3px 0 0 rgba(37,99,201,.45),inset -3px 0 0 rgba(37,99,201,.12)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body .table-scroll table{width:auto;min-width:min(560px,100%)}
@media (max-width:560px){.article-body .table-scroll table{min-width:520px}}
.article-toc{margin:0 0 var(--sp-6);padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);
border-radius:var(--r-lg);background:var(--paper);box-shadow:0 2px 12px rgba(11,37,69,.05)}
.article-toc .toc-title{font-family:var(--font-head);font-weight:700;font-size:var(--fs-xs);
letter-spacing:.09em;text-transform:uppercase;color:#5f6f80;margin:0 0 .6rem}
.article-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.28rem;counter-reset:toc}
.article-toc li{counter-increment:toc;min-width:0}
.article-toc a{display:flex;gap:.7rem;align-items:baseline;color:var(--brand);text-decoration:none;
font-size:var(--fs-sm);line-height:1.45;padding:.16rem 0;transition:color var(--t-fast) var(--ease)}
.article-toc a::before{content:counter(toc,decimal-leading-zero);font-variant-numeric:tabular-nums;
font-size:.74em;font-weight:700;color:#1FA6DF;min-width:1.7em}
.article-toc a:hover{color:#1FA6DF;text-decoration:underline}
.article-body h2{scroll-margin-top:calc(var(--header-h,72px) + 18px)}
.article-body h3{scroll-margin-top:calc(var(--header-h,72px) + 18px)}
.article-body blockquote{
border-left:4px solid var(--teal);background:var(--mist);border-radius:0 var(--r-md) var(--r-md) 0;
padding:var(--sp-4) var(--sp-5);margin-block:var(--sp-5);color:var(--navy);font-weight:500;
}
.cta-inline{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);
background:var(--navy);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);margin-block:var(--sp-7);
}
.cta-inline p{color:var(--paper-90);font-family:var(--font-head);font-weight:700;font-size:var(--fs-md);margin:0}
.cta-inline small{display:block;color:var(--paper-70);font-family:var(--font-body);font-weight:400;font-size:var(--fs-xs);margin-top:.3rem}
.author-box{
display:flex;gap:var(--sp-4);align-items:center;background:var(--mist);
border-radius:var(--r-lg);padding:var(--sp-5);margin-top:var(--sp-7);
}
.author-avatar{flex:none;width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:800}
.author-box strong{font-family:var(--font-head);color:var(--navy)}
.author-box p{font-size:var(--fs-xs);color:var(--slate);margin:0}
.breadcrumb{padding-top:calc(var(--header-h) + var(--sp-4));margin-bottom:calc(-1 * var(--header-h))}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4em;font-size:var(--fs-xs);color:var(--slate-light);position:relative;z-index:2}
.breadcrumb li:not(:last-child)::after{content:"/";margin-left:.4em;color:var(--line)}
.breadcrumb a{color:var(--slate);font-weight:500}
.breadcrumb a:hover{color:var(--teal-dark)}
.breadcrumb li[aria-current]{color:var(--navy);font-weight:600}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);content-visibility:auto;contain-intrinsic-size:auto 320px}
.cta-final{
background:
radial-gradient(44rem 26rem at 0% 110%,var(--teal-soft) 0%,transparent 55%),
radial-gradient(44rem 26rem at 100% -10%,var(--sky-soft) 0%,transparent 55%),
var(--mist);
}
.cta-final .split{align-items:start}
.cta-alt{margin-top:var(--sp-5);font-size:var(--fs-sm);color:#445067}
.cta-alt a{text-decoration:underline}
.site-footer{background:
radial-gradient(rgba(150,184,224,.055) 1px, transparent 1.5px) 0 0 / 26px 26px,
var(--grad-ink);
color:var(--paper-70);padding:var(--sp-9) 0 var(--sp-6)}
.footer-top{display:grid;grid-template-columns:1.5fr .82fr .82fr .86fr 1.05fr;gap:var(--sp-5) var(--sp-6);align-items:start}
.footer-top>*{min-width:0}
.footer-brand .brand{flex-wrap:wrap}
.footer-brand .brand-name{white-space:normal;font-size:.98rem}
.footer-brand .brand-name small{white-space:normal;letter-spacing:.07em}
.footer-brand .brand{margin-bottom:var(--sp-4)}
.footer-desc{font-size:var(--fs-sm);line-height:1.7;color:var(--paper-70);max-width:44ch}
.footer-trust{margin-top:var(--sp-5);display:grid;gap:.55rem}
.footer-trust li{
position:relative;padding-left:1.6em;font-size:var(--fs-xs);color:var(--paper-70);
}
.footer-trust li::before{
content:"";position:absolute;left:0;top:.28em;width:1em;height:1em;border-radius:50%;
background:rgba(92,199,240,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%235CC7F0' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;
}
.footer-col h4{color:#fff;font-size:var(--fs-sm);margin-bottom:var(--sp-4);letter-spacing:.02em}
.footer-h4-gap{margin-top:var(--sp-5)}
.footer-col a{display:flex;align-items:center;color:var(--paper-70);font-size:var(--fs-xs);padding:.5em 0;min-height:44px}
.footer-col a:hover{color:#5CC7F0}
.footer-tel{
display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-head);
font-weight:800;font-size:var(--fs-lg);color:#fff !important;margin-bottom:var(--sp-2);
}
.footer-tel svg{width:1em;height:1em;color:#5CC7F0}
.footer-tel:hover{color:#5CC7F0 !important}
.footer-link{display:block;font-size:var(--fs-sm)}
.footer-addr{font-size:var(--fs-xs);color:var(--paper-45);margin-top:var(--sp-3)}
.footer-news{margin-top:var(--sp-5)}
.footer-news label{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--paper-90);margin-bottom:.5rem}
.footer-news-row{display:grid;gap:.5rem}
.footer-news-row input{min-width:0;width:100%}
.footer-news-row .btn{width:100%;min-height:44px}
.footer-news input{
flex:1;min-width:0;background:var(--paper-08);border:1px solid var(--paper-15);
border-radius:var(--r-md);color:#fff;padding:.7em 1em;font-size:16px;min-height:48px;
}
.footer-news input::placeholder{color:var(--paper-45)}
.footer-news input:focus{outline:none;border-color:#5CC7F0;box-shadow:0 0 0 3px rgba(92,199,240,.18)}
.footer-bottom{
margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--paper-08);
display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-4);
font-size:var(--fs-xs);color:var(--paper-45);
}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:var(--sp-5)}
.footer-bottom a{color:var(--paper-45)}
.footer-bottom a:hover{color:#5CC7F0}
.float-bar{
position:fixed;bottom:0;left:0;right:0;z-index:100;display:none;
grid-template-columns:1fr 1fr 1.3fr;gap:1px;background:var(--line);
border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(11,37,69,.12);
padding-bottom:env(safe-area-inset-bottom);
transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease);
}
.float-bar a{
display:flex;align-items:center;justify-content:center;gap:.5em;min-height:56px;
font-family:var(--font-head);font-weight:700;font-size:var(--fs-xs);background:var(--paper);
}
.float-bar svg{width:1.2em;height:1.2em}
.fb-call{color:var(--navy)}
.fb-wa{color:#0A6B45}
.fb-audit{background:linear-gradient(180deg,#2E74E0,var(--teal-dark)) !important;color:#fff !important}
.float-bar.hidden-near-footer{transform:translateY(110%);opacity:0;pointer-events:none}
.back-top{
position:fixed;right:18px;bottom:84px;z-index:99;width:46px;height:46px;border-radius:50%;
background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-md);color:var(--navy);
display:grid;place-items:center;
}
.exit-modal{
position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--sp-5);
background:rgba(8,26,51,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
opacity:0;visibility:hidden;transition:opacity var(--t-med) var(--ease),visibility 0s linear var(--t-med);
}
.exit-modal.show{opacity:1;visibility:visible;transition-delay:0s}
.exit-card{
position:relative;background:var(--paper);border-radius:var(--r-xl);box-shadow:var(--sh-lg);
max-width:480px;width:100%;padding:var(--sp-7);text-align:center;
transform:translateY(14px) scale(.97);transition:transform var(--t-med) var(--ease-spring);
}
.exit-modal.show .exit-card{transform:none}
.exit-card h3{margin:.5rem 0 var(--sp-3)}
.exit-card p{color:var(--slate);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}
.exit-close{
position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;
background:var(--mist);color:var(--slate);font-size:1.4rem;line-height:1;
}
.exit-alt{margin-top:var(--sp-4);font-size:var(--fs-xs) !important;color:var(--slate-light) !important;margin-bottom:0 !important}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}
.reveal.d2{transition-delay:.16s}
.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}
@media (max-width:1120px){
.nav-desktop .nav-link{padding:.6em .55em;font-size:.83rem}
.header-tel span{display:none}
}
@media (max-width:1024px){
.nav-desktop,.header-cta{display:none}
.nav-toggle{display:flex}
.hero-grid{grid-template-columns:1fr;gap:var(--sp-7)}
.hero-copy h1{max-width:none}
.hero-visual{min-height:0}
.ops-card-main{margin-inline:auto}
.ops-chip-1{position:static;margin:var(--sp-4) auto 0}
.ops-chip-2{position:static;margin:var(--sp-3) auto 0}
.split{grid-template-columns:1fr;gap:var(--sp-7)}
.bento{grid-template-columns:1fr 1fr}
.bento-wide{grid-column:span 2;grid-row:auto}
.grid-4{grid-template-columns:1fr 1fr}
.stats-band{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr}
.step:not(:last-child)::after{display:none}
.related-grid,.grid-3{grid-template-columns:1fr 1fr}
.footer-top{grid-template-columns:1fr 1fr}
.price-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
:root{--header-h:64px}
.section{padding-block:var(--sp-8)}
.section-tight{padding-block:var(--sp-7)}
.brand-name{font-size:.92rem}
.brand img{height:30px;width:auto}
.float-bar{display:grid}
body{padding-bottom:56px}
.site-footer{padding-bottom:calc(var(--sp-6) + 64px)}
.back-top{display:none}
.hero-home{padding-top:calc(var(--header-h) + var(--sp-7))}
.hero-cta .btn{width:100%}
.bento{grid-template-columns:1fr}
.bento-wide{grid-column:auto}
.bento-list{grid-template-columns:1fr}
.check-list{grid-template-columns:1fr}
.grid-4,.grid-3,.grid-2,.related-grid{grid-template-columns:1fr}
.field-row{grid-template-columns:1fr}
.footer-top{grid-template-columns:1fr;gap:var(--sp-6)}
.cta-inline{flex-direction:column;align-items:flex-start}
.trust-bar-inner{gap:var(--sp-2) var(--sp-4);justify-content:flex-start}
.card-form{padding:var(--sp-5)}
.wizard-nav{flex-direction:column-reverse}
.wizard-nav .btn{width:100%}
.article-body h2{font-size:var(--fs-lg)}
}
@media (max-width:480px){
.stats-band{grid-template-columns:1fr}
.container{padding-inline:var(--sp-4)}
.hero-chips .chip{width:100%;justify-content:flex-start}
.exit-card{padding:var(--sp-5)}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
.reveal{opacity:1;transform:none}
.expansion-map .route,.expansion-map .exp-node{opacity:1;stroke-dashoffset:0;animation:none}
}
@media print{
.site-header,.float-bar,.exit-modal,.mobile-menu,.back-top,.footer-news{display:none !important}
body{padding:0}
.section{padding-block:1.5rem}
}
.hero-quick-form{
margin-top:var(--sp-5);background:var(--paper);border:1px solid var(--line);
border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:var(--sp-4) var(--sp-5);
max-width:860px;position:relative;
}
.hero-quick-form::before{
content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:var(--r-lg) 0 0 var(--r-lg);
background:linear-gradient(180deg,var(--teal),var(--sky));
}
.hqf-title{font-family:var(--font-head);font-weight:700;font-size:var(--fs-xs);color:var(--navy);margin-bottom:var(--sp-3)}
.hqf-row{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:var(--sp-3);align-items:end}
.hqf-row .field{margin-bottom:0}
.hqf-row .field label{font-size:.7rem;margin-bottom:.3rem}
.hqf-row .field input{min-height:46px;padding:.6em .9em}
.hqf-row .btn{min-height:46px;white-space:nowrap}
@media (max-width:900px){.hqf-row{grid-template-columns:1fr 1fr}.hqf-row .btn{grid-column:1/-1}}
@media (max-width:560px){.hqf-row{grid-template-columns:1fr}}
.phi-note{margin-top:var(--sp-3);font-size:.72rem;color:var(--slate-light);text-align:center}
.ops-twin{
background:linear-gradient(165deg,#0B1B2B 0%,#07111F 70%);
border:1px solid rgba(92,199,240,.14);border-radius:var(--r-xl);
padding:var(--sp-5);box-shadow:0 24px 60px rgba(7,17,31,.35);
position:relative;overflow:hidden;
}
.ops-twin::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(34rem 18rem at 80% -20%,rgba(57,193,242,.12),transparent 60%),
radial-gradient(26rem 16rem at -10% 120%,rgba(37,99,201,.14),transparent 55%);
}
.twin-head{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5)}
.twin-label{
font-family:var(--font-head);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:rgba(188,204,220,.75);display:inline-flex;align-items:center;gap:.5em;
}
.twin-label::before{content:"";width:7px;height:7px;border-radius:50%;background:#5CC7F0;box-shadow:0 0 8px rgba(92,199,240,.7)}
.twin-modes{display:flex;gap:.35rem;flex-wrap:wrap}
.twin-mode{
font-family:var(--font-head);font-size:.72rem;font-weight:700;color:rgba(188,204,220,.8);
padding:.45em .95em;border-radius:var(--r-full);border:1px solid rgba(188,204,220,.22);
transition:background var(--t-fast) var(--ease),color var(--t-fast),border-color var(--t-fast);
min-height:34px;
}
.twin-mode:hover{color:#fff;border-color:rgba(92,199,240,.5)}
.twin-mode.active{background:rgba(37,99,201,.22);border-color:#2563C9;color:#5CC7F0}
.twin-track{position:relative;display:flex;justify-content:space-between;align-items:center;margin:var(--sp-6) 0 var(--sp-5);padding:0 6px}
.twin-track::before{
content:"";position:absolute;left:22px;right:22px;top:50%;height:2px;
background:repeating-linear-gradient(90deg,rgba(92,199,240,.28) 0 6px,transparent 6px 12px);
}
.twin-progress{
position:absolute;left:22px;top:calc(50% - 1px);height:2px;width:0;
background:linear-gradient(90deg,#2563C9,#39C1F5);box-shadow:0 0 10px rgba(92,199,240,.5);
transition:width .5s var(--ease);max-width:calc(100% - 44px);
}
.twin-node{
position:relative;z-index:2;width:38px;height:38px;border-radius:50%;
background:#102A43;border:2px solid rgba(188,204,220,.3);
color:rgba(188,204,220,.85);font-family:var(--font-head);font-weight:800;font-size:.8rem;
display:grid;place-items:center;transition:transform var(--t-fast) var(--ease-spring),border-color var(--t-fast),background var(--t-fast),color var(--t-fast);
}
.twin-node:hover{border-color:#5CC7F0;color:#fff}
.twin-node.done{border-color:rgba(37,99,201,.7);color:#5CC7F0}
.twin-node.active{
background:#2563C9;border-color:#5CC7F0;color:#fff;transform:scale(1.22);
box-shadow:0 0 0 6px rgba(37,99,201,.22),0 0 18px rgba(92,199,240,.45);
}
.twin-detail{
position:relative;background:rgba(16,42,67,.55);border:1px solid rgba(188,204,220,.14);
border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);min-height:104px;
}
.twin-detail strong{display:block;font-family:var(--font-head);font-size:var(--fs-base);color:#fff;margin-bottom:.35rem}
.twin-detail p{font-size:var(--fs-xs);color:rgba(188,204,220,.9);line-height:1.6;margin:0}
.twin-step-tag{
position:absolute;top:-11px;left:var(--sp-5);font-family:var(--font-head);font-size:.62rem;font-weight:800;
letter-spacing:.1em;text-transform:uppercase;color:#5CC7F0;background:#0B1B2B;
border:1px solid rgba(92,199,240,.3);border-radius:var(--r-full);padding:.2em .8em;
}
.twin-controls{position:relative;display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4)}
.twin-btn{
width:40px;height:40px;border-radius:10px;display:grid;place-items:center;
background:rgba(188,204,220,.08);border:1px solid rgba(188,204,220,.2);color:#BCCCDC;
transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.twin-btn:hover{background:rgba(92,199,240,.14);color:#fff;border-color:rgba(92,199,240,.5)}
.twin-btn svg{width:16px;height:16px}
.twin-count{margin-left:auto;font-family:var(--font-head);font-size:.72rem;font-weight:700;color:rgba(188,204,220,.6)}
@media (max-width:1024px){
.ops-twin{max-width:640px;margin-inline:auto}
}
@media (max-width:560px){
.twin-node{width:30px;height:30px;font-size:.68rem}
.twin-track::before,.twin-progress{left:16px;right:16px}
.twin-detail{min-height:128px}
.twin-head{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
.twin-node.active{transform:none}
.twin-progress{transition:none}
}
.twin-standalone{max-width:860px;margin-inline:auto}
@property --ba { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.bento-wide{grid-column:span 2;grid-row:auto}
.bento-card p{flex-grow:0}
.bento-card .link-arrow,.ind-card .link-arrow{margin-top:auto}
.bento-card,.ind-card{min-height:100%}
.bento-card,.ind-card,.price-card,.step{position:relative;overflow:hidden;isolation:isolate}
.bento-card::after,.ind-card::after,.price-card::after,.step::after{
content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(37,99,201,.10),rgba(31,166,223,.05) 45%,transparent 70%);
transition:opacity .35s var(--ease);
}
.bento-card:hover::after,.ind-card:hover::after,.price-card:hover::after,.step:hover::after{opacity:1}
.bento-card::before,.ind-card::before{
content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1.5px;
background:conic-gradient(from var(--ba),transparent 0deg,transparent 300deg,rgba(37,99,201,.85) 335deg,rgba(57,193,242,.9) 350deg,transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
opacity:0;transition:opacity .3s var(--ease);pointer-events:none;
}
.bento-card:hover::before,.ind-card:hover::before{opacity:1;animation:borderSpin 3.2s linear infinite}
@keyframes borderSpin{to{--ba:360deg}}
.bento-card,.ind-card{
background:
radial-gradient(120% 90% at 100% 0%,rgba(31,166,223,.045),transparent 55%),
radial-gradient(120% 90% at 0% 100%,rgba(37,99,201,.05),transparent 55%),
var(--paper);
transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.bento-card:hover{transform:translateY(-7px);box-shadow:0 4px 12px rgba(11,37,69,.07),0 28px 56px rgba(11,37,69,.14)}
.ind-card:hover{transform:translateY(-7px);box-shadow:0 4px 12px rgba(11,37,69,.07),0 24px 48px rgba(11,37,69,.13)}
.bento-icon,.ind-icon{
background:linear-gradient(135deg,#2563C9 0%,#1B48A0 55%,#128CB0 100%);
color:#fff;border:none;position:relative;
box-shadow:0 6px 16px rgba(37,99,201,.28),inset 0 1px 0 rgba(255,255,255,.25);
transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med) var(--ease);
}
.ind-icon{background:linear-gradient(135deg,#2563EB 0%,#1FA6DF 55%,#39C1F5 100%);box-shadow:0 6px 16px rgba(31,166,223,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.bento-card:hover .bento-icon,.ind-card:hover .ind-icon{transform:translateY(-4px) scale(1.06) rotate(-3deg)}
.bento-card:hover .bento-icon::after,.ind-card:hover .ind-icon::after{
content:"";position:absolute;inset:-5px;border-radius:inherit;border:1.5px solid rgba(37,99,201,.35);
animation:iconRing 1.2s var(--ease) infinite;
}
@keyframes iconRing{0%{transform:scale(.85);opacity:0}35%{opacity:1}100%{transform:scale(1.18);opacity:0}}
.link-arrow{transition:gap var(--t-fast) var(--ease)}
.bento-card:hover .link-arrow,.ind-card:hover .link-arrow{color:var(--teal-dark)}
.grid-ambient{position:relative;overflow:hidden}
.grid-ambient::before{
content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;
background:
radial-gradient(38rem 22rem at 18% 30%,rgba(37,99,201,.07),transparent 60%),
radial-gradient(34rem 20rem at 85% 70%,rgba(31,166,223,.07),transparent 60%);
animation:ambientDrift 26s ease-in-out infinite alternate;
}
.grid-ambient::after{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
background-image:radial-gradient(rgba(11,37,69,.07) 1px,transparent 1px);
background-size:26px 26px;
mask-image:radial-gradient(60rem 34rem at 50% 40%,#000 0%,transparent 78%);
}
.grid-ambient > .container{position:relative;z-index:1}
@keyframes ambientDrift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}
.stack-section{position:relative}
.marquee{
position:relative;overflow:hidden;padding-block:var(--sp-2);
mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.marquee-track{display:flex;gap:var(--sp-3);width:max-content;animation:marqL 42s linear infinite}
.marquee-rev .marquee-track{animation-name:marqR;animation-duration:48s}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
@media (hover:none){.marquee-track{animation-play-state:running}}
@keyframes marqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.stack-badge{
display:inline-flex;align-items:center;gap:.55em;white-space:nowrap;
font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);color:var(--navy);
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-full);
padding:.62em 1.3em;box-shadow:var(--sh-xs);
transition:transform var(--t-fast) var(--ease),border-color var(--t-fast),box-shadow var(--t-fast);
}
.stack-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));flex:none}
.stack-badge:hover{transform:translateY(-2px);border-color:#B3CEF2;box-shadow:var(--sh-sm)}
.stack-badge.is-broker::before{background:linear-gradient(135deg,#F59E0B,#F97316)}
.stack-badge.is-phone::before{background:linear-gradient(135deg,#23A9E4,#39C1F5)}
a.stack-badge.is-linked{cursor:pointer;text-decoration:none}
a.stack-badge.is-linked:hover{
transform:translateY(-2px);color:#fff;border-color:transparent;
background:var(--grad-brand);box-shadow:0 8px 20px rgba(37,99,201,.34);
}
a.stack-badge.is-linked:hover::before{background:#fff}
a.stack-badge.is-linked::after{
content:"";width:12px;height:12px;margin-left:.15em;flex:none;opacity:.55;
background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
a.stack-badge.is-linked:hover::after{opacity:1}
.stack-row-hint{font-weight:600;letter-spacing:0;text-transform:none;color:var(--slate-light);font-size:.9em}
.stack-row-label{
font-family:var(--font-head);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
color:var(--slate-light);margin:var(--sp-4) 0 var(--sp-2);display:flex;align-items:center;gap:.6em;
}
.stack-row-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}
.ba-col{border-radius:var(--r-lg);padding:var(--sp-6);position:relative;overflow:hidden}
.ba-before{background:#FDF3F1;border:1px solid #F5D5CE}
.ba-after{background:linear-gradient(165deg,#0B1B2B,#07111F);border:1px solid rgba(92,199,240,.18)}
.ba-col h3{font-size:var(--fs-md);margin-bottom:var(--sp-4)}
.ba-after h3{color:#fff}
.ba-col ul{display:grid;gap:var(--sp-3)}
.ba-col li{position:relative;padding-left:1.9em;font-size:var(--fs-sm);line-height:1.6}
.ba-before li{color:#8A3A2C}
.ba-before li::before{content:"✕";position:absolute;left:.15em;top:0;font-weight:800;color:#D96C57}
.ba-after li{color:rgba(188,204,220,.95)}
.ba-after li::before{
content:"";position:absolute;left:0;top:.22em;width:1.1em;height:1.1em;border-radius:50%;
background:rgba(92,199,240,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%235CC7F0' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;
}
.ba-tag{
display:inline-flex;font-family:var(--font-head);font-size:.66rem;font-weight:800;letter-spacing:.1em;
text-transform:uppercase;border-radius:var(--r-full);padding:.3em 1em;margin-bottom:var(--sp-3);
}
.ba-before .ba-tag{background:#F8DDD6;color:#9A4536}
.ba-after .ba-tag{background:rgba(92,199,240,.14);color:#5CC7F0;border:1px solid rgba(92,199,240,.3)}
@media (max-width:900px){
.ba-grid{grid-template-columns:1fr}
.bento-wide{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
.marquee{mask-image:none;-webkit-mask-image:none}
.marquee-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
.marquee-track [aria-hidden="true"]{display:none!important}
.grid-ambient::before{animation:none}
.bento-card:hover::before,.ind-card:hover::before{animation:none}
.bento-card:hover .bento-icon::after,.ind-card:hover .ind-icon::after{animation:none}
}
.site-header::before{
content:"";position:absolute;inset:0 0 auto 0;height:2.5px;z-index:1;
background:linear-gradient(90deg,var(--teal),var(--sky) 40%,#23A9E4 75%,var(--teal));
background-size:220% 100%;animation:headerFlow 9s linear infinite;
}
@keyframes headerFlow{to{background-position:220% 0}}
.site-header.scrolled{background:rgba(255,255,255,.92)}
.nav-link{position:relative}
.nav-link::after{
content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;border-radius:2px;
background:linear-gradient(90deg,var(--teal),var(--sky));
transition:width var(--t-med) var(--ease),left var(--t-med) var(--ease);
}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{width:60%;left:20%}
.header-tel{
border:1px solid var(--line);border-radius:var(--r-full);padding:.45em 1em;
background:var(--paper);box-shadow:var(--sh-xs);
transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);
}
.header-tel:hover{border-color:#B8E5DE;box-shadow:var(--sh-sm);transform:translateY(-1px)}
.btn-shiny{position:relative;overflow:hidden}
.btn-shiny::after{
content:"";position:absolute;inset:0;
background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.38) 50%,transparent 75%);
transform:translateX(-130%);animation:shinySweep 3.6s var(--ease) infinite;
}
@keyframes shinySweep{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
.hero-cinematic{position:relative}
.hero-cinematic::after{
content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E");
}
.hero-beams{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-beams i{
position:absolute;top:-30%;width:2px;height:160%;opacity:0;
background:linear-gradient(180deg,transparent,rgba(37,99,201,.35) 35%,rgba(57,193,242,.3) 65%,transparent);
transform:rotate(18deg);animation:beamDrift 11s var(--ease) infinite;
}
.hero-beams i:nth-child(1){left:16%;animation-delay:0s}
.hero-beams i:nth-child(2){left:44%;animation-delay:3.5s}
.hero-beams i:nth-child(3){left:74%;animation-delay:7s}
@keyframes beamDrift{0%,100%{opacity:0;transform:rotate(18deg) translateX(-30px)}45%,60%{opacity:1}100%{transform:rotate(18deg) translateX(40px)}}
#heroSparkles{position:absolute;inset:0;pointer-events:none}
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes maskReveal{from{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0 0 -8% 0);opacity:1}}
@keyframes twinIn{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
.hero-cinematic .eyebrow{animation:riseIn .6s var(--ease) .1s both}
.hero-cinematic h1{animation:maskReveal .9s var(--ease) .25s both}
.hero-cinematic .lede{animation:riseIn .7s var(--ease) .55s both}
.hero-cinematic .text-loop-line{animation:riseIn .7s var(--ease) .7s both}
.hero-cinematic .hero-cta{animation:riseIn .7s var(--ease) .85s both}
.hero-cinematic .cta-alt{animation:riseIn .7s var(--ease) .95s both}
.hero-cinematic .hero-chips{animation:riseIn .7s var(--ease) 1.05s both}
.hero-cinematic .ops-twin{animation:twinIn .9s var(--ease) .5s both}
.text-loop-line{
font-family:var(--font-head);font-weight:700;font-size:var(--fs-md);color:var(--navy);
margin-top:var(--sp-4);display:flex;align-items:baseline;gap:.45em;flex-wrap:wrap;
}
.text-loop{
position:relative;display:inline-grid;overflow:hidden;vertical-align:bottom;
color:var(--teal-dark);min-width:9.5ch;height:1.5em;align-items:center;
}
.text-loop > span{
grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(110%);
transition:transform .55s var(--ease-spring),opacity .4s var(--ease);
background:linear-gradient(90deg,var(--teal-dark),#2563EB);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.text-loop > span.tl-in{opacity:1;transform:none}
.text-loop > span.tl-out{opacity:0;transform:translateY(-110%)}
.tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s var(--ease);will-change:transform}
.dither{position:relative;overflow:hidden}
.dither::after{
content:"";position:absolute;inset:-50%;pointer-events:none;opacity:.5;
background-image:radial-gradient(rgba(92,199,240,.16) 1px,transparent 1.4px);
background-size:22px 22px;
mask-image:radial-gradient(46rem 26rem at 70% 30%,#000,transparent 70%);
animation:ditherDrift 24s linear infinite alternate;
}
@keyframes ditherDrift{from{transform:translate3d(-2%,-3%,0)}to{transform:translate3d(2%,3%,0)}}
.dither > .container{position:relative;z-index:1}
.site-footer{position:relative;overflow:hidden;border-top:1px solid transparent}
.site-footer::before{
content:"";position:absolute;inset:0 0 auto 0;height:3px;z-index:2;pointer-events:none;
background:linear-gradient(90deg,transparent,var(--brand) 22%,var(--brand-2) 50%,var(--brand-bright) 72%,transparent);
background-size:200% 100%;animation:headerFlow 9s linear infinite;
}
.site-footer::after{
content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
background:
linear-gradient(180deg,rgba(7,20,42,.55),rgba(7,20,42,.40) 45%,rgba(7,20,42,.58)),
radial-gradient(125% 100% at 50% 26%,transparent 40%,rgba(5,15,33,.55) 100%);
}
.footer-waves{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.footer-waves .fw{position:absolute;filter:blur(48px);mix-blend-mode:screen;will-change:transform;
border-radius:46% 54% 52% 48%/48% 46% 54% 52%}
.footer-waves .fw1{width:56%;height:170%;left:-9%;top:-34%;
background:radial-gradient(circle at 50% 50%,rgba(37,99,201,.34),transparent 68%);animation:fwDrift1 15s ease-in-out infinite alternate}
.footer-waves .fw2{width:52%;height:170%;right:-7%;top:-40%;
background:radial-gradient(circle at 50% 50%,rgba(31,166,223,.28),transparent 68%);animation:fwDrift2 12s ease-in-out infinite alternate}
.footer-waves .fw3{width:50%;height:160%;left:24%;bottom:-44%;
background:radial-gradient(circle at 50% 50%,rgba(57,193,242,.24),transparent 70%);animation:fwDrift3 18s ease-in-out infinite alternate}
.footer-waves .fw4{width:40%;height:150%;left:54%;top:-26%;
background:radial-gradient(circle at 50% 50%,rgba(124,214,255,.20),transparent 70%);animation:fwDrift4 14s ease-in-out infinite alternate}
.footer-waves::before,.footer-waves::after{content:"";position:absolute;left:-12%;top:0;width:124%;height:110px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 26 C40 10 80 10 120 26 S200 42 240 26 V40 H0 Z' fill='%237CD6FF'/%3E%3C/svg%3E") repeat-x;
background-size:280px 68px;will-change:transform}
.footer-waves::before{opacity:.15;animation:fwWave 9s linear infinite}
.footer-waves::after{opacity:.08;top:10px;animation:fwWave 15s linear infinite reverse}
@keyframes fwDrift1{from{transform:translate3d(-5%,-3%,0) scale(1)}to{transform:translate3d(9%,5%,0) scale(1.2)}}
@keyframes fwDrift2{from{transform:translate3d(5%,4%,0) scale(1.06)}to{transform:translate3d(-8%,-5%,0) scale(1.22)}}
@keyframes fwDrift3{from{transform:translate3d(-4%,3%,0) scale(1)}to{transform:translate3d(7%,-6%,0) scale(1.16)}}
@keyframes fwDrift4{from{transform:translate3d(4%,-2%,0) scale(1.08)}to{transform:translate3d(-7%,5%,0) scale(1.24)}}
@keyframes fwWave{from{transform:translateX(0)}to{transform:translateX(-280px)}}
.site-footer > .container{position:relative;z-index:1;text-shadow:0 1px 2px rgba(4,14,33,.5)}
.footer-col a{position:relative;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.footer-col a:hover{transform:translateX(5px)}
.footer-col h4{position:relative;padding-bottom:.5rem}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:var(--grad-brand)}
.footer-giant{
margin-top:var(--sp-7);text-align:center;user-select:none;line-height:.85;
font-family:var(--font-head);font-weight:800;letter-spacing:-.03em;
font-size:clamp(2.6rem,9.5vw,8.2rem);white-space:nowrap;
color:transparent;-webkit-text-stroke:1px rgba(188,204,220,.16);
background:linear-gradient(90deg,rgba(37,99,201,.9),rgba(31,166,223,.9),rgba(57,193,242,.85));
-webkit-background-clip:text;background-clip:text;
background-size:0% 100%;background-repeat:no-repeat;
transition:background-size 1.1s var(--ease),-webkit-text-stroke-color .5s var(--ease);
}
.footer-giant:hover{background-size:100% 100%;-webkit-text-stroke-color:transparent}
.photo-card{
position:relative;border-radius:var(--r-xl);overflow:hidden;isolation:isolate;
box-shadow:var(--sh-md);border:1px solid var(--line);
transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);
}
.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}
.photo-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.photo-card:hover img{transform:scale(1.06)}
.photo-card::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,transparent 52%,rgba(8,26,51,.78));
}
.photo-card .photo-cap{
position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:2;
color:#fff;font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);line-height:1.35;
transform:translateY(6px);transition:transform var(--t-med) var(--ease);
}
.photo-card .photo-cap small{display:block;font-family:var(--font-body);font-weight:400;font-size:.72rem;color:rgba(255,255,255,.75);margin-top:.25rem}
.photo-card:hover .photo-cap{transform:none}
.photo-band{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--sp-5)}
.photo-band .photo-card{min-height:300px}
.photo-band .photo-card:first-child{grid-row:span 1}
.photo-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}
.photo-split .photo-card{min-height:380px}
@media (max-width:900px){
.photo-band{grid-template-columns:1fr}
.photo-band .photo-card{min-height:240px}
.photo-split{grid-template-columns:1fr}
.photo-split .photo-card{min-height:260px}
.footer-giant{white-space:normal;line-height:1}
}
@media (prefers-reduced-motion:reduce){
.footer-waves .fw,.footer-waves::before,.footer-waves::after{animation:none}
.site-header::before,.btn-shiny::after,.hero-beams i,.dither::after{animation:none}
.hero-cinematic .eyebrow,.hero-cinematic h1,.hero-cinematic .lede,.hero-cinematic .text-loop-line,
.hero-cinematic .hero-cta,.hero-cinematic .cta-alt,.hero-cinematic .hero-chips,.hero-cinematic .ops-twin{animation:none;opacity:1;clip-path:none;transform:none}
.text-loop > span{transition:none}
.tilt{transform:none !important}
.photo-card:hover img{transform:none}
}
.section-navy{position:relative;overflow:hidden}
.section-navy::before{
content:"";position:absolute;inset:-50%;pointer-events:none;opacity:.4;
background-image:radial-gradient(rgba(92,199,240,.14) 1px,transparent 1.4px);
background-size:24px 24px;
mask-image:radial-gradient(50rem 28rem at 72% 30%,#000,transparent 72%);
animation:ditherDrift 26s linear infinite alternate;
}
.section-navy > .container{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.section-navy::before{animation:none}}
.footer-giant{
position:relative;margin-top:var(--sp-8);padding-top:var(--sp-5);
font-size:clamp(1.9rem,7.2vw,6.6rem);letter-spacing:.01em;white-space:nowrap;
-webkit-text-stroke:0;color:transparent;
background:linear-gradient(100deg,#2563C9 0%,#39C1F5 30%,#23A9E4 55%,#39C1F5 78%,#2563C9 100%);
background-size:250% 100%;
-webkit-background-clip:text;background-clip:text;
animation:giantFlow 10s linear infinite;
transition:none;
}
@keyframes giantFlow{to{background-position:250% 0}}
.footer-giant::before{
content:"";position:absolute;left:15%;right:15%;bottom:-18%;height:60%;
background:radial-gradient(50% 100% at 50% 0%,rgba(37,99,201,.18),transparent 70%);
pointer-events:none;filter:blur(12px);
}
.footer-giant .fg-l{
display:inline-block;opacity:0;transform:translateY(55%) rotate(3deg);
transition:transform .7s var(--ease-spring),opacity .5s var(--ease),filter .3s var(--ease);
background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;
}
.footer-giant.in .fg-l{opacity:1;transform:none}
.footer-giant .fg-l:hover{transform:translateY(-8%) scale(1.06);filter:drop-shadow(0 6px 18px rgba(92,199,240,.45))}
.footer-giant .fg-sp{display:inline-block;width:.34em}
@media (max-width:700px){.footer-giant{white-space:normal;line-height:1.05;font-size:clamp(1.7rem,11vw,3.2rem)}}
@media (prefers-reduced-motion:reduce){
.footer-giant{animation:none}
.footer-giant .fg-l{opacity:1;transform:none;transition:none}
}
.hero-home{
background:
radial-gradient(58rem 34rem at 85% -15%,rgba(57,193,242,.16),transparent 58%),
radial-gradient(44rem 30rem at -12% 30%,rgba(37,99,201,.14),transparent 55%),
radial-gradient(38rem 26rem at 55% 115%,rgba(31,166,223,.10),transparent 55%),
linear-gradient(180deg,#F7FAFD 0%,var(--paper) 100%);
}
.hero-home::before{opacity:.75;background-size:48px 48px}
.hero-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-orbs i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:orbFloat2 16s ease-in-out infinite alternate}
.hero-orbs i:nth-child(1){width:340px;height:340px;left:-6%;top:8%;background:radial-gradient(circle,rgba(37,99,201,.35),transparent 70%)}
.hero-orbs i:nth-child(2){width:420px;height:420px;right:-8%;top:-12%;background:radial-gradient(circle,rgba(57,193,242,.32),transparent 70%);animation-delay:3s}
.hero-orbs i:nth-child(3){width:280px;height:280px;left:38%;bottom:-18%;background:radial-gradient(circle,rgba(31,166,223,.28),transparent 70%);animation-delay:6s}
@keyframes orbFloat2{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4%,6%,0) scale(1.12)}}
.hero-visual{position:relative}
.hero-visual::before{
content:"";position:absolute;inset:-12% -10%;z-index:0;pointer-events:none;
background:radial-gradient(60% 55% at 50% 45%,rgba(37,99,201,.16),rgba(57,193,242,.10) 45%,transparent 72%);
filter:blur(8px);
}
.hero-visual::after{
content:"";position:absolute;left:8%;right:8%;bottom:-26px;height:46px;z-index:0;pointer-events:none;
background:radial-gradient(50% 100% at 50% 0%,rgba(8,26,51,.30),transparent 75%);
filter:blur(10px);
}
.hero-visual .ops-twin{position:relative;z-index:1}
.grad-text{
background:linear-gradient(95deg,var(--teal) 0%,#0FA7C9 45%,var(--sky) 75%,#23A9E4 100%);
background-size:180% 100%;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
animation:gradShift 7s ease-in-out infinite alternate;
}
@keyframes gradShift{to{background-position:100% 0}}
.hero-cta .btn-primary{
box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 10px 30px rgba(37,99,201,.35),0 2px 8px rgba(37,99,201,.25);
}
.hero-cta .btn-primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 16px 44px rgba(37,99,201,.45),0 4px 12px rgba(37,99,201,.3)}
.btn-glass{
background:
linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.75)) padding-box,
linear-gradient(120deg,rgba(37,99,201,.55),rgba(57,193,242,.55),rgba(31,166,223,.5)) border-box;
border:1.5px solid transparent;color:var(--navy);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
box-shadow:var(--sh-sm);
}
.btn-glass:hover{
color:var(--navy);transform:translateY(-2px);
background:
linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)) padding-box,
linear-gradient(120deg,var(--teal),var(--sky),#23A9E4) border-box;
box-shadow:0 10px 28px rgba(31,166,223,.18);
}
.hero-chips .chip{
background:
linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)) padding-box,
linear-gradient(120deg,rgba(37,99,201,.4),rgba(57,193,242,.35)) border-box;
border:1px solid transparent;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.hero-chips .chip:hover{transform:translateY(-2px);box-shadow:var(--sh-sm)}
.section-mist{
background:
radial-gradient(46rem 20rem at 90% 0%,rgba(57,193,242,.05),transparent 60%),
radial-gradient(40rem 20rem at 5% 100%,rgba(37,99,201,.05),transparent 60%),
var(--mist);
}
@media (prefers-reduced-motion:reduce){
.hero-orbs i{animation:none}
.grad-text{animation:none}
}
.footer-tagline-wrap{text-align:center;margin-top:var(--sp-6);position:relative}
.footer-tagline-logo{
display:inline-block;border-radius:14px;position:relative;
box-shadow:0 0 0 1px rgba(92,199,240,.25),0 8px 24px rgba(37,99,201,.25);
animation:logoGlow 4s ease-in-out infinite alternate;
}
@keyframes logoGlow{
from{box-shadow:0 0 0 1px rgba(92,199,240,.22),0 8px 22px rgba(37,99,201,.2)}
to{box-shadow:0 0 0 2px rgba(92,199,240,.45),0 10px 34px rgba(57,193,242,.35)}
}
.footer-tagline{
margin-top:var(--sp-3);
font-family:var(--font-head);font-weight:800;font-style:italic;letter-spacing:.01em;
font-size:clamp(1.15rem,2.6vw,1.7rem);line-height:1.3;
background:linear-gradient(95deg,#5CC7F0 0%,#39C1F5 45%,#23A9E4 80%,#5CC7F0 100%);
background-size:220% 100%;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
animation:gradShift 8s ease-in-out infinite alternate;
}
.footer-tagline-sub{
margin-top:.5rem;font-family:var(--font-head);font-weight:600;font-size:.68rem;
letter-spacing:.22em;text-transform:uppercase;color:var(--paper-45);
}
@media (prefers-reduced-motion:reduce){.footer-tagline-logo,.footer-tagline{animation:none}}
.section-navy.stack-section .lede{color:var(--paper-70)}
.section-navy .stack-row-label{color:rgba(188,204,220,.6)}
.section-navy .stack-row-label::after{background:linear-gradient(90deg,rgba(188,204,220,.25),transparent)}
.section-navy .stack-badge{
background:rgba(255,255,255,.05);border:1px solid rgba(188,204,220,.18);color:#E6EEF7;
box-shadow:0 1px 0 rgba(255,255,255,.06) inset;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.section-navy .stack-badge:hover{border-color:rgba(92,199,240,.55);box-shadow:0 6px 20px rgba(37,99,201,.25);color:#fff}
.section-navy .strip-note{color:rgba(188,204,220,.55)}
.section-navy .marquee{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.stat{overflow:hidden;isolation:isolate;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}
.stat::before{
content:"";position:absolute;inset:0 0 auto 0;height:3px;
background:linear-gradient(90deg,var(--teal),var(--sky));
transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow) var(--ease);
}
.stat:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#C9E8E2}
.stat:hover::before{transform:scaleX(1)}
.stat::after{
content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(37,99,201,.09),transparent 70%);
transition:opacity .35s var(--ease);
}
.stat:hover::after{opacity:1}
.stat-num{
background:linear-gradient(120deg,var(--navy) 20%,var(--teal-dark) 60%,#2563EB 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.stat{position:relative}
.step:not(:last-child)::after{right:calc(-1 * var(--sp-5));width:var(--sp-5)}
.step{transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}
.step:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#C9D8EC}
.step-num{
background:linear-gradient(135deg,var(--navy) 0%,#13315F 55%,var(--teal-dark) 130%);
box-shadow:0 6px 16px rgba(11,37,69,.25),inset 0 1px 0 rgba(255,255,255,.18);
transition:transform var(--t-med) var(--ease-spring);
}
.step:hover .step-num{transform:scale(1.1) rotate(-4deg)}
.price-teaser-card,.card-form{
position:relative;isolation:isolate;overflow:hidden;
background:
linear-gradient(var(--paper),var(--paper)) padding-box,
linear-gradient(140deg,rgba(37,99,201,.4),rgba(227,233,242,.9) 35%,rgba(227,233,242,.9) 65%,rgba(57,193,242,.4)) border-box;
border:1.5px solid transparent;
}
.price-teaser-card::after,.card-form::after{
content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(37,99,201,.07),transparent 70%);
transition:opacity .35s var(--ease);
}
.price-teaser-card:hover::after,.card-form:hover::after{opacity:1}
.price-teaser-card li strong{
background:linear-gradient(100deg,var(--navy),var(--teal-dark));
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.card-form::before{height:3.5px;background:linear-gradient(90deg,var(--teal),var(--sky),#23A9E4);background-size:200% 100%;animation:headerFlow 8s linear infinite}
.progress-step.active{
border-image:linear-gradient(90deg,var(--teal),var(--sky)) 1;
border-bottom-width:3px;border-bottom-style:solid;border-color:transparent;
}
@media (prefers-reduced-motion:reduce){.card-form::before{animation:none}}
.footer-tagline-wrap{margin-top:var(--sp-5)}
.footer-tagline{font-size:clamp(1.25rem,3vw,1.95rem);margin-top:0}
.footer-tagline-wrap::before{
content:"";display:block;width:64px;height:3px;border-radius:3px;margin:0 auto var(--sp-4);
background:linear-gradient(90deg,var(--teal),var(--sky),#23A9E4);
}
.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.site-header.scrolled{box-shadow:0 8px 32px rgba(11,37,69,.10),0 1px 0 rgba(227,233,242,.9)}
.mega{
border:1.5px solid transparent;border-radius:20px;
background:
linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.96)) padding-box,
linear-gradient(140deg,rgba(37,99,201,.5),rgba(227,233,242,.9) 30%,rgba(227,233,242,.9) 70%,rgba(57,193,242,.5)) border-box;
-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
box-shadow:0 6px 16px rgba(11,37,69,.08),0 32px 80px rgba(11,37,69,.18);
transform:translateX(-50%) translateY(10px) scale(.985);
}
.nav-item.open .mega{transform:translateX(-50%) translateY(0) scale(1)}
.mega-title{
background:linear-gradient(90deg,var(--teal-dark),#2563EB);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
letter-spacing:.14em;font-weight:800;
padding-bottom:.45rem;margin-bottom:.55rem;border-bottom:1px solid var(--line-soft);
}
.mega a{border-radius:9px;transition:background var(--t-fast) var(--ease),color var(--t-fast),transform var(--t-fast) var(--ease)}
.mega a:hover{
background:linear-gradient(90deg,var(--teal-soft),rgba(235,242,254,.7));
transform:translateX(4px);
}
.mega a svg{transition:transform var(--t-fast) var(--ease-spring),color var(--t-fast)}
.mega a:hover svg{transform:scale(1.25);color:var(--teal-dark)}
.mega-cta{
margin:var(--sp-4) calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5));
padding:var(--sp-4) var(--sp-5);border-top:none;border-radius:0 0 18px 18px;
background:
radial-gradient(30rem 8rem at 85% 0%,rgba(57,193,242,.10),transparent 60%),
radial-gradient(24rem 8rem at 10% 100%,rgba(37,99,201,.10),transparent 60%),
var(--mist);
}
.mega-cta p strong{
background:linear-gradient(90deg,var(--navy),var(--teal-dark));
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.mega-cta .btn{box-shadow:0 6px 18px rgba(37,99,201,.3)}
.trust-bar{
position:relative;overflow:hidden;padding:var(--sp-6) 0;
background:
radial-gradient(46rem 13rem at 12% -12%,rgba(37,99,201,.26),transparent 60%),
radial-gradient(46rem 13rem at 88% 112%,rgba(57,193,242,.20),transparent 60%),
linear-gradient(165deg,#0B1B2B,#071627 55%,#0A1E38);
}
.trust-bar::before{
content:"";position:absolute;inset:0 0 auto 0;height:1.5px;z-index:3;
background:linear-gradient(90deg,transparent,rgba(92,199,240,.7) 28%,rgba(57,193,242,.7) 72%,transparent);
}
.trust-bar::after{
content:"";position:absolute;inset:-40%;pointer-events:none;opacity:.4;z-index:0;
background-image:radial-gradient(rgba(92,199,240,.18) 1px,transparent 1.4px);
background-size:22px 22px;
mask-image:radial-gradient(64rem 13rem at 50% 50%,#000,transparent 80%);
}
.trust-sheen{
content:"";position:absolute;top:-20%;bottom:-20%;left:-30%;width:20%;z-index:0;pointer-events:none;
background:linear-gradient(100deg,transparent,rgba(180,222,255,.12),transparent);
filter:blur(8px);transform:skewX(-14deg);
animation:trustSheen 9s ease-in-out 2.5s infinite;
}
@keyframes trustSheen{0%{transform:skewX(-14deg) translateX(0)}58%,100%{transform:skewX(-14deg) translateX(810%)}}
.section-navy,.dither,.case-band{content-visibility:auto;contain-intrinsic-size:auto 560px}
.site-footer:not(.footer-in) .fw,
.site-footer:not(.footer-in) .footer-waves::before,
.site-footer:not(.footer-in) .footer-waves::after{animation-play-state:paused}
.trust-eyebrow{
position:relative;z-index:2;text-align:center;margin:0 0 var(--sp-4);
font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8FB6DF;
}
.trust-eyebrow::before,.trust-eyebrow::after{content:"";display:inline-block;width:26px;height:1px;vertical-align:middle;margin:0 .8em;background:linear-gradient(90deg,transparent,rgba(143,182,223,.6))}
.trust-eyebrow::after{background:linear-gradient(90deg,rgba(143,182,223,.6),transparent)}
.trust-bar-inner{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}
.trust-item{
display:inline-flex;align-items:center;gap:.6em;
padding:.62em 1.25em .62em .95em;border-radius:var(--r-full);
background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
border:1px solid rgba(146,190,235,.24);
color:rgba(233,241,250,.95);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 2px 12px rgba(4,12,26,.4);
-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
transition:transform var(--t-fast) var(--ease),border-color var(--t-fast),box-shadow var(--t-fast),color var(--t-fast);
}
.trust-item::before{content:none}
.trust-item svg{width:1.18em;height:1.18em;flex:0 0 auto;color:#5CC7F0;filter:drop-shadow(0 0 5px rgba(92,199,240,.55))}
.trust-item:hover{transform:translateY(-3px);border-color:rgba(92,199,240,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 28px rgba(37,99,201,.34);color:#fff}
.trust-item:hover svg{color:#7CD6FF}
@media (max-width:600px){.trust-item{font-size:.72rem;padding:.52em .95em}.trust-eyebrow{font-size:.64rem;letter-spacing:.14em}.trust-eyebrow::before,.trust-eyebrow::after{width:16px}}
@media (prefers-reduced-motion:reduce){.trust-sheen{animation:none;display:none}}
.mega{
position:fixed;top:calc(var(--header-h) - 6px);left:50%;
width:min(1120px,95vw);max-width:none;
background:#FFFFFF;
-webkit-backdrop-filter:none;backdrop-filter:none;
border:1px solid var(--line);border-radius:20px;
box-shadow:0 4px 12px rgba(11,37,69,.08),0 36px 90px rgba(11,37,69,.22);
padding:var(--sp-6) var(--sp-6) var(--sp-5);
transform:translateX(-50%) translateY(12px) scale(.985);
}
.nav-item.open .mega{transform:translateX(-50%) translateY(0) scale(1)}
.mega::before{
content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;
background:linear-gradient(90deg,var(--teal),var(--sky),#23A9E4);
background-size:200% 100%;animation:headerFlow 8s linear infinite;
}
.mega-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--sp-5)}
.mega-col{min-width:0}
.mega-title{
min-height:2.6em;display:flex;align-items:flex-end;
white-space:normal;line-height:1.25;
}
.mega a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-cta{
margin:var(--sp-4) calc(-1 * var(--sp-6)) calc(-1 * var(--sp-5));
padding:var(--sp-4) var(--sp-6);
}
.mega-fit{width:max-content;max-width:min(880px,92vw)}
.mega-fit .mega-cols{grid-auto-columns:minmax(200px,240px)}
@media (max-width:1120px){
.mega{width:96vw}
.mega-cols{gap:var(--sp-4)}
}
@media (prefers-reduced-motion:reduce){.mega::before{animation:none}}
.mega{overflow:hidden}
.mega-fit{width:max-content;max-width:min(1040px,94vw)}
.mega-fit .mega-cols{grid-auto-columns:auto;gap:var(--sp-5)}
.mega-fit .mega-col{min-width:200px;max-width:270px}
.mega-fit .mega a{max-width:100%}
@media (max-width:1100px){
.mega-fit{max-width:94vw}
.mega-fit .mega-col{min-width:170px}
}
.us-shape{
fill:rgba(92,199,240,.045);stroke:rgba(92,199,240,.4);stroke-width:1.5;
stroke-linejoin:round;
filter:drop-shadow(0 0 16px rgba(92,199,240,.15));
animation:mapBreath 6s ease-in-out infinite alternate;
}
@keyframes mapBreath{
from{fill:rgba(92,199,240,.035);filter:drop-shadow(0 0 10px rgba(92,199,240,.10))}
to{fill:rgba(92,199,240,.07);filter:drop-shadow(0 0 22px rgba(92,199,240,.28))}
}
.route-dot{opacity:0;offset-rotate:0deg;filter:drop-shadow(0 0 6px rgba(92,199,240,.9))}
.rd1{offset-path:path('M412 168 C 380 120, 350 108, 318 118')}
.rd2{offset-path:path('M412 168 C 380 200, 360 216, 340 226')}
.rd3{offset-path:path('M412 168 C 400 220, 398 244, 396 262')}
.rd4{offset-path:path('M412 168 C 370 160, 320 168, 282 180')}
.case-band.in-view .route-dot{animation:routeTravel 3.4s ease-in-out infinite}
.case-band.in-view .rd2{animation-delay:.8s}
.case-band.in-view .rd3{animation-delay:1.6s}
.case-band.in-view .rd4{animation-delay:2.4s}
@keyframes routeTravel{
0%{offset-distance:0%;opacity:0}
12%{opacity:1}
82%{opacity:1}
100%{offset-distance:100%;opacity:0}
}
.ping{
fill:none;stroke:#5CC7F0;stroke-width:1.5;opacity:0;
transform-box:fill-box;transform-origin:center;
}
.case-band.in-view .ping{animation:radarPing 2.8s ease-out infinite}
.case-band.in-view .n2 .ping{animation-delay:.7s}
.case-band.in-view .n3 .ping{animation-delay:1.4s}
.case-band.in-view .n4 .ping{animation-delay:2.1s}
@keyframes radarPing{
0%{transform:scale(.4);opacity:.9}
70%{opacity:.15}
100%{transform:scale(2.6);opacity:0}
}
.origin-ping{
fill:none;stroke:#2563C9;stroke-width:2;opacity:0;
transform-box:fill-box;transform-origin:center;
}
.case-band.in-view .origin-ping{animation:radarPing 2.4s ease-out infinite}
.case-band.in-view .origin-ping.p2{animation-delay:1.2s}
.expansion-map{transform:none}
.expansion-map .route{stroke-width:3}
.route-dot{filter:drop-shadow(0 0 12px rgba(57,193,242,1)) drop-shadow(0 0 22px rgba(31,166,223,.7))}
.exp-node{filter:drop-shadow(0 0 10px rgba(31,166,223,1)) drop-shadow(0 0 20px rgba(37,99,201,.6))}
.ping{stroke-width:2.2}
@media (prefers-reduced-motion:reduce){
.us-shape,.expansion-map{animation:none}
.route-dot,.case-band.in-view .route-dot{animation:none;opacity:0}
.ping,.origin-ping,.case-band.in-view .ping,.case-band.in-view .origin-ping{animation:none;opacity:0}
}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.15em .55em}
.breadcrumb li{display:inline-flex;align-items:center;gap:.55em}
.breadcrumb li::marker{content:none}
.breadcrumb li:not(:last-child)::after{
content:"›";margin-left:.1em;color:var(--slate-light);font-weight:600;
}
.breadcrumb a{
color:var(--slate);font-weight:500;padding:.15em .1em;border-radius:6px;
transition:color var(--t-fast) var(--ease);
}
.breadcrumb a:hover{color:var(--teal-dark)}
.breadcrumb li[aria-current]{
color:var(--navy);font-weight:700;
background:linear-gradient(90deg,var(--teal-dark),#2563EB);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.price-grid-4{grid-template-columns:repeat(4,1fr)}
.section-navy .price-card{background:rgba(255,255,255,.045);border-color:rgba(188,204,220,.16)}
.section-navy .price-card.featured{border-color:var(--teal);box-shadow:0 0 0 1px rgba(92,199,240,.25),0 24px 60px rgba(0,0,0,.35)}
.section-navy .price-role{color:#fff}
.section-navy .price-amount{color:#fff;background:linear-gradient(100deg,#5CC7F0,#39C1F5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.section-navy .price-amount small{color:rgba(188,204,220,.75);-webkit-text-fill-color:rgba(188,204,220,.75)}
.section-navy .price-desc{color:rgba(188,204,220,.85)}
.section-navy .price-feats li{color:rgba(230,238,247,.9)}
.section-navy .price-card .btn-secondary{background:rgba(255,255,255,.06);border-color:rgba(188,204,220,.3);color:#fff}
.section-navy .price-card .btn-secondary:hover{border-color:#5CC7F0;background:rgba(92,199,240,.12)}
.save-tag{display:block;margin-top:.5rem;font-size:.72rem;font-weight:800;color:#5CC7F0;-webkit-text-fill-color:#5CC7F0;letter-spacing:.02em;text-transform:uppercase}
@media (max-width:1120px){.price-grid-4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.price-grid-4{grid-template-columns:1fr}}
.vs-wrap{border-radius:var(--r-xl);box-shadow:var(--sh-lg);border:1px solid var(--line)}
.vs-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;background:var(--paper);font-size:var(--fs-sm)}
.vs-table th,.vs-table td{padding:1.05rem 1.3rem;vertical-align:top;text-align:left}
.vs-table thead th{
font-family:var(--font-head);font-weight:800;color:var(--navy);
background:var(--mist);border-bottom:2px solid var(--line);
position:relative;
}
.vs-h-tag{display:inline-flex;align-items:center;gap:.5em;font-size:.82rem;letter-spacing:.02em}
.vs-h-tag::before{content:"";width:9px;height:9px;border-radius:50%;background:#D96C57}
.vs-h-ssn::before{background:linear-gradient(135deg,var(--teal),var(--sky));box-shadow:0 0 8px rgba(37,99,201,.6)}
.vs-reco{
display:inline-block;margin-left:.7em;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
background:linear-gradient(90deg,var(--teal),var(--sky));color:#fff;border-radius:var(--r-full);padding:.25em .8em;
vertical-align:middle;
}
.vs-table td:first-child{
font-family:var(--font-head);font-weight:700;color:var(--navy);width:20%;
background:linear-gradient(90deg,#FBFCFE,var(--paper));border-right:1px solid var(--line-soft);
}
.vs-table tbody tr{transition:background var(--t-fast) var(--ease)}
.vs-table tbody tr:hover{background:#FBFDFE}
.vs-table tbody td{border-bottom:1px solid var(--line-soft)}
.vs-table tbody tr:last-child td{border-bottom:none}
.vs-bad{color:#8A4536;width:38%;position:relative;padding-left:2.6rem}
.vs-bad::before{
content:"✕";position:absolute;left:1.1rem;top:1.05rem;font-weight:800;color:#D96C57;
}
.vs-good{
color:var(--ink);width:42%;position:relative;padding-left:2.7rem;
background:linear-gradient(90deg,rgba(37,99,201,.055),rgba(57,193,242,.035));
border-left:2px solid rgba(37,99,201,.35);
}
.vs-good::before{
content:"";position:absolute;left:1rem;top:1.12rem;width:1.15em;height:1.15em;border-radius:50%;
background:var(--teal-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%232563C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;
}
.vs-table thead .vs-ssn{
background:linear-gradient(180deg,rgba(37,99,201,.10),var(--mist));
border-top:3px solid var(--teal);
}
.vs-table td.vs-bad{padding-left:2.7rem}
.vs-table td.vs-good{padding-left:2.8rem}
.vs-table td.vs-bad::before{left:1.15rem}
.vs-table td.vs-good::before{left:1.05rem}
.price-card{overflow:visible}
.bento-card::after,.ind-card::after,.price-card::after,.step::after,.stat::after{border-radius:inherit}
.price-flag{z-index:3}
.footer-social{display:flex;gap:.6rem;margin-top:var(--sp-4)}
.footer-social a{
display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
color:rgba(188,204,220,.8);background:rgba(255,255,255,.05);
border:1px solid rgba(188,204,220,.16);
transition:transform var(--t-fast) var(--ease-spring),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);
}
.footer-social a svg{width:19px;height:19px}
.footer-social a:hover{
color:#fff;transform:translateY(-3px) scale(1.08);
background:var(--grad-brand);
border-color:rgba(92,199,240,.7);box-shadow:0 10px 26px rgba(37,99,201,.42),0 3px 12px rgba(31,166,223,.4);
}
.route-connector::before{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.hero-home::before{-webkit-mask-image:radial-gradient(70rem 40rem at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(70rem 40rem at 50% 0%,#000 0%,transparent 75%)}
.grid-ambient::after{-webkit-mask-image:radial-gradient(60rem 34rem at 50% 40%,#000 0%,transparent 78%);mask-image:radial-gradient(60rem 34rem at 50% 40%,#000 0%,transparent 78%)}
.dither::after{-webkit-mask-image:radial-gradient(46rem 26rem at 70% 30%,#000,transparent 70%);mask-image:radial-gradient(46rem 26rem at 70% 30%,#000,transparent 70%)}
.section-navy::before{-webkit-mask-image:radial-gradient(50rem 28rem at 72% 30%,#000,transparent 72%);mask-image:radial-gradient(50rem 28rem at 72% 30%,#000,transparent 72%)}
.trust-bar::after{-webkit-mask-image:radial-gradient(60rem 10rem at 50% 50%,#000,transparent 80%);mask-image:radial-gradient(60rem 10rem at 50% 50%,#000,transparent 80%)}
.section-navy .marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
.grad-text{background:none;color:var(--teal-dark);-webkit-text-fill-color:currentColor;animation:none}
.stat-num{background:none;color:var(--navy);-webkit-text-fill-color:currentColor}
.footer-giant,.footer-giant .fg-l{background:none;color:rgba(92,199,240,.55);-webkit-text-fill-color:currentColor;animation:none}
.footer-tagline{background:none;color:#5CC7F0;-webkit-text-fill-color:currentColor;animation:none}
.price-teaser-card li strong{background:none;color:var(--navy);-webkit-text-fill-color:currentColor}
.mega-title{background:none;color:var(--slate-light);-webkit-text-fill-color:currentColor}
.mega-cta p strong{background:none;color:var(--navy);-webkit-text-fill-color:currentColor}
.breadcrumb li[aria-current]{background:none;color:var(--navy);-webkit-text-fill-color:currentColor}
.text-loop > span{background:none;color:var(--teal-dark);-webkit-text-fill-color:currentColor}
.section-navy .price-amount{background:none;color:#fff;-webkit-text-fill-color:currentColor}
}
@supports not (offset-path:path("M0 0 L1 1")){
.route-dot,.case-band.in-view .route-dot{display:none;animation:none}
}
@media (max-width:768px){
body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
#ssnFab{bottom:calc(84px + env(safe-area-inset-bottom)) !important}
#ssnTip{bottom:calc(96px + env(safe-area-inset-bottom)) !important}
#ssnPanel{bottom:calc(84px + env(safe-area-inset-bottom)) !important}
}
@media (max-width:480px){
#ssnFab{bottom:calc(76px + env(safe-area-inset-bottom)) !important}
#ssnTip{bottom:calc(86px + env(safe-area-inset-bottom)) !important}
#ssnPanel{bottom:calc(76px + env(safe-area-inset-bottom)) !important;max-height:calc(100vh - 96px - env(safe-area-inset-bottom)) !important}
}
.twin-btn{width:44px;height:44px}
.exit-close{width:44px;height:44px}
.twin-mode{min-height:38px;padding:.5em 1em}
.mobile-menu{
inset:auto;
top:var(--header-h);left:0;right:0;bottom:0;
height:calc(100vh - var(--header-h));
height:calc(100dvh - var(--header-h));
background:#FFFFFF;
}
.footer-giant .fg-w{display:inline-flex;white-space:nowrap}
@media (max-width:700px){
.footer-giant{letter-spacing:0;font-size:clamp(1.5rem,10.5vw,3rem)}
}
.vs-table th:first-child,.vs-table td:first-child{
position:sticky;left:0;z-index:3;
background:#FBFCFE;
box-shadow:6px 0 12px -6px rgba(11,37,69,.12);
}
.vs-table thead th:first-child{background:var(--mist);z-index:4}
.vsm-lbl{display:none}
@media (min-width:701px) and (max-width:920px){
.vs-table{min-width:640px;font-size:.82rem}
.vs-table th,.vs-table td{padding:.85rem 1rem}
.vs-hint{display:block}
}
@media (max-width:700px){
.vs-wrap{overflow:visible;border:none;box-shadow:none;border-radius:0;background:none}
.vs-table{min-width:0;width:100%;background:none;border:none;font-size:var(--fs-sm)}
.vs-table thead{display:none}
.vs-table tbody,.vs-table tr,.vs-table td{display:block;width:auto}
.vs-table tr{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
box-shadow:0 4px 14px rgba(11,37,69,.08);margin-bottom:var(--sp-4);overflow:hidden}
.vs-table td:first-child{position:static;font-family:var(--font-head);font-weight:800;font-size:var(--fs-md);
color:#fff;background:linear-gradient(120deg,#14336A,#0B2545);padding:.8em 1.1em;border:none;box-shadow:none;width:auto;min-width:0}
.vs-table td.vs-bad,.vs-table td.vs-good{position:relative;width:auto;padding:1em 1.1em 1em 3rem;border:none}
.vs-table td.vs-bad{border-bottom:1px solid var(--line-soft);color:#8A4536}
.vs-table td.vs-good{background:linear-gradient(180deg,rgba(37,99,201,.06),rgba(31,166,223,.035));border-left:none;box-shadow:none;color:var(--ink)}
.vs-table td.vs-bad::before,.vs-table td.vs-good::before{left:1em;top:1.15em}
.vsm-lbl{display:block;font-family:var(--font-head);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-light);margin-bottom:.3rem}
.vs-table td.vs-good .vsm-lbl{color:var(--brand)}
.vs-hint{display:none}
}
.vs-hint{
display:none;text-align:center;font-size:.72rem;font-weight:600;color:var(--slate-light);
margin-top:var(--sp-3);letter-spacing:.04em;
}
.page-hero,.article-hero{position:relative;overflow:hidden}
.page-hero{
background:
radial-gradient(52rem 28rem at 92% -12%,rgba(57,193,242,.14),transparent 58%),
radial-gradient(40rem 24rem at -8% 65%,rgba(37,99,201,.12),transparent 55%),
radial-gradient(30rem 20rem at 60% 120%,rgba(31,166,223,.08),transparent 55%),
linear-gradient(180deg,#F7FAFD 0%,var(--paper) 100%);
}
.page-hero::before,.article-hero::before{
content:"";position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
background-size:52px 52px;opacity:.55;
mask-image:radial-gradient(60rem 30rem at 40% 0%,#000 0%,transparent 75%);
-webkit-mask-image:radial-gradient(60rem 30rem at 40% 0%,#000 0%,transparent 75%);
}
.page-hero::after{
content:"";position:absolute;width:380px;height:380px;right:-6%;top:-30%;border-radius:50%;
background:radial-gradient(circle,rgba(57,193,242,.22),transparent 68%);
filter:blur(50px);pointer-events:none;
animation:orbFloat2 18s ease-in-out infinite alternate;
}
.page-hero > .container,.article-hero > .container{position:relative;z-index:1}
.page-hero h1::after,.article-hero h1::after{
content:"";display:block;width:76px;height:4px;border-radius:4px;margin-top:.55em;
background:linear-gradient(90deg,var(--teal),var(--sky),#23A9E4);
background-size:200% 100%;animation:gradShift 6s ease-in-out infinite alternate;
}
.page-hero .container[style*="text-align:center"] h1::after{margin-inline:auto}
.page-hero .eyebrow,.article-hero .eyebrow{animation:riseIn .55s var(--ease) .05s both}
.page-hero h1,.article-hero h1{animation:maskReveal .8s var(--ease) .18s both}
.page-hero .lede,.article-hero .lede{animation:riseIn .65s var(--ease) .42s both}
.page-hero .hero-cta{animation:riseIn .65s var(--ease) .58s both}
.page-hero .hero-chips,.article-hero .article-meta{animation:riseIn .65s var(--ease) .72s both}
.page-hero .hero-quick-form{animation:riseIn .7s var(--ease) .8s both}
.page-hero .btn-primary{position:relative;overflow:hidden}
.page-hero .btn-primary::after{
content:"";position:absolute;inset:0;
background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.35) 50%,transparent 75%);
transform:translateX(-130%);animation:shinySweep 3.8s var(--ease) infinite;
}
.soft-badge{
display:inline-flex;align-items:center;gap:.55em;border-radius:var(--r-full);
}
.soft-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));flex:none}
.soft-badge:hover{border-color:#B8E5DE;box-shadow:0 6px 18px rgba(37,99,201,.18);transform:translateY(-2px)}
.read-progress{
position:fixed;top:0;left:0;height:3px;width:0;z-index:130;
background:linear-gradient(90deg,var(--teal),var(--sky),#23A9E4);
box-shadow:0 0 8px rgba(37,99,201,.4);
transition:width .1s linear;pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
.page-hero::after{animation:none}
.page-hero h1::after,.article-hero h1::after{animation:none}
.page-hero .eyebrow,.article-hero .eyebrow,.page-hero h1,.article-hero h1,
.page-hero .lede,.article-hero .lede,.page-hero .hero-cta,.page-hero .hero-chips,
.article-hero .article-meta,.page-hero .hero-quick-form{animation:none;opacity:1;clip-path:none;transform:none}
.page-hero .btn-primary::after{animation:none}
.read-progress{display:none}
}
.footer-giant{width:100%;max-width:100%;font-size:clamp(1.8rem,6.4vw,5.8rem)}
@media (min-width:701px){.footer-giant{white-space:nowrap}}
.footer-giant .fg-l{opacity:1;transform:none;transition:none;background:none}
.footer-giant .fg-w{
display:inline-block;white-space:nowrap;
opacity:0;transform:translateY(45%) rotate(1.5deg);
transition:transform .8s var(--ease-spring),opacity .55s var(--ease),filter .3s var(--ease);
}
.footer-giant.in .fg-w{opacity:1;transform:none}
.footer-giant .fg-w:hover{
transform:translateY(-4%) scale(1.03);
filter:drop-shadow(0 8px 24px rgba(92,199,240,.45));
}
@media (prefers-reduced-motion:reduce){
.footer-giant .fg-w{opacity:1;transform:none;transition:none}
}
.ops-scene{
position:relative;width:100%;max-width:560px;margin-inline:auto;
aspect-ratio:1/0.92;perspective:1400px;
}
.ops-scene svg{width:100%;height:100%;overflow:visible;display:block}
.ops-scene-stage{
transform-style:preserve-3d;
animation:sceneFloat 9s ease-in-out infinite;
}
@keyframes sceneFloat{0%,100%{transform:rotateX(4deg) rotateY(-8deg) translateY(0)}50%{transform:rotateX(4deg) rotateY(-8deg) translateY(-12px)}}
.osc-glow{animation:oscGlowPulse 5s ease-in-out infinite}
@keyframes oscGlowPulse{0%,100%{opacity:.5}50%{opacity:.9}}
.osc-route{stroke-dasharray:5 7;animation:oscDash 1.4s linear infinite}
@keyframes oscDash{to{stroke-dashoffset:-24}}
.osc-pulse{opacity:0;offset-rotate:0deg;filter:drop-shadow(0 0 5px rgba(92,199,240,.9))}
.osc-p1{offset-path:path('M120 300 C 180 250, 230 235, 300 250')}
.osc-p2{offset-path:path('M300 250 C 360 265, 400 300, 430 340')}
.osc-p3{offset-path:path('M300 250 C 300 200, 320 160, 360 130')}
.ops-scene.in .osc-pulse{animation:oscTravel 2.6s ease-in-out infinite}
.ops-scene.in .osc-p2{animation-delay:.5s}
.ops-scene.in .osc-p3{animation-delay:1s}
@keyframes oscTravel{0%{offset-distance:0%;opacity:0}12%{opacity:1}85%{opacity:1}100%{offset-distance:100%;opacity:0}}
.osc-bar{transform-origin:bottom;animation:oscBar 2.2s ease-in-out infinite}
.osc-bar:nth-of-type(2){animation-delay:.25s}
.osc-bar:nth-of-type(3){animation-delay:.5s}
.osc-bar:nth-of-type(4){animation-delay:.75s}
.osc-bar:nth-of-type(5){animation-delay:1s}
@keyframes oscBar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.osc-blip{animation:oscBlip 1.8s ease-in-out infinite}
.osc-blip:nth-of-type(2){animation-delay:.6s}
.osc-blip:nth-of-type(3){animation-delay:1.2s}
@keyframes oscBlip{0%,100%{opacity:.35;r:2.5px}50%{opacity:1;r:3.5px}}
.osc-card{animation:oscCardFloat 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.osc-card-2{animation-duration:7.5s;animation-delay:.8s}
.osc-card-3{animation-duration:6.8s;animation-delay:1.6s}
@keyframes oscCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.osc-orbit{transform-origin:300px 250px;animation:oscOrbit 14s linear infinite}
@keyframes oscOrbit{to{transform:rotate(360deg)}}
.osc-agent{transform-box:fill-box;transform-origin:center bottom;animation:oscBreath 4s ease-in-out infinite}
@keyframes oscBreath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
.osc-dust{animation:oscDust 7s ease-in-out infinite}
.osc-dust:nth-of-type(even){animation-duration:9s;animation-delay:1.5s}
@keyframes oscDust{0%,100%{opacity:.15;transform:translateY(0)}50%{opacity:.55;transform:translateY(-14px)}}
.ops-scene-caption{
position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);
font-family:var(--font-head);font-size:.66rem;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--slate-light);white-space:nowrap;
}
@media (prefers-reduced-motion:reduce){
.ops-scene-stage,.osc-glow,.osc-route,.osc-pulse,.osc-bar,.osc-blip,.osc-card,.osc-orbit,.osc-agent,.osc-dust{animation:none}
.osc-pulse{opacity:0}
.ops-scene-stage{transform:rotateX(4deg) rotateY(-8deg)}
}
@media (max-width:600px){.ops-scene{max-width:420px}}
.page-hero.has-scene > .container{
display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
gap:var(--sp-7);align-items:center;max-width:var(--container-wide);
}
.page-hero.has-scene .hero-copy{min-width:0}
.page-hero.has-scene .hero-copy h1::after{margin-inline:0}
@media (max-width:960px){
.page-hero.has-scene > .container{grid-template-columns:1fr;gap:var(--sp-5)}
.page-hero.has-scene .ops-scene{max-width:420px;order:2}
}
.bento-card,.ind-card,.price-card,.step,.stat,.quote-card,.price-teaser-card,.photo-card{
box-shadow:
0 1px 0 rgba(255,255,255,.9) inset,
0 1px 2px rgba(11,37,69,.04),
0 6px 16px rgba(11,37,69,.06),
0 18px 40px -12px rgba(11,37,69,.10);
}
.section-navy .price-card,.section-navy .stack-badge,.ba-after{box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 44px -14px rgba(0,0,0,.4)}
.bento-card:hover,.ind-card:hover{
box-shadow:
0 1px 0 rgba(255,255,255,.95) inset,
0 2px 6px rgba(11,37,69,.05),
0 14px 30px rgba(11,37,69,.10),
0 34px 64px -16px rgba(37,99,201,.20);
}
.section-mist + .section:not(.section-navy)::before,
.section + .section-mist::before{
content:"";position:absolute;inset:0 0 auto 0;height:1px;
background:linear-gradient(90deg,transparent,var(--line),transparent);
}
.section,.section-tight,.section-mist{position:relative}
.article-figure{
margin:var(--sp-6) 0;border-radius:var(--r-lg);overflow:hidden;
box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 16px rgba(11,37,69,.08),0 22px 48px -14px rgba(11,37,69,.16);
position:relative;isolation:isolate;
}
.article-figure img{width:100%;height:auto;max-height:440px;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}
.article-figure::after{content:"";position:absolute;inset:0;box-shadow:0 0 0 1px rgba(11,37,69,.06) inset;border-radius:inherit;pointer-events:none}
.article-figure:hover img{transform:scale(1.03)}
.article-byline{
display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);
font-size:var(--fs-xs);color:var(--slate);
}
.article-byline .by-av{
width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;
background:linear-gradient(135deg,var(--navy),var(--teal-dark));color:#fff;
font-family:var(--font-head);font-weight:800;font-size:.8rem;
}
.article-byline b{color:var(--navy);font-family:var(--font-head)}
.article-byline .by-sep{width:4px;height:4px;border-radius:50%;background:var(--slate-light)}
.article-byline .by-verified{display:inline-flex;align-items:center;gap:.35em;color:var(--teal-dark);font-weight:600}
.article-byline .by-verified svg{width:1em;height:1em}
.key-takeaways{
background:linear-gradient(135deg,var(--mist),#EEF4FA);
border:1px solid var(--line);border-radius:var(--r-lg);
padding:var(--sp-5) var(--sp-6);margin-block:var(--sp-6);position:relative;
}
.key-takeaways h2{font-size:var(--fs-md);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:.5em}
.key-takeaways h2 svg{width:1.1em;height:1.1em;color:var(--teal)}
.key-takeaways ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.key-takeaways li{position:relative;padding-left:1.9em;font-size:var(--fs-sm);line-height:1.6;color:var(--ink)}
.key-takeaways li::before{
content:"";position:absolute;left:0;top:.25em;width:1.15em;height:1.15em;border-radius:50%;
background:var(--teal-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%232563C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;
}
.toc{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
padding:var(--sp-4) var(--sp-5);margin-block:var(--sp-5);
}
.toc-title{font-family:var(--font-head);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-light);margin-bottom:.7rem}
.toc ol{margin:0;padding-left:1.3em;display:grid;gap:.4rem}
.toc a{color:var(--ink);font-size:var(--fs-sm);font-weight:500}
.toc a:hover{color:var(--teal-dark)}
.callout{
border-left:4px solid var(--teal);background:var(--teal-soft);
border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--sp-4) var(--sp-5);margin-block:var(--sp-5);
}
.callout strong{color:var(--teal-dark)}
.article-share{display:flex;align-items:center;gap:.6rem;margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--line-soft)}
.article-share span{font-size:var(--fs-xs);font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.08em}
.article-share a{
width:44px;height:44px;border-radius:10px;display:grid;place-items:center;
color:var(--slate);background:var(--mist);border:1px solid var(--line);
transition:all var(--t-fast) var(--ease);
}
.article-share a:hover{color:#fff;background:var(--teal);border-color:var(--teal);transform:translateY(-2px)}
.article-share a svg{width:17px;height:17px}
.calendly-embed{min-height:680px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;padding:var(--sp-5)}
.calendly-embed.cal-loaded{display:block;place-items:initial;padding:0}
.calendly-embed iframe,.calendly-embed .calendly-inline-widget{width:100%!important;min-width:0!important;min-height:680px!important}
@media (max-width:560px){.calendly-embed,.calendly-embed iframe,.calendly-embed .calendly-inline-widget{min-height:620px!important}}
.cal-fallback{text-align:center;max-width:440px;padding:var(--sp-4)}
.cal-fallback-note{color:var(--slate);font-size:var(--fs-sm);margin-bottom:var(--sp-4);line-height:1.5}
.cal-fallback-alt{color:var(--slate-light);font-size:var(--fs-xs);margin-top:var(--sp-4)}
.cal-fallback-alt a{color:var(--brand);font-weight:600}
.calendly-inline-widget{min-width:320px;width:100%;height:680px}
.steps-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.steps-4{grid-template-columns:1fr 1fr}.steps-4 .step:not(:last-child)::after{display:none}}
@media (max-width:560px){.steps-4{grid-template-columns:1fr}}
.integ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3);content-visibility:auto;contain-intrinsic-size:auto 400px}
.integ-item{
display:flex;align-items:center;gap:.6em;padding:.85em 1.1em;border-radius:var(--r-md);
background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-xs);
font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);color:var(--navy);
transition:transform var(--t-fast) var(--ease),border-color var(--t-fast),box-shadow var(--t-fast);
}
.integ-item::before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));flex:none}
.integ-item:hover{transform:translateY(-3px);border-color:#B3CEF2;box-shadow:var(--sh-sm)}
.integ-cat{font-family:var(--font-head);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);margin:var(--sp-5) 0 var(--sp-3);display:flex;align-items:center;gap:.6em}
.integ-cat::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.integ-toolbar{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-5)}
.integ-search-wrap{position:relative;max-width:540px}
.integ-search-wrap svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--slate-light);pointer-events:none}
.integ-search{width:100%;padding:.9rem 1rem .9rem 3rem;font:inherit;font-size:16px;color:var(--navy);
background:var(--paper);border:1px solid var(--line);border-radius:var(--r-full);
transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.integ-search::placeholder{color:var(--slate-light)}
.integ-search:focus{outline:none;border-color:#5CC7F0;box-shadow:0 0 0 3px rgba(92,199,240,.18)}
.integ-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.integ-tab{min-height:44px;padding:.5em 1.05em;border-radius:var(--r-full);border:1px solid var(--line);
background:var(--paper);color:var(--navy);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;
transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}
.integ-tab:hover{border-color:#5CC7F0}
.integ-tab.is-active{background:#2563C9;color:#fff;border-color:transparent}
.integ-block{margin-bottom:var(--sp-4)}
.integ-empty{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--navy);font-size:var(--fs-md)}
.footer-signoff{position:relative;text-align:center;margin-top:var(--sp-8);padding-top:var(--sp-7)}
.footer-signoff::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(560px,78%);height:1px;background:linear-gradient(90deg,transparent,rgba(146,180,220,.30),transparent)}
.footer-signoff::after{content:"";position:absolute;z-index:0;left:50%;top:12%;transform:translateX(-50%);
width:min(460px,72%);height:150px;pointer-events:none;
background:radial-gradient(ellipse 55% 60% at 50% 40%,rgba(57,193,242,.11),transparent 72%)}
.fs-mark,.fs-wordmark,.fs-tagline,.fs-line,.fs-sub{position:relative;z-index:1}
.fs-mark{height:44px;width:auto;display:block;margin:0 auto var(--sp-4);filter:drop-shadow(0 4px 16px rgba(31,166,223,.38))}
.fs-wordmark{font-family:var(--font-head);font-weight:800;font-size:clamp(1.45rem,3.3vw,2.55rem);letter-spacing:.005em;line-height:1;
background:linear-gradient(120deg,#3D82E6 0%,#5CC7F0 55%,#39C1F5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fs-tagline{font-family:var(--font-head);font-weight:600;font-style:italic;font-size:clamp(1rem,2vw,1.28rem);color:#D6E4F5;margin-top:var(--sp-3)}
.fs-line{display:block;width:56px;height:3px;border-radius:2px;background:var(--grad-brand-vivid);margin:var(--sp-4) auto var(--sp-3)}
.fs-sub{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(163,185,212,.62)}
@media (max-width:560px){
.footer-signoff{margin-top:var(--sp-7);padding-top:var(--sp-6)}
.fs-mark{height:38px}
.fs-sub{letter-spacing:.1em;font-size:.68rem}
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
.fs-wordmark{color:#6CCFF5;-webkit-text-fill-color:#6CCFF5}
}
.vs-cost{max-width:960px;margin-inline:auto}
.vs-cost-head{text-align:center;max-width:680px;margin:0 auto var(--sp-6)}
.vs-cost-head .lede{margin-inline:auto}
.vsc-card{position:relative;background:linear-gradient(180deg,#FFFFFF,#F6F9FD);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-6) var(--sp-6);box-shadow:0 4px 16px rgba(11,37,69,.05),0 26px 60px rgba(11,37,69,.10);overflow:hidden}
.vsc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad-brand-vivid);opacity:.9}
.vsc-card::after{content:"";position:absolute;pointer-events:none;width:360px;height:360px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(31,166,223,.10),transparent 68%)}
.vsc-gauges{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(.5rem,3vw,var(--sp-6));max-width:600px;margin:0 auto}
.vsc-gauge{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}
.vsc-track{position:relative;width:min(148px,32vw);height:300px;border-radius:18px;background:linear-gradient(180deg,#EEF3FA,#E3EBF5);border:1px solid #DCE5F1;box-shadow:inset 0 2px 7px rgba(11,37,69,.09),inset 0 -1px 0 rgba(255,255,255,.6);display:flex;align-items:flex-end}
.vsc-fill{position:relative;width:100%;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;transform:scaleY(0);transform-origin:bottom;transition:transform 1.1s cubic-bezier(.16,.84,.44,1);box-shadow:0 14px 30px rgba(11,37,69,.22),0 3px 8px rgba(11,37,69,.14)}
.vsc-fill-in{height:100%}
.vsc-fill-ssn{height:45%;background:var(--grad-brand-vivid);display:grid;place-items:center;text-align:center}
.vs-cost.in .vsc-fill{transform:scaleY(1)}
.vs-cost.in .vsc-fill-ssn{transition-delay:.22s}
.vsc-fill::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 42%);pointer-events:none;z-index:2}
.vsc-seg{display:block;width:100%;height:var(--h);position:relative}
.vsc-seg + .vsc-seg{border-top:1px solid rgba(255,255,255,.16)}
.vsc-seg.s-wage{background:linear-gradient(120deg,#4A5A73,#37455E)}
.vsc-seg.s-tax{background:linear-gradient(120deg,#F4B740,#E89C22)}
.vsc-seg.s-ben{background:linear-gradient(120deg,#F59E0B,#E67C0A)}
.vsc-seg.s-turn{background:linear-gradient(120deg,#F97316,#EA590C)}
.vsc-seg.s-over{background:linear-gradient(120deg,#F2603C,#E14828)}
.vsc-seg.s-mgmt{background:linear-gradient(120deg,#EA4F4F,#D63A3A)}
.vsc-seg.s-gap{background:linear-gradient(120deg,#D93A3A,#BC2A2A)}
.vsc-ssn-inner{position:relative;z-index:3;color:#fff;font-family:var(--font-head);line-height:1.2;opacity:0;transition:opacity .5s ease}
.vsc-ssn-inner b{display:block;font-weight:800;font-size:var(--fs-md)}
.vsc-ssn-inner i{display:block;font-style:normal;font-weight:600;font-size:var(--fs-xs);opacity:.9;margin-top:2px}
.vs-cost.in .vsc-ssn-inner{opacity:1;transition-delay:.75s}
.vsc-tag{position:absolute;left:50%;font-family:var(--font-head);font-weight:800;font-size:var(--fs-md);white-space:nowrap;opacity:0;transform:translate(-50%,6px);transition:opacity .5s ease,transform .5s var(--ease)}
.vsc-tag small{font-size:.58em;font-weight:700;color:var(--slate-light)}
.vsc-tag-in{top:0;transform:translate(-50%,-135%)}
.vsc-tag-in{color:var(--navy)}
.vsc-tag-ssn{bottom:45%;color:var(--brand);transform:translate(-50%,-42%)}
.vs-cost.in .vsc-tag{opacity:1}
.vs-cost.in .vsc-tag-in{transform:translate(-50%,-135%);transition-delay:.85s}
.vs-cost.in .vsc-tag-ssn{transform:translate(-50%,-62%);transition-delay:.95s}
.vsc-foot{text-align:center;font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm);color:var(--navy);line-height:1.3}
.vsc-foot span{display:block;font-family:var(--font-body);font-weight:500;font-size:var(--fs-xs);color:var(--slate);margin-top:.25rem}
.vsc-foot-ssn{color:var(--brand)}
.vsc-center{display:flex;flex-direction:column;align-items:center;gap:.7rem;align-self:center;padding-bottom:58px}
.vsc-vs{font-family:var(--font-head);font-weight:800;font-size:var(--fs-xs);color:var(--slate-light);letter-spacing:.14em;text-transform:uppercase}
.vsc-medal{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--grad-brand-vivid);color:#fff;box-shadow:0 12px 30px rgba(37,99,201,.42),0 0 0 6px rgba(37,99,201,.10);text-align:center;line-height:1;opacity:0;transform:scale(.55);transition:opacity .5s var(--ease),transform .7s var(--ease-spring)}
.vsc-medal b{font-family:var(--font-head);font-weight:800;font-size:var(--fs-sm)}
.vsc-medal i{display:block;font-style:normal;font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.92;margin-top:3px}
.vs-cost.in .vsc-medal{opacity:1;transform:scale(1);transition-delay:.55s}
.vsc-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:840px;margin:var(--sp-7) auto 0}
.vsc-legend li{display:inline-flex;align-items:center;gap:.55em;font-size:var(--fs-xs);color:var(--slate);background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-full);padding:.44em .95em;box-shadow:var(--sh-xs)}
.vsc-legend li::before{content:"";width:12px;height:12px;border-radius:4px;flex:none;box-shadow:0 1px 2px rgba(11,37,69,.12)}
.vsc-legend .s-wage::before{background:#4A5A73}.vsc-legend .s-tax::before{background:#F4B740}.vsc-legend .s-ben::before{background:#F59E0B}
.vsc-legend .s-turn::before{background:#F97316}.vsc-legend .s-over::before{background:#F2603C}.vsc-legend .s-mgmt::before{background:#EA4F4F}.vsc-legend .s-gap::before{background:#D93A3A}
.vsc-legend .l-ssn::before{background:var(--grad-brand-vivid)}
.vsc-legend .l-ssn{color:var(--navy);border-color:rgba(37,99,201,.32);background:linear-gradient(90deg,rgba(37,99,201,.07),rgba(31,166,223,.04))}
.vsc-note{text-align:center;font-size:var(--fs-xs);color:var(--slate-light);max-width:680px;margin:var(--sp-6) auto 0;line-height:1.65}
.vsc-note a{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media (max-width:560px){
.vsc-card{padding:var(--sp-7) var(--sp-4) var(--sp-5)}
.vsc-gauges{gap:.35rem}
.vsc-track{width:34vw;height:230px}
.vsc-tag{font-size:var(--fs-sm)}
.vsc-center{gap:.5rem;padding-bottom:46px}
.vsc-medal{width:66px;height:66px}
.vsc-foot{font-size:var(--fs-xs)}
.vsc-legend{gap:.4rem}
}
@media (prefers-reduced-motion:reduce){
.vsc-fill{transform:scaleY(1)!important;transition:none}
.vsc-ssn-inner,.vsc-tag,.vsc-medal{opacity:1!important;transform:translate(-50%,-135%)!important;transition:none}
.vsc-tag-ssn{transform:translate(-50%,-62%)!important}
.vsc-medal{transform:scale(1)!important}
}
.footer-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1.6fr auto;align-items:center;gap:var(--sp-6);
background:linear-gradient(120deg,rgba(37,99,201,.22),rgba(31,166,223,.11) 68%,rgba(57,193,242,.06));
border:1px solid rgba(92,199,240,.26);border-radius:var(--r-xl);padding:var(--sp-6) var(--sp-7);margin-bottom:var(--sp-8);
box-shadow:0 20px 50px rgba(4,12,26,.34)}
.footer-cta::before{content:"";position:absolute;pointer-events:none;width:360px;height:360px;right:-100px;top:-150px;border-radius:50%;
background:radial-gradient(circle,rgba(57,193,242,.22),transparent 66%)}
.footer-cta-copy{position:relative;z-index:1}
.footer-cta-eyebrow{font-family:var(--font-head);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5CC7F0;margin-bottom:.45rem}
.footer-cta h3{color:#fff;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.25;margin:0 0 .45rem}
.footer-cta-copy p{color:var(--paper-70);font-size:var(--fs-sm);max-width:54ch;margin:0}
.footer-cta-actions{position:relative;z-index:1;display:flex;gap:var(--sp-3);flex-wrap:wrap}
@media (max-width:820px){
.footer-cta{grid-template-columns:1fr;text-align:center;gap:var(--sp-5);padding:var(--sp-6)}
.footer-cta-copy p{margin-inline:auto}
.footer-cta-actions{justify-content:center}
.footer-cta-actions .btn{flex:1 1 auto}
}
.footer-contact{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
border:1px solid rgba(146,180,220,.16);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-5) var(--sp-6)}
.footer-contact h4{margin-top:0}
.footer-news input{background:rgba(255,255,255,.06);border:1px solid rgba(146,180,220,.24)}
.footer-news input:focus{border-color:#5CC7F0;box-shadow:0 0 0 3px rgba(92,199,240,.2)}
@media (max-width:900px){.footer-contact{padding:var(--sp-5)}}
.btn:disabled,.btn[disabled]{opacity:.6;cursor:progress;transform:none;box-shadow:none;pointer-events:none}
.bento-card:hover{border-color:#C7DBF8}
@media (max-width:1120px){.header-tel{min-width:44px;min-height:44px;justify-content:center}}
.nav-item.has-mega:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);transition-delay:0s}
.lead-modal[hidden]{display:none}
.lead-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,3vw,1.5rem)}
.lead-modal-scrim{position:absolute;inset:0;background:rgba(8,20,40,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}
.lead-modal.open .lead-modal-scrim{opacity:1}
.lead-modal-card{position:relative;z-index:1;width:100%;max-width:940px;max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(8,20,40,.45);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.lead-modal.open .lead-modal-card{opacity:1;transform:none}
.lead-modal-x{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(255,255,255,.85);color:var(--navy);cursor:pointer;transition:background .2s,transform .2s}
.lead-modal-x svg{width:20px;height:20px}
.lead-modal-x:hover{background:#fff;transform:rotate(90deg)}
.lead-modal-grid{display:grid;grid-template-columns:.82fr 1.18fr}
.lm-visual{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(160deg,#123a86 0%,#1FA6DF 100%);border-radius:22px 0 0 22px}
.lm-visual img{position:relative;z-index:2;width:96%;max-width:340px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(8,20,40,.35))}
.lm-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.35);z-index:1}
.lm-ring-1{width:78%;padding-top:78%;left:11%;top:15%}
.lm-ring-2{width:54%;padding-top:54%;left:23%;top:29%;border-color:rgba(255,255,255,.22)}
.lm-bubble{position:absolute;z-index:2;border-radius:12px;box-shadow:0 8px 20px rgba(8,20,40,.18)}
.lm-bubble::after{content:"";position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg);bottom:-4px;left:14px}
.lm-b1{width:56px;height:34px;top:13%;left:7%;background:#fff;animation:lmFloat 4s ease-in-out infinite}
.lm-b2{width:44px;height:30px;top:25%;right:8%;background:#39C1F5;animation:lmFloat 5s ease-in-out .4s infinite}
.lm-b3{width:50px;height:32px;bottom:17%;right:11%;background:#fff;animation:lmFloat 4.5s ease-in-out .8s infinite}
@keyframes lmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.lm-body{padding:clamp(1.4rem,3vw,2.4rem)}
.lm-body .eyebrow{color:var(--royal)}
.lm-body h2{font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.12;margin:.25rem 0 .6rem}
.lm-sub{font-weight:600;color:var(--ink);margin-bottom:.4rem}
.lm-note{font-size:var(--fs-sm);color:var(--slate);margin-bottom:1rem}
.lead-form .field{margin-bottom:.7rem}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:.7rem .85rem;border:1.5px solid #d7deea;border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(37,99,201,.16)}
.lead-form textarea{resize:vertical;min-height:76px}
.lm-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.lm-phone{display:flex;gap:.4rem}
.lm-phone select{width:auto;flex:0 0 78px;padding-inline:.5rem}
.lm-consent{display:flex;gap:.55rem;align-items:flex-start;font-size:.76rem;line-height:1.4;color:var(--slate);margin:.3rem 0 .9rem}
.lm-consent input{width:16px;height:16px;margin-top:2px;flex:0 0 auto;accent-color:var(--royal)}
.lm-call{text-align:center;font-size:var(--fs-sm);color:var(--slate);margin-top:.7rem}
.lm-call a{color:var(--royal)}
.lead-form .form-done{text-align:center;padding:var(--sp-4) 0}
@media (max-width:760px){
.lead-modal-grid{grid-template-columns:1fr}
.lm-visual{min-height:132px;max-height:150px;border-radius:18px 18px 0 0;align-items:center}
.lm-visual img{width:auto;height:180px;object-fit:cover;object-position:center top}
.lm-ring-1,.lm-ring-2{display:none}
.lead-modal-card{border-radius:18px}
.lm-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.lead-modal-card,.lead-modal-scrim,.lead-modal-x{transition:none}
.lm-b1,.lm-b2,.lm-b3{animation:none}
}
html{scrollbar-gutter:stable}
.lead-modal-card,.mobile-menu,.chat-panel{overscroll-behavior:contain}
.reveal{transform:translateY(16px);transition:opacity .55s var(--ease),transform .55s var(--ease-spring)}
.marquee-track.is-offscreen{animation-play-state:paused}
.ops-scene.is-offscreen .osc-pulse,.ops-scene.is-offscreen [class*="osc-"]{animation-play-state:paused}
.trust-answer{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#EEF4FC 100%)}
.trust-answer::before{content:"";position:absolute;inset:-30% 0 auto 0;height:70%;pointer-events:none;z-index:0;
background:radial-gradient(50rem 16rem at 50% 0%,rgba(37,99,201,.10),transparent 70%)}
.trust-answer .container{position:relative;z-index:1}
.trust-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:stretch;max-width:1060px;margin:0 auto}
.ta-card{position:relative;background:#fff;border:1px solid #E1E9F5;border-radius:20px;
padding:clamp(1.5rem,2.6vw,2.15rem);overflow:hidden;
box-shadow:0 1px 2px rgba(11,37,69,.05),0 20px 44px rgba(11,37,69,.08);
transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s}
.ta-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
background:linear-gradient(90deg,#2563C9,#1FA6DF 55%,#39C1F5)}
.ta-card::after{content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;
background:radial-gradient(circle,rgba(57,193,242,.12),transparent 70%);pointer-events:none}
.ta-card:hover{transform:translateY(-5px);border-color:#C7DBF8;
box-shadow:0 10px 24px rgba(11,37,69,.09),0 34px 66px rgba(37,99,201,.16)}
.ta-head{display:flex;align-items:center;gap:.9rem;margin-bottom:var(--sp-4);
padding-bottom:var(--sp-4);border-bottom:1px solid #EEF3F9}
.ta-icon{flex:0 0 auto;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;
background:linear-gradient(150deg,rgba(37,99,201,.14),rgba(57,193,242,.16));
color:var(--royal,#2563C9);box-shadow:inset 0 0 0 1px rgba(37,99,201,.12)}
.ta-icon svg{width:25px;height:25px}
.ta-head h3{margin:0;font-size:1.24rem;line-height:1.2}
.ta-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.ta-list li{display:flex;gap:.75rem;align-items:flex-start;line-height:1.5;color:var(--ink,#233044);font-size:.97rem}
.ta-check{flex:0 0 auto;width:23px;height:23px;margin-top:1px;display:grid;place-items:center;border-radius:50%;
background:linear-gradient(150deg,#2563C9,#1FA6DF);color:#fff;box-shadow:0 3px 8px rgba(37,99,201,.32)}
.ta-check svg{width:13px;height:13px}
.ta-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--sp-5);
font-weight:700;font-size:.95rem;color:var(--royal,#2563C9);text-decoration:none}
.ta-link svg{width:18px;height:18px;transition:transform .2s var(--ease)}
.ta-link:hover svg{transform:translateX(5px)}
@media (max-width:820px){.trust-answer-grid{grid-template-columns:1fr;gap:var(--sp-4)}}
.photo-card{position:relative;cursor:pointer}
.photo-open{position:absolute;inset:0;z-index:5;border-radius:inherit}
.photo-open:focus-visible{outline:3px solid #5CC7F0;outline-offset:3px}
.page-hero-tight{padding-bottom:var(--sp-4)}
.blog-featured{display:grid;grid-template-columns:1.12fr .88fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;max-width:1080px;margin:0 auto var(--sp-7);box-shadow:0 1px 2px rgba(11,37,69,.05),0 24px 52px rgba(11,37,69,.09);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.blog-featured:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(11,37,69,.1),0 42px 82px rgba(37,99,201,.15)}
.blog-featured-img{position:relative;min-height:340px;overflow:hidden;background:#eef2f8}
.blog-featured-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.blog-featured:hover .blog-featured-img img{transform:scale(1.05)}
.blog-featured-body{padding:clamp(1.6rem,3vw,2.7rem);display:flex;flex-direction:column;justify-content:center}
.blog-featured-body h2{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.14;margin:.7rem 0 .8rem;letter-spacing:-.01em}
.blog-featured-body p{color:var(--slate);line-height:1.65;margin-bottom:1rem}
.post-tag{display:inline-flex;align-self:flex-start;padding:.34em .85em;border-radius:var(--r-full);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(37,99,201,.1);color:#2563C9;white-space:nowrap}
.post-tag-float{background:rgba(255,255,255,.94);color:#1B48A0;box-shadow:0 4px 14px rgba(11,37,69,.18)}
.blog-meta{display:flex;flex-wrap:wrap;gap:.55rem;font-size:.8rem;color:var(--slate);margin-top:auto}
.blog-read-more{margin-top:1.1rem;font-weight:700;color:#2563C9;display:inline-flex;align-items:center;gap:.45rem}
.blog-read-more svg{width:18px;height:18px;transition:transform .2s var(--ease)}
.blog-featured:hover .blog-read-more svg{transform:translateX(5px)}
.blog-tabs{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin:0 auto var(--sp-6);max-width:1080px}
.blog-tab{min-height:44px;padding:.55em 1.15em;border-radius:var(--r-full);border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.blog-tab:hover{border-color:#C7DBF8;color:#2563C9;transform:translateY(-1px)}
.blog-tab.is-active{background:#2563C9;border-color:#2563C9;color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);max-width:1080px;margin:0 auto}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(11,37,69,.04),0 14px 34px rgba(11,37,69,.06);transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s}
.post-card:hover{transform:translateY(-6px);border-color:#C7DBF8;box-shadow:0 10px 22px rgba(11,37,69,.08),0 30px 62px rgba(37,99,201,.14)}
.post-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef2f8}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.post-card:hover .post-thumb img{transform:scale(1.06)}
.post-thumb .post-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.93);color:#1B48A0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 3px 10px rgba(11,37,69,.14)}
.post-card-body{padding:1.25rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.post-card-body h3{font-size:1.07rem;line-height:1.3;margin:0 0 .5rem;color:var(--navy)}
.post-card-body p{font-size:.9rem;color:var(--slate);line-height:1.55;margin:0 0 1rem}
@media (max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-featured{grid-template-columns:1fr}.blog-featured-img{min-height:230px}}
@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}
.article-body p,.article-body li{font-size:1.06rem}
.article-body p{line-height:1.85}
.article-body h2{letter-spacing:-.01em;font-size:clamp(1.35rem,2.2vw,1.7rem)}
.article-figure{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(11,37,69,.1);margin-block:var(--sp-5)}
.article-figure img{display:block;width:100%;height:auto}
.article-figure figcaption{font-size:.82rem;color:var(--slate);text-align:center;margin-top:.6rem}
.article-body blockquote{margin:var(--sp-6) 0;padding:.3rem 0 .3rem 1.5rem;border-left:4px solid #2563C9;font-family:var(--font-head);font-size:1.24rem;line-height:1.45;color:var(--ink);font-weight:500}
.article-body>p:first-of-type{font-size:1.14rem;line-height:1.7;color:var(--ink)}
.article-toc{margin:var(--sp-5) 0 var(--sp-6);padding:1.25rem 1.5rem;background:linear-gradient(180deg,#F5F9FE,#FFFFFF);border:1px solid var(--line);border-left:4px solid #2563C9;border-radius:12px;box-shadow:0 8px 22px rgba(11,37,69,.05)}
.toc-label{font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#2563C9;margin:0 0 .8rem}
.toc-list{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;gap:.55rem}
.toc-list li{counter-increment:toc;display:flex;gap:.65rem;align-items:baseline;line-height:1.4;margin:0}
.toc-list li::before{content:counter(toc,decimal-leading-zero);font-size:.72rem;font-weight:700;color:#8FB6DF;flex:0 0 auto;min-width:1.7em}
.toc-list li::marker{content:""}
.article-toc a{font-weight:600;text-decoration:none;color:var(--ink);text-underline-offset:3px}
.article-toc a:hover{color:#2563C9;text-decoration:underline;text-decoration-color:rgba(37,99,201,.5)}
@media (min-width:1080px){.article-toc{max-width:none}}
.ind-card.has-thumb{padding:0;gap:0;overflow:hidden}
.ind-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef2f8}
.ind-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.ind-card.has-thumb:hover .ind-thumb img{transform:scale(1.06)}
.ind-card-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);flex:1}
.ind-card.has-thumb .ind-icon{display:none}
.ind-card.has-thumb h3{margin-top:0}
.bento-card{
background:linear-gradient(90deg,#2563C9,#39C1F5) 0 0/3px 100% no-repeat,linear-gradient(180deg,#FFFFFF 0%,#F5F9FE 100%);
border-color:#E3EAF5;
box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(11,37,69,.04),0 16px 40px rgba(11,37,69,.08);
}
.bento-card:hover{border-color:#C7DBF8;box-shadow:0 10px 24px rgba(11,37,69,.09),0 36px 70px rgba(37,99,201,.15)}
.bento-card h3{letter-spacing:-.01em}
.page-figure-wrap{padding:0 0 var(--sp-6)}
.page-figure{max-width:1000px;margin:0 auto;border-radius:18px;overflow:hidden;aspect-ratio:16/7;background:#eef2f8;box-shadow:0 14px 44px rgba(11,37,69,.13)}
.page-figure img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
@media (max-width:700px){.page-figure{aspect-ratio:16/10;border-radius:12px}}
.page-figure img[src*="hc-home-caregiver"]{object-position:center 62%}
.page-figure img[src*="caregiver"]{object-position:center 55%}
.page-figure img[src*="-portrait"],.page-figure img[src*="headshot"],.page-figure img[src*="agent"]{object-position:center 30%}
.post-thumb img,.ind-thumb img,.blog-featured-img img,.photo-card img{object-position:center 30%}
.check-list{gap:var(--sp-4) var(--sp-6)}
.check-list li{padding-left:2.5em;line-height:1.6}
.check-list li::before{
top:.06em;width:1.55em;height:1.55em;border-radius:50%;
background:linear-gradient(150deg,#2563C9,#1FA6DF) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%23ffffff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/56% no-repeat;
box-shadow:0 2px 7px rgba(37,99,201,.32);
}
.faq-list{max-width:800px;margin:0 auto;gap:0;border-top:1px solid var(--line)}
.faq-item{background:none;border:none;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;overflow:hidden}
.faq-item:hover,.faq-item.open{border-color:var(--line);box-shadow:none}
.faq-q{font-size:1.13rem;padding:var(--sp-4) .3rem;min-height:auto}
.faq-q:hover,.faq-item.open .faq-q{color:#2563C9}
.faq-caret{width:1.2em;height:1.2em;color:#2563C9}
.faq-a p{padding:0 .3rem var(--sp-5);font-size:1rem;line-height:1.75;color:var(--ink)}
.check-list li{
background:linear-gradient(180deg,#F7FAFE,#FFFFFF);border:1px solid #E7EEF8;border-radius:12px;
padding:.95em 1.15em .95em 3em;
box-shadow:0 1px 2px rgba(11,37,69,.03),0 10px 24px rgba(11,37,69,.05);
transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);
}
.check-list li:hover{transform:translateY(-3px);border-color:#C7DBF8;box-shadow:0 8px 18px rgba(37,99,201,.12)}
.check-list li::before{top:1.02em;left:.9em}
.section-navy .check-list li,.cta-final .check-list li,[class*="case-band"] .check-list li,.hero-home .check-list li,.hero-cinematic .check-list li,.price-teaser-card .check-list li,.footer .check-list li{
background:none;border:none;box-shadow:none;padding:.1em 0 .1em 2.5em;transform:none;
}
.section-navy .check-list li::before,.cta-final .check-list li::before,[class*="case-band"] .check-list li::before,.hero-home .check-list li::before,.hero-cinematic .check-list li::before,.price-teaser-card .check-list li::before,.footer .check-list li::before{top:.06em;left:0}
.nav-link:hover{background:transparent;color:var(--navy)}
.nav-item.open>.nav-link{background:var(--mist);color:var(--navy)}
.nav-link[aria-current="page"]{color:#2563C9;font-weight:600}
.nav-link[aria-current="page"]::after{width:60%;left:20%}
.header-cta{box-shadow:0 6px 18px rgba(37,99,201,.28)}
.header-cta:hover{box-shadow:0 8px 22px rgba(37,99,201,.36);transform:translateY(-1px)}
.header-inner{gap:var(--sp-4)}
.nav-desktop{gap:.15rem}