:root{
  --ground:#eceef4;--ink:#16141c;--ink2:#4b4755;--ink3:#6f6a78;--line:rgba(22,20,28,.10);
  --glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.9);--glass-line:rgba(255,255,255,.9);--glass-hi:#fff;
  --glass-shadow:0 20px 50px -22px rgba(64,40,86,.32),0 2px 6px -2px rgba(64,40,86,.10);--spec:rgba(255,255,255,.7);
  --accent:#e8622a;--accent-ink:#b4441a;--accent-soft:rgba(232,98,42,.11);--elec:#2f7df6;--elec-soft:rgba(47,125,246,.12);--live:#1e8757;--live-soft:rgba(30,135,87,.12);--bad:#c0392b;--bad-soft:rgba(192,57,43,.12);
  --orb1:rgba(255,140,96,.50);--orb2:rgba(120,160,255,.40);--orb3:rgba(255,205,150,.50);--shot-bg:#dde0e8;
  --font:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--r:22px;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0a0a11;--ink:#f4f2f7;--ink2:rgba(244,242,247,.76);--ink3:rgba(244,242,247,.56);--line:rgba(255,255,255,.10);
  --glass:rgba(32,30,48,.56);--glass-strong:rgba(26,24,38,.92);--glass-line:rgba(255,255,255,.14);--glass-hi:rgba(255,255,255,.16);
  --glass-shadow:0 26px 60px -26px rgba(0,0,0,.8),0 2px 8px -2px rgba(0,0,0,.4);--spec:rgba(255,255,255,.10);
  --accent:#ff7a3d;--accent-ink:#ff9d6b;--accent-soft:rgba(255,122,61,.15);--elec:#6fb2ff;--elec-soft:rgba(111,178,255,.14);--live:#72d6a3;--live-soft:rgba(114,214,163,.14);--bad:#ff8a7a;--bad-soft:rgba(255,138,122,.14);
  --orb1:rgba(170,40,70,.50);--orb2:rgba(40,90,210,.45);--orb3:rgba(214,98,40,.34);--shot-bg:#16141e;color-scheme:dark}}
:root[data-theme="dark"]{
  --ground:#0a0a11;--ink:#f4f2f7;--ink2:rgba(244,242,247,.76);--ink3:rgba(244,242,247,.56);--line:rgba(255,255,255,.10);
  --glass:rgba(32,30,48,.56);--glass-strong:rgba(26,24,38,.92);--glass-line:rgba(255,255,255,.14);--glass-hi:rgba(255,255,255,.16);
  --glass-shadow:0 26px 60px -26px rgba(0,0,0,.8),0 2px 8px -2px rgba(0,0,0,.4);--spec:rgba(255,255,255,.10);
  --accent:#ff7a3d;--accent-ink:#ff9d6b;--accent-soft:rgba(255,122,61,.15);--elec:#6fb2ff;--elec-soft:rgba(111,178,255,.14);--live:#72d6a3;--live-soft:rgba(114,214,163,.14);--bad:#ff8a7a;--bad-soft:rgba(255,138,122,.14);
  --orb1:rgba(170,40,70,.50);--orb2:rgba(40,90,210,.45);--orb3:rgba(214,98,40,.34);--shot-bg:#16141e;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--ground);scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:500 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
h2{font-size:clamp(2rem,4.6vw,3.3rem)}
h3{font-size:1.2rem;letter-spacing:-.015em;line-height:1.2}
p{margin:0}
[hidden]{display:none!important}
.hl{color:var(--accent-ink)}
.label{font:800 12px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.wrap{max-width:1220px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--ground)}
.orbs i{position:absolute;border-radius:50%;filter:blur(64px)}
.orbs i:nth-child(1){width:58vmax;height:58vmax;left:-20vmax;top:-22vmax;background:var(--orb1);animation:d1 38s ease-in-out infinite alternate}
.orbs i:nth-child(2){width:52vmax;height:52vmax;right:-18vmax;top:6vmax;background:var(--orb2);animation:d2 44s ease-in-out infinite alternate}
.orbs i:nth-child(3){width:46vmax;height:46vmax;left:20vmax;bottom:-26vmax;background:var(--orb3);animation:d3 50s ease-in-out infinite alternate}
@keyframes d1{to{transform:translate(10vmax,8vmax)}}@keyframes d2{to{transform:translate(-8vmax,12vmax)}}@keyframes d3{to{transform:translate(6vmax,-10vmax)}}
.glass{position:relative;border-radius:var(--r);border:1px solid var(--glass-line);background:linear-gradient(135deg,var(--spec) 0%,transparent 42%),linear-gradient(var(--glass),var(--glass));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
.tilt{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.tilt.on{transition:transform .08s linear}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),var(--spec),transparent 45%);opacity:0;transition:opacity .3s}
.tilt.on::after{opacity:.9}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;font:800 15px/1 var(--font);text-decoration:none;cursor:pointer;white-space:nowrap;border:1px solid var(--glass-line);color:var(--ink);background:linear-gradient(var(--glass),var(--glass));box-shadow:inset 0 1px 0 var(--glass-hi),0 6px 16px -10px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(180deg,#f07a3c,#c9481a);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 26px -10px rgba(201,72,26,.75)}
.btn.sm{min-height:40px;padding:0 16px;font-size:14px;border-radius:12px}
.top{position:sticky;top:12px;z-index:50;margin-top:12px}
.bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:8px 10px 8px 14px;border-radius:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px}
.brand img{width:40px;height:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.brand small{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--live);padding:5px 8px;border-radius:8px;background:var(--live-soft)}
.nav{display:flex;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{font-weight:700;font-size:15px;color:var(--ink2);text-decoration:none;padding:11px 14px;border-radius:11px;white-space:nowrap}
.nav a:hover{color:var(--ink);background:var(--accent-soft)}
.acts{display:flex;gap:8px;align-items:center}
.tog{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:var(--ink);border:1px solid var(--glass-line);background:linear-gradient(var(--glass),var(--glass));box-shadow:inset 0 1px 0 var(--glass-hi)}
.tog svg{width:18px;height:18px}
@media (max-width:860px){.bar{grid-template-columns:1fr auto}.nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}}
section{padding-block:clamp(52px,8vw,92px)}
.head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:28px}
.head h2{margin-top:10px}
.head p{color:var(--ink2);font-weight:600;max-width:46ch}

/* hero */
.hero{padding-block:clamp(36px,6vw,72px) 24px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,56px);align-items:center}
.hero h1{font-size:clamp(2.8rem,6.6vw,5.2rem);margin:14px 0 18px}
.hero h1 span{display:block}
.sub{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;color:var(--ink2);max-width:36ch}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;font-weight:700;font-size:14px;background:var(--glass-strong);border:1px solid var(--line)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 10px var(--live)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

/* credential card (hero + /c/) */
.stage{perspective:1400px;display:grid;place-items:center;padding:10px}
.cred{width:min(480px,100%);padding:22px;border-radius:28px;transform:rotateY(-10deg) rotateX(6deg);animation:float 8s ease-in-out infinite}
@keyframes float{50%{translate:0 -10px}}
.cred .ct{display:flex;align-items:center;gap:12px}
.cred .ct img{width:56px;height:56px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.cred .ct b{display:block;font-size:1.15rem;letter-spacing:-.01em}
.cred .ct span{font-size:13px;font-weight:700;color:var(--ink3)}
.seal{margin-left:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:conic-gradient(from 200deg,#1e8757,#3fbf87,#1e8757);box-shadow:0 10px 24px -8px rgba(30,135,87,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.seal svg{width:28px;height:28px}
.cred dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:18px 0 14px;font-size:14px}
.cred dt{font-weight:700;color:var(--ink3)}
.cred dd{margin:0;font-weight:800;word-break:break-word}
.cred .kid{font:600 12px/1.4 var(--mono);color:var(--ink3);word-break:break-all;padding:10px 12px;border-radius:12px;background:var(--glass-strong);border:1px solid var(--line)}
.ticks{display:grid;gap:8px;margin-top:14px}
.tick{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;padding:9px 12px;border-radius:12px;background:var(--live-soft);color:var(--ink)}
.tick svg{width:18px;height:18px;flex:none;color:var(--live)}
.tick.fail{background:var(--bad-soft)}
.tick.fail svg{color:var(--bad)}
.tick small{margin-left:auto;font:600 12px/1.2 var(--mono);color:var(--ink3);text-align:right;max-width:55%;overflow-wrap:anywhere}
.tick.anim{opacity:0;translate:0 6px;animation:in .5s ease forwards}
@keyframes in{to{opacity:1;translate:0 0}}

/* what we verify */
.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:980px){.types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.types{grid-template-columns:1fr}}
.type{padding:20px;display:grid;gap:12px;align-content:start}
.type .art{height:120px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(120% 100% at 0% 0%,var(--accent-soft),transparent 60%),radial-gradient(120% 100% at 100% 100%,var(--elec-soft),transparent 60%),var(--shot-bg);overflow:hidden}
.type .art svg{width:86px;height:86px}
.type p{color:var(--ink2);font-weight:600;font-size:.95rem}
.type .for{font-size:13px;font-weight:800;color:var(--accent-ink)}

/* offers */
.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:980px){.offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.offers{grid-template-columns:1fr}}
.offer{display:flex;flex-direction:column;overflow:hidden}
.offer .img{position:relative;margin:8px 8px 0;border-radius:16px;overflow:hidden;aspect-ratio:16/11;background:#07080f}
.offer .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.offer:hover .img img{transform:scale(1.05)}
.offer .img .svgart{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(90% 90% at 20% 10%,rgba(255,122,61,.55),transparent 60%),radial-gradient(90% 90% at 90% 90%,rgba(47,125,246,.55),transparent 60%),#0b0c16}
.offer .img .svgart svg{width:46%;height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}
.offer .badge{position:absolute;top:10px;left:10px;padding:7px 10px;border-radius:10px;font:800 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(12,10,20,.55);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.offer .body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.offer .val{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.offer .who{font-size:.9rem;font-weight:700;color:var(--ink3)}
.offer .row{display:flex;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}

/* compare */
.cmp{overflow-x:auto;border-radius:26px;padding:8px}
.cmp table{width:100%;border-collapse:collapse;min-width:560px}
.cmp th,.cmp td{padding:14px 16px;text-align:left;font-weight:700;border-bottom:1px solid var(--line)}
.cmp tr:last-child td{border-bottom:0}
.cmp th{font:800 12px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.cmp th.us{color:var(--accent-ink)}
.cmp td.us{color:var(--ink)}
.cmp td.them{color:var(--ink3);font-weight:600}
.cmp svg{width:18px;height:18px;display:inline-block;vertical-align:-4px;margin-right:6px}
.yes{color:var(--live)}.no{color:var(--bad)}

/* checker */
.check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:18px;border-radius:30px}
@media (max-width:880px){.check{grid-template-columns:1fr}}
.field{display:grid;gap:8px}
.field label{font-weight:800;font-size:14px}
.field small{color:var(--ink3);font-weight:600}
input[type=text],input[type=email],input[type=url],input[type=date],select,textarea{width:100%;font:600 15px/1.4 var(--font);color:var(--ink);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--glass-strong);outline:none}
textarea{min-height:120px;resize:vertical;font-family:var(--mono);font-size:13px}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.result{padding:18px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--line);min-height:200px}
.verdict{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:800}
.verdict .dotbig{width:14px;height:14px;border-radius:50%}
.muted{color:var(--ink3);font-weight:600}

/* apply */
.apply{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;padding:18px;border-radius:30px}
@media (max-width:900px){.apply{grid-template-columns:1fr}}
.applyart{border-radius:22px;overflow:hidden;position:relative;min-height:420px;background:#07080f}
.applyart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.applyart .ov{position:absolute;left:14px;right:14px;bottom:14px;padding:16px;border-radius:18px;color:#fff;background:rgba(10,12,24,.5);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.applyart .ov b{font-size:1.4rem;display:block;letter-spacing:-.02em}
.steps{display:grid;gap:6px;margin-top:10px;font-weight:700;font-size:14px}
.steps span{display:flex;gap:10px;align-items:center}
.steps em{font-style:normal;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:12px}
form.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:clamp(4px,2vw,16px)}
@media (max-width:560px){form.grid2{grid-template-columns:1fr}}
.full{grid-column:1/-1}
.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:560px){.seg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{display:grid;gap:4px;justify-items:center;text-align:center;padding:12px 8px;border-radius:14px;cursor:pointer;border:1px solid var(--line);background:var(--glass-strong);font-weight:800;font-size:14px}
.seg label svg{width:26px;height:26px;color:var(--accent-ink)}
.seg input:checked+label{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.seg input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--ink2)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{padding:14px 16px;border-radius:14px;font-weight:700}
.msg.ok{background:var(--live-soft)}
.msg.err{background:var(--bad-soft)}
code,.mono{font-family:var(--mono);font-size:.9em;word-break:break-all}
footer{padding-block:10px 36px}
.fbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:18px 22px}
.fbar p{font-size:12.5px;font-weight:600;color:var(--ink3);max-width:70ch}
.flinks{display:flex;flex-wrap:wrap;gap:6px 16px}
.flinks a{font-weight:700;font-size:14px;color:var(--ink2);text-decoration:none}
.flinks a:hover{color:var(--accent-ink)}
pre.json{margin:0;max-height:420px;overflow:auto;padding:16px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--line);font:500 12.5px/1.5 var(--mono);white-space:pre-wrap;word-break:break-all}
@media (prefers-reduced-motion:reduce){.orbs i,.cred{animation:none}*{transition:none!important;scroll-behavior:auto!important}.tick.anim{animation:none;opacity:1;translate:0 0}}
.bar{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto}
@media (max-width:860px){.bar{grid-template-columns:minmax(0,1fr) auto}}
@media (max-width:480px){.brand .bt{display:none}.acts .btn.sm{padding:0 13px}.cred{transform:none}}
.field{align-content:start}
@media (max-width:640px){
  .cmp{padding:6px}
  .cmp table{min-width:0}
  .cmp thead{display:none}
  .cmp tr{display:grid;gap:4px;padding:12px 10px;border-bottom:1px solid var(--line)}
  .cmp tr:last-child{border-bottom:0}
  .cmp td{border:0;padding:2px 6px}
  .cmp td:first-child{font:800 12px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
  .cmp td.them::before{content:"Others · ";font-weight:800}
  .cmp td.us::before{content:"UnyKorn · ";font-weight:800;color:var(--accent-ink)}
}