/* Imported from the Claude Design handoff (Car Shipping USA.html) by
   scripts/car-shipping-landing/convert-css.js. Production changes go in cs.css,
   which loads after this file. */
*{box-sizing:border-box;margin:0;padding:0}
a{color:#1E57D6;text-decoration:none}
a:hover{text-decoration:underline}
.mono{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
/* artboard */
.wrap{max-width:none;margin:0;padding:0 40px}
@media (max-width: 768px){.cs .wrap{padding:0 20px}}
.hero{background-color:#172554;background-image:radial-gradient(ellipse 60% 70% at 28% 55%,rgba(30,87,214,.28),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:100% 100%,22px 22px;color:#fff;position:relative}
.top{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
@media (max-width: 768px){.cs .top{height:64px}}
.brand{display:flex;align-items:center;gap:12px;color:inherit}
.brand:hover{text-decoration:none}
.brand img{width:44px;height:44px;border-radius:50%}
@media (max-width: 768px){.cs .brand img{width:38px;height:38px}}
.bname{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.bsub{font:500 10.5px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#9AA9D6;text-transform:uppercase;margin-top:2px}
@media (max-width: 768px){.cs .bname{font-size:15px}}
@media (max-width: 768px){.cs .bsub{display:none}}
.nav{display:flex;align-items:center;gap:24px}
@media (max-width: 768px){.cs .nav{gap:8px}}
.lang{display:flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px}
.lang a{font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:#B9C5E6;padding:6px 10px;border-radius:999px;letter-spacing:.04em}
.lang a.on{background:#fff;color:#172554}
.lang a:hover{text-decoration:none}
@media (max-width: 768px){.cs .lang a{padding:10px 10px}}
.nlink{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500}
.nlink .mono{font-size:14px}
@media (max-width: 768px){.cs .nlink{display:none}}
.callbtn{display:none}
@media (max-width: 768px){.cs .callbtn{display:flex;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);align-items:center;justify-content:center;color:#fff}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;background:linear-gradient(180deg,#1E57D6,#1846B0);color:#fff;font-size:15px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(16,24,40,.12);border:0;white-space:nowrap}
.btn:hover{text-decoration:none;background:linear-gradient(180deg,#1A4DC0,#153D9A)}
@media (max-width: 768px){.cs .nav .btn{display:none}}
.btn.lg{height:56px;font-size:16px;border-radius:12px;width:100%}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.28);box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.06)}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:64px;padding:56px 0 56px;align-items:start}
@media (max-width: 768px){.cs .hgrid{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 0 28px}}
.h1{font-size:60px;line-height:1.04;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
@media (max-width: 768px){.cs .h1{font-size:34px;line-height:1.08}}
.sub{font-size:19px;line-height:1.55;color:#C6D0EC;max-width:600px;margin-top:18px;text-wrap:pretty}
@media (max-width: 768px){.cs .sub{font-size:16px;margin-top:12px}}
.chips{display:flex;align-items:center;gap:10px;margin-top:40px}
@media (max-width: 768px){.cs .chips{margin-top:22px;gap:6px}}
.chip{height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .3s,color .3s,opacity .3s}
.chip .dot{width:8px;height:8px;border-radius:50%;background:#C81E1E;box-shadow:0 0 0 3px rgba(200,30,30,.25)}
.chip.on{background:#fff;color:#172554;border-color:#fff}
.chip.dim{opacity:.55}
.chip.mi{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;background:rgba(30,87,214,.35);border-color:rgba(111,150,238,.45)}
.chip.you{background:#C81E1E;border-color:#C81E1E;font:700 11px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;padding:0 10px}
@media (max-width: 768px){.cs .chip{height:30px;padding:0 9px;font-size:12px;gap:5px}}
@media (max-width: 768px){.cs .chip .dot{width:6px;height:6px}}
@media (max-width: 768px){.cs .chip.you{display:none}}
.dash{flex:0 0 26px;border-top:1.5px dashed rgba(255,255,255,.35)}
@media (max-width: 768px){.cs .dash{flex:0 0 8px}}
.map{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}
@media (max-width: 768px){.cs .map{margin-top:10px}}
.st{fill:#1D3275;stroke:#304B98;stroke-width:.7;transition:fill .45s cubic-bezier(.4,0,.2,1),stroke .45s}
.st.lit{fill:#1E57D6;stroke:#7FA2F0}
.pin{transform:translateY(-24px);opacity:0;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .2s}
.pin.on{transform:none;opacity:1}
.ring{transform-box:fill-box;transform-origin:center;animation:ring 1.8s cubic-bezier(.16,1,.3,1) infinite}
@keyframes ring{from{transform:scale(.4);opacity:.7}to{transform:scale(2.6);opacity:0}}
.fx{transition:opacity .25s}
.car{opacity:0;transition:opacity .2s}
.maperr{font:500 13px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:#9AA9D6;padding:40px 0}
/* quote card */
.qc{width:460px;min-height:650px;background:#fff;border-radius:20px;padding:32px;color:#101828;display:flex;flex-direction:column;box-shadow:0 30px 60px -18px rgba(5,10,30,.55),0 0 0 1px rgba(255,255,255,.06)}
@media (max-width: 768px){.cs .qc{width:auto;min-height:0;padding:20px;border-radius:18px}}
.eb{font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#1E57D6;display:flex;align-items:center;gap:8px}
.eb .live{width:7px;height:7px;border-radius:50%;background:#C81E1E}
.qc h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:8px}
@media (max-width: 768px){.cs .qc h2{font-size:22px}}
.rbox{margin-top:22px;border:1px solid #E4E7EC;border-radius:14px;position:relative}
.rrow{display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:66px}
.rrow+.rrow{border-top:1px solid #EEF0F3}
.rrow .ico{color:#1E57D6;flex:none}
.rrow .ico.red{color:#C81E1E}
.rline-v{position:absolute;left:25px;top:50px;height:32px;border-left:1.5px dotted #B4BFD3}
.fl{font-size:12px;font-weight:500;color:#667085}
.fv{font-size:16px;font-weight:500;color:#98A2B3;margin-top:2px}
.fv.set{color:#101828}
.fv .mono{font-size:15px;color:#475467}
.flabel{font-size:13px;font-weight:600;color:#344054;margin:20px 0 8px}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vchip{height:44px;border:1px solid #E4E7EC;border-radius:10px;font-size:14px;font-weight:500;color:#344054;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;padding:0 6px}
.vchip.on{border-color:#1E57D6;background:#EEF3FD;color:#1846B0;box-shadow:0 0 0 1px #1E57D6 inset}
@media (max-width: 768px){.cs .vchip{font-size:13px}}
.field{height:56px;border:1px solid #E4E7EC;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#98A2B3;font-size:16px;font-weight:500}
.field.set{color:#101828}
.field .ico{color:#1E57D6}
.field .chev{margin-left:auto;color:#667085}
.add{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1E57D6;margin:14px 0 24px}
.qc .btn.lg{margin-top:auto}
.qfoot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#667085;margin-top:14px}
.qfoot .mono{color:#344054;font-weight:600}
.bens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.1)}
@media (max-width: 768px){.cs .bens{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}}
.ben{display:flex;gap:12px;align-items:center;padding:16px 24px 16px 0}
@media (max-width: 768px){.cs .ben{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0 16px}}
.bi{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(30,87,214,.3);border:1px solid rgba(127,162,240,.25);display:flex;align-items:center;justify-content:center;color:#fff}
.bt{font-size:14.5px;font-weight:600}
.bd{font-size:13px;line-height:1.4;color:#A9B7DD;margin-top:2px;text-wrap:pretty}
@media (max-width: 768px){.cs .bt{font-size:15px}}
@media (max-width: 768px){.cs .bd{font-size:13px}}
/* sections */
.sec{padding:96px 0}
@media (max-width: 768px){.cs .sec{padding:56px 0}}
.sec.w{background:#fff}
.ey{font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#1E57D6}
.h2{font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.028em;color:#0B1533;margin-top:12px;max-width:760px;text-wrap:balance}
@media (max-width: 768px){.cs .h2{font-size:28px}}
.lead{font-size:18px;line-height:1.55;color:#475467;margin-top:14px;max-width:640px;text-wrap:pretty}
@media (max-width: 768px){.cs .lead{font-size:16px}}
.shead{margin-bottom:48px}
@media (max-width: 768px){.cs .shead{margin-bottom:28px}}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
@media (max-width: 768px){.cs .steps{grid-template-columns:minmax(0,1fr);gap:12px}}
.step{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:28px;position:relative}
@media (max-width: 768px){.cs .step{padding:20px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px}}
.stop{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
@media (max-width: 768px){.cs .stop{margin:0;grid-row:span 2;flex-direction:column;align-items:flex-start;gap:8px}}
.sic{width:44px;height:44px;border-radius:12px;background:#EEF3FD;color:#1E57D6;display:flex;align-items:center;justify-content:center}
.snum{font:600 13px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:#98A2B3}
@media (max-width: 768px){.cs .snum{display:none}}
.stt{font-size:18px;font-weight:600;letter-spacing:-.01em}
.std{font-size:15px;line-height:1.5;color:#475467;margin-top:6px}
.how{padding:0}
@media (max-width: 768px){.cs .how{padding:0}}
.how>.wrap{max-width:none;padding:0}
.how .hp{background:#172554;border-top:1px solid rgba(255,255,255,.1);padding:0 40px;border-radius:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:36px;align-items:center;color:#fff;position:relative}
.how .hp .ey{color:#7FA2F0;white-space:nowrap;flex:none}
.tl{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.ts{position:relative;padding:18px 0 16px;cursor:default}
.bar{position:absolute;top:-1px;left:0;right:0;height:2px;background:rgba(127,162,240,.16);overflow:hidden;border-radius:2px}
.bar i{position:absolute;inset:0;background:linear-gradient(90deg,#1E57D6,#7FA2F0);transform-origin:left;transform:scaleX(0);box-shadow:0 0 10px rgba(127,162,240,.8)}
.ts:nth-child(4) .bar i{background:linear-gradient(90deg,#C81E1E,#F0A3A3)}
.tsr{display:flex;gap:12px;align-items:flex-start;opacity:.42}
.tn{flex:none;width:32px;height:32px;border-radius:9px;background:rgba(30,87,214,.22);border:1px solid rgba(127,162,240,.28);display:flex;align-items:center;justify-content:center;color:#fff}
.ts h3{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}
.ts h3 b{font:600 10.5px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#7FA2F0}
.ts:nth-child(4) h3 b{color:#F0A3A3}
.ts p{font-size:12.5px;line-height:1.35;color:#B3C0E3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.ts>div{min-width:0}
.tsr>div{min-width:0}
.hlink{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:600;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.3)}
.hlink:hover{text-decoration:none;border-color:#fff}
@keyframes hf1{0%,0%{transform:scaleX(0)}20%,96%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes ho1{0%{opacity:.42}3%,96%{opacity:1}100%{opacity:.42}}
@keyframes hi1{0%{background:rgba(30,87,214,.22);box-shadow:0 0 0 0 rgba(127,162,240,0)}3%{background:#1E57D6;box-shadow:0 0 0 6px rgba(127,162,240,.2)}20%,96%{background:#1E57D6;box-shadow:0 0 0 0 rgba(127,162,240,0)}100%{background:rgba(30,87,214,.22)}}
.ts:nth-child(1) .bar i{animation:hf1 12s linear infinite}
.ts:nth-child(1) .tsr{animation:ho1 12s cubic-bezier(.4,0,.2,1) infinite}
.ts:nth-child(1) .tn{animation:hi1 12s cubic-bezier(.4,0,.2,1) infinite}
@keyframes hf2{0%,25%{transform:scaleX(0)}45%,96%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes ho2{0%,25%{opacity:.42}28%,96%{opacity:1}100%{opacity:.42}}
@keyframes hi2{0%,25%{background:rgba(30,87,214,.22);box-shadow:0 0 0 0 rgba(127,162,240,0)}28%{background:#1E57D6;box-shadow:0 0 0 6px rgba(127,162,240,.2)}45%,96%{background:#1E57D6;box-shadow:0 0 0 0 rgba(127,162,240,0)}100%{background:rgba(30,87,214,.22)}}
.ts:nth-child(2) .bar i{animation:hf2 12s linear infinite}
.ts:nth-child(2) .tsr{animation:ho2 12s cubic-bezier(.4,0,.2,1) infinite}
.ts:nth-child(2) .tn{animation:hi2 12s cubic-bezier(.4,0,.2,1) infinite}
@keyframes hf3{0%,50%{transform:scaleX(0)}70%,96%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes ho3{0%,50%{opacity:.42}53%,96%{opacity:1}100%{opacity:.42}}
@keyframes hi3{0%,50%{background:rgba(30,87,214,.22);box-shadow:0 0 0 0 rgba(127,162,240,0)}53%{background:#1E57D6;box-shadow:0 0 0 6px rgba(127,162,240,.2)}70%,96%{background:#1E57D6;box-shadow:0 0 0 0 rgba(127,162,240,0)}100%{background:rgba(30,87,214,.22)}}
.ts:nth-child(3) .bar i{animation:hf3 12s linear infinite}
.ts:nth-child(3) .tsr{animation:ho3 12s cubic-bezier(.4,0,.2,1) infinite}
.ts:nth-child(3) .tn{animation:hi3 12s cubic-bezier(.4,0,.2,1) infinite}
@keyframes hf4{0%,75%{transform:scaleX(0)}92%,96%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes ho4{0%,75%{opacity:.42}78%,96%{opacity:1}100%{opacity:.42}}
@keyframes hi4{0%,75%{background:rgba(30,87,214,.22);box-shadow:0 0 0 0 rgba(127,162,240,0)}78%{background:#C81E1E;box-shadow:0 0 0 6px rgba(228,103,103,.18)}92%,96%{background:#C81E1E;box-shadow:0 0 0 0 rgba(127,162,240,0)}100%{background:rgba(30,87,214,.22)}}
.ts:nth-child(4) .bar i{animation:hf4 12s linear infinite}
.ts:nth-child(4) .tsr{animation:ho4 12s cubic-bezier(.4,0,.2,1) infinite}
.ts:nth-child(4) .tn{animation:hi4 12s cubic-bezier(.4,0,.2,1) infinite}
.tl:hover .bar i,.tl:hover .tsr,.tl:hover .tn{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.bar i,.tsr,.tn{animation:none!important}.bar i{transform:scaleX(1)}.tsr{opacity:1}.tn{background:#1E57D6}}
@media (max-width: 768px){.cs .how .hp{grid-template-columns:minmax(0,1fr);gap:0;padding:18px 20px 8px}}
@media (max-width: 768px){.cs .tl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:6px}}
@media (max-width: 768px){.cs .ts p{white-space:normal;-webkit-line-clamp:unset;display:block}}
@media (max-width: 768px){.cs .ts h3{white-space:normal}}
@media (max-width: 768px){.cs .tsr{align-items:flex-start}}
@media (max-width: 768px){.cs .hlink{justify-self:start;margin:6px 0 14px}}
@media (max-width: 768px){.cs .track{display:none}}
@media (max-width: 768px){.cs .tcar{display:none}}
.tsec{position:relative;overflow:hidden;margin-top:-1px;background-color:#172554;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:22px 22px}
.tsplit{display:grid;grid-template-columns:600px minmax(0,1fr)}
@media (max-width: 768px){.cs .tsplit{grid-template-columns:minmax(0,1fr)}}
.tnav{color:#fff;padding:64px 56px 76px 80px}
@media (max-width: 768px){.cs .tnav{padding:44px 20px 28px}}
.tfx{position:absolute;inset:0;pointer-events:none}
.rain{display:none}
.r1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='180'%3E%3Cpath d='M40 10l-8 24M14 100l-8 24' stroke='rgba(190,210,255,.2)' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:60px 180px;animation:rain1 .9s linear infinite}
.r2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='270'%3E%3Cpath d='M70 40l-5 15M24 170l-5 15' stroke='rgba(190,210,255,.11)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");background-size:90px 270px;animation:rain2 1.7s linear infinite}
@keyframes rain1{to{background-position:-60px 180px}}
@keyframes rain2{to{background-position:-90px 270px}}
.tshield{position:absolute;inset:20px;border-radius:20px;border:1px solid rgba(127,162,240,0);box-shadow:inset 0 0 0 rgba(30,87,214,0);background:radial-gradient(ellipse 70% 50% at 40% 70%,rgba(30,87,214,.1),transparent 70%);transition:border-color .5s,box-shadow .5s,background .5s}
.tsec[data-pick="enc"] .rain{opacity:0}
.tsec[data-pick="enc"] .tshield{border-color:rgba(127,162,240,.38);box-shadow:inset 0 0 120px rgba(30,87,214,.45),0 0 0 6px rgba(30,87,214,.08)}
.road{position:absolute;left:0;right:0;bottom:30px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 22px,transparent 22px 44px);animation:road .7s linear infinite}
@keyframes road{to{background-position:-44px 0}}
@media (prefers-reduced-motion:reduce){.rain,.road{animation:none}}
.tin{position:relative;z-index:1}
.tnav .ey{color:#7FA2F0}
.tnav .h2{color:#fff;font-size:34px}
@media (max-width: 768px){.cs .tnav .h2{font-size:26px}}
.tnav .lead{color:#C6D0EC;font-size:16px}
.tseg{display:inline-flex;gap:4px;margin-top:28px;padding:4px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
@media (max-width: 768px){.cs .tseg{display:flex}}
.tbtn{flex:1;font:600 14px Inter,system-ui,sans-serif;color:#C6D0EC;background:none;border:0;height:44px;padding:0 16px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
@media (max-width: 768px){.cs .tbtn{padding:0 10px;font-size:13px}}
.tbtn:hover{color:#fff}
.tsec[data-pick="open"] .tbtn[data-v="open"],.tsec[data-pick="enc"] .tbtn[data-v="enc"]{background:#fff;color:#172554}
.tph{position:relative;margin-top:24px;aspect-ratio:16/9;height:auto}
@media (max-width: 768px){.cs .tph{height:auto}}
.tph .ph{position:absolute;inset:0;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.22);color:#9AA9D6;transition:opacity .3s}
.tsec[data-pick="open"] .tp-enc,.tsec[data-pick="enc"] .tp-open{opacity:0}
.tph .tvid{padding:0;border:1px solid rgba(127,162,240,.25);overflow:hidden;background:#0B1533;box-shadow:0 24px 48px -20px rgba(5,10,30,.7)}
.tvid video{width:100%;height:100%;object-fit:cover;display:block}
.twh{position:relative;z-index:1;padding:48px 80px 56px 0;display:flex;flex-direction:column}
.twh .tbl{flex:1;display:grid;grid-template-rows:auto repeat(4,minmax(0,1fr));border:0;border-radius:20px;background:#fff;box-shadow:0 30px 60px -20px rgba(5,10,30,.6),0 0 0 1px rgba(127,162,240,.2)}
.twh .tr>*{padding:16px 28px;font-size:15.5px;display:flex;align-items:center}
.twh .th .tc{padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.twh .tlab{font-size:14px;padding-left:32px}
.twh .cnote{margin:0;padding:18px 32px;border-top:1px solid #EEF0F3;background:#FAFBFC}
@media (max-width: 768px){.cs .twh .tbl{display:block;border:0;border-radius:16px}}
@media (max-width: 768px){.cs .twh{padding:0 20px 60px}}
@media (max-width: 768px){.cs .twh .cnote{background:#FAFBFC;border-top:1px solid #EEF0F3;padding:14px}}
@media (max-width: 768px){.cs .twh .tlab{padding-left:14px}}
@media (max-width: 768px){.cs .twh{padding:28px 20px 44px}}
.tbl{border:1px solid #E4E7EC;border-radius:16px;overflow:hidden}
.tr{display:grid;grid-template-columns:132px minmax(0,1fr) minmax(0,1fr)}
.tr+.tr{border-top:1px solid #EEF0F3}
.tr>*{padding:14px 18px;font-size:14.5px;line-height:1.45;color:#475467}
.tr>.tc+.tc{border-left:1px solid #EEF0F3}
.tlab{font-weight:600;color:#344054;font-size:13px;display:flex;align-items:center;background:#FAFBFC}
.th>div:first-child{background:#FAFBFC}
.tc{transition:background .18s,color .18s}
.th .tc{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;font:inherit;background:none;border:0;cursor:pointer;padding:18px}
.th .tc+.tc{border-left:1px solid #EEF0F3}
.tnm{display:flex;align-items:center;gap:10px}
.tnm b{font-size:17px;font-weight:700;color:#0B1533;letter-spacing:-.01em;white-space:nowrap}
.tck{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #D0D5DD;color:transparent;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,color .18s}
.tlast .tc{font-weight:600;color:#101828}
.tsec[data-pick="open"] .tcol-open,.tsec[data-pick="enc"] .tcol-enc{background:#F3F6FD;color:#0B1533}
.tsec[data-pick="open"] .th .tcol-open,.tsec[data-pick="enc"] .th .tcol-enc{background:#EAF0FC}
.tsec[data-pick="open"] .tcol-open .tck,.tsec[data-pick="enc"] .tcol-enc .tck{background:#1E57D6;border-color:#1E57D6;color:#fff}
.twh .cnote{font-size:14px;margin-top:16px}
@media (max-width: 768px){.cs .tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width: 768px){.cs .tr>*{padding:12px 14px;font-size:13.5px}}
@media (max-width: 768px){.cs .tlab{grid-column:1/-1;padding:8px 14px;font:600 11px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #EEF0F3}}
@media (max-width: 768px){.cs .tr>.tc:nth-child(2){border-left:0}}
@media (max-width: 768px){.cs .th>div:first-child{display:none}}
@media (max-width: 768px){.cs .th .tc{padding:14px}}
@media (max-width: 768px){.cs .th .tc:nth-child(2){border-left:0}}
@media (max-width: 768px){.cs .tnm{flex-direction:column;align-items:flex-start;gap:8px;width:100%}}
@media (max-width: 768px){.cs .tnm b{font-size:14px;white-space:normal;display:block;line-height:1.25}}
.rs{padding:36px 0;background:#fff;border-bottom:1px solid #EAECF0}
@media (max-width: 768px){.cs .rs{padding:36px 0}}
.rsg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;gap:20px;align-items:stretch}
@media (max-width: 768px){.cs .rsg{grid-template-columns:minmax(0,1fr);gap:12px}}
.rsg>div:first-child{align-self:center;padding-left:16px;grid-column:3;grid-row:1}
.rsg>.rc:nth-child(2){grid-column:1;grid-row:1}
.rsg>.rc:nth-child(3){grid-column:2;grid-row:1}
@media (max-width: 768px){.cs .rsg>div:first-child,.cs .rsg>.rc:nth-child(2),.cs .rsg>.rc:nth-child(3){grid-column:auto;grid-row:auto;padding-left:0}}
@media (max-width: 768px){.cs .rsg>div:first-child{margin-bottom:8px}}
.rs .h2{font-size:26px;margin-top:8px}
@media (max-width: 768px){.cs .rs .h2{font-size:24px}}
.rs .lead{font-size:15px;margin-top:6px}
.rc{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:16px;background:#F7F9FC;border:1px solid #E4E7EC;transition:border-color .18s,box-shadow .18s}
.rc:hover{border-color:#C9D6F3;box-shadow:0 6px 16px -8px rgba(23,37,84,.18)}
@media (max-width: 768px){.cs .rc{align-items:flex-start;padding:18px}}
.rci{flex:none;width:48px;height:48px;border-radius:14px;background-color:#172554;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.3px);background-size:8px 8px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(127,162,240,.3)}
.rci.red svg{color:#fff}
.rci.red{box-shadow:inset 0 0 0 1px rgba(127,162,240,.3),0 0 0 3px rgba(200,30,30,.0)}
.rct{flex:1;min-width:0}
.rch{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rch h3{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#0B1533;white-space:nowrap}
@media (max-width: 768px){.cs .rch{flex-direction:column;align-items:flex-start;gap:6px}}
.rct p{font-size:14px;line-height:1.45;color:#475467;margin-top:4px;text-wrap:pretty}
.pk{padding:56px 0;color:#fff;background-color:#172554;background-image:radial-gradient(ellipse 45% 80% at 22% 50%,rgba(30,87,214,.22),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:100% 100%,22px 22px}
@media (max-width: 768px){.cs .pk{padding:40px 0}}
.pkg{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px;align-items:center}
@media (max-width: 768px){.cs .pkg{grid-template-columns:minmax(0,1fr);gap:28px}}
.vid{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background-color:#0E1838;background-image:linear-gradient(180deg,rgba(30,87,214,.18),transparent 60%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:100% 100%,14px 14px;box-shadow:0 30px 60px -20px rgba(5,10,30,.7),inset 0 0 0 1px rgba(127,162,240,.25);display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (max-width: 768px){.cs .vid{border-radius:16px}}
.vplay{position:relative;width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -6px rgba(0,0,0,.5);transition:transform .18s cubic-bezier(.4,0,.2,1)}
.vplay svg{margin-left:4px}
.vid:hover .vplay{transform:scale(1.04)}
.vring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);animation:vring 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes vring{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion:reduce){.vring{animation:none;opacity:0}}
@media (max-width: 768px){.cs .vplay{width:60px;height:60px}}
.vcap{position:absolute;left:16px;bottom:16px;font-size:13px;font-weight:500;color:#fff;background:rgba(10,18,45,.7);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;max-width:calc(100% - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtag{position:absolute;right:16px;top:16px;font:600 11px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#fff;display:flex;align-items:center;gap:6px}
.vtag::before{content:"";width:7px;height:7px;border-radius:50%;background:#C81E1E}
.pk .ey{color:#7FA2F0}
.pk .h2{color:#fff;font-size:32px}
@media (max-width: 768px){.cs .pk .h2{font-size:26px}}
.pkl{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.pki{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(127,162,240,.18);transition:background .18s,border-color .18s}
.pki:hover{background:rgba(255,255,255,.07);border-color:rgba(127,162,240,.35)}
.pkic{flex:none;width:40px;height:40px;border-radius:11px;background:rgba(30,87,214,.35);border:1px solid rgba(127,162,240,.3);display:flex;align-items:center;justify-content:center;color:#fff}
.pki>div:nth-child(2){flex:1;min-width:0}
.pki h3{font-size:16px;font-weight:600}
.pki p{font-size:14px;line-height:1.45;color:#B3C0E3;margin-top:2px;text-wrap:pretty}
.pkck{flex:none;width:22px;height:22px;border-radius:50%;background:#1E57D6;color:#fff;display:flex;align-items:center;justify-content:center}
@media (max-width: 768px){.cs .pki{align-items:flex-start;padding:14px}}
@media (max-width: 768px){.cs .pkck{display:none}}
.pr{padding:44px 0 52px;color:#fff;background-color:#172554;background-image:radial-gradient(ellipse 50% 90% at 85% 60%,rgba(30,87,214,.2),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:100% 100%,22px 22px}
@media (max-width: 768px){.cs .pr{padding:36px 0 40px}}
.prh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
@media (max-width: 768px){.cs .prh{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}}
.pr .ey{color:#7FA2F0}
.pr .h2{color:#fff;font-size:30px;margin-top:8px}
@media (max-width: 768px){.cs .pr .h2{font-size:24px}}
.prin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;height:auto;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid rgba(127,162,240,.3);background:rgba(255,255,255,.04);color:#C6D0EC;font-size:14px;transition:background .18s,border-color .18s}
.prin b{color:#fff;font-weight:600}
.prin:hover{text-decoration:none;background:rgba(255,255,255,.08);border-color:rgba(127,162,240,.55)}
@media (max-width: 768px){.cs .prin{border-radius:14px}}
.prs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(127,162,240,.2);border-radius:16px;background:rgba(255,255,255,.03);overflow:hidden}
@media (max-width: 768px){.cs .prs{grid-template-columns:minmax(0,1fr)}}
.pri{display:flex;gap:14px;padding:20px}
.pri+.pri{border-left:1px solid rgba(127,162,240,.16)}
@media (max-width: 768px){.cs .pri+.pri{border-left:0;border-top:1px solid rgba(127,162,240,.16)}}
@media (max-width: 768px){.cs .pri{padding:16px}}
.pri>div:last-child{flex:1;min-width:0}
.pri h3{font-size:15px;font-weight:600}
.pri p{font-size:13.5px;line-height:1.45;color:#B3C0E3;margin-top:3px;text-wrap:pretty}
.sr{padding:44px 0 52px;color:#fff;background-color:#172554;background-image:radial-gradient(ellipse 45% 90% at 15% 50%,rgba(30,87,214,.2),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:100% 100%,22px 22px}
@media (max-width: 768px){.cs .sr{padding:36px 0 40px}}
.srg{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.srg{grid-template-columns:minmax(0,1fr) 300px}
.srg>div:first-child{order:2}
@media (max-width: 768px){.cs .srg{grid-template-columns:minmax(0,1fr);gap:20px}}
@media (max-width: 768px){.cs .srg>div:first-child{order:0}}
.sr .ey{color:#7FA2F0}
.sr .h2{color:#fff;font-size:30px;margin-top:8px}
@media (max-width: 768px){.cs .sr .h2{font-size:24px}}
.sr .glabel{color:#9AA9D6;margin:20px 0 10px}
.sr .glabel:first-child{margin-top:0}
.sr .sgrid{gap:8px}
.sr .sl{height:50px;background:rgba(255,255,255,.04);border:1px solid rgba(127,162,240,.2);border-radius:12px;color:#fff;font-size:15px;padding:0 14px;gap:12px}
.sr .sl:hover{background:rgba(255,255,255,.08);border-color:rgba(127,162,240,.5);box-shadow:none}
.sr .sl .code{background:rgba(30,87,214,.4);color:#fff}
.sr .sl .ar{color:#7FA2F0;transition:transform .18s}
.sr .sl:hover .ar{transform:translateX(2px)}
@media (max-width: 768px){.cs .sr .sl{height:48px;font-size:14px;padding:0 10px}}
.fq{padding:48px 0 56px;color:#fff;background-color:#172554;background-image:radial-gradient(ellipse 45% 80% at 85% 40%,rgba(30,87,214,.2),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:100% 100%,22px 22px}
@media (max-width: 768px){.cs .fq{padding:36px 0 40px}}
.fq .faq{grid-template-columns:300px minmax(0,1fr);gap:56px}
@media (max-width: 768px){.cs .fq .faq{grid-template-columns:minmax(0,1fr);gap:20px}}
.fq .ey{color:#7FA2F0}
.fq .h2{color:#fff;font-size:30px;margin-top:8px}
@media (max-width: 768px){.cs .fq .h2{font-size:24px}}
.fq .lead{color:#C6D0EC;font-size:15px}
.fqwa{display:inline-flex;align-items:center;gap:8px;margin-top:20px;height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(127,162,240,.35);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;transition:background .18s}
.fqwa:hover{text-decoration:none;background:rgba(255,255,255,.07)}
.fql{display:flex;flex-direction:column;gap:8px}
.fq details{border:1px solid rgba(127,162,240,.2);border-radius:14px;background:rgba(255,255,255,.04);transition:background .18s,border-color .18s}
.fq details:last-child{border-bottom:1px solid rgba(127,162,240,.2)}
.fq details[open]{background:rgba(255,255,255,.07);border-color:rgba(127,162,240,.4)}
.fq summary{color:#fff;font-size:16px;padding:14px 16px 14px 18px;gap:14px;justify-content:flex-start}
@media (max-width: 768px){.cs .fq summary{font-size:15px;padding:12px 14px}}
.fqn{flex:none;font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:#7FA2F0}
.fqq{flex:1;min-width:0}
.fq .pl{border-color:rgba(127,162,240,.35);color:#fff;width:28px;height:28px}
.fq details[open] .pl{background:#1E57D6;border-color:#1E57D6}
.fq details p{color:#B3C0E3;font-size:15px;padding:0 56px 18px 48px;margin-top:-4px}
@media (max-width: 768px){.cs .fq details p{padding:0 14px 16px 42px;font-size:14px}}
.cmp{background:#fff;border:1px solid #E4E7EC;border-radius:20px;overflow:hidden}
.crow{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr)}
.crow+.crow{border-top:1px solid #EEF0F3}
.crow>div{padding:20px 28px;font-size:15px;line-height:1.5;color:#475467}
.crow>div+div{border-left:1px solid #EEF0F3}
.clab{font-weight:600;color:#344054 !important;background:#FAFBFC}
.chead>div{padding:20px 20px 24px}
.chead .clab{background:#fff}
.ph{background:#EAEEF4;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7A869C;text-align:center;padding:16px}
.ph span{font:500 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;max-width:240px;line-height:1.5}
.chead .ph{height:170px}
.cname{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}
.cname b{font-size:20px;font-weight:700;color:#0B1533;letter-spacing:-.01em}
.tag{font:600 11px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px;background:#EEF3FD;color:#1846B0;white-space:nowrap}
.tag.red{background:#FDECEC;color:#B11A1A}
.tag.gray{background:#F2F4F7;color:#475467}
.cval{color:#101828 !important;font-weight:500}
.cnote{margin-top:20px;font-size:15px;color:#475467;display:flex;gap:10px;align-items:flex-start}
.cnote svg{color:#1E57D6;flex:none;margin-top:2px}
@media (max-width: 768px){.cs .crow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width: 768px){.cs .crow>div{padding:14px 14px;font-size:14px}}
@media (max-width: 768px){.cs .crow .clab{grid-column:1/-1;padding:10px 14px;font:600 11px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #EEF0F3}}
@media (max-width: 768px){.cs .crow>div:nth-child(2){border-left:0}}
@media (max-width: 768px){.cs .chead .clab{display:none}}
@media (max-width: 768px){.cs .chead>div{padding:14px}}
@media (max-width: 768px){.cs .chead .ph{height:100px}}
@media (max-width: 768px){.cs .chead .ph span{display:none}}
@media (max-width: 768px){.cs .cname{flex-direction:column;align-items:flex-start;margin-top:12px}}
@media (max-width: 768px){.cs .cname b{font-size:16px}}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width: 768px){.cs .two{grid-template-columns:minmax(0,1fr);gap:12px}}
.card{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:32px}
@media (max-width: 768px){.cs .card{padding:22px}}
.card .chd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card h3{font-size:22px;font-weight:700;letter-spacing:-.015em;margin-top:22px;color:#0B1533}
.card p{font-size:16px;line-height:1.55;color:#475467;margin-top:8px;max-width:480px}
@media (max-width: 768px){.cs .card h3{font-size:19px;margin-top:16px}}
@media (max-width: 768px){.cs .card p{font-size:15px}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
@media (max-width: 768px){.cs .split{grid-template-columns:minmax(0,1fr);gap:28px}}
.split .ph{height:460px;border-radius:20px}
@media (max-width: 768px){.cs .split .ph{height:220px}}
.list{margin-top:32px;display:flex;flex-direction:column}
.li{display:flex;gap:16px;padding:20px 0;border-top:1px solid #EAECF0}
.li:last-child{border-bottom:1px solid #EAECF0}
.li h4{font-size:17px;font-weight:600}
.li p{font-size:15px;line-height:1.5;color:#475467;margin-top:4px}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width: 768px){.cs .four{grid-template-columns:minmax(0,1fr);gap:12px}}
.pcard{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:28px}
@media (max-width: 768px){.cs .pcard{padding:20px;display:flex;gap:16px}}
.pcard h4{font-size:17px;font-weight:600;margin-top:20px}
@media (max-width: 768px){.cs .pcard h4{margin-top:0}}
.pcard p{font-size:15px;line-height:1.5;color:#475467;margin-top:6px}
.intl{margin-top:20px;background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:22px 28px;display:flex;align-items:center;gap:16px;font-size:16px;font-weight:500}
.intl svg{color:#1E57D6;flex:none}
.intl a{margin-left:auto;display:flex;align-items:center;gap:6px;font-weight:600}
@media (max-width: 768px){.cs .intl{flex-wrap:wrap;padding:18px 20px;font-size:15px}}
@media (max-width: 768px){.cs .intl a{margin-left:40px}}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width: 768px){.cs .sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.sl{height:68px;background:#fff;border:1px solid #E4E7EC;border-radius:14px;display:flex;align-items:center;gap:14px;padding:0 20px;color:#101828;font-size:16px;font-weight:600;transition:border-color .18s,box-shadow .18s}
.sl:hover{text-decoration:none;border-color:#B4C6F0;box-shadow:0 4px 12px -4px rgba(16,24,40,.12)}
.sl .code{font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:#1846B0;background:#EEF3FD;border-radius:6px;padding:4px 7px;letter-spacing:.04em}
.sl .ar{margin-left:auto;color:#98A2B3}
.sl.route{grid-column:span 2}
@media (max-width: 768px){.cs .sl{height:56px;padding:0 12px;gap:10px;font-size:14px}}
@media (max-width: 768px){.cs .sl .ar{display:none}}
.glabel{font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#667085;margin:28px 0 12px}
.glabel:first-child{margin-top:0}
.faq{display:grid;grid-template-columns:380px minmax(0,1fr);gap:80px}
@media (max-width: 768px){.cs .faq{grid-template-columns:minmax(0,1fr);gap:20px}}
details{border-top:1px solid #E4E7EC}
details:last-child{border-bottom:1px solid #E4E7EC}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#0B1533}
summary::-webkit-details-marker{display:none}
@media (max-width: 768px){.cs summary{font-size:16px;padding:18px 0;min-height:44px}}
.pl{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid #E4E7EC;display:flex;align-items:center;justify-content:center;color:#1E57D6;transition:transform .18s cubic-bezier(.4,0,.2,1)}
details[open] .pl{transform:rotate(45deg)}
details p{font-size:16px;line-height:1.6;color:#475467;padding:0 56px 26px 0;max-width:720px;margin-top:-6px}
@media (max-width: 768px){.cs details p{font-size:15px;padding-right:0}}
.close{padding:88px 0}
@media (max-width: 768px){.cs .close{padding:56px 0}}
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center}
@media (max-width: 768px){.cs .cgrid{grid-template-columns:minmax(0,1fr);gap:28px}}
.close .h2{color:#fff;font-size:46px;margin-top:0}
@media (max-width: 768px){.cs .close .h2{font-size:30px}}
.close .lead{color:#C6D0EC}
.yrs{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font:600 12px 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#C6D0EC}
.yrs i{font-style:normal;color:#fff;border:1px dashed #C81E1E;background:rgba(200,30,30,.18);padding:2px 6px;border-radius:4px}
.cact{display:flex;flex-direction:column;gap:12px;width:340px}
@media (max-width: 768px){.cs .cact{width:auto}}
.cact .btn{height:56px;font-size:16px;border-radius:12px;width:100%}
.cact .btn .mono{font-size:15px}
.foot{background:#fff;border-top:1px solid #E4E7EC;padding:40px 0}
.fgrid{display:flex;align-items:center;justify-content:space-between;gap:24px}
@media (max-width: 768px){.cs .fgrid{flex-direction:column;align-items:flex-start}}
.foot .brand{color:#0B1533}
.foot .bsub{color:#667085}
.flinks{display:flex;gap:28px;font-size:14px;font-weight:500}
@media (max-width: 768px){.cs .flinks{flex-direction:column;gap:14px}}
.flinks a{color:#344054}
.copy{font-size:13px;color:#667085}
.rrow>div{flex:1;min-width:0}
.fv,.field span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.field span{flex:1;min-width:0}
.qfoot{white-space:nowrap}
.qfoot .mono,.bd,.nlink .mono{white-space:nowrap}
.bd{white-space:normal}
@media (max-width: 768px){.cs .cname{gap:8px}}
@media (max-width: 768px){.cs .cname b{line-height:1.25}}
.ey{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;background:#EEF3FD;border:1px solid #D5E1FA;line-height:1}
.ey::before{content:"";width:6px;height:6px;border-radius:50%;background:#C81E1E;box-shadow:0 0 0 3px rgba(200,30,30,.18)}
.hp .ey,.tnav .ey,.pk .ey,.pr .ey,.sr .ey,.fq .ey{background:rgba(30,87,214,.2);border-color:rgba(127,162,240,.32);color:#C9D7FB}
.h2 em{font-style:normal;color:#1E57D6}
.hp .h2,.tnav .h2,.pk .h2,.pr .h2,.sr .h2,.fq .h2,.close .h2{font-size:40px;font-weight:800;letter-spacing:-.032em;line-height:1.06;margin-top:16px}
.hp .h2 em,.tnav .h2 em,.pk .h2 em,.pr .h2 em,.sr .h2 em,.fq .h2 em,.close .h2 em{color:#8EB0FF}
.hp .h2::after,.tnav .h2::after,.pk .h2::after,.pr .h2::after,.sr .h2::after,.fq .h2::after{content:"";display:block;width:92px;height:8px;margin-top:18px;background:radial-gradient(circle,#C81E1E 3px,transparent 3.5px) 0 50%/8px 8px no-repeat,radial-gradient(circle,#8EB0FF 3px,transparent 3.5px) 84px 50%/8px 8px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 6px,transparent 6px 11px) 14px 50%/64px 1.5px no-repeat}
.rs .h2{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-top:12px}
@media (max-width: 768px){.cs .hp .h2,.cs .tnav .h2,.cs .pk .h2,.cs .pr .h2,.cs .sr .h2,.cs .fq .h2,.cs .close .h2{font-size:28px;margin-top:12px}}
@media (max-width: 768px){.cs .hp .h2::after,.cs .tnav .h2::after,.cs .pk .h2::after,.cs .pr .h2::after,.cs .sr .h2::after,.cs .fq .h2::after{margin-top:14px}}
@media (max-width: 768px){.cs .rs .h2{font-size:24px}}
.close{padding:36px 0;background-image:radial-gradient(ellipse 40% 120% at 75% 50%,rgba(30,87,214,.32),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px)}
@media (max-width: 768px){.cs .close{padding:36px 0 40px}}
.close .cgrid{gap:40px}
.close .yrs{margin-bottom:12px}
.close .h2{font-size:34px;margin-top:0;line-height:1.1}
@media (max-width: 768px){.cs .close .h2{font-size:26px}}
.cact{flex-direction:row;width:auto;gap:10px;align-items:center}
.cact .btn{height:52px;width:auto;padding:0 22px;font-size:15px}
.cact .btn:first-child{padding:0 26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px -8px rgba(30,87,214,.7)}
@media (max-width: 768px){.cs .cact{flex-direction:column;align-items:stretch;width:auto}}
@media (max-width: 768px){.cs .cact .btn{width:100%}}
.rs{padding:8px 0 48px;background-color:#172554;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:22px 22px;border-bottom:0;color:#fff}
@media (max-width: 768px){.cs .rs{padding:8px 0 36px}}
.rs .ey{background:rgba(30,87,214,.2);border-color:rgba(127,162,240,.32);color:#C9D7FB}
.rs .h2{color:#fff}
.rs .h2 em{color:#8EB0FF}
.rs .lead{color:#C6D0EC}
.rc{background:rgba(255,255,255,.04);border-color:rgba(127,162,240,.2)}
.rc:hover{background:rgba(255,255,255,.07);border-color:rgba(127,162,240,.45);box-shadow:none}
.rci{background-color:rgba(30,87,214,.35);background-image:none;box-shadow:inset 0 0 0 1px rgba(127,162,240,.35)}
.rch h3{color:#fff}
.rct p{color:#B3C0E3}
.rs .tag.gray{background:rgba(255,255,255,.1);color:#C9D7FB}
.rs .tag{background:rgba(30,87,214,.35);color:#fff}
.tsec,.rs,.pk,.pr,.sr,.fq,.close{box-shadow:0 -1px 0 #172554}
.how{box-shadow:none;margin-top:-1px}
.twh .tbl{background:rgba(255,255,255,.04);border:1px solid rgba(127,162,240,.22);box-shadow:none;backdrop-filter:none}
@media (max-width: 768px){.cs .twh .tbl{background:rgba(255,255,255,.04);border:1px solid rgba(127,162,240,.22);box-shadow:none;backdrop-filter:none}}
.twh .tr+.tr,.twh .cnote{border-color:rgba(127,162,240,.16)}
.twh .tr>.tc+.tc,.twh .th .tc+.tc{border-left-color:rgba(127,162,240,.16)}
.twh .tr>*{color:#B3C0E3}
.twh .tlab,.twh .th>div:first-child{background:transparent;color:#C9D7FB}
@media (max-width: 768px){.cs .twh .tlab{border-bottom-color:rgba(127,162,240,.16);background:rgba(255,255,255,.03)}}
.twh .tnm b{color:#fff}
.twh .tlast .tc{color:#fff}
.twh .tck{border-color:rgba(127,162,240,.5)}
.twh .tag{background:rgba(30,87,214,.35);color:#fff}
.twh .tag.red{background:rgba(200,30,30,.22);color:#FFB4B4}
.tsec[data-pick="open"] .twh .tcol-open,.tsec[data-pick="enc"] .twh .tcol-enc{background:rgba(30,87,214,.2);color:#fff}
.tsec[data-pick="open"] .twh .th .tcol-open,.tsec[data-pick="enc"] .twh .th .tcol-enc{background:rgba(30,87,214,.32)}
.twh .cnote{background:rgba(255,255,255,.03);color:#B3C0E3}
.twh .cnote svg{color:#8EB0FF}
.road{display:none}
.rs{padding-bottom:12px}
.pk{padding-top:12px}
.pkg{align-items:start}
@media (max-width: 768px){.cs .rs{padding-bottom:8px}}
@media (max-width: 768px){.cs .pk{padding-top:12px}}
.tnav{padding-bottom:16px}
.twh{padding-bottom:16px}
@media (max-width: 768px){.cs .twh{padding-bottom:16px}}
.pk{padding-bottom:16px}
@media (max-width: 768px){.cs .pk{padding-bottom:16px}}
.pr{padding-top:16px;padding-bottom:16px}
@media (max-width: 768px){.cs .pr{padding-top:16px;padding-bottom:16px}}
.sr{padding-top:16px;padding-bottom:16px}
@media (max-width: 768px){.cs .sr{padding-top:16px;padding-bottom:16px}}
.fq{padding-top:16px}
@media (max-width: 768px){.cs .fq{padding-top:16px}}
/* vertical rhythm: 48px per edge = 96px between sections desktop, 32px = 64px phone */
.hp{padding-top:28px;padding-bottom:32px}
.tnav{padding-top:48px;padding-bottom:48px}
.twh{padding-top:48px;padding-bottom:48px}
.tsec .tnav,.tsec .twh{padding-bottom:28px}
@media (max-width: 768px){.cs .tsec .tnav,.cs .tsec .twh{padding-bottom:20px}}
.rs,.pk,.pr,.sr,.fq{padding-top:48px;padding-bottom:48px}
.close{padding-top:48px;padding-bottom:56px}
@media (max-width: 768px){.cs .hp{padding-top:28px;padding-bottom:32px}}
@media (max-width: 768px){.cs .tnav{padding-top:32px;padding-bottom:24px}}
@media (max-width: 768px){.cs .twh{padding-top:0;padding-bottom:32px}}
.tsplit{grid-template-columns:minmax(0,1fr) 600px}
.tsplit>.tnav{order:2;padding-left:48px;padding-right:40px}
.tsplit>.twh{padding-left:40px;padding-right:0}
@media (max-width: 768px){.cs .tsplit{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 768px){.cs .tsplit>.tnav{order:0;padding-left:20px;padding-right:20px}}
@media (max-width: 768px){.cs .tsplit>.twh{padding-left:20px;padding-right:20px}}
.tsec .tshield{display:none}
.tsec{border-top:1px solid rgba(255,255,255,.1)}
.tsec .tnav,.tsec .twh{padding-top:24px}
@media (max-width: 768px){.cs .tsec .tnav{padding-top:24px}}
@media (max-width: 768px){.cs .tsec .twh{padding-top:0}}
@media (max-width: 768px){.cs .rs,.cs .pk,.cs .pr,.cs .sr,.cs .fq{padding-top:32px;padding-bottom:32px}}
@media (max-width: 768px){.cs .close{padding-top:32px;padding-bottom:40px}}
.prh,.rsg>div:first-child{margin-bottom:0}
.prh{margin-bottom:32px}
.pkl{margin-top:32px}
@media (max-width: 768px){.cs .prh{margin-bottom:24px}}
@media (max-width: 768px){.cs .pkl{margin-top:24px}}
.rs{padding-top:12px;padding-bottom:20px}
@media (max-width: 768px){.cs .rs{padding-top:8px;padding-bottom:16px}}
.rsg{gap:16px}
.rc{position:relative;overflow:hidden;gap:18px;padding:14px 18px 14px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(30,87,214,.16),rgba(255,255,255,.03) 55%);border:1px solid rgba(127,162,240,.24);transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s}
.rc:hover{transform:translateY(-2px);border-color:rgba(142,176,255,.6);box-shadow:0 18px 40px -18px rgba(30,87,214,.6)}
.rc::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:1px;background:linear-gradient(90deg,transparent,#8EB0FF,transparent);animation:rsw 4.8s cubic-bezier(.4,0,.2,1) infinite}
.rc.nr::after{animation-delay:2.4s;background:linear-gradient(90deg,transparent,#FF8A8A,transparent)}
@keyframes rsw{0%{left:-40%}45%,100%{left:110%}}
.rsc{position:relative;flex:none;width:132px;height:64px;border-radius:12px;background:#0E1A45;box-shadow:inset 0 0 0 1px rgba(127,162,240,.28);overflow:hidden}
@media (max-width: 768px){.cs .rsc{width:104px;height:56px}}
.rrd{position:absolute;left:0;right:0;bottom:12px;height:2px;background:repeating-linear-gradient(90deg,rgba(201,215,251,.55) 0 12px,transparent 12px 24px)}
.ok .rrd{animation:rrd .5s linear infinite}
@keyframes rrd{to{background-position:-24px 0}}
.rcar{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);color:#fff;display:flex}
.ok .rcar{animation:rbob .5s ease-in-out infinite alternate}
@keyframes rbob{to{transform:translate(-50%,-1.5px)}}
.ok .rsc::before{content:"";position:absolute;left:16px;bottom:22px;width:22px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(142,176,255,.8));box-shadow:4px -7px 0 -0px rgba(142,176,255,.5);animation:rspd .5s linear infinite}
@keyframes rspd{from{transform:translateX(6px);opacity:.9}to{transform:translateX(-10px);opacity:0}}
.nr .rcar{left:18px;transform:none;animation:rpull 3.2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes rpull{0%,15%{transform:translateX(0)}70%,100%{transform:translateX(44px)}}
.rwn{position:absolute;right:10px;bottom:13px;width:24px;height:24px;border-radius:7px;background:rgba(200,30,30,.28);box-shadow:inset 0 0 0 1px rgba(255,138,138,.5);color:#FFB4B4;display:flex;align-items:center;justify-content:center}
.rcab{position:absolute;left:44px;right:34px;bottom:24px;height:1.5px;background:repeating-linear-gradient(90deg,#FF8A8A 0 4px,transparent 4px 8px);transform-origin:right;animation:rcab 3.2s cubic-bezier(.4,0,.2,1) infinite,rcd .4s linear infinite}
@keyframes rcab{0%,15%{transform:scaleX(1)}70%,100%{transform:scaleX(.15)}}
@keyframes rcd{to{background-position:8px 0}}
.rch h3{font-size:18px}
.rct p{margin-top:2px;font-size:14px}
.rs .tag{font-size:11px}
.rc.nr .tag{background:rgba(200,30,30,.22);color:#FFB4B4}
.rc:hover .rrd,.rc:hover .rcar,.rc:hover .rcab,.rc:hover .rsc::before{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.rc::after,.rrd,.rcar,.rcab,.rsc::before{animation:none!important}.nr .rcar{transform:translateX(30px)}}
.pk{padding-top:20px}
.pk{padding-bottom:24px}
@media (max-width: 768px){.cs .pk{padding-bottom:24px}}
.pkg{grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width: 768px){.cs .pkg{grid-template-columns:minmax(0,1fr);gap:20px}}
.pk .h2{font-size:30px}
@media (max-width: 768px){.cs .pk .h2{font-size:24px}}
.pk .h2::after{display:none}
.vid{border-color:rgba(127,162,240,.3);box-shadow:0 24px 48px -24px rgba(5,10,30,.8),0 0 0 1px rgba(127,162,240,.12)}
.vid::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;background:linear-gradient(100deg,transparent,rgba(142,176,255,.08),transparent);animation:vsw 6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes vsw{0%{left:-30%}40%,100%{left:110%}}
.pkl{position:relative;margin-top:18px;gap:6px}
@media (max-width: 768px){.cs .pkl{position:relative;margin-top:18px;gap:6px}}
.pkr{position:absolute;left:36px;top:28px;bottom:28px;width:2px;background:rgba(127,162,240,.18);border-radius:2px}
@media (max-width: 768px){.cs .pkr{left:34px}}
.pkr i{position:absolute;inset:0;background:linear-gradient(#8EB0FF,#1E57D6);transform-origin:top;transform:scaleY(0);animation:pkrf 9s cubic-bezier(.4,0,.2,1) infinite}
@keyframes pkrf{0%,8%{transform:scaleY(0)}30%{transform:scaleY(0)}40%,58%{transform:scaleY(.5)}68%,92%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.pki{position:relative;padding:10px 14px;gap:14px;border-color:rgba(127,162,240,.16);background:rgba(255,255,255,.03)}
@media (max-width: 768px){.cs .pki{position:relative;padding:10px 14px;gap:14px;border-color:rgba(127,162,240,.16);background:rgba(255,255,255,.03)}}
.pkic{position:relative;z-index:1;width:44px;height:44px;background:#172554;box-shadow:inset 0 0 0 100px rgba(30,87,214,.35);transition:box-shadow .3s}
.pki h3{font-size:16px}
.pki p{font-size:14px}
.pkck{transform:scale(0);opacity:0}
.pki:nth-of-type(1){animation:pka1 9s cubic-bezier(.4,0,.2,1) infinite}
.pki:nth-of-type(1) .pkck{animation:pkc1 9s cubic-bezier(.16,1,.3,1) infinite}
.pki:nth-of-type(2){animation:pka2 9s cubic-bezier(.4,0,.2,1) infinite}
.pki:nth-of-type(2) .pkck{animation:pkc2 9s cubic-bezier(.16,1,.3,1) infinite}
.pki:nth-of-type(3){animation:pka3 9s cubic-bezier(.4,0,.2,1) infinite}
.pki:nth-of-type(3) .pkck{animation:pkc3 9s cubic-bezier(.16,1,.3,1) infinite}
@keyframes pka1{0%,2%,32%,100%{background:rgba(255,255,255,.03);border-color:rgba(127,162,240,.16);box-shadow:none}6%,26%{background:rgba(30,87,214,.16);border-color:rgba(142,176,255,.55);box-shadow:0 12px 30px -16px rgba(30,87,214,.7)}}
@keyframes pka2{0%,32%,62%,100%{background:rgba(255,255,255,.03);border-color:rgba(127,162,240,.16);box-shadow:none}36%,56%{background:rgba(30,87,214,.16);border-color:rgba(142,176,255,.55);box-shadow:0 12px 30px -16px rgba(30,87,214,.7)}}
@keyframes pka3{0%,62%,92%,100%{background:rgba(255,255,255,.03);border-color:rgba(127,162,240,.16);box-shadow:none}66%,86%{background:rgba(30,87,214,.16);border-color:rgba(142,176,255,.55);box-shadow:0 12px 30px -16px rgba(30,87,214,.7)}}
@keyframes pkc1{0%,18%{transform:scale(0);opacity:0}24%,94%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes pkc2{0%,48%{transform:scale(0);opacity:0}54%,94%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes pkc3{0%,78%{transform:scale(0);opacity:0}84%,94%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@media (max-width: 768px){.cs .pkck{display:flex}}
.pkl:hover .pki,.pkl:hover .pkck,.pkl:hover .pkr i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.pki,.pkck,.pkr i,.vid::after{animation:none!important}.pkck{transform:none;opacity:1}.pkr i{transform:scaleY(1)}}
.pr{padding-top:24px;padding-bottom:24px}
@media (max-width: 768px){.cs .pr{padding-top:24px;padding-bottom:24px}}
.prh{margin-bottom:16px}
@media (max-width: 768px){.cs .prh{margin-bottom:16px}}
.pr .h2::after{display:none}
.prs{position:relative;border-color:rgba(127,162,240,.26);background:linear-gradient(180deg,rgba(30,87,214,.1),rgba(255,255,255,.02))}
.prt{position:absolute;left:20px;right:20px;top:20px;height:2px;background:repeating-linear-gradient(90deg,rgba(127,162,240,.35) 0 6px,transparent 6px 12px);pointer-events:none;z-index:1}
.prt i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#1E57D6,#8EB0FF);border-radius:2px;animation:prw 10s cubic-bezier(.4,0,.2,1) infinite}
.prt b{position:absolute;top:-12px;margin-left:-13px;width:26px;height:26px;border-radius:50%;background:#fff;color:#1E57D6;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(30,87,214,.35),0 6px 16px -4px rgba(5,10,30,.6);animation:prc 10s cubic-bezier(.4,0,.2,1) infinite}
.prt b::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(142,176,255,.7);animation:vring 2s cubic-bezier(.16,1,.3,1) infinite}
@keyframes prc{0%,12%{left:20px}20%,37%{left:calc(25% + 20px)}45%,62%{left:calc(50% + 20px)}70%,92%{left:calc(75% + 20px);opacity:1}97%{left:calc(75% + 20px);opacity:0}98%{left:20px;opacity:0}100%{left:20px;opacity:1}}
@keyframes prw{0%,12%{width:0px}20%,37%{width:25%}45%,62%{width:50%}70%,92%{width:75%;opacity:1}97%{opacity:0}98%{width:0;opacity:0}100%{width:0;opacity:1}}
.pri{position:relative;padding:44px 20px 18px;transition:background .3s}
@media (max-width: 768px){.cs .pri{position:relative;padding:44px 20px 18px;transition:background .3s}}
.pri::before{content:"";position:absolute;left:16px;top:16px;width:10px;height:10px;border-radius:50%;background:#172554;border:2px solid rgba(127,162,240,.5);z-index:1}
.pri h3{font-size:16px}
.pri p{font-size:14px}
.pri .pkic{width:44px;height:44px;transition:background .3s,box-shadow .3s}
.pri:nth-of-type(1){animation:pri1 10s infinite}
.pri:nth-of-type(2){animation:pri2 10s infinite}
.pri:nth-of-type(3){animation:pri3 10s infinite}
.pri:nth-of-type(4){animation:pri4 10s infinite}
.pri:nth-of-type(1) .pkic{animation:prk1 10s infinite}
.pri:nth-of-type(2) .pkic{animation:prk2 10s infinite}
.pri:nth-of-type(3) .pkic{animation:prk3 10s infinite}
.pri:nth-of-type(4) .pkic{animation:prk4 10s infinite}
@keyframes pri1{0%,17%,100%{background:transparent}2%,14%{background:rgba(30,87,214,.14)}}
@keyframes prk1{0%,17%,100%{background:rgba(30,87,214,.35);box-shadow:none}2%,14%{background:#1E57D6;box-shadow:0 0 0 4px rgba(30,87,214,.25),0 10px 24px -8px rgba(30,87,214,.8)}}
@keyframes pri2{0%,18%,42%,100%{background:transparent}22%,39%{background:rgba(30,87,214,.14)}}
@keyframes prk2{0%,18%,42%,100%{background:rgba(30,87,214,.35);box-shadow:none}22%,39%{background:#1E57D6;box-shadow:0 0 0 4px rgba(30,87,214,.25),0 10px 24px -8px rgba(30,87,214,.8)}}
@keyframes pri3{0%,43%,67%,100%{background:transparent}47%,64%{background:rgba(30,87,214,.14)}}
@keyframes prk3{0%,43%,67%,100%{background:rgba(30,87,214,.35);box-shadow:none}47%,64%{background:#1E57D6;box-shadow:0 0 0 4px rgba(30,87,214,.25),0 10px 24px -8px rgba(30,87,214,.8)}}
@keyframes pri4{0%,68%,97%,100%{background:transparent}72%,94%{background:rgba(30,87,214,.14)}}
@keyframes prk4{0%,68%,97%,100%{background:rgba(30,87,214,.35);box-shadow:none}72%,94%{background:#1E57D6;box-shadow:0 0 0 4px rgba(30,87,214,.25),0 10px 24px -8px rgba(30,87,214,.8)}}
@media (max-width: 768px){.cs .prt{display:none}}
@media (max-width: 768px){.cs .pri::before{display:none}}
@media (max-width: 768px){.cs .pri{padding:14px 16px}}
.prs:hover .prt i,.prs:hover .prt b,.prs:hover .pri,.prs:hover .pkic{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.prt i,.prt b,.prt b::after,.pri,.pri .pkic{animation:none!important}.prt b{display:none}.prt i{width:100%}}
.tin{display:flex;flex-direction:column}
.tin>*{order:3}
.tin>.h2{order:1;margin-top:0}
.tin>.ey{order:2;align-self:flex-start;margin-top:14px}
.tnav .tin>.h2::after{display:none}
.tin>.ey{display:none}
.pkg>div:last-child{display:flex;flex-direction:column}
.pkg>div:last-child>*{order:3}
.pkg>div:last-child>.h2{order:1;margin-top:0}
.pkg>div:last-child>.ey{order:2;align-self:flex-start;margin-top:12px}
.prh>div:first-child{display:flex;flex-direction:column}
.prh>div:first-child>.h2{order:1;margin-top:0}
.prh>div:first-child>.ey{order:2;align-self:flex-start;margin-top:12px}
.twh .cnote{background:rgba(30,87,214,.14);border-top:1px solid rgba(127,162,240,.22);color:#C9D7FB}
@media (max-width: 768px){.cs .twh .cnote{background:rgba(30,87,214,.14);border-top:1px solid rgba(127,162,240,.22);color:#C9D7FB}}
.cnote svg{color:#8EB0FF;flex:none}
.cnote span{color:#C9D7FB}
@media (max-width: 768px){.cs .pkg>div:last-child{display:contents}}
@media (max-width: 768px){.cs .pkg>div:last-child>.h2{order:1}}
@media (max-width: 768px){.cs .pkg>div:last-child>.ey{order:2;margin-top:-8px}}
@media (max-width: 768px){.cs .pkg>.vid{order:3}}
@media (max-width: 768px){.cs .pkg>div:last-child>*:not(.h2):not(.ey){order:4}}
@media (max-width: 768px){.cs .pkg>div:last-child>.pkl{margin-top:0}}
.pkv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vid .vplay{z-index:2;cursor:pointer}
.vid .vcap,.vid .vtag{z-index:2}
.vid::before{display:none;content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,24,56,.15),rgba(14,24,56,.55));pointer-events:none;transition:opacity .18s}
.vid.on::before,.vid.on::after,.vid.on .vplay,.vid.on .vcap,.vid.on .vtag{opacity:0;pointer-events:none}