/* hero-v3: the reference image (text painted out) with every word, number and chart as real HTML on top.
   Everything is placed in reference pixels (3072 x 2048): --u is one reference pixel at the current width.
   .p = a line of text placed by its baseline (--x, --b, size --f); .bx = a box (--x, --y, --w, --h).
   --k slants a line along the curved monitor (skewY only: plain 2D, so Safari draws it the same). */
.v3.hero{padding:0;isolation:auto;background:#050914}
.v3.hero:after{display:none}
.v3 #main-nav{display:block;font-size:inherit;color:inherit}
.v3 #main-nav a{padding:0;border:0}
.v3 h1{font-size:inherit;letter-spacing:0;line-height:1;margin:0;font-weight:700;text-shadow:none}
/* Desktop: the hero fills the window (at least 600px tall) and the whole 3:2 scene is scaled to fit inside it,
   centred, never cropped. Extra space at the sides shows a soft blurred extension of the room. */
@media (min-width:1024px){
  .v3{height:max(600px,min(100svh,66.667vw));container-type:size}
  .v3-in{position:relative;width:min(100cqw,150cqh);height:min(100cqh,66.667cqw);margin:0 auto;container-type:inline-size;--u:calc(100cqw/3072)}
  .v3::before{content:"";position:absolute;inset:0;background:#050914 url(/assets/v3-side.webp?v=1) center/cover}   /* pre-blurred: no CSS filter, so Safari never re-blurs it */
}
.v3{position:relative;container-type:inline-size;background:#050914;color:#eef3fa;overflow:hidden;--u:calc(100cqw/3072);font-family:Inter,"Inter Fallback",system-ui,sans-serif}
.v3 .p,.v3 .bx{--k:0;--sx:1;position:absolute;margin:0;transform-origin:0 86.4%;transform:skewY(calc(var(--k)*1deg)) scaleX(var(--sx))}
.v3 .p{left:calc((var(--x) - var(--ox,0))*var(--u));top:calc((var(--b) - var(--oy,0) - var(--f)*.864)*var(--u));font-size:calc(var(--f)*var(--u));line-height:1;white-space:nowrap;letter-spacing:0}
.v3 .p.c{left:calc((var(--cx) - var(--ox,0))*var(--u));transform-origin:50% 86.4%;transform:translateX(-50%) scaleX(var(--sx))}
.v3 .bx{left:calc((var(--x) - var(--ox,0))*var(--u));top:calc((var(--y) - var(--oy,0))*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));transform-origin:0 0}
.v3 .bx .p,.v3 .bx .bx{--ox:0;--oy:0}
.v3 ul,.v3 ol{list-style:none;margin:0;padding:0}
.v3-bg img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.v3 a{color:inherit;text-decoration:none}

/* text lands on whole pixels (crisp edges), where the browser supports round() */
@supports (left:round(nearest,1.5px,1px)){
  .v3 .p{left:round(nearest,calc((var(--x) - var(--ox,0))*var(--u)),1px);top:round(nearest,calc((var(--b) - var(--oy,0) - var(--f)*.864)*var(--u)),1px)}
  .v3 .p.c{left:round(nearest,calc((var(--cx) - var(--ox,0))*var(--u)),1px)}
}
.v3 .v3-frame{pointer-events:none;overflow:visible;-webkit-mask-image:url(/assets/not-man.png?v=1);mask-image:url(/assets/not-man.png?v=1)}
.v3 .v3-sweep{-webkit-mask-image:url(/assets/not-man.png?v=1);mask-image:url(/assets/not-man.png?v=1)}

/* header */
.v3-head{position:absolute;inset:0 0 auto 0;height:calc(160*var(--u));z-index:3;background:none;border:0;box-shadow:none}
.v3-logo{font-weight:800;letter-spacing:-.035em;color:#fff}
.v3-logo span{color:#17a5f2}
#main-nav .p,.v3-login,.v3-lang .p{color:#e9eef6;font-weight:400}
#main-nav .p:hover,.v3-login:hover,.v3-lang .p:hover{color:#fff;text-shadow:0 0 .5em rgba(80,170,255,.7)}
.v3 svg.chev,.v3 svg.globe-i,.v3 svg.arr,.v3-rows em svg{display:inline-block}
.v3{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.v3-copy .p,.v3-copy .bx,.v3-price .p{z-index:2}
.v3 .chev{width:.42em;height:.3em;margin-left:.42em;vertical-align:.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v3-lang .p{background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.v3-lang .globe-i{width:1.08em;height:1.08em;vertical-align:-.2em;margin-right:.6em;fill:none;stroke:currentColor;stroke-width:1.3}
.v3-start{border-radius:calc(22*var(--u));color:#fff;font-weight:500}
.v3-start:hover{box-shadow:0 0 calc(30*var(--u)) rgba(60,160,255,.55)}
.v3-start .arr{margin-left:.55em;vertical-align:.05em;width:.83em;height:.58em;fill:none;stroke:#5fd0ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v3 .menu{display:none}

/* left column */
.v3-copy h1,.v3-copy .v3-sub{margin:0;font-size:inherit}
.v3-eyebrow{color:#e2eaf5;font-weight:500;letter-spacing:.015em}
.v3-copy h1 .p{font-weight:700;letter-spacing:-.022em;color:#fff}
.v3-copy h1 em{font-style:normal;color:#19aaf6;text-shadow:0 0 .12em rgba(25,150,255,.3)}
.v3-sub .p{color:#e8eef7;font-weight:400}
.v3-note{color:#dde5f0}
.v3-msg{color:#ffd28a;white-space:normal;width:calc(700*var(--u))}
.v3-form{border-radius:calc(30*var(--u))}
.v3-form .v3-go{position:absolute;inset:0;background:none;border:0;border-radius:inherit;padding:0;color:#fff;cursor:pointer;font-family:inherit;font-weight:600}
.v3-form .v3-go:hover,.v3-form .v3-go:focus-visible{box-shadow:0 0 calc(40*var(--u)) rgba(50,160,255,.65);outline:0}
.v3-form .v3-go:disabled{cursor:progress}
.v3-form input{position:absolute;left:calc(34*var(--u));top:calc(20*var(--u));width:calc(380*var(--u));height:calc(65*var(--u));border:0;border-radius:calc(18*var(--u));padding:0 calc(22*var(--u));font:500 calc(32*var(--u)) Inter,"Inter Fallback",sans-serif;color:#081226;background:rgba(255,255,255,.94);opacity:0;pointer-events:none;transition:opacity .2s}
.v3-form.open input{opacity:1;pointer-events:auto}
.v3-form.open .v3-go{left:calc(430*var(--u))}
.v3-form.open .v3-go .p{--x:24!important}

/* price circle */
.v3-price .p{color:#f1f5fb;font-weight:500;letter-spacing:.02em}
.v3-price .v3-usd,.v3-price .v3-49{font-weight:800;letter-spacing:-.02em;color:#d3e9ff;text-shadow:0 0 .1em rgba(60,150,255,.55)}

/* stage: monitor, badges, mug */
.v3-stage{position:absolute;inset:0;pointer-events:none}
.v3-stage a,.v3-stage button{pointer-events:auto}
.v3-mon .p{color:#e8f0fa}
.v3-dom{color:#9fb4ca!important}
.v3-title{color:#b4dcff!important;font-weight:500;letter-spacing:-.01em;text-shadow:0 0 .16em rgba(60,150,255,.55)}
.v3-title b{font-weight:700;color:#d6edff;font-size:1.12em}
.v3-aivis{font-weight:500;color:#e5edf7!important}
.v3-pill{display:flex;align-items:center;gap:calc(8*var(--u));justify-content:center;border-radius:calc(23*var(--u));font:600 calc(20*var(--u))/1 Inter,sans-serif;white-space:nowrap;color:#fff;background:#8a5600;box-shadow:0 0 calc(18*var(--u)) rgba(255,170,40,.45)}
.v3-pill i{width:calc(12*var(--u));height:calc(12*var(--u));border-radius:50%;background:#fff}
.v3-mon[data-state="live"] .v3-pill{background:#3f8f19;box-shadow:0 0 calc(18*var(--u)) rgba(90,230,60,.5)}
.v3-mon[data-state="scanning"] .v3-pill{background:#1f62c9}
.v3-name{font-weight:650}
.v3-ex{color:#8193a8!important;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.v3-mon[data-state="live"] .v3-ex{visibility:hidden}
.v3-num{font-weight:700}
.v3-num.word{font-size:calc(38*var(--u))}
.v3-delta{font-weight:600}
.v3-delta.up{color:#5fe39a!important}.v3-delta.mid{color:#d4ea4c!important}.v3-delta.bad{color:#ff6b6b!important}.v3-delta.warn{color:#ffb54a!important}
.v3-dot{border-radius:50%;border:calc(4*var(--u)) solid var(--c);box-shadow:0 0 calc(12*var(--u)) var(--c)}
.v3-bars,.v3-kbars{display:flex;align-items:flex-end;gap:calc(5*var(--u));transform-origin:0 100%}
.v3-bars i,.v3-kbars i{flex:1;height:var(--h0);border-radius:calc(3*var(--u)) calc(3*var(--u)) 0 0;background:linear-gradient(180deg,#38a8ff,#0b56d8);box-shadow:0 0 calc(10*var(--u)) rgba(40,140,255,.55);transition:height .9s cubic-bezier(.2,.8,.2,1)}
.v3-kbars{gap:calc(8*var(--u))}
.v3-kbars.many{gap:calc(2.5*var(--u))}
.v3-kbars i{background:linear-gradient(180deg,#3aa9ff,#0a4fd0)}
.v3-bars i.bad,.v3-kbars i.bad{background:linear-gradient(180deg,#ff7a7a,#b62a2a);box-shadow:none}
.v3-bars i.warn,.v3-kbars i.warn{background:linear-gradient(180deg,#ffc266,#c27a10);box-shadow:none}
.v3-kline polyline{fill:none;stroke:#e9f3ff;stroke-width:2.2;filter:drop-shadow(0 0 3px #8fd0ff)}
.v3-kline g{fill:#fff}
.v3-mon[data-state="live"] .v3-kline{opacity:0;transition:opacity .4s}
.v3-lbl{font-weight:700;color:#eaf1f9!important;letter-spacing:.005em}
.v3-big{font-weight:600;color:#aef2d4!important;text-shadow:0 0 .15em rgba(80,230,170,.4)}
.v3-sm{color:#cbd5e1!important}
.v3-g svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(150deg)}
.v3-g circle{fill:none;stroke-width:13;stroke-dasharray:201 301.6}
.v3-g .t{stroke:rgba(255,255,255,.08)}
.v3-g .f{stroke:var(--gc,#22d39a);stroke-linecap:round;stroke-dashoffset:var(--go,16);filter:drop-shadow(0 0 4px var(--gc,#22d39a));transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.v3-g b{position:absolute;left:0;right:0;top:28%;text-align:center;font:700 calc(46*var(--u))/1 Inter,sans-serif;color:#fff}
.v3-g small{position:absolute;left:0;right:0;top:66%;text-align:center;font:400 calc(18*var(--u))/1 Inter,sans-serif;color:#9aa8b8}
.v3-checks .p{color:#eef3f9;font-weight:500}
.v3-checks i.bx{border-radius:50%;background:#1fbf86;box-shadow:0 0 calc(8*var(--u)) rgba(40,220,150,.5)}
.v3-checks i.bx::after{content:"";position:absolute;left:30%;top:22%;width:25%;height:42%;border:solid #062016;border-width:0 calc(3.4*var(--u)) calc(3.4*var(--u)) 0;transform:rotate(42deg)}
.v3-checks i.r{background:none;box-shadow:none}
.v3-checks i.r::after{border-color:#2fe39c;border-width:0 calc(5*var(--u)) calc(5*var(--u)) 0;left:30%;top:4%;width:32%;height:62%;filter:drop-shadow(0 0 3px rgba(47,227,156,.6))}
.v3-checks li.warn i.bx:not(.r){background:#f0a028}.v3-checks li.warn i.r::after{border-color:#ffb54a}
.v3-checks li.bad i.bx:not(.r){background:#e5484d}.v3-checks li.bad i.r::after{content:"×";border:0;transform:none;left:0;top:-30%;width:100%;height:auto;text-align:center;color:#ff6b6b;font:700 calc(30*var(--u))/1 Inter,sans-serif}
.v3-checks li.bad i.bx:not(.r)::after{border-color:#2a0607}
.v3-checks li+li::before{content:"";position:absolute;left:calc((1290 - var(--ox,0))*var(--u));width:calc(275*var(--u));height:1px;background:rgba(255,255,255,.07)}
.v3-cap{font-weight:600;color:#e2f0ff!important;letter-spacing:.01em;text-shadow:0 0 .18em rgba(60,160,255,.55)}
.v3-dots{display:flex;align-items:center;justify-content:space-between}
.v3-dots i{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:#2e84e8;box-shadow:0 0 calc(8*var(--u)) #2e84e8}
.v3-dots i.on{width:calc(13*var(--u));height:calc(13*var(--u));background:#bfe6ff}
.v3 .v3-globe3d{pointer-events:auto;background:url(/assets/v3-globe-still.webp?v=1) 0 0/100% 100% no-repeat}
.v3 .v3-globe3d.live{background:none}
.v3 .v3-globe3d{-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 86%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 86%,transparent 100%)}
.v3 .v3-score .p,.v3 .v3-score .bx{z-index:2}
.v3 .v3-globe3d canvas{display:block;width:100%!important;height:100%!important}
.v3-rows li.bx{border-radius:calc(10*var(--u));background:rgba(120,160,220,.07);border:1px solid rgba(150,190,255,.09);transform-origin:0 50%}
.v3-rows .av{position:absolute;left:calc(8*var(--u));top:calc(16*var(--u));width:calc(42*var(--u));height:calc(42*var(--u));border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0 18%,var(--c) 19% 60%,rgba(0,0,0,.2) 61%);box-shadow:0 0 calc(10*var(--u)) var(--c)}
.v3-rows .p{color:#eef3f9;font-weight:500}
.v3-rows em.p{font-style:normal;font-weight:600;color:#fff}
.v3-rows em svg{width:.5em;height:.72em;margin-right:.35em;vertical-align:-.02em;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.v3-rows .up svg{stroke:#2fe39c}.v3-rows .down svg{stroke:#ff4d4d}
.v3-rows li.issue em.p{color:#ffb54a;font-size:calc(26*var(--u))}
.v3-rows li.issue.bad em.p{color:#ff6b6b}
.v3-rows li.issue .p{white-space:nowrap}
.v3-rows li.issue span.p{font-size:calc(23*var(--u));top:calc((48 - 23*.864)*var(--u))}
.v3-sweep{opacity:0;background:linear-gradient(90deg,transparent,rgba(90,180,255,.18) 45%,rgba(160,220,255,.35) 50%,transparent 56%);background-size:40% 100%;background-repeat:no-repeat}
.v3-mon[data-state="scanning"] .v3-sweep{opacity:1;animation:v3sweep 1.6s linear infinite}
@keyframes v3sweep{from{background-position:-40% 0}to{background-position:140% 0}}
.v3-badges .v3-bd-n{font-weight:650;color:#f4f8ff;letter-spacing:-.015em;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 .5em rgba(70,150,255,.35)}
.v3-badges .v3-bd-c{font-weight:600;color:#8fb4dc;letter-spacing:.16em;text-transform:uppercase}
.v3-badges .v3-bd-dot{border-radius:50%;background:var(--c);box-shadow:0 0 calc(10*var(--u)) var(--c),0 0 calc(3*var(--u)) #fff inset}
.v3 .v3-bd-art{pointer-events:none;overflow:visible}

/* storm (v3-storm.js): canvases and flash layers, all masked to their own areas */
.v3 .v3-storm{pointer-events:none}
.v3 .v3-glass,.v3 .v3-sky,.v3 .v3-fl,.v3 .v3-city,.v3 .v3-frame,.v3 .v3-sweep{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(3072*var(--u)) calc(2048*var(--u));mask-size:calc(3072*var(--u)) calc(2048*var(--u));-webkit-mask-position:calc(var(--x)*-1*var(--u)) calc(var(--y)*-1*var(--u));mask-position:calc(var(--x)*-1*var(--u)) calc(var(--y)*-1*var(--u))}
.v3 .v3-glass{-webkit-mask-image:url(/assets/storm-glass.png?v=2);mask-image:url(/assets/storm-glass.png?v=2)}
.v3 .v3-city{-webkit-mask-image:url(/assets/city-mask.png?v=3);mask-image:url(/assets/city-mask.png?v=3)}
.v3 .v3-sky{-webkit-mask-image:url(/assets/storm-sky.png?v=2);mask-image:url(/assets/storm-sky.png?v=2)}
.v3 .v3-fl{display:block;opacity:0;background:#c4d6ff;-webkit-mask-image:url(/assets/storm-desk.png?v=2);mask-image:url(/assets/storm-desk.png?v=2)}
.v3 .v3-fl-screen{background:#d6e6ff;-webkit-mask-image:url(/assets/storm-screen.png?v=2);mask-image:url(/assets/storm-screen.png?v=2)}

/* scan replay on the monitor: this scan's real check log, 2-3 s */
.v3 .v3-log{opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:5;overflow:hidden;border-radius:calc(18*var(--u));background:rgba(3,10,26,.88);padding:calc(26*var(--u)) calc(34*var(--u));font:500 calc(25*var(--u))/1.42 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#bfe3ff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 calc(40*var(--u)) rgba(40,140,255,.25)}
.v3 .v3-log.on{opacity:1;visibility:visible}
.v3 .v3-log p{margin:0;white-space:nowrap;animation:v3logIn .18s ease-out}
.v3 .v3-log .v3-log-h{color:#7fd0ff}
.v3 .v3-log .t-ok{color:#6ff0b0}.v3 .v3-log .t-warn{color:#ffc266}.v3 .v3-log .t-fail{color:#ff7a7a}.v3 .v3-log .t-info{color:#9fb4ca}
@keyframes v3logIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* menu: a small lift and a glowing underline on hover */
.v3 #main-nav .p,.v3 .v3-login,.v3 .v3-lang .p{transition:transform .25s cubic-bezier(.2,.8,.2,1),color .25s,text-shadow .25s}
.v3 #main-nav .p::after,.v3 .v3-login::after{content:"";position:absolute;left:0;right:0;bottom:-.32em;height:2px;border-radius:2px;background:#4fb2ff;box-shadow:0 0 8px #4fb2ff;transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.v3 #main-nav .p:hover,.v3 .v3-login:hover,.v3 .v3-lang .p:hover{transform:translateY(-2px) scaleX(var(--sx))}
.v3 #main-nav .p:hover::after,.v3 .v3-login:hover::after{transform:scaleX(1)}
.v3 .v3-start{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.v3 .v3-start:hover{transform:translateY(-2px)}

/* bottom cards */
.v3-cards h2,.v3-cards p{margin:0;font-size:inherit}
.v3-cards h2 .p{font-weight:600;color:#fff;letter-spacing:-.01em}
.v3-cards p .p{color:#c9d3e0}

@media (prefers-reduced-motion:reduce){.v3-mon[data-state="scanning"] .v3-sweep{animation:none;opacity:.5}.v3-bars i,.v3-kbars i,.v3-g .f{transition:none}}

/* Under 1024px the page reflows: header, words, button and price as normal text; then the monitor
   (a crop of the same picture, with the same live panels); then the five cards. */
@media (max-width:1023px){
  .v3-in{--u:calc(100cqw/1842);container-type:inline-size}
  .v3 .p{position:static;display:block;font-size:inherit;white-space:normal;transform:none!important}
  .v3 .v3-stage .p,.v3 .v3-stage .bx{position:absolute}
  .v3 .v3-stage .p{white-space:nowrap;font-size:calc(var(--f)*var(--u));transform:skewY(calc(var(--k)*1deg)) scaleX(var(--sx))!important}
  .v3 .v3-stage .p.c{transform:translateX(-50%) scaleX(var(--sx))!important}
  .v3 .v3-head{position:relative;height:auto;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#050914}
  .v3 .v3-logo{font-size:26px}
  .v3 #main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;background:#08101f;border-top:1px solid rgba(255,255,255,.08);padding:8px 16px 14px}
  .v3 #main-nav.open{display:block}
  .v3 #main-nav .p{font-size:17px;padding:10px 0;border-bottom:1px solid #12243b}
  .v3 #main-nav .p span{display:inline}
  .v3 .v3-lang{margin-left:auto}
  .v3 .v3-lang .p{font-size:15px;display:flex;align-items:center}
  .v3 .v3-login{display:none!important}
  .v3 .v3-start{position:static!important;width:auto!important;height:auto!important;display:none!important}
  .v3 .menu{display:flex;flex-direction:column;gap:4px;background:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 9px;cursor:pointer}
  .v3 .menu span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}
  .v3 .v3-copy{position:relative;padding:22px 16px 6px}
  .v3 .v3-eyebrow{font-size:12px;letter-spacing:.06em;margin:0 0 10px}
  .v3 .v3-copy h1{font-size:clamp(34px,9.6vw,64px);line-height:1.04}
  .v3 .v3-copy h1 .p{display:block}
  .v3 .v3-sub{font-size:16px;line-height:1.5;margin:14px 0 18px!important}
  .v3 .v3-sub .p{display:inline}
  .v3 .v3-form{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:56px!important;border-radius:16px;background:linear-gradient(90deg,#1f8bff,#2a9dff);box-shadow:0 0 24px rgba(40,140,255,.45)}
  .v3 .v3-form .v3-go .p{position:absolute!important;left:20px!important;right:20px;top:50%!important;transform:translateY(-50%)!important;font-size:17px;text-align:center}
  .v3 .v3-form input{left:8px;top:8px;width:calc(62% - 8px);height:40px;border-radius:10px;font-size:16px;padding:0 12px}
  .v3 .v3-form.open .v3-go{left:62%}
  .v3 .v3-form.open .v3-go .p{left:8px!important;right:8px}
  .v3 .v3-note{font-size:13px;margin-top:10px}
  .v3 .v3-msg{width:auto;font-size:14px;margin-top:6px}
  .v3 .v3-price{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin:16px 16px 4px;width:150px;height:126px;border-radius:50%;border:2px solid #3a8dff;box-shadow:0 0 22px rgba(40,130,255,.55),inset 0 0 24px rgba(40,130,255,.25);background:rgba(10,20,45,.6)}
  .v3 .v3-price .p{font-size:11px;letter-spacing:.06em}
  .v3 .v3-price .v3-usd{display:none}
  .v3 .v3-price .v3-49{font-size:50px;line-height:1}
  .v3 .v3-price .v3-49::before{content:"$";font-size:.5em;vertical-align:.55em}
  .v3 .v3-stage{position:relative;inset:auto;aspect-ratio:1842/1340;--ox:1230;--oy:180;margin-top:8px}
  .v3 .v3-cards{display:grid;gap:10px;padding:14px 16px 22px}
  .v3 .v3-cards li{border-radius:16px;padding:16px 16px 16px 18px;background:linear-gradient(160deg,rgba(30,50,90,.55),rgba(10,18,36,.75));border:1px solid rgba(120,170,255,.16);box-shadow:inset 3px 0 0 #2a8cff}
  .v3 .v3-cards h2{font-size:18px;margin-bottom:4px}
  .v3 .v3-cards h2 .p,.v3 .v3-cards p .p{display:inline}
  .v3 .v3-cards p{font-size:14.5px;line-height:1.5}
}

/* footer: trademark note */
.foot-tm{display:block;max-width:46em;font-size:12px;line-height:1.5;color:#8a9bb3}

/* "See where you stand" — five cards, equal height, buttons on one line at the bottom, own colour + glow on hover */
.insights .ins-paid{margin:14px auto 0;font-size:14px;color:#9fb3cc}
.insights .ins-grid.ins-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.ins-5 .ins-card{padding:24px 20px;border:1px solid color-mix(in srgb,var(--c) 28%,rgba(120,160,220,.16));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s}
.ins-5 .ins-card h3{font-size:18px;line-height:1.25}
.ins-5 .ins-card p{font-size:14.5px}
.ins-5 .orb{background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--c) 25%,#fff) 0,var(--c) 20%,color-mix(in srgb,var(--c) 70%,#120a3a) 58%,color-mix(in srgb,var(--c) 30%,#05081a) 100%);box-shadow:inset -6px -8px 16px rgba(5,0,30,.6),inset 4px 5px 10px rgba(255,255,255,.35),0 0 24px color-mix(in srgb,var(--c) 70%,transparent),0 10px 22px rgba(0,0,0,.45)}
.ins-5 .ins-cta{margin-top:auto;align-self:stretch;text-align:center;white-space:normal}
.ins-5 .ins-cta.is-soon{opacity:.55;cursor:default;pointer-events:none}
.ins-5 .ins-card:is(:hover,:focus-within,.is-active){transform:translateY(-10px) scale(1.03);border-color:var(--c);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,#0c1830),#0a1428 70%);box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 34px color-mix(in srgb,var(--c) 45%,transparent)}
.ins-5 .ins-card:is(:hover,:focus-within,.is-active) h3{color:color-mix(in srgb,var(--c) 70%,#fff)}
.ins-5 .pop:nth-child(5):not(.reveal){animation-delay:-3.4s}
@media (max-width:1199px){.insights .ins-grid.ins-5{grid-template-columns:repeat(2,minmax(0,1fr))}.ins-5 .ins-card:last-child{grid-column:1/-1}}
@media (max-width:699px){.insights .ins-grid.ins-5{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ins-5 .ins-card:is(:hover,:focus-within,.is-active){transform:none}}