*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--hero-font);color:var(--hero-ink);background:var(--hero-white);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-red);margin-bottom:14px}.btn{display:inline-block;border-radius:8px;padding:12px 22px;font-size:.98rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1.5px solid transparent}.btn--primary{background:var(--hero-navy);color:#fff}.btn--primary:hover{background:var(--hero-navy-hover);transform:translateY(-1px);box-shadow:0 8px 20px #22305c47}.btn--ghost{background:transparent;color:var(--hero-ink);border-color:var(--hero-line)}.btn--ghost:hover{border-color:var(--hero-ink-soft);background:var(--hero-surface-2)}.btn--lg{padding:15px 30px;font-size:1.05rem}.on-dark .btn--primary{background:#fff;color:var(--hero-navy)}.on-dark .btn--primary:hover{background:var(--hero-surface-2);box-shadow:0 10px 26px #0000004d}.on-dark .btn--ghost{color:#fff;border-color:#ffffff8c}.on-dark .btn--ghost:hover{background:#fff;color:var(--hero-navy);border-color:#fff}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:22px 24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.site-nav{display:flex;align-items:center;gap:26px;font-weight:500;color:var(--hero-ink-soft)}.site-nav a:not(.btn):hover{color:var(--hero-ink)}.hero{position:relative;overflow:hidden;isolation:isolate}.hero__bg{position:absolute;inset:-60px;background-size:cover;background-position:center 30%;filter:blur(9px) saturate(1.05) brightness(.95);transform:scale(1.08);z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12182a94,#12182ab8);z-index:-1}.hero__inner{max-width:1160px;margin:0 auto;padding:108px 24px 116px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero__copy{max-width:600px}.hero .eyebrow{color:#ff7d85;text-shadow:0 1px 10px rgba(0,0,0,.5)}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 20px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.55)}.lede{font-size:1.2rem;color:#fffffff0;max-width:42ch;margin:0 0 28px;text-shadow:0 1px 14px rgba(0,0,0,.5)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__note{margin-top:16px;font-size:.9rem;color:#ffffffd1;text-shadow:0 1px 8px rgba(0,0,0,.55)}.section{max-width:1120px;margin:0 auto;padding:72px 24px}.section--muted{max-width:none;background:var(--hero-surface);border-top:1px solid var(--hero-line);border-bottom:1px solid var(--hero-line)}.section--muted>*{max-width:1120px;margin-left:auto;margin-right:auto}.section__title{font-size:clamp(1.6rem,3.2vw,2.2rem);letter-spacing:-.02em;text-align:center;margin:0 0 44px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--hero-line);border-radius:var(--hero-radius);padding:28px}.card h3{margin:0 0 10px;font-size:1.15rem;letter-spacing:-.01em}.card p{margin:0;color:var(--hero-ink-soft)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step__n{font-size:.9rem;font-weight:700;color:var(--hero-red);letter-spacing:.05em}.step h3{margin:10px 0 8px;font-size:1.2rem}.step p{margin:0;color:var(--hero-ink-soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split__copy h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;margin:0 0 16px}.split__copy p{color:var(--hero-ink-soft);margin:0 0 24px}.split__code{margin:0;background:var(--hero-navy);color:#e6e6e6;border-radius:var(--hero-radius);padding:24px;font-size:.85rem;line-height:1.6;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cta{text-align:center;padding:88px 24px;background:var(--hero-navy);color:#fff}.cta h2{font-size:clamp(1.7rem,3.5vw,2.4rem);letter-spacing:-.02em;margin:0 0 12px}.cta p{color:#c8c8c8;margin:0 0 28px}.site-footer{max-width:1120px;margin:0 auto;padding:40px 24px 64px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px;color:var(--hero-ink-soft);font-size:.92rem}.site-footer nav a:hover{color:var(--hero-ink)}.site-footer small{color:var(--hero-ink-muted);width:100%;font-size:.85rem}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;padding:84px 24px 92px;gap:40px}.hero__copy{max-width:640px}.grid,.steps,.split{grid-template-columns:1fr}.site-nav a[href="#how"]{display:none}}.demo{position:relative;width:100%;max-width:380px;min-height:450px;margin:0 auto;justify-self:center;font-family:var(--hero-font)}.demo__card{position:absolute;inset:0;background:#fff;border-radius:16px;box-shadow:0 24px 60px -18px #00000073,0 0 0 1px #0000000a;padding:28px 26px;display:flex;flex-direction:column;overflow:hidden}.demo__brandline{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.9rem;color:var(--hero-navy);margin-bottom:auto}.demo__main{margin:auto 0;text-align:center;transition:opacity .3s ease}.demo__headline{font-size:1.15rem;font-weight:600;color:var(--hero-ink);line-height:1.35;margin:0 0 20px}.demo__cta{position:relative;width:100%;border:none;border-radius:9px;background:var(--hero-navy);color:#fff;padding:14px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer}.demo__cta-label{transition:opacity .15s ease}.demo__cta-spin{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;opacity:0;animation:demo-spin .7s linear infinite}.demo__applied{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:#fff;opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .35s ease,transform .35s ease,visibility .35s}.demo__applied strong{font-size:1.15rem;color:var(--hero-ink)}.demo__applied span{font-size:.9rem;color:var(--hero-ink-soft)}.demo__modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#12182a73;backdrop-filter:blur(2px);border-radius:16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;z-index:2}.demo__sheet{position:relative;width:100%;background:#fff;border-radius:14px;padding:26px 22px;box-shadow:0 20px 50px -12px #0006;min-height:352px;transform:translateY(10px) scale(.97);transition:transform .3s ease}.demo__close{position:absolute;top:12px;right:14px;font-size:.85rem;color:var(--hero-ink-muted)}.demo__stage{position:absolute;inset:26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.demo__stage h4{font-size:1.1rem;color:var(--hero-ink);margin:0 0 6px}.demo__stage p{font-size:.9rem;color:var(--hero-ink-soft);margin:0}.demo__stage--upload h4{margin-top:4px}.demo__stage--upload p{margin-bottom:14px}.demo__idwrap{position:relative;width:100%;max-width:235px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #0000000f}.demo__id{display:block;width:100%;height:auto}.demo__scan{position:absolute;left:0;right:0;top:0;height:26px;background:linear-gradient(180deg,#22305c00,#4caf6c8c 60%,#4caf6ce6);box-shadow:0 0 12px 2px #4caf6c80;opacity:0}.demo__upload{width:100%;margin-top:14px;border:none;border-radius:9px;background:var(--hero-navy);color:#fff;padding:12px;font-size:.95rem;font-weight:600;font-family:inherit}.demo__spinner{width:40px;height:40px;border:3px solid var(--hero-navy-050);border-top-color:var(--hero-navy);border-radius:50%;margin-bottom:16px;animation:demo-spin .8s linear infinite}.demo__check{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#2e9e57;border-radius:50%}.demo__applied .demo__check{width:44px;height:44px;margin-bottom:8px}.demo__check--lg{width:56px;height:56px;margin-bottom:14px;animation:demo-pop .4s ease}@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes demo-scan{0%{top:0}to{top:calc(100% - 26px)}}.demo[data-step="1"] .demo__cta-label{opacity:0}.demo[data-step="1"] .demo__cta-spin{opacity:1}.demo[data-step="2"] .demo__modal,.demo[data-step="3"] .demo__modal,.demo[data-step="4"] .demo__modal{opacity:1;visibility:visible}.demo[data-step="2"] .demo__sheet,.demo[data-step="3"] .demo__sheet,.demo[data-step="4"] .demo__sheet{transform:translateY(0) scale(1)}.demo[data-step="2"] .demo__stage--upload,.demo[data-step="3"] .demo__stage--verifying{opacity:1;visibility:visible}.demo[data-step="3"] .demo__scan{opacity:1;animation:demo-scan 1.5s ease-in-out infinite alternate}.demo[data-step="4"] .demo__stage--verified{opacity:1;visibility:visible}.demo[data-step="5"] .demo__main{opacity:0}.demo[data-step="5"] .demo__applied{opacity:1;visibility:visible;transform:scale(1)}@media(max-width:900px){.demo{max-width:360px;min-height:450px}}
