/* v5 hero: two-column with product mockup (2026-10-10) + selectable plans + Nav-puls orb */
.x-hgrid{display:flex;flex-direction:column;align-items:center;width:100%}
.x-htxt{display:flex;flex-direction:column;align-items:center}
.x-mock{position:relative;width:min(640px,100%);margin:44px auto 0;aspect-ratio:640/470}
.xm-lap{position:absolute;left:0;top:0;width:88%;margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(13,74,87,.14);box-shadow:0 40px 80px -40px rgba(13,74,87,.5),0 0 0 6px rgba(255,255,255,.7)}
.xm-bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:#F4F4F2;border-bottom:1px solid rgba(13,74,87,.1)}
.xm-bar i{width:8px;height:8px;border-radius:50%;background:#E0E0DC}
.xm-bar i:nth-child(1){background:#FF5F57}.xm-bar i:nth-child(2){background:#FEBC2E}.xm-bar i:nth-child(3){background:#28C840}
.xm-bar span{margin:0 auto;font-size:10.5px;color:#56666B;padding-right:30px}
.xm-lap img,.xm-ph img{display:block;width:100%;height:auto}
.xm-ph{position:absolute;right:0;bottom:0;width:30%;margin:0;border-radius:26px;overflow:hidden;background:#0B1F26;padding:7px;box-shadow:0 30px 60px -24px rgba(11,31,38,.55)}
.xm-ph img{border-radius:20px}
.xm-chip{position:absolute;display:flex;align-items:center;gap:7px;font:500 13px/1 Poppins,sans-serif;color:#0B1F26;background:#fff;border:1px solid rgba(13,74,87,.14);border-radius:999px;padding:9px 13px;box-shadow:0 14px 30px -14px rgba(13,74,87,.45);animation:xmFloat 6s ease-in-out infinite}
.xm-chip i{width:9px;height:9px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 4px rgba(31,157,85,.18)}
.xm-chip b{font-family:Jost,sans-serif;color:#0D4A57}
.xm-c1{left:-4%;bottom:14%}.xm-c2{right:20%;top:-4%;animation-delay:-3s}
@keyframes xmFloat{50%{transform:translateY(-6px)}}
@media (min-width:1100px){
 .x-hero .x-hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;text-align:left}
 .x-hero .x-htxt{align-items:flex-start}
 .x-hero .x-h1{font-size:clamp(48px,4.6vw,74px);align-items:flex-start}
 .x-hero .x-h1 .x-l1,.x-hero .x-h1 .x-l2{justify-content:flex-start}
 .x-hero .x-act,.x-hero .x-trust{justify-content:flex-start}
 .x-hero .x-lead{margin-left:0;text-align:left}
 .x-mock{margin:0}
}
@media (max-width:700px){.x-mock{margin-top:34px}.xm-chip{font-size:11px;padding:7px 10px}.xm-c2{right:16%;top:-6%}.xm-ph{border-radius:18px;padding:5px}.xm-ph img{border-radius:14px}}
@media (prefers-reduced-motion:reduce){.xm-chip{animation:none}}
html[data-theme="dark"] .xm-lap,html[data-theme="dark"] .xm-chip{background:#2E3537;border-color:rgba(165,232,253,.18);color:#EDF7F9;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
html[data-theme="dark"] .xm-bar{background:#252B2D}
html[data-theme="dark"] .xm-chip b{color:#A5E8FD}
/* Nav-puls orb in H1 (replaces old spinning wheel) */
.x-orb.xnp{animation:none;overflow:visible}
.xnp .rim{fill:none;stroke:var(--ink,#0B1F26);stroke-width:14}
.xnp .spk line{stroke:#0D4A57;stroke-width:7;stroke-linecap:round}
.xnp .hub{fill:#0D4A57}
.xnp .wv{fill:none;stroke:#0D4A57;stroke-width:5;transform-origin:0 0;animation:xnpW 2.6s ease-out infinite}
.xnp .w2{animation-delay:1.3s}
@keyframes xnpW{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(3.1)}}
@media (prefers-reduced-motion:reduce){.xnp .wv{animation:none;opacity:0}}
/* selectable plans */
#pris .plan[role=radio]{cursor:pointer;outline:0;box-shadow:0 0 0 1.5px transparent;transition:box-shadow .2s,transform .2s}
#pris .plan[role=radio]:hover{transform:translateY(-2px)}
#pris .plan.hot{outline:0;box-shadow:0 0 0 1.5px rgba(13,74,87,.35)}
#pris .plan[aria-checked=true]{box-shadow:0 0 0 3px #1f9d55,0 18px 40px -22px rgba(31,157,85,.55)}
#pris .plan[role=radio]:focus-visible{box-shadow:0 0 0 3px #1f9d55,0 0 0 6px rgba(31,157,85,.25)}
.pl-ck{position:absolute;top:18px;left:auto;right:18px;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(13,74,87,.3);display:grid;place-items:center;background:#fff;transition:background .2s,border-color .2s}
.pl-ck svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}
.plan[aria-checked=true] .pl-ck{background:#1f9d55;border-color:#1f9d55}
.plan[aria-checked=true] .pl-ck svg{opacity:1;transform:none}
#pris .plan.hot .tag{right:54px}
html[data-theme="dark"] .pl-ck{background:transparent;border-color:rgba(165,232,253,.4)}
/* 2026-10-10 chips: below the laptop, never over browser bar/screen */
.xm-chip{font-size:12px;padding:7px 11px;gap:6px}
.xm-c2{top:auto;right:auto;left:3%;bottom:9%}
.xm-c1{left:3%;bottom:-1.5%}
@media (max-width:700px){.xm-chip{display:none}}