@font-face{font-family:"Hanken Grotesk";src:url("/a/hanken.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --navy:#08324A;--navy2:#0B4262;--navy3:#0E4C6E;--deep:#062330;--deeper:#041A25;
  --aqua:#19B5C8;--aqua2:#4FCAD8;--aquad:#0E7C8A;--mist:#F3F8FA;--mist2:#EAF2F5;--tint:#DDF4F7;
  --line:#D3E3EA;--line2:#E4EEF2;--ink:#08324A;--text:#284D61;--muted:#55707F;--soft:#B9D6E2;--white:#fff;
  --r:18px;--r2:12px;--ease:cubic-bezier(.2,.7,.2,1);
  --sh1:0 1px 2px rgba(8,50,74,.05),0 2px 8px rgba(8,50,74,.04);
  --sh2:0 2px 4px rgba(8,50,74,.05),0 18px 40px -12px rgba(8,50,74,.18);
  --sh3:0 30px 70px -20px rgba(4,26,37,.45);
  --gut:max(24px,env(safe-area-inset-left,0px));--gutr:max(24px,env(safe-area-inset-right,0px));
  color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--white);color:var(--text);font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","tnum" 0}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--deep)}
img,svg{max-width:100%}
a{color:var(--aquad);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--navy)}
h1,h2,h3,h4{color:var(--ink);line-height:1.08;margin:0 0 .5em;letter-spacing:-.022em;text-wrap:balance;font-weight:760}
h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.035em;line-height:1.02}
h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.03em}
h3{font-size:20px;font-weight:720;letter-spacing:-.012em;line-height:1.25}
h2 em,h1 em{font-style:normal;color:var(--aquad)}
p{margin:0 0 1em}
strong{color:var(--ink);font-weight:720}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gutr)}
.skip{position:absolute;left:-999px;top:0;background:var(--aqua);color:var(--deep);padding:10px 14px;z-index:99}
.skip:focus{left:8px}
.ic{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}
:focus-visible{outline:3px solid var(--aqua);outline-offset:2px;border-radius:6px}
::selection{background:var(--tint);color:var(--navy)}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--aquad);margin-bottom:16px}
.kick::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.8}
.kick .ic{width:16px;height:16px}
.note{font-size:14.5px;color:var(--muted)}
.btn{--bg:var(--aqua);--fg:var(--deep);--bd:var(--aqua);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--bg);color:var(--fg);font-weight:720;font-size:16px;letter-spacing:-.005em;padding:15px 24px;border-radius:var(--r2);text-decoration:none;border:1.5px solid var(--bd);cursor:pointer;font-family:inherit;line-height:1.2;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s,color .2s}
.btn .ic{transition:transform .25s var(--ease)}
.btn:hover{color:var(--fg);transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(25,181,200,.55)}
.btn:hover .ic:last-child{transform:translateX(3px)}
.btn:active{transform:none}
.btn.line{--bg:transparent;--fg:#fff;--bd:rgba(185,214,226,.35)}
.btn.line:hover{--bd:var(--aqua);box-shadow:none;background:rgba(25,181,200,.08)}
.btn.navy{--bg:var(--navy);--fg:#fff;--bd:var(--navy)}
.btn.navy:hover{--bg:var(--navy2);box-shadow:0 12px 26px -10px rgba(8,50,74,.6)}
.btn.ghost{--bg:#fff;--fg:var(--navy);--bd:var(--line)}
.btn.ghost:hover{--bd:var(--navy);box-shadow:var(--sh1)}
.btn.sm{padding:10px 16px;font-size:14.5px;border-radius:10px}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.hdr.scrolled{border-bottom-color:var(--line2);box-shadow:0 10px 30px -18px rgba(8,50,74,.3)}
.util{background:var(--deep);color:var(--soft);font-size:13px;font-weight:560;position:relative;z-index:41}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.util .u1{display:inline-flex;align-items:center;gap:8px}
.util .u1 .ic{color:var(--aqua);width:15px;height:15px}
.util a{color:#fff;text-decoration:none;font-weight:700}
.hdr .bar{display:flex;align-items:center;gap:20px;min-height:70px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.logo .wm{font-weight:800;font-size:21px;letter-spacing:-.025em;white-space:nowrap}
.logo .mark{transition:transform .5s var(--ease)}
.logo:hover .mark{transform:rotate(-6deg) scale(1.04)}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>a:not(.btn),.dd>button{position:relative;color:var(--navy);text-decoration:none;font-weight:640;font-size:15px;padding:10px 12px;border-radius:10px;background:none;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.nav>a:not(.btn)::after,.dd>button::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--aqua);transform:scaleX(0);transform-origin:50% 50%;transition:transform .3s var(--ease)}
.nav>a:not(.btn):hover::after,.dd:hover>button::after,.dd.open>button::after{transform:scaleX(1)}
.dd>button .ic{width:15px;height:15px;transition:transform .3s var(--ease)}
.dd:hover>button .ic,.dd.open>button .ic{transform:rotate(180deg)}
.nav .tel{font-weight:800;margin-left:6px;gap:7px}
.nav .tel .ic{color:var(--aquad)}
.nav>a.btn{margin-left:8px}
.dd{position:relative}
.dd .menu{position:absolute;top:100%;left:-8px;min-width:320px;background:#fff;border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--sh2);padding:8px;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s}
.dd .menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd:hover .menu,.dd.open .menu{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--ease),transform .22s var(--ease)}
.dd .menu a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--navy);font-weight:680;font-size:15px;transition:background .15s}
.dd .menu a small{display:block;color:var(--muted);font-weight:450;font-size:13px;margin-top:1px}
.dd .menu a:hover{background:var(--mist)}
.dd .menu.two{min-width:480px;display:grid;grid-template-columns:1fr 1fr}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--navy)}
.burger .ic{width:24px;height:24px}
@supports (animation-timeline:scroll()){
  .hdr::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--aqua),var(--aqua2));transform-origin:0 50%;transform:scaleX(0);animation:progress linear both;animation-timeline:scroll(root)}
  @keyframes progress{to{transform:scaleX(1)}}
}
.split .left,.phero,.wband,.band{background:
  radial-gradient(1100px 520px at 0% 0%,rgba(14,76,110,.95),transparent 60%),
  radial-gradient(700px 420px at 100% 100%,rgba(25,181,200,.16),transparent 65%),var(--navy)}
.split .left::before,.phero::before,.wband::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(185,214,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(185,214,226,.06) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 20%,#000 0%,transparent 70%)}
.split{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);min-height:700px}
.split .left{color:#fff;padding:64px 56px 52px max(56px,calc((100vw - 1240px)/2 + 24px));display:flex;flex-direction:column;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
.split .left>*{position:relative}
.split .left .lsky{position:absolute;left:-56px;right:-56px;bottom:100%;opacity:.9;pointer-events:none}
.split .left .lsky svg{width:100%;height:auto;display:block}
.split .left h1{color:#fff;font-size:clamp(40px,4.4vw,64px);margin:22px 0 20px}
.split .left .h1b{display:block;color:var(--aqua2);font-size:.62em;letter-spacing:-.025em;line-height:1.15;margin-top:12px;font-weight:700}
.split .left .lead{color:var(--soft);font-size:19px;max-width:520px;margin-bottom:28px}
.split .left .ctas{display:flex;gap:12px;flex-wrap:wrap}
.mini{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;font-weight:620;color:#D8EAF1}
.mini li{display:inline-flex;align-items:center;gap:8px}
.mini .ic{color:var(--aqua)}
.split .left .ph{padding-top:22px;border-top:1px solid rgba(185,214,226,.16);margin-top:170px}
.split .left .ph .kick{color:var(--aqua);margin-bottom:6px}
.split .left .ph a{display:block;color:#fff;font-size:34px;font-weight:800;text-decoration:none;letter-spacing:-.02em;line-height:1.1}
.split .left .ph a:hover{color:var(--aqua2)}
.split .left .ph span{display:block;color:var(--soft);font-size:14.5px;margin-top:4px}
.split .right{background-color:var(--mist);background-image:radial-gradient(rgba(8,50,74,.075) 1px,transparent 1.2px);background-size:22px 22px;padding:48px max(44px,calc((100vw - 1240px)/2 + 24px)) 44px 44px;display:flex;flex-direction:column;gap:18px}
.rtop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.rtop h2{font-size:22px;margin:0;letter-spacing:-.015em}
.rtop a{font-weight:700;font-size:15px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.rtop a .ic{transition:transform .25s var(--ease)}
.rtop a:hover .ic{transform:translateX(3px)}
.findone{margin-top:auto;display:flex;align-items:center;gap:16px;background:var(--navy);color:#fff;border-radius:18px;padding:18px 22px;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.findone:hover{color:#fff;transform:translateY(-3px);box-shadow:var(--sh2)}
.findone>span{width:44px;height:44px;border-radius:12px;background:rgba(25,181,200,.16);display:flex;align-items:center;justify-content:center;flex:none}
.findone>span .ic{color:var(--aqua);width:22px;height:22px}
.findone b{display:block;font-size:17px;letter-spacing:-.01em}
.findone small{display:block;color:var(--soft);font-size:14px;line-height:1.45;margin-top:2px}
.findone>.ic{margin-left:auto;color:var(--aqua);transition:transform .25s var(--ease)}
.findone:hover>.ic{transform:translateX(4px)}
.price-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(25,181,200,.12);color:#fff;border:1px solid rgba(25,181,200,.42);border-radius:999px;padding:7px 15px;font-weight:700;font-size:14.5px;width:max-content;max-width:100%}
.price-pill .ic{color:var(--aqua)}
.js .split .ltop>*,.js .phero .ptext>*,.js .phero .pform{animation:rise .9s var(--ease) both}
.js .split .ltop>*:nth-child(2),.js .phero .ptext>*:nth-child(2){animation-delay:.08s}
.js .split .ltop>*:nth-child(3),.js .phero .ptext>*:nth-child(3){animation-delay:.16s}
.js .split .ltop>*:nth-child(4),.js .phero .ptext>*:nth-child(4){animation-delay:.24s}
.js .split .ltop>*:nth-child(5),.js .phero .ptext>*:nth-child(5){animation-delay:.32s}
.js .split .ltop>*:nth-child(n+6),.js .phero .ptext>*:nth-child(n+6){animation-delay:.4s}
.js .phero .pform{animation-delay:.2s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.proof{background:#fff;border-bottom:1px solid var(--line2)}
.proof ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.proof li{display:flex;gap:14px;align-items:flex-start;padding:30px 24px 30px 0;font-size:14.5px;line-height:1.45;color:var(--muted)}
.proof li+li{padding-left:24px;border-left:1px solid var(--line2)}
.proof li .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--tint);color:var(--aquad);flex:none}
.proof li b{display:block;color:var(--ink);font-size:16px;font-weight:760;margin-bottom:2px;letter-spacing:-.01em}
section.s{padding:104px 0;position:relative}
section.s.mist{background:var(--mist)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 56px;margin-bottom:40px;flex-wrap:wrap}
.shead>div{max-width:720px}
.shead h2{margin:0}
.shead .note{max-width:420px;margin:0;font-size:15.5px;line-height:1.6}
.twocol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.illwrap{margin-top:30px;max-width:460px}
.illwrap svg{width:100%;height:auto;display:block}
.prose{max-width:720px;min-width:0}
.prose h2{font-size:clamp(26px,2.6vw,34px)}
.prose p,.prose li{color:var(--text)}
.prose ul{padding-left:0;list-style:none;margin:0 0 1.1em}
.prose ul li{position:relative;padding-left:26px;margin:0 0 .6em}
.prose ul li::before{content:"";position:absolute;left:3px;top:.6em;width:9px;height:9px;border-radius:3px;background:var(--aqua);transform:rotate(45deg)}
section.s.chs{padding:24px 0 72px}
section.s.chs+section.s.chs{padding-top:0}
.chapters{display:grid}
.chap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding:56px 0;border-top:1px solid var(--line2)}
.chapters .chap:first-child{border-top:0}
.cnum{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.cnum span{font-size:96px;line-height:.82;font-weight:300;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--aqua);font-variant-numeric:tabular-nums;transition:color .6s var(--ease)}
.chap.in .cnum span{color:rgba(25,181,200,.08)}
.cnum i{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--navy);padding-top:10px;width:max-content;max-width:100%}
.cbody{max-width:760px;min-width:0}
.cbody h2{font-size:clamp(28px,3vw,40px);margin-bottom:20px}
.cbody>p{font-size:18px;line-height:1.7}
.cbody>p:first-of-type:not(.note){font-size:20px;color:var(--ink);line-height:1.6}
.cbody>p.note{font-size:14.5px;color:var(--muted)}
.cbody ul{padding-left:0;list-style:none;margin:0 0 1.1em;display:grid;gap:10px}
.cbody ul li{position:relative;padding:14px 18px 14px 46px;background:var(--mist);border-radius:12px;color:var(--text)}
.cbody ul li::before{content:"";position:absolute;left:18px;top:21px;width:10px;height:10px;border-radius:3px;background:var(--aqua);transform:rotate(45deg)}
.cbody>:last-child{margin-bottom:0}
.figband{position:relative;background-color:var(--mist);background-image:radial-gradient(rgba(8,50,74,.07) 1px,transparent 1.2px);background-size:22px 22px;padding:72px 0;overflow:hidden}
.figband::before,.figband::after{content:"";position:absolute;left:-10%;right:-10%;height:2px;background:var(--aqua);opacity:.5;transform:rotate(-2.2deg)}
.figband::before{top:22px}.figband::after{bottom:22px;background:var(--navy);opacity:.25;transform:rotate(1.6deg)}
.figband figure{margin:0 auto;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:18px}
.figband .fig{width:100%;max-width:640px}
.figband .fig svg{width:100%;height:auto;display:block}
.figband figcaption{font-size:15px;color:var(--muted);text-align:center;max-width:560px}
.figband figcaption b{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--aquad);margin-bottom:4px}
.callstrip{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:56px;padding:30px 36px;border-radius:22px;color:#fff;
  background:repeating-linear-gradient(-58deg,rgba(25,181,200,.10) 0 2px,transparent 2px 22px),linear-gradient(120deg,var(--navy),var(--navy2))}
.callstrip .cs1{flex:1;min-width:240px;display:grid;gap:2px}
.callstrip .kick{color:var(--aqua);margin-bottom:6px}
.callstrip b{font-size:22px;letter-spacing:-.015em}
.callstrip small{color:var(--soft);font-size:14px}
.callstrip .csbig{color:#fff;text-decoration:none;font-weight:800;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:10px}
.callstrip .csbig .ic{color:var(--aqua)}
.callstrip .csbig:hover{color:var(--aqua2)}
.phero{color:#fff;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 46px),0 100%)}
.phero .pword{position:absolute;left:-1.5vw;bottom:-0.12em;font-size:clamp(110px,19vw,300px);line-height:1;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(25,181,200,.22);white-space:nowrap;pointer-events:none;user-select:none}
.phero.hasword .psky{opacity:.5}
.phero .psky{position:absolute;right:-30px;bottom:-6px;width:min(760px,62vw);pointer-events:none}
.phero .psky svg{width:100%;height:auto;display:block}
.phero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;padding-top:64px;padding-bottom:110px;align-items:start;position:relative}
.phero .wrap.one{grid-template-columns:minmax(0,860px);padding-bottom:120px}
.phero h1{color:#fff}
.phero .kick{color:var(--aqua)}
.phero .lead{color:var(--soft);font-size:19.5px;max-width:620px}
.phero .lead a{color:#fff}
.ticks{list-style:none;padding:0;margin:24px 0 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-weight:640;color:#E4F1F6}
.ticks .ic{color:var(--aqua);margin-top:4px}
.phero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.crumbs{font-size:14px;color:var(--soft);margin-bottom:22px}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs span{color:#fff}
.abanner{background:#fff;padding:56px 0 0}
.abanner svg{width:100%;max-width:980px;height:auto;display:block;margin:0 auto}
.abanner svg path,.abanner svg circle{stroke-width:1.5}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.split .chips{margin-bottom:0}
.chip{background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:8px 15px;font-weight:650;font-size:14px;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--navy)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.split .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{--g:var(--aquad);position:relative;background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line2);box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.tile::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--g);transform-origin:0 50%;transform:scaleX(.18);transition:transform .5s var(--ease)}
.tile:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--line)}
.tile:hover::before{transform:scaleX(1)}
.tile.c-new{--g:var(--navy)}.tile.c-renewed{--g:var(--aqua)}.tile.c-exdemo{--g:#5E8BA0}.tile.c-used{--g:#9DB8C4}
.tile .body{padding:20px 20px 16px;display:flex;flex-direction:column;flex:1}
.tile .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.tile .cond{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g)}
.tile.c-used .cond{color:#5E8BA0}
.tile .brand{text-decoration:none;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.tile .model{font-size:20px;font-weight:780;line-height:1.2;margin:2px 0 14px;letter-spacing:-.018em}
.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 12px;border:1px solid var(--line2);border-radius:12px;overflow:hidden}
.specs div{padding:8px 10px;min-width:0}
.specs div+div{border-left:1px solid var(--line2)}
.specs dt{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.specs dd{margin:1px 0 0;font-size:14.5px;font-weight:740;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .spec{font-size:14px;color:var(--muted);margin:0;line-height:1.5}
.tile .strip{border-top:1px solid var(--line2);background:var(--mist);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.tile .strip span{font-size:13px;color:var(--muted);font-weight:600}
.tile .ask{background:none;border:0;padding:0;color:var(--navy);font-weight:780;font-size:14.5px;cursor:pointer;font-family:inherit;display:inline-flex;gap:6px;align-items:center}
.tile .ask .ic{color:var(--aquad);transition:transform .25s var(--ease)}
.tile .ask:hover{color:var(--aquad)}
.tile .ask:hover .ic{transform:translateX(3px)}
.tile[hidden]{display:none}
.meter{display:inline-flex;gap:3px}
.meter i{width:14px;height:5px;border-radius:3px;background:var(--line)}
.meter i.on{background:var(--g,var(--aqua))}
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.grade{--g:var(--aqua);position:relative;background:#fff;border:1px solid var(--line2);border-radius:20px;padding:26px 24px 22px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;overflow:hidden}
.grade:nth-child(1){--g:var(--navy)}.grade:nth-child(3){--g:var(--aquad)}.grade:nth-child(4){--g:#7FA3B3}
.grade::after{content:"";position:absolute;right:-60px;top:-60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--tint),transparent 70%);opacity:0;transition:opacity .4s}
.grade:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--aqua);color:var(--text)}
.grade:hover::after{opacity:1}
.grade h3{font-size:23px;margin:6px 0 0}
.grade p{margin:0;font-size:15.5px;color:var(--muted)}
.grade .meter i{width:22px;height:6px}
.grade .more{margin-top:auto;padding-top:10px;font-weight:720;color:var(--aquad);display:inline-flex;gap:6px;align-items:center;font-size:15px}
.grade .more .ic,.card .more .ic,.acard .more .ic{transition:transform .25s var(--ease)}
.grade:hover .more .ic,.card:hover .more .ic,.acard:hover .more .ic{transform:translateX(4px)}
.scale{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.scale i{flex:1;height:2px;background:linear-gradient(90deg,var(--navy),var(--aqua),#B5CDD7);border-radius:2px;position:relative}
.scale i::before,.scale i::after{content:"";position:absolute;top:-4px;width:10px;height:10px;border-radius:50%}
.scale i::before{left:-2px;background:var(--navy)}.scale i::after{right:-2px;background:#B5CDD7}
.wband{color:#fff;position:relative;overflow:hidden}
.wband .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding-top:104px;padding-bottom:104px;position:relative}
.wband .kick{color:var(--aqua)}
.wband .kick::before{display:none}
.wband h2{color:#fff;font-size:clamp(32px,3.8vw,50px);letter-spacing:-.035em}
.wband h2 em{display:block;color:var(--aqua2)}
.wband p{color:#D3E7EF;font-size:18px;max-width:600px}
.wband p.soft{color:var(--soft);font-size:15px;opacity:.9}
.wband .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.wart{position:relative}
.wart::before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle,rgba(25,181,200,.22),transparent 65%);filter:blur(10px)}
.wart svg{position:relative;width:100%;height:auto;display:block}
.tablewrap{overflow-x:auto;border-radius:var(--r);box-shadow:var(--sh2)}
.pay{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;font-size:15.5px;min-width:860px}
.pay th,.pay td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line2)}
.pay thead th{background:var(--navy);color:#fff;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.pay tbody th{font-weight:780;color:var(--ink);white-space:nowrap}
.pay tbody th a{color:inherit}
.pay tbody tr{transition:background .2s}
.pay tbody tr:hover{background:var(--mist)}
.pay tr.rec td,.pay tr.rec th{background:var(--tint)}
.pay tr.rec th{box-shadow:inset 3px 0 0 var(--aqua)}
.pay .tag{display:inline-block;background:var(--navy);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 9px;margin-left:8px;vertical-align:2px}
.pay tr:last-child td,.pay tr:last-child th{border-bottom:0}
.cyc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin-top:72px;padding-top:56px;border-top:1px solid var(--line2)}
.cyc .illwrap{margin:0}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;counter-reset:st;padding:0;margin:0;list-style:none}
.steps li{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:26px 24px;position:relative;box-shadow:var(--sh1)}
.steps li::before{counter-increment:st;content:counter(st,decimal-leading-zero);display:block;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--aquad);margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.steps h3{font-size:18.5px;margin-bottom:6px}
.steps p{margin:0;color:var(--muted);font-size:15.5px}
.card{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:26px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh1);transition:border-color .3s,transform .35s var(--ease),box-shadow .35s var(--ease)}
a.card:hover{border-color:var(--aqua);transform:translateY(-3px);box-shadow:var(--sh2);color:var(--text)}
.card p{color:var(--muted);margin:0;font-size:15.5px}
.card .more{margin-top:auto;padding-top:6px;font-weight:720;color:var(--aquad);display:inline-flex;gap:6px;align-items:center;font-size:15px}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bcard .bh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bcard h3{margin:0;font-size:21px}
.badge{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 10px;background:var(--tint);color:var(--aquad);white-space:nowrap}
.badge.new{background:var(--navy);color:#fff}
.marquee{position:relative;overflow:hidden;margin:0 0 36px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mtrack{display:flex;width:max-content;animation:marq 48s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
.mset{display:flex;align-items:center;flex:none}
.mset a{font-size:clamp(22px,2.6vw,34px);font-weight:780;letter-spacing:-.03em;color:var(--navy);text-decoration:none;padding:0 30px;opacity:.82;transition:opacity .2s,color .2s;white-space:nowrap}
.mset a:hover{opacity:1;color:var(--aquad)}
.mset i{width:8px;height:8px;border-radius:2px;background:var(--aqua);transform:rotate(45deg);flex:none}
@keyframes marq{to{transform:translateX(-50%)}}
.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.areas .card ul{margin:0;padding:0;list-style:none;color:var(--muted);font-size:15.5px;display:grid;gap:6px}
.acards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.acard{background:#fff;border:1px solid var(--line2);border-radius:22px;overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.acard:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--aqua);color:var(--text)}
.acard .aart{background:linear-gradient(180deg,#fff,var(--mist));padding:22px 18px 0;border-bottom:1px solid var(--line2)}
.acard .aart svg{width:100%;height:auto;display:block}
.acard .atext{padding:22px 26px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.acard h3{font-size:22px;margin:0}
.acard p{margin:0;color:var(--muted);font-size:15.5px}
.acard .more{margin-top:auto;padding-top:8px;font-weight:720;color:var(--aquad);display:inline-flex;gap:6px;align-items:center;font-size:15px}
.subs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.subs li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font-weight:640;color:var(--ink);font-size:15.5px}
.subs .ic{color:var(--aquad)}
.finder{background:#fff;border:1px solid var(--line2);border-radius:24px;padding:30px;box-shadow:var(--sh2)}
.finder .prog{display:flex;gap:6px;margin-bottom:20px}
.finder .prog i{flex:1;height:4px;border-radius:3px;background:var(--line2);position:relative;overflow:hidden}
.finder .prog i::after{content:"";position:absolute;inset:0;background:var(--aqua);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
.finder .prog i.on::after{transform:scaleX(1)}
.finder .qn{display:block;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.finder .q{display:none}
.finder .q.on{display:block;animation:qin .45s var(--ease) both}
@keyframes qin{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.finder .q h3{font-size:24px;margin-bottom:16px;letter-spacing:-.02em}
.finder .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.finder .opt{background:var(--mist);border:1.5px solid transparent;border-radius:14px;padding:17px 16px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;color:var(--navy);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .25s var(--ease)}
.finder .opt:hover{border-color:var(--aqua);background:#fff;transform:translateY(-2px)}
.finder .back{background:none;border:0;color:var(--muted);font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;margin-top:16px;padding:0}
.finder .back:hover{color:var(--navy)}
.finder .res{display:none}
.finder .res.on{display:block;animation:qin .45s var(--ease) both}
.finder .res .sug{background:var(--tint);border-radius:14px;padding:18px 20px;margin-bottom:18px;font-size:18px;color:var(--ink);font-weight:600;line-height:1.45}
.finder .res .sug b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--aquad);margin-bottom:6px}
.finder .res ul{margin:0 0 16px;padding-left:20px}
.fcard{background:#fff;color:var(--text);border-radius:24px;padding:28px;box-shadow:var(--sh3);position:relative}
.fcard.flat{box-shadow:var(--sh2);border:1px solid var(--line2)}
.fcard h2{font-size:25px;margin-bottom:6px;letter-spacing:-.02em}
.fcard .fh2{color:var(--ink);font-size:25px;font-weight:760;line-height:1.08;letter-spacing:-.02em;margin:0 0 6px}
.fcard .sub{color:var(--muted);font-size:15.5px;margin-bottom:18px}
.fm .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fm label{display:block;font-weight:700;font-size:14px;color:var(--ink);margin:0 0 12px}
.fm label small{font-weight:450;color:var(--muted)}
.fm input,.fm select,.fm textarea{display:block;width:100%;margin-top:6px;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:12px 13px;transition:border-color .2s,box-shadow .2s}
.fm input:hover,.fm select:hover,.fm textarea:hover{border-color:#B7CFD9}
.fm textarea{min-height:92px;resize:vertical}
.fm input:focus,.fm select:focus,.fm textarea:focus{border-color:var(--aqua);outline:none;box-shadow:0 0 0 4px rgba(25,181,200,.16)}
.fm .go{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.fm .fine{font-size:13px;color:var(--muted);margin:0}
.fm .hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.fmsg{margin:12px 0 0;font-weight:650;font-size:15px}
.fmsg.ok{color:#11705c}
.fmsg.bad{color:#a3312a}
.fm.done .row,.fm.done label,.fm.done .go{display:none}
.fm .pick{font-size:14px;background:var(--tint);color:var(--ink);font-weight:650;border-radius:10px;padding:9px 12px;margin:0 0 12px;display:none}
.fm .pick.on{display:block;animation:qin .4s var(--ease) both}
.files{font-size:14px;color:var(--muted)}
.faqgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:72px;align-items:start}
.faqgrid h2{margin-bottom:22px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-weight:720;font-size:18px;color:var(--ink);padding:20px 44px 20px 0;position:relative;letter-spacing:-.01em;transition:color .2s}
.faq summary:hover{color:var(--aquad)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--aquad);border-radius:2px;transition:transform .3s var(--ease)}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq details p{margin:0 0 20px;color:var(--muted);max-width:680px}
.faq details[open] p{animation:qin .35s var(--ease) both}
.relh{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--aquad);margin:4px 0 14px;font-weight:800}
.rel{display:grid;gap:8px}
.rel a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line2);border-radius:12px;padding:13px 16px;text-decoration:none;color:var(--navy);font-weight:680;font-size:15.5px;transition:border-color .2s,transform .3s var(--ease),box-shadow .3s}
.rel a .ic{color:var(--aquad);transition:transform .25s var(--ease)}
.rel a:hover{border-color:var(--aqua);box-shadow:var(--sh1)}
.rel a:hover .ic{transform:translateX(4px)}
section.s:not(.mist) .rel a{background:var(--mist);border-color:transparent}
section.s:not(.mist) .rel a:hover{background:#fff;border-color:var(--aqua)}
.band{color:#fff;position:relative;overflow:hidden}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:88px;padding-bottom:210px;flex-wrap:wrap;position:relative;z-index:1}
.band .kick{color:var(--aqua)}
.band h2{color:#fff;margin:0 0 10px;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.035em}
.band p{color:var(--soft);margin:0;max-width:540px;font-size:18px}
.band .ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.band .big{color:#fff;font-weight:800;font-size:clamp(28px,3vw,38px);text-decoration:none;margin-right:10px;letter-spacing:-.02em}
.band .big:hover{color:var(--aqua2)}
.river{position:absolute;left:0;right:0;bottom:0;height:230px;pointer-events:none}
.riversvg{width:100%;height:100%;display:block}
.flow{animation:flow var(--t,14s) linear infinite}
.flow.f0{--t:13s;--o:-396px}.flow.f1{--t:17s;--o:-308px}.flow.f2{--t:22s;--o:-400px}.flow.f3{--t:26s;--o:-336px}
@keyframes flow{to{stroke-dashoffset:var(--o)}}
.ferry{animation:ferry 52s linear infinite}
@keyframes ferry{from{transform:translateX(-160px)}to{transform:translateX(1600px)}}
.ftr{background:var(--deeper);color:var(--soft);padding:64px 0 40px;font-size:15px}
.ftr .cols{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:36px}
.ftr p{color:#8FB2C1;font-size:14.5px;max-width:300px}
.ftr .fh{max-width:none;color:#fff;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-weight:800}
.ftr .fh.h2nd{margin-top:26px}
.ftr a{color:var(--soft);text-decoration:none;display:block;padding:4px 0;transition:color .2s,transform .25s var(--ease)}
.ftr .cols>div>a:not(.logo):not(.fbig):hover{color:#fff;transform:translateX(3px)}
.ftr .logo{margin-bottom:16px}
.ftr .fbig{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.02em;padding:6px 0 2px}
.ftr .fbig:hover{color:var(--aqua2)}
.ftr .legal{border-top:1px solid #0F3A50;margin-top:44px;padding-top:20px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-size:13.5px;color:#7FA3B3}
.ftr .legal a{display:inline;color:#9CC0CE}
.mbar{display:none}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js svg.ill text{opacity:0;transition:opacity .8s ease .9s}
.js svg.drawn text{opacity:1}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pwrap{max-width:1000px;margin:0 auto}
.player{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--deeper);box-shadow:var(--sh3);border:1px solid rgba(8,50,74,.25)}
.player .stage{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:radial-gradient(120% 95% at 50% 18%,#105679 0%,#08324A 52%,#041A25 100%);outline:none}
.player .stage:focus-visible{box-shadow:inset 0 0 0 3px var(--aqua)}
.player .sc{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.player .sc.on{opacity:1}
.player .scn{width:100%;height:100%;display:block}
.player .sc.on .scn{animation:scin 1.2s var(--ease) both}
@keyframes scin{from{transform:scale(.965);opacity:.4}to{transform:none;opacity:1}}
.player .grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}
.player .sh{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,26,37,.62) 0%,rgba(4,26,37,0) 20%,rgba(4,26,37,0) 58%,rgba(4,26,37,.88) 100%)}
.player .tcode,.player .who{position:absolute;top:14px;z-index:2;font-size:12px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.player .tcode{left:16px;display:flex;align-items:center;gap:8px}
.player .tcode .dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(25,181,200,.6)}
.player.playing .tcode .dot{animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,181,200,.55)}100%{box-shadow:0 0 0 10px rgba(25,181,200,0)}}
.player .who{right:16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:4px 11px;color:rgba(255,255,255,.7);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}
.player .mid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.player .pb{width:76px;height:76px;border-radius:50%;background:rgba(25,181,200,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px -8px rgba(25,181,200,.7);transition:opacity .3s,transform .3s var(--ease)}
.player .pb svg{width:22px;height:24px;margin-left:4px}
.player .stage:hover .pb{transform:scale(1.06)}
.player.playing .pb{opacity:0;transform:scale(.85)}
.player .cue{position:absolute;left:0;right:0;bottom:16px;padding:0 20px;z-index:2;pointer-events:none;min-height:70px;display:flex;flex-direction:column;justify-content:flex-end}
.player .cue b{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua2);margin-bottom:6px;font-weight:800}
.player .cue p{margin:0;font-size:clamp(15px,1.7vw,20px);font-weight:650;color:#fff;letter-spacing:-.01em;max-width:44ch;line-height:1.35;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.player .ctl{position:relative;z-index:3;background:#041A25;border-top:1px solid rgba(255,255,255,.08);padding:12px 18px 14px}
.player .track{position:relative;height:22px;display:flex;align-items:center}
.player .rail{position:absolute;left:0;right:0;height:4px;background:rgba(255,255,255,.14);border-radius:3px}
.player .fill{position:absolute;left:0;height:4px;background:linear-gradient(90deg,var(--aqua),var(--aqua2));border-radius:3px;width:0}
.player .knob{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.5);left:0;transform:translateX(-50%);pointer-events:none}
.player .ptick{position:absolute;width:2px;height:10px;background:rgba(255,255,255,.4);transform:translateX(-50%);border-radius:1px;pointer-events:none}
.player input[type=range]{position:absolute;left:0;right:0;width:100%;height:22px;opacity:0;cursor:pointer;margin:0}
.player .meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.03em;flex-wrap:wrap}
.player .meta b{color:rgba(255,255,255,.85);font-weight:700}
.player .sc *{animation-play-state:paused!important}
.player.playing .sc.on *{animation-play-state:running!important}
.player :is(.ph,.pcard,.mag,.wrench,.roller,.spin,.sheet,.tk,.shield,.env,.fold,.fly,.pkt,.hand,.ring,.wave,.blink,.alert,.spark,.pbtn,.tick,.lt){transform-box:fill-box;transform-origin:center}
.sc.on .ring{animation:ring 1.5s ease-out infinite both}
.sc.on .ring.r1{animation-delay:.18s}.sc.on .ring.r2{animation-delay:.36s}
@keyframes ring{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
.sc.on .ph{animation:buzz 1.5s ease-in-out infinite}
@keyframes buzz{0%,40%,100%{transform:none}5%{transform:rotate(-3deg)}10%{transform:rotate(3deg)}15%{transform:rotate(-2deg)}20%{transform:rotate(2deg)}25%{transform:none}}
.sc.on .blink{animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.sc.on .pcard{animation:slidein .8s var(--ease) .8s both}
.sc.on .tdot{animation:tdot 1.2s ease-in-out infinite}
.sc.on .tdot.d1{animation-delay:.2s}.sc.on .tdot.d2{animation-delay:.4s}
@keyframes tdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}
.player .tdot{transform-box:fill-box;transform-origin:center}
.player .cue p.swap{animation:qin .5s var(--ease) both}
@keyframes slidein{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
.sc.on .tick{stroke-dasharray:44;stroke-dashoffset:44;animation:dash .6s ease 2.4s forwards}
@keyframes dash{to{stroke-dashoffset:0}}
.sc.on .alert{animation:blink 1.2s steps(2) infinite}
.sc.on .scan{animation:scan 2.6s ease-in-out infinite alternate}
@keyframes scan{from{transform:translateX(0)}to{transform:translateX(290px)}}
.player .sc .scan{transform-box:view-box;transform-origin:0 0}
.sc.on .mag{animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translate(-10px,8px)}}
.sc.on .van{animation:drive 6s cubic-bezier(.35,.05,.4,1) both}
.player .sc .van{transform-box:view-box;transform-origin:0 0}
@keyframes drive{from{transform:translateX(-300px)}55%{transform:translateX(170px)}to{transform:translateX(200px)}}
.sc.on .road{animation:road .9s linear infinite}
@keyframes road{to{stroke-dashoffset:-48}}
.sc.on .spin{animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sc.on .speed{animation:speed 3.4s ease both}
@keyframes speed{0%,70%{opacity:1}100%{opacity:0}}
.sc.on .skyp{animation:para 6s linear both}
.player .sc .skyp{transform-box:view-box;transform-origin:0 0}
@keyframes para{from{translate:20px 0}to{translate:-20px 0}}
.sc.on .wrench{animation:turn 1.4s ease-in-out infinite}
@keyframes turn{0%,100%{transform:rotate(0)}50%{transform:rotate(-24deg)}}
.sc.on .roller{animation:roll 3s var(--ease) .6s both}
@keyframes roll{0%{transform:translateX(-70px);opacity:0}40%{opacity:1}100%{transform:translateX(0);opacity:1}}
.sc.on .spark{animation:blink .5s steps(2) infinite}
.sc.on .spark.k1{animation-delay:.15s}.sc.on .spark.k2{animation-delay:.3s}
.sc.on .sheet{animation:sheet 1.3s var(--ease) both}
.sc.on .sheet.s1{animation-delay:1.3s}.sc.on .sheet.s2{animation-delay:2.6s}.sc.on .sheet.s0{animation-delay:.2s}
@keyframes sheet{from{opacity:0;transform:translate(-70px,8px)}to{opacity:1;transform:translate(var(--sx,0),var(--sy,0))}}
.player .sheet.s1{--sx:10px;--sy:-10px}.player .sheet.s2{--sx:20px;--sy:-20px}
.sc.on .tk{animation:pop .5s var(--ease) both}
.sc.on .tk.t0{animation-delay:1.2s}.sc.on .tk.t1{animation-delay:2.5s}.sc.on .tk.t2{animation-delay:3.8s}
@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.sc.on .lt{stroke-dasharray:40;stroke-dashoffset:40;animation:dash .5s ease forwards}
.sc.on .lt.l0{animation-delay:.6s}.sc.on .lt.l1{animation-delay:1.5s}.sc.on .lt.l2{animation-delay:2.4s}.sc.on .lt.l3{animation-delay:3.3s}
.sc.on .shield{animation:pop .7s var(--ease) 4s both}
.sc.on .wave{animation:ring 1.6s ease-out infinite both}
.sc.on .wave.w1{animation-delay:.2s}.sc.on .wave.w2{animation-delay:.4s}
.sc.on .pkt{animation:pkt 2s ease-in-out infinite both}
.sc.on .pkt.p1{animation-delay:.66s}.sc.on .pkt.p2{animation-delay:1.33s}
@keyframes pkt{0%{transform:translate(0,0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translate(200px,30px);opacity:0}}
.sc.on .fly{animation:fly 2.4s var(--ease) infinite both}
.sc.on .fly.f1{animation-name:fly2;animation-delay:1.2s}
@keyframes fly{0%{transform:translate(0,0) scale(1);opacity:0}15%{opacity:1}100%{transform:translate(200px,-50px) scale(.7);opacity:0}}
@keyframes fly2{0%{transform:translate(0,0) scale(1);opacity:0}15%{opacity:1}100%{transform:translate(200px,80px) scale(.7);opacity:0}}
.sc.on .env,.sc.on .fold{animation:pop .6s var(--ease) .3s both}
.sc.on .pbtn{animation:press 3.6s ease infinite}
.sc.on .pbtn.b1{animation-delay:.6s}.sc.on .pbtn.b2{animation-delay:1.2s}.sc.on .pbtn.b3{animation-delay:1.8s}.sc.on .pbtn.b4{animation-delay:2.4s}.sc.on .pbtn.b5{animation-delay:3s}
@keyframes press{0%,20%,100%{stroke:#CFE6EE;fill:none}8%{stroke:#19B5C8;fill:rgba(25,181,200,.18)}}
.sc.on .hand{animation:tap 3.6s ease-in-out infinite}
@keyframes tap{0%,100%{transform:translate(0,0)}25%{transform:translate(-200px,-60px)}50%{transform:translate(-110px,-130px)}75%{transform:translate(-20px,-60px)}}
@media (max-width:680px){
  .player{border-radius:16px}
  .player .cue p{font-size:14px}
  .player .who{display:none}
  .player .pb{width:60px;height:60px}
}
.book{--w:150px;width:var(--w);flex:none;perspective:900px}
.book .bcov{position:relative;aspect-ratio:210/297;border-radius:4px 10px 10px 4px;padding:12% 11% 0;display:flex;flex-direction:column;gap:6px;overflow:hidden;color:#fff;
  background:radial-gradient(140% 90% at 0% 0%,#0E4C6E 0%,#08324A 55%,#062330 100%);box-shadow:inset 6px 0 0 rgba(0,0,0,.18),inset 7px 0 0 rgba(255,255,255,.08),0 22px 40px -18px rgba(4,26,37,.6),0 2px 6px rgba(4,26,37,.2);
  transform:rotateY(-14deg) rotateX(2deg);transform-origin:left center;transition:transform .5s var(--ease)}
.book .bmk{display:flex;align-items:center;gap:5px;font-size:calc(var(--w)*.05);font-weight:800;letter-spacing:.02em;margin-bottom:6%}
.book .bmk .mark{width:calc(var(--w)*.11);height:calc(var(--w)*.11)}
.book .bmk i{font-style:normal}
.book .bcov b{display:block;color:#fff;font-size:calc(var(--w)*.11);line-height:1.06;letter-spacing:-.025em;font-weight:780;text-wrap:balance;margin:0}
.book .bcov small{display:block;color:var(--soft);font-size:calc(var(--w)*.06);line-height:1.3;margin:0}
.book .bsky{position:absolute;left:-6%;right:-6%;bottom:6%}
.book .bsky svg{width:100%;height:auto;display:block}
.book.sm{--w:110px}
a:hover .book .bcov,.grow:hover .book .bcov{transform:rotateY(-4deg) rotateX(0)}
.gwrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.glist{display:grid;gap:16px}
.fm label.grow{display:flex;gap:26px;align-items:flex-start;background:#fff;border:1.5px solid var(--line2);border-radius:20px;padding:22px 24px;margin:0;cursor:pointer;font-weight:400;font-size:15.5px;color:var(--text);box-shadow:var(--sh1);transition:border-color .2s,box-shadow .3s}
.fm label.grow:hover{box-shadow:var(--sh2)}
.fm label.grow:has(input:checked){border-color:var(--aqua)}
.grow .gtext{display:flex;flex-direction:column;gap:6px;min-width:0}
.grow .gtop{display:flex;align-items:center;gap:10px}
.grow input{position:absolute;opacity:0;width:1px;height:1px}
.grow .gtick{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s,border-color .2s}
.grow .gtick .ic{width:15px;height:15px;opacity:0}
.grow input:checked+.gtick{background:var(--aqua);border-color:var(--aqua)}
.grow input:checked+.gtick .ic{opacity:1}
.grow input:focus-visible+.gtick{outline:3px solid var(--aqua);outline-offset:2px}
.grow .gshort{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--aquad)}
.grow b{font-size:20px;color:var(--ink);letter-spacing:-.015em;line-height:1.25}
.grow .gblurb{color:var(--muted)}
.gch{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.gch li{font-size:12.5px;font-weight:650;color:var(--navy);background:var(--mist);border-radius:999px;padding:4px 10px}
.gcard{position:sticky;top:104px}
.gcard .dl{display:grid;gap:10px;margin-top:6px}
.gcard .dl p{margin:0;font-weight:700;color:var(--ink)}
.gcard .dl[hidden],.gcard .dl a[hidden]{display:none}
.fm.done .dl{display:grid}
.fm.done label.grow{display:flex;cursor:default}
.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.shelfi{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:20px;padding:24px;text-decoration:none;color:var(--text);box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.shelfi:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--aqua);color:var(--text)}
.shelfi b{display:block;font-size:18px;color:var(--ink);letter-spacing:-.01em}
.shelfi small{display:block;color:var(--muted);font-size:14.5px;line-height:1.45;margin-top:4px}
.gcta{display:flex;gap:40px;align-items:center;background:var(--navy);color:var(--soft);border-radius:24px;padding:36px 44px;position:relative;overflow:hidden;max-width:1000px;margin:0 auto}
.gcta::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(25,181,200,.25),transparent 70%)}
.gcta .kick{color:var(--aqua)}
.gcta h3{color:#fff;font-size:26px;margin:0 0 8px;letter-spacing:-.02em}
.gcta p{margin:0 0 18px;max-width:560px}
.gcta .book{--w:130px}
@media (max-width:1040px){.gwrap{grid-template-columns:1fr}.gcard{position:static}.shelf{grid-template-columns:1fr}}
@media (max-width:680px){.fm label.grow{flex-direction:column;gap:16px}.gcta{flex-direction:column;align-items:flex-start;padding:28px 22px}.book{--w:120px}}
.pout{opacity:0}
.drawn .pout,html:not(.js) .pout{animation:pout 3.6s cubic-bezier(.3,.6,.3,1) 2.6s infinite}
@keyframes pout{0%{opacity:0;transform:translateX(26px)}18%{opacity:1}55%{opacity:1;transform:translateX(0)}85%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(0)}}
.riversvg .wheel{transform-box:fill-box;transform-origin:center;animation:wheel 60s linear infinite}
@keyframes wheel{to{transform:rotate(360deg)}}
.riversvg .petal{animation:petal 7s ease-in infinite}
.riversvg .petal.p1{animation-delay:1.8s}.riversvg .petal.p2{animation-delay:3.4s}.riversvg .petal.p3{animation-delay:5.1s}
@keyframes petal{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}100%{opacity:0;transform:translate(26px,44px)}}
.tapes{position:relative;z-index:6;height:190px;margin-block:-95px;overflow:hidden;pointer-events:none}
.tape{position:absolute;left:-10%;right:-10%;top:50%;padding-block:16px;box-shadow:0 20px 40px -20px rgba(4,26,37,.5)}
.tape.ta{background:var(--aqua);color:var(--deep);transform:translateY(-62%) rotate(-3deg)}
.tape.tb{background:var(--navy);color:#fff;transform:translateY(-36%) rotate(2.2deg);border-block:1px solid rgba(255,255,255,.08)}
.ttrack{display:flex;width:max-content;animation:tapecrawl 50s linear infinite}
.tape.tb .ttrack{animation-direction:reverse;animation-duration:58s}
.tape span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-size:clamp(16px,1.6vw,21px);font-weight:760;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.tape .ic{width:1em;height:1em}
.tape.tb .ic{color:var(--aqua)}
@keyframes tapecrawl{to{transform:translateX(-50%)}}
section.s.navyband{color:var(--soft);padding-top:150px;
  background:repeating-linear-gradient(-58deg,rgba(25,181,200,.06) 0 2px,transparent 2px 26px),radial-gradient(900px 500px at 85% 0%,rgba(25,181,200,.22),transparent 60%),linear-gradient(180deg,var(--navy),var(--deep))}
.navyband .shead h2{color:#fff}.navyband .kick{color:var(--aqua)}.navyband .shead .note{color:var(--soft)}
.navyband .acard{background:rgba(255,255,255,.04);border-color:rgba(185,214,226,.16);color:var(--soft);box-shadow:none}
.navyband .acard:hover{border-color:var(--aqua);background:rgba(255,255,255,.07);color:var(--soft)}
.navyband .acard .aart{background:linear-gradient(180deg,rgba(25,181,200,.28),rgba(25,181,200,.04));border-bottom-color:rgba(185,214,226,.14)}
.navyband .acard.t1 .aart{background:linear-gradient(180deg,rgba(79,202,216,.34),rgba(79,202,216,.04))}
.navyband .acard.t2 .aart{background:linear-gradient(180deg,rgba(166,139,216,.30),rgba(166,139,216,.04))}
.navyband .acard.t3 .aart{background:linear-gradient(180deg,rgba(14,124,138,.55),rgba(14,124,138,.06))}
.navyband .banner path[stroke="#CFE6EE"]{fill:rgba(25,181,200,.32)}
.navyband .acard .aart{padding-top:30px}
.navyband .acard h3{color:#fff}.navyband .acard p{color:var(--soft)}.navyband .acard .more{color:var(--aqua2)}
section.s.costsec{background:linear-gradient(180deg,#fff,var(--mist))}
.cost{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.cost h2 em{font-style:normal;color:var(--aquad);position:relative}
.cost .lede{font-size:18.5px;color:var(--text);max-width:620px}
.costcalc{background:#fff;border:1px solid var(--line2);border-radius:22px;padding:24px;box-shadow:var(--sh2);margin:26px 0 22px}
.ccgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.cc{display:grid;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink)}
.ccin{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:11px;padding:0 12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.ccin:focus-within{border-color:var(--aqua);box-shadow:0 0 0 4px rgba(25,181,200,.16)}
.ccin i{font-style:normal;color:var(--muted);font-weight:650;font-size:14px}
.ccin input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:17px;font-weight:650;color:var(--ink);padding:11px 8px;background:transparent}
.ccout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.ccout div{background:var(--navy);border-radius:14px;padding:14px;color:var(--soft);display:grid;gap:4px}
.ccout span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua)}
.ccout b:empty::before,.ccout b.wait{color:var(--soft);font-size:14px;font-weight:600}
.ccout b{color:#fff;font-size:clamp(19px,1.9vw,26px);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccout div:nth-child(3){background:linear-gradient(135deg,var(--aquad),var(--navy))}
.ccnote{font-size:13px;color:var(--muted);margin:14px 0 0}
.costr .illwrap{max-width:520px;margin:0 auto}
.costcap{text-align:center;font-size:15px;color:var(--muted);margin-top:10px}
.money .msheet,.money .mbill,.money .mcoin{opacity:0;transform-box:fill-box;transform-origin:center}
.money.drawn .msheet{animation:msheet 4.5s ease-in-out infinite}
.money.drawn .msheet.m1{animation-delay:1.5s}.money.drawn .msheet.m2{animation-delay:3s}
@keyframes msheet{0%{opacity:0;transform:translate(-30px,6px)}15%{opacity:1}40%{opacity:1;transform:translate(0,0)}70%{opacity:0;transform:translate(10px,-6px)}100%{opacity:0}}
.money.drawn .mbill{animation:mbill 4.5s ease-out infinite}
.money.drawn .mbill.b1{animation-delay:1.1s}.money.drawn .mbill.b2{animation-delay:2.2s}.money.drawn .mbill.b3{animation-delay:3.3s}
@keyframes mbill{0%{opacity:0;transform:translate(-60px,10px) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(60px,-90px) rotate(12deg)}}
.money.drawn .mcoin{animation:mcoin 3s ease-in infinite}
.money.drawn .mcoin.c1{animation-delay:1s}.money.drawn .mcoin.c2{animation-delay:2s}
@keyframes mcoin{0%{opacity:0;transform:translateY(-40px)}30%{opacity:1}80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@media (max-width:1040px){.cost{grid-template-columns:1fr}.ccout{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.ccgrid{grid-template-columns:1fr}.tapes{height:140px;margin-block:-70px}.tape{padding-block:11px}section.s.navyband{padding-top:110px}}
@media (max-width:1180px){
  .nav>a.hide-md{display:none}
}
@media (max-width:1040px){
  .split{grid-template-columns:1fr;min-height:0}
  .split .left{padding:52px var(--gutr) 44px var(--gut)}
  .split .left .ph{margin-top:120px}
  .split .right{padding:36px var(--gutr) 40px var(--gut)}
  .phero .wrap{grid-template-columns:1fr;gap:36px}
  .chap{grid-template-columns:150px minmax(0,1fr);gap:32px}
  .cnum span{font-size:72px}
  .proof ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof li:nth-child(odd){padding-left:0;border-left:0}
  .proof li:nth-child(n+3){border-top:1px solid var(--line2)}
  .ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bgrid,.areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .twocol,.wband .wrap,.cyc,.faqgrid{grid-template-columns:1fr;gap:36px}
  .ftr .cols{grid-template-columns:1fr 1fr 1fr}
  .ftr .cols>div:first-child{grid-column:1/-1}
  .util .u2{display:none}
  .burger{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 16px 18px;gap:2px;max-height:calc(100vh - 110px);overflow:auto;box-shadow:var(--sh2)}
  .nav.open{display:flex}
  .nav>a.hide-md{display:block}
  .nav>a:not(.btn)::after,.dd>button::after{display:none}
  .dd .menu,.dd .menu.two{position:static;box-shadow:none;border:0;padding:0 0 0 12px;margin:0;min-width:0;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;display:none}
  .dd.open .menu,.dd.open .menu.two{display:grid}
  .dd:hover .menu{display:none}.dd.open:hover .menu{display:grid}
  .dd>button{width:100%;justify-content:space-between}
  .nav .tel,.nav>a.btn{margin:8px 0 0;justify-content:center}
}
@media (max-width:680px){
  :root{--gut:max(16px,env(safe-area-inset-left,0px));--gutr:max(16px,env(safe-area-inset-right,0px))}
  body{font-size:16.5px}
  section.s{padding:64px 0}
  .shead{margin-bottom:28px}
  .chap{grid-template-columns:1fr;gap:14px;padding:40px 0}
  .cnum{flex-direction:row;align-items:flex-end;gap:14px}
  .cnum span{font-size:56px}
  .cnum i{border-top:0;padding-top:0;margin-bottom:6px}
  .cbody>p:first-of-type{font-size:18.5px}
  .figband{padding:48px 0}
  .callstrip{padding:24px 22px}
  .split .tiles{grid-template-columns:1fr}
  .split .left h1{font-size:40px}
  .split .left .ph{margin-top:96px}
  .proof ul{grid-template-columns:1fr}
  .proof li,.proof li+li{padding:18px 0;border-left:0}
  .proof li+li{border-top:1px solid var(--line2)}
  .ladder,.bgrid,.areas,.acards{grid-template-columns:1fr}
  .ticks{grid-template-columns:1fr}
  .fm .row{grid-template-columns:1fr;gap:0}
  .logo .wm{font-size:18px}
  .util .u1x{display:none}
  .hdr .bar{min-height:64px}
  .phero .wrap{padding-top:44px;padding-bottom:52px}
  .phero .wrap.one{padding-bottom:96px}
  .wband .wrap{padding-top:72px;padding-bottom:72px}
  .band .wrap{padding-top:64px;padding-bottom:170px}
  .river{height:180px}
  .pay{min-width:0}
  .tablewrap{box-shadow:none}
  .pay thead{display:none}
  .pay,.pay tbody,.pay tr,.pay th,.pay td{display:block;width:100%}
  .pay tr{border-bottom:1px solid var(--line);padding:6px 0}
  .pay td{border:0;padding:4px 16px}
  .pay td::before{content:attr(data-h);display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--aquad)}
  .pay tbody th{padding:14px 16px 4px;border:0}
  .fcard{padding:22px}
  .finder{padding:22px}
  .ftr{padding-bottom:110px}
  .ftr .cols{grid-template-columns:1fr 1fr}
  .marquee{margin-bottom:24px}
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
  .mbar a{display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;border-radius:12px;font-weight:800;text-decoration:none;font-size:16px}
  .mbar .c{background:var(--navy);color:#fff}
  .mbar .q{background:var(--aqua);color:var(--deep)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
  .js svg.ill text{opacity:1}
  .ttrack{animation:none}
  .pout{opacity:1}
  .money .msheet,.money .mbill,.money .mcoin{opacity:1}
  .mtrack{flex-wrap:wrap;width:auto}.mset[aria-hidden]{display:none}.mset{flex-wrap:wrap;row-gap:10px}
}
@media print{.hdr,.mbar,.band,.river{display:none}.js .rv{opacity:1;transform:none}}
.sheetway{position:absolute;left:0;top:0;z-index:4;pointer-events:none;overflow:visible}
.sheetway .slot{stroke:var(--aqua);stroke-width:2;stroke-linecap:round;opacity:.9}
.sheetway .trail{fill:none;stroke:var(--aqua);stroke-width:1.25;stroke-linecap:round;opacity:.8}
.sheetway .ahead{fill:none;stroke:var(--aqua);stroke-width:1;stroke-dasharray:1 6;stroke-linecap:round;opacity:.22}
.sheetway .tk{fill:none;stroke:var(--aqua);stroke-width:1.5;stroke-linecap:round;opacity:.75;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1)}
.sheetway .tk.on{stroke-dashoffset:0}
.sheetway .sheet rect{fill:#fff;stroke:var(--navy);stroke-width:1.2}
.sheetway .pl{stroke:var(--navy);stroke-width:1.3;stroke-linecap:round;opacity:0;transition:opacity .5s}
.sheetway .pl.on{opacity:.45}.sheetway .pl.last{stroke:var(--aqua);opacity:1}
.sheetway .pile rect{fill:#fff;stroke:var(--navy);stroke-width:1.2;opacity:0;transition:opacity .6s}
.sheetway.landed .pile rect{opacity:1}
.kick::before{transition:width .6s cubic-bezier(.2,.7,.2,1),opacity .6s}
.kick.fed::before{width:30px;opacity:1}
@media print{.sheetway{display:none}}
.split .left,.phero,.wband,.band{background:radial-gradient(900px 480px at 0% 0%,rgba(14,76,110,.55),transparent 62%),var(--navy)}
.split .left::before,.phero::before,.wband::before{content:none}
.phero{clip-path:none}
.callstrip{background:var(--navy)!important}
.callstrip::before,.callstrip::after{content:none!important}
.split .left .ph{margin-top:96px}
.split .right{background:#fff;background-image:none;align-items:center;justify-content:center;padding:56px max(32px,calc((100vw - 1240px)/2 + 24px)) 48px 32px;border-bottom:1px solid var(--line2)}
.hfig{margin:0;width:100%;max-width:600px}
.hfig .elev{width:100%;height:auto;display:block;overflow:visible}
.js .hfig .feed{animation:feed 1.4s cubic-bezier(.2,.7,.2,1) .9s both}
@keyframes feed{from{transform:translate(-56px,11px)}to{transform:none}}
.sheet-on .hfig .feed{visibility:hidden}
.proof li{display:block;padding:34px 24px 32px 0}
.proof li b{font-size:clamp(22px,2vw,28px);font-weight:780;letter-spacing:-.025em;color:var(--navy);margin:0 0 6px;line-height:1.05}
.proof li i{display:block;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--aquad);margin-bottom:8px}
.proof li span{display:block;font-size:14px;color:var(--muted);line-height:1.45}
.rangefoot{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;margin-top:22px}
.rangefoot .btn{align-self:center}
.rangefoot .findone{flex:1;min-width:280px;margin:0}
.tile .strip{flex-wrap:nowrap}
.tile .strip span{white-space:nowrap}
.tile .strip .ask{white-space:nowrap}
.cyc3{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line2)}
.cyc3 li{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:20px 0;border-bottom:1px solid var(--line2)}
.cyc3 span{grid-row:span 2;font-size:28px;font-weight:300;color:var(--aquad);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.cyc3 b{font-size:18px;color:var(--navy);letter-spacing:-.01em}
.cyc3 small{font-size:15px;color:var(--muted);line-height:1.45}
.acard .anum{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--aqua2);margin-bottom:10px}
.navyband .acard .atext{padding:30px 30px 28px}
section.s.navyband{padding-top:104px}
section.s.navyband::before,section.s.navyband::after{content:none!important}
.cost{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:64px}
.cost .costl{grid-column:1 / -1;max-width:760px}
.costcalc{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:start}
.costcalc .ccgrid{grid-column:1}
.costcalc .ccout{grid-column:2;grid-row:1 / span 2;margin:0;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line2)}
.costcalc .ccout div{background:none!important;border-radius:0;padding:22px 0 20px;border-bottom:1px solid var(--line2);color:var(--muted)}
.costcalc .ccout div:nth-child(odd){padding-right:20px;border-right:1px solid var(--line2)}
.costcalc .ccout div:nth-child(even){padding-left:24px}
.costcalc .ccout span{color:var(--aquad)}
.costcalc .ccout b{color:var(--navy);font-size:clamp(30px,3.4vw,46px);font-weight:760;letter-spacing:-.035em;line-height:1.05}
.costcalc .ccout b.wait{color:#B4C6CF;font-size:clamp(30px,3.4vw,46px);font-weight:300}
.costcalc .ccnote{grid-column:1}
.cost .ctas{grid-column:1 / -1}
section.s.costsec{background:#fff}
@media (max-width:1040px){.costcalc{grid-template-columns:1fr}.costcalc .ccout{grid-column:1;grid-row:auto}}
.stband{padding:88px 0;border-block:1px solid var(--line2);background:#fff}
.stband .stm{margin:0 auto;max-width:900px;font-size:clamp(26px,3.2vw,42px);line-height:1.18;font-weight:640;letter-spacing:-.03em;color:var(--navy);text-wrap:balance;text-align:center}
.stband .stm::before{content:"";display:block;width:44px;height:2px;background:var(--aqua);margin:0 auto 26px}
.phero .wrap{padding-bottom:88px}
.phero .wrap.one{padding-bottom:96px}
section.s.library{background:var(--navy);color:var(--soft)}
.libhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 48px;align-items:end;margin-bottom:48px}
.libhead .kick{grid-column:1 / -1;color:var(--aqua);margin:0}
.libhead h2{color:#fff;margin:0;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.035em}
.libhead p{grid-column:1;margin:0;max-width:640px;color:var(--soft);font-size:18px}
.libhead .btn{grid-column:2;grid-row:2 / span 2;align-self:end}
.lib{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.libi{display:flex;flex-direction:column;gap:22px;text-decoration:none;color:var(--soft)}
.libi:hover{color:var(--soft)}
.libi .book{--w:min(100%,260px)}
.libt{display:flex;flex-direction:column;gap:6px}
.libt i{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua)}
.libt b{color:#fff;font-size:20px;letter-spacing:-.015em;line-height:1.25}
.libt small{font-size:15px;line-height:1.5}
.libt .more{color:var(--aqua2);font-weight:720;display:inline-flex;gap:6px;align-items:center;margin-top:6px}
.libi:hover .more .ic{transform:translateX(4px)}
@media (max-width:900px){.lib{grid-template-columns:1fr}.libhead{grid-template-columns:1fr}.libhead .btn{grid-column:1;grid-row:auto;justify-self:start}.libi{flex-direction:row;align-items:flex-start}.libi .book{--w:120px}}
.book{--w:150px}
.book .bcov{background:var(--navy);padding:13% 11% 0}
.book .bmk{font-size:calc(var(--w)*.052);letter-spacing:.12em;text-transform:uppercase;color:var(--aqua);margin-bottom:8%}
.book .bart{position:absolute;left:11%;right:11%;bottom:12%;color:#fff}
.book .bart svg{width:100%;height:auto;display:block}
.book .bpg{position:absolute;right:9%;top:8%;font-size:calc(var(--w)*.05);font-weight:800;color:rgba(255,255,255,.5)}
.book.b-before-you-sign .bcov{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--line2)}
.book.b-before-you-sign .bcov b{color:var(--navy)}
.book.b-before-you-sign .bcov small{color:var(--muted)}
.book.b-before-you-sign .bart{color:var(--navy)}
.book.b-before-you-sign .bpg{color:var(--muted)}
.book.b-ways-to-pay .bcov{background:var(--aquad)}
.book.b-ways-to-pay .bcov small{color:#DDF4F7}
.book.b-ways-to-pay .bmk{color:#DDF4F7}
.gin{display:flex;align-items:flex-end;gap:10px;margin-top:14px}
.gin i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-self:center;margin-right:4px}
.gin img{width:72px;height:auto;border-radius:3px;box-shadow:0 6px 16px -8px rgba(8,50,74,.35);border:1px solid var(--line2);background:#fff}
.fm input[type=file]{padding:10px;background:#fff;border:1px dashed var(--line);border-radius:12px;width:100%;font-size:14px;color:var(--muted)}
.fm input[type=file]::file-selector-button{font:inherit;font-weight:720;border:0;border-radius:10px;padding:9px 14px;margin-right:12px;background:var(--navy);color:#fff;cursor:pointer}
.band .wrap{padding-bottom:150px}
.river{height:150px;opacity:.75}
.riversvg .lmk,.riversvg .skyg{opacity:.55}
.riversvg path,.riversvg circle,.riversvg rect{vector-effect:non-scaling-stroke}
.riversvg .wheel{animation:none}
.riversvg .petal,.riversvg .bloom{display:none}
.ferry{animation-duration:140s}
.flow.f0{--t:24s}.flow.f1{--t:30s}.flow.f2{--t:38s}.flow.f3{--t:46s}
.band .wrap{align-items:center}
.qsheet{width:96px;height:auto;flex:none;order:-1;overflow:visible}
.qsheet rect{fill:#fff;stroke:none}
.qsheet path{stroke:var(--navy);stroke-width:3;stroke-linecap:round;opacity:.35}
.qsheet .r1{opacity:.9}.qsheet .r8{stroke:var(--aqua);opacity:1}
.sheet-on .qsheet path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s cubic-bezier(.2,.7,.2,1)}
.sheet-on .qsheet.printed path{stroke-dashoffset:0}
.qsheet.printed .r2{transition-delay:.12s}.qsheet.printed .r3{transition-delay:.24s}.qsheet.printed .r4,.qsheet.printed .r6{transition-delay:.36s}
.qsheet.printed .r5,.qsheet.printed .r7{transition-delay:.48s}.qsheet.printed .r8{transition-delay:.62s}
@media (max-width:760px){.qsheet{width:72px}}
@media (max-width:1199px){
  .js section.s::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--aqua);opacity:.55;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
  .js section.s.edge::before{transform:none}
  .js section.s.mist::before,.js section.s.navyband::before{opacity:.45}
}
@media (prefers-reduced-motion:reduce){.js section.s::before{transform:none;transition:none}}
.sheetway .sheet{transition:opacity .4s}.sheet-on:not(.sheet-go) .sheetway .sheet{opacity:0}.sheetway.landed .sheet{opacity:0}
.riversvg [stroke-width]{stroke-width:1.1px}
.band .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px 48px;align-items:center}
.band .qsheet{order:0;grid-row:1}
@media (max-width:1100px){.band .wrap{grid-template-columns:auto minmax(0,1fr)}.band .ctas{grid-column:1 / -1}}
@media (max-width:560px){.band .wrap{grid-template-columns:1fr}.band .qsheet{display:none}}
section.s.navyband{background:radial-gradient(900px 500px at 85% 0%,rgba(25,181,200,.14),transparent 60%),var(--navy)}
section.s.mist .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1040px){section.s.mist .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){section.s.mist .tiles{grid-template-columns:1fr}}
.ftr .logo{display:inline-flex;align-items:center;gap:10px}
.libi .book{--w:240px}
.libi .book .bcov{transform:none;box-shadow:0 30px 50px -24px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.14)}
.libi:hover .book .bcov{transform:translateY(-6px)}
@media (max-width:900px){.libi .book{--w:120px}}
.book .bcov{transform:none;box-shadow:0 22px 40px -22px rgba(4,26,37,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
a:hover .book .bcov,.grow:hover .book .bcov{transform:translateY(-4px)}
@media (max-width:760px){
  .split .right{overflow:hidden;padding:28px 0 20px}
  .hfig{width:78%;max-width:320px;margin:0 auto}
  .hfig .elev text,.hfig .elev [stroke-dasharray],.hfig .elev circle[fill="#8FA9B5"]{display:none}
}
.logo .lockup{height:30px;width:auto;display:block;transition:opacity .2s}
.logo:hover .lockup{opacity:.85}
.ftr .logo .lockup{height:28px}
@media (max-width:760px){.logo .lockup{height:24px}}
html:not(.js) .tiles[data-limit] .tile:nth-child(n+7){display:none}
.hfig{max-width:440px}
.btn,.btn.sm{border-radius:6px}
.split .left .h1b{color:rgba(255,255,255,.7);font-weight:560}
.split .left .from{margin:18px 0 0;color:var(--soft);font-size:15px;font-weight:600;letter-spacing:.01em}
.kick::before{width:7px;height:7px;border-radius:1px;background:var(--aqua);opacity:1}
.kick.fed::before{width:7px;box-shadow:0 0 0 3px rgba(25,181,200,.22)}
.phero .wrap{align-items:center}
.pfig{display:flex;justify-content:center;align-items:flex-end}
.pfig .elev{width:100%;max-width:380px;height:auto;overflow:visible}
.pfig .elev.agree{max-width:270px}
.pbooks{display:flex;gap:18px;align-items:flex-end}
.pbooks .book{--w:150px}
.pbooks .book:nth-child(2){transform:translateY(-14px)}
.asksec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
@media (max-width:1040px){.asksec{grid-template-columns:1fr;gap:28px}.pfig{display:none}}
.js .pfig .feed{animation:feed 1.4s cubic-bezier(.2,.7,.2,1) .7s both}
.js .agree .rule{stroke-dasharray:240;stroke-dashoffset:240;animation:rulein .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.4s + var(--i) * 90ms)}
@keyframes rulein{to{stroke-dashoffset:0}}
.js .feedin{animation:feedin 1.6s cubic-bezier(.2,.7,.2,1) .8s both}
@keyframes feedin{from{transform:translateX(70px)}to{transform:none}}
.led{animation:led 2.6s ease-in-out infinite}
@keyframes led{50%{opacity:.2}}
@media (prefers-reduced-motion:reduce){.js .pfig .feed,.js .agree .rule,.js .feedin,.led,.js .hfig .feed{animation:none;stroke-dashoffset:0}}
.btn:hover{transform:none}
.split .left .from{margin:22px 0 0;color:#fff;font-size:clamp(19px,1.6vw,23px);font-weight:760;letter-spacing:-.01em}
.split .left .from b{color:var(--aqua2);font-weight:800}
.hfig .pr{opacity:0}
.js .hfig .ppath{animation:march 1.1s linear infinite}
@keyframes march{to{stroke-dashoffset:-20}}
.js .hfig .pr{animation:landing 12s cubic-bezier(.2,.7,.2,1) infinite}
.js .hfig .pr.p0{animation-delay:3s}.js .hfig .pr.p1{animation-delay:6s}.js .hfig .pr.p2{animation-delay:9s}
@keyframes landing{0%{opacity:0;transform:translate(-62px,13px)}6%{opacity:1}16%{opacity:1;transform:none}70%{opacity:1;transform:none}80%,100%{opacity:0;transform:none}}
.js .hfig .glow{animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.js .hfig .ppath,.js .hfig .pr,.js .hfig .glow{animation:none}.hfig .pr{opacity:0}}
.sout{opacity:0}
.drawn .sout{animation:sout 10s cubic-bezier(.2,.7,.2,1) infinite}
.drawn .sout.s1{animation-delay:2.6s}.drawn .sout.s2{animation-delay:5.2s}
@keyframes sout{0%{opacity:0;transform:translate(-24px,7px)}8%{opacity:1}20%{opacity:1;transform:none}75%{opacity:1;transform:none}85%,100%{opacity:0;transform:none}}
.drawn .pout,html:not(.js) .pout{animation-duration:5s}
@media (prefers-reduced-motion:reduce){.sout{opacity:1}.drawn .sout{animation:none}}
.ccgrid .ccwide{grid-column:1 / -1}
.cost .hidden{grid-column:1 / -1;margin-top:8px;border-top:1px solid var(--line2);padding-top:36px}
.cost .hidden h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;margin:0 0 8px;color:var(--navy)}
.cost .hidden>p{color:var(--muted);margin:0 0 22px;max-width:640px}
.cost .hidden ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:h;border-top:1px solid var(--line2)}
.cost .hidden li{counter-increment:h;padding:20px 22px 22px 0;border-bottom:1px solid var(--line2);display:grid;gap:6px;align-content:start}
.cost .hidden li::before{content:counter(h,decimal-leading-zero);font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--aquad)}
.cost .hidden li b{color:var(--navy);font-size:16.5px;letter-spacing:-.01em}
.cost .hidden li span{color:var(--muted);font-size:14.5px;line-height:1.5}
.cost .hidden .hnote{margin:18px 0 0;font-weight:650;color:var(--navy)}
@media (max-width:1040px){.cost .hidden ol{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cost .hidden ol{grid-template-columns:1fr}}
.river{height:auto;aspect-ratio:1440/150}
.band .wrap{padding-bottom:max(110px,calc(100vw * 150 / 1440 + 10px))}
@media (max-width:760px){.river{height:auto}}
.costcalc .ccmin{grid-column:1;margin:0;font-weight:650;color:var(--navy)}
@media (max-width:480px){.costcalc .ccout b.wait{font-size:24px}}
.acards .acard:last-child:nth-child(odd){grid-column:1/-1}
.twocol.top{align-items:start}
.tile .tph{aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 100%,var(--mist2),var(--mist) 55%,#fff);border-bottom:1px solid var(--line2);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.tile .tph img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}
.tile:hover .tph img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.tile:hover .tph img{transform:none}}
.mlist{display:grid;gap:12px}
.mser{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:18px;align-items:start;background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:16px 18px}
.mser .msh h3{font-size:16px;margin:0 0 4px}
.mser .msh span{display:block;font-size:13px;color:var(--muted)}
.mser .mpage{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:13px;font-weight:700}
.mchips{display:flex;flex-wrap:wrap;gap:8px}
.mchip{display:inline-flex;align-items:baseline;gap:8px;background:var(--mist);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-family:inherit;cursor:pointer;color:var(--navy);transition:background .2s,border-color .2s}
.mchip b{font-weight:700;font-size:14px}
.mchip i{font-style:normal;font-size:12px;color:var(--muted)}
.mchip:hover,.mchip:focus-visible{background:var(--tint);border-color:var(--aqua)}
@media (max-width:700px){.mser{grid-template-columns:1fr;gap:10px}}
.mfig{position:relative;display:flex;flex-direction:column;align-items:center}
.mfig::before{content:"";position:absolute;inset:8% 6% 14%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.mfig img{position:relative;width:100%;max-width:520px;height:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.28))}
.mfig small{position:relative;margin-top:6px;font-size:11.5px;letter-spacing:.06em;color:rgba(255,255,255,.55)}
.mspec{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0}
.mspec div{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:14px 16px}
.mspec dt{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--aquad);margin-bottom:6px}
.mspec dd{margin:0;font-weight:650;color:var(--navy)}
.sform .tasks,.sform .tcks{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.sform legend{font-weight:700;color:var(--navy);margin-bottom:8px;width:100%;font-size:14px}
.sform .task input,.sform .tck input{position:absolute;opacity:0;width:1px;height:1px}
.sform .task span,.sform .tck span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:650;font-size:14px;color:var(--navy);background:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.sform .task input:checked+span,.sform .tck input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.sform .task input:focus-visible+span,.sform .tck input:focus-visible+span{outline:2px solid var(--aqua);outline-offset:2px}
.sform .tpanel{border-left:3px solid var(--aqua);padding-left:14px;margin:4px 0 14px}
.sform .tnote{font-size:13.5px;color:var(--muted);margin:4px 0 10px}
@media (max-width:1040px){.pfig.photo{display:flex;justify-content:center;margin-top:26px}.pfig.photo .mfig img{max-width:340px}}
.mser .mpage{display:flex;width:fit-content}
.split .right{position:relative;overflow:hidden;background:
  radial-gradient(360px 300px at 50% 58%,rgba(25,181,200,.16),transparent 72%),
  linear-gradient(180deg,#EEF5F8 0%,#F7FAFB 62%,#FFFFFF 100%)}
.split .right::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(8,50,74,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(8,50,74,.06) 1px,transparent 1px);
  background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 62% at 52% 52%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 70% 62% at 52% 52%,#000 35%,transparent 78%)}
.split .right::after{content:"";position:absolute;left:18%;right:18%;bottom:40px;height:26px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(8,50,74,.16),transparent)}
.split .right>.hfig{position:relative;z-index:1}
.hcard{position:absolute;z-index:2;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  box-shadow:0 22px 44px -22px rgba(8,50,74,.35),0 2px 6px -2px rgba(8,50,74,.08);color:var(--text)}
.hcard .k{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--aquad);margin-bottom:10px}
.hc-a{top:44px;left:clamp(24px,3vw,44px)}
.hpills{display:flex;gap:6px;flex-wrap:wrap;max-width:300px}
.hpills a{font-size:13.5px;font-weight:750;color:var(--navy);text-decoration:none;padding:6px 11px;border-radius:999px;background:var(--tint);border:1px solid rgba(25,181,200,.35)}
.hpills a:hover{background:var(--aqua);color:var(--deep)}
.hc-b{bottom:64px;right:clamp(24px,3vw,44px);display:flex;gap:12px;align-items:center;max-width:250px;padding:13px 16px}
.hc-b .hi{flex:none;width:38px;height:38px;border-radius:10px;background:var(--navy);color:var(--aqua);display:grid;place-items:center}
.hc-b .hi .ic{width:20px;height:20px}
.hc-b b{display:block;font-size:14.5px;color:var(--navy);line-height:1.2}
.hc-b span{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:2px}
.hc-c{right:clamp(24px,3vw,44px);top:44px;width:min(340px,44%)}
.hseen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hseen a{display:block;text-decoration:none;color:var(--navy);font-size:11.5px;font-weight:700;line-height:1.25}
.hseen img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--line2);border-radius:8px;margin-bottom:5px}
.hseen a:hover img{border-color:var(--aqua)}
.hmore{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:800;color:var(--aquad);text-decoration:none}
.hmore .ic{width:15px;height:15px}
.js .hcard{animation:rise .9s var(--ease) both}.js .hc-a{animation-delay:.5s}.js .hc-b{animation-delay:.65s}.js .hc-c{animation-delay:.8s}
@media (prefers-reduced-motion:reduce){.js .hcard{animation:none}}
@media (max-width:1300px){.hc-b{display:none}}
@media (max-width:1300px) and (min-width:1041px){.hpills{max-width:190px}}
@media (max-width:1180px){.hc-c{width:min(280px,44%)}.hseen span{display:none}}
@media (max-width:1040px){
  .hcard{position:static;box-shadow:none;width:auto;max-width:none}
  .split .right{flex-direction:column;align-items:stretch;gap:16px}
  .split .right::after{display:none}
  .hc-a{order:2}.hc-c{order:3;width:auto}
  .hpills{max-width:none}
  .hseen span{display:block}
  .split .right>.hcard{margin-left:var(--gut);margin-right:var(--gutr)}
}
.nav .tel{font-size:17px;letter-spacing:-.01em;white-space:nowrap}
.nav .tel .ic{width:19px;height:19px}
.split .left .ph a{font-size:clamp(34px,3vw,42px)}
@media (max-width:1040px){
  .mbar{grid-template-columns:1.45fr 1fr}
  .mbar .c{font-size:16.5px;letter-spacing:-.01em;white-space:nowrap}
}
.catalogue{display:flex;flex-direction:column;gap:34px}
.cgh{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cgh h3{margin:0;font-size:22px;color:var(--navy)}
.cgh span{color:var(--muted);font-size:14px}
.cgh a{margin-left:auto;font-weight:800;font-size:14px;color:var(--aquad);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.cgh a .ic{width:15px;height:15px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.ccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .2s,box-shadow .2s}
.ccard:hover{border-color:var(--aqua);box-shadow:0 14px 30px -18px rgba(8,50,74,.35)}
.ccard .cimg{display:block;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line2)}
.ccard .cimg img{display:block;width:100%;height:100%;object-fit:contain}
.ccard .cdraw{display:grid;place-items:center;height:100%;background:var(--mist)}
.ccard .cdraw .ic{width:34%;height:auto;color:var(--g)}
.ccard .cb{display:block;padding:11px 13px 13px}
.ccard .cb i{display:block;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--aquad);margin-bottom:4px}
.ccard .cb b{display:block;font-size:15.5px;line-height:1.25;color:var(--navy)}
.ccard .cb em{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:3px}
.ccard.cf-off{display:none}
.cgroup.cf-empty{display:none}
.cchips{margin-bottom:22px}
a.mchip.haspg{text-decoration:none;border-color:rgba(25,181,200,.55);background:var(--tint)}
a.mchip.haspg .ic{width:13px;height:13px;align-self:center;color:var(--aquad)}
a.mchip.haspg:hover{background:var(--aqua)}
@media (max-width:700px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ccard .cb b{font-size:14px}}
.cgroup .ccard.more{display:none}
.cgroup.open .ccard.more{display:flex}
.cmore{margin-top:14px;font:inherit;font-weight:700;font-size:14.5px;color:var(--navy);background:#fff;border:1.5px solid var(--navy);border-radius:999px;padding:10px 20px;cursor:pointer}
.cmore:hover{background:var(--navy);color:#fff}
.cgroup.open .cmore{display:none}