.landing{--bg:#fff;--surface:#f4f7fc;--card:#fff;--border:#e4eaf3;--text:#0b1220;--text2:#4a5670;--text3:#8a96ad;--ink:#0b1220;--ink2:#101b34;--brand:#2563eb;--brand-d:#1d4ed8;--sky:#0ea5e9;--cyan:#22d3ee;--ok:#10b981;--ok-d:#059669;--amber:#f59e0b;--shadow:0 10px 40px -12px #0d1e4647;--shadow-lg:0 30px 80px -24px #0d1e4673;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing .wrap{max-width:1240px;margin:0 auto;padding:0 32px}.landing .wrap-wide{max-width:1360px;margin:0 auto;padding:0 32px}.landing h1,.landing h2,.landing h3,.landing h4{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:900;line-height:1.05}.landing .eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:600}.landing .grad{background:linear-gradient(100deg,#60a5fa,#22d3ee 55%,#38bdf8) 0 0/220%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite l-shine}@keyframes l-shine{to{background-position:220%}}.landing .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.landing .btn:active{transform:translateY(1px)}.landing .btn-primary{color:#fff;background:linear-gradient(100deg, var(--brand), var(--sky));box-shadow:0 8px 24px -6px #2563eb99}.landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px -6px #2563ebbf}.landing .btn-ghost{color:#e8eefb;background:#ffffff14;border-color:#ffffff2e}.landing .btn-ghost:hover{background:#ffffff29}.landing .btn-light{background:var(--card);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}.landing .btn-light:hover{transform:translateY(-2px)}.landing .pill{border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:transform .2s;display:inline-flex}.landing .hero{background:var(--ink);color:#eaf0fb;padding:22px 0 90px;position:relative;overflow:hidden}.landing .hero:before,.landing .hero:after{content:"";filter:blur(80px);z-index:0;border-radius:50%;animation:18s ease-in-out infinite alternate l-drift;position:absolute}.landing .hero:before{background:radial-gradient(circle,#22d3ee6b,#0000 65%);width:620px;height:620px;top:-220px;right:-160px}.landing .hero:after{background:radial-gradient(circle,#2563eb80,#0000 65%);width:560px;height:560px;animation-delay:-6s;bottom:-260px;left:-120px}@keyframes l-drift{0%{transform:translate(0)}to{transform:translate(40px,30px)}}.landing .hero .wrap{z-index:1;position:relative}.landing nav{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.landing .logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:900;display:flex}.landing .logo-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--cyan));border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid;box-shadow:0 6px 16px -4px #22d3ee99}.landing .logo .io{color:#38bdf8}.landing .nav-actions{align-items:center;gap:12px;display:flex}.landing .hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;padding-top:48px;display:grid}.landing .hero h1{font-size:clamp(42px,6.4vw,78px)}.landing .hero p.lead{color:#b9c6e2;max-width:40ch;margin:26px 0 0;font-size:clamp(18px,2vw,22px)}.landing .hero-cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.landing .hero-note{color:#8695b6;margin-top:18px;font-size:14px}.landing .hero-badges{flex-wrap:wrap;gap:22px;margin-top:44px;display:flex}.landing .hero-badge{color:#c3cfe8;align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:flex}.landing .hero-badge svg{color:var(--cyan);flex:none;transition:transform .3s}.landing .hero-badge:hover svg{transform:scale(1.2)}.landing .receipt-stage{perspective:1400px;animation:7s ease-in-out 1.4s infinite l-floaty;position:relative}@keyframes l-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.landing .receipt{color:#0b1220;box-shadow:var(--shadow-lg);transform-style:preserve-3d;background:#fff;border-radius:18px;padding:22px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;animation:1s cubic-bezier(.2,.8,.2,1) l-rise;position:relative;transform:rotateY(-11deg)rotateX(4deg)}.landing .receipt:hover{transform:rotateY(-4deg)rotateX(2deg)scale(1.02);box-shadow:0 40px 90px -24px #0d1e468c}@keyframes l-rise{0%{opacity:0;transform:translateY(40px)rotateY(-16deg)rotateX(8deg)}}.landing .rcp-top{border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.landing .rcp-brand{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.landing .rcp-tag{color:var(--brand-d);background:#e8f0ff;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.landing .rcp-row{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.landing .rcp-field .k{color:#8a96ad;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700}.landing .rcp-field .v{margin-top:1px;font-size:14px;font-weight:700}.landing .rcp-field .v.green{color:var(--ok-d)}.landing .rcp-foot{border-top:1px dashed #d9e1ee;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex}.landing .qr{flex:none;width:52px;height:52px}.landing .rcp-foot p{color:#6b7891;margin:0;font-size:11.5px;line-height:1.4}.landing .stamp{background:linear-gradient(135deg, var(--ok), var(--ok-d));color:#fff;letter-spacing:.02em;border-radius:14px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:800;animation:.5s cubic-bezier(.2,1.6,.4,1) .95s backwards l-thunk;display:flex;position:absolute;top:-18px;right:-18px;transform:rotate(6deg);box-shadow:0 14px 30px -8px #10b981b3}@keyframes l-thunk{0%{opacity:0;transform:rotate(6deg)scale(1.9)}}.landing .stamp svg{flex:none}.landing .hash{font-family:var(--mono);color:#94a3b8;word-break:break-all;background:#f5f8fc;border:1px solid #eef2f8;border-radius:8px;min-height:30px;margin-top:14px;padding:7px 9px;font-size:10px}.landing .trust{background:var(--ink2);border-top:1px solid #ffffff0f}.landing .trust-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:20px 32px;display:flex}.landing .trust-item{color:#aeb9d4;align-items:center;gap:9px;font-size:14px;font-weight:600;transition:color .25s;display:inline-flex}.landing .trust-item:hover{color:#dbe4f7}.landing .trust-item svg{color:var(--cyan);flex:none}.landing .trust-dot{background:#3a486b;border-radius:50%;width:4px;height:4px}.landing section.band{padding:104px 0}.landing .band.alt{background:var(--surface)}.landing .sec-head{text-align:center;max-width:720px;margin:0 auto 60px}.landing .sec-head h2{margin-top:12px;font-size:clamp(30px,4.4vw,50px)}.landing .sec-head p{color:var(--text2);margin:14px 0 0;font-size:18px}.landing .sec-head .eyebrow{color:var(--brand)}.landing .steps{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.landing .step{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:30px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;position:relative}.landing .step:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--brand) 42%, var(--border));transform:translateY(-7px)}.landing .step .n{font-family:var(--mono);color:var(--brand);letter-spacing:.1em;font-size:13px;font-weight:700}.landing .step h3{letter-spacing:-.02em;margin:14px 0 8px;font-size:19px}.landing .step p{color:var(--text2);margin:0;font-size:15px}.landing .step .ic{color:#fff;background:linear-gradient(135deg, var(--brand), var(--sky));border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:6px;transition:transform .35s cubic-bezier(.2,1.5,.4,1);display:grid}.landing .step:hover .ic{transform:scale(1.12)rotate(-5deg)}.landing .demo-shell{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.landing .demo-tabs{border-bottom:1px solid var(--border);background:var(--surface);gap:6px;padding:14px;display:flex}.landing .tab{cursor:pointer;color:var(--text2);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:9px 18px;font-size:14px;font-weight:700;transition:background .3s,color .3s,transform .2s}.landing .tab:hover{transform:translateY(-1px)}.landing .tab[aria-selected=true]{background:linear-gradient(100deg, var(--brand), var(--sky));color:#fff}.landing .demo-body{padding:28px}.landing .demo-cols{grid-template-columns:1fr 1fr;gap:22px;display:grid}.landing .panel{border:1px solid var(--border);background:var(--bg);border-radius:16px;padding:20px}.landing .panel .lbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3);font-size:11px}.landing .kv{margin-top:10px}.landing .kv .k{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.landing .kv .v{font-size:15px;font-weight:700}.landing .kv .v.green{color:var(--ok-d)}.landing .verify-idle{text-align:center;padding:18px 6px}.landing .verify-idle p{color:var(--text2);margin:0 0 16px;font-size:14px}.landing .fadein{animation:.4s both l-fade}@keyframes l-fade{0%{opacity:0;transform:translateY(6px)}}.landing .integro-head{align-items:center;gap:12px;display:flex}.landing .check{background:var(--ok);color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.landing .spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:30px;height:30px;margin:0 auto 12px;animation:.8s linear infinite l-spin}@keyframes l-spin{to{transform:rotate(360deg)}}.landing .hash2{font-family:var(--mono);color:var(--text2);background:var(--surface);word-break:break-all;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:10.5px}.landing .bars{align-items:flex-end;gap:8px;height:150px;margin-top:8px;display:flex}.landing .bar{background:linear-gradient(180deg, var(--brand), var(--sky));border-radius:6px 6px 0 0;flex:1;transition:height .6s cubic-bezier(.2,.8,.2,1)}.landing .bar-lbls{gap:8px;margin-top:6px;display:flex}.landing .bar-lbls span{text-align:center;color:var(--text3);flex:1;font-size:11px}.landing .legend{margin:4px 0 0;padding:0;list-style:none}.landing .legend li{align-items:center;gap:9px;padding:5px 0;font-size:14px;display:flex}.landing .legend .dot{border-radius:3px;flex:none;width:10px;height:10px}.landing .legend .pct{color:var(--text2);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.landing .stack{border-radius:99px;height:12px;margin-bottom:14px;display:flex;overflow:hidden}.landing .demo-caption{text-align:center;color:var(--text3);margin:16px 0 0;font-size:12.5px}.landing .cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.landing .feat{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:30px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;position:relative}.landing .feat:hover{box-shadow:var(--shadow-lg);transform:translateY(-7px)}.landing .feat.hot{box-shadow:0 0 0 2px var(--brand), var(--shadow-lg);border-color:#0000}.landing .feat .ic{width:48px;height:48px;color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, transparent);border-radius:13px;place-items:center;margin-bottom:18px;transition:transform .35s cubic-bezier(.2,1.5,.4,1);display:grid}.landing .feat:hover .ic{transform:scale(1.12)rotate(-5deg)}.landing .feat.hot .ic{color:#fff;background:linear-gradient(135deg, var(--brand), var(--sky))}.landing .feat h3{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;display:flex}.landing .feat p{color:var(--text2);margin:10px 0 0;font-size:15px}.landing .tagpill{color:#fff;background:var(--brand);letter-spacing:.01em;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;transition:transform .2s}.landing .roadmap{background:color-mix(in srgb, var(--brand) 8%, var(--card));border:1px solid var(--border);border-radius:20px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;padding:24px 28px;display:flex}.landing .roadmap .pill{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber)}.landing .roadmap p{color:var(--text2);flex:1;min-width:260px;margin:0;font-size:15px}.landing .roadmap b{color:var(--text)}.landing .law-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.landing .law-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;padding:30px;display:flex}.landing .law-card h3{letter-spacing:-.02em;margin:0;font-size:19px}.landing .law-card .law-ref{font-family:var(--mono);color:var(--brand-d);background:color-mix(in srgb, var(--brand) 10%, transparent);border-radius:99px;margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.landing .law-card p{color:var(--text2);margin:12px 0 0;font-size:15px;line-height:1.6}.landing .law-card ul{color:var(--text2);margin:12px 0 0;padding-left:20px;font-size:14.5px;line-height:1.75}.landing .law-quote{border-left:3px solid var(--brand);background:color-mix(in srgb, var(--brand) 6%, var(--card2,var(--card)));color:var(--text);border-radius:0 10px 10px 0;margin:14px 0 0;padding:14px 16px;font-size:14px;font-style:italic}.landing .law-card .law-link{color:var(--brand-d);align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:13.5px;font-weight:700;display:inline-flex}.landing .law-card .law-link:hover{text-decoration:underline}.landing .law-note{background:color-mix(in srgb, var(--emerald,var(--sky)) 8%, var(--card));border:1px solid var(--border);border-radius:20px;margin-top:22px;padding:24px 28px}.landing .law-note p{color:var(--text2);margin:0;font-size:15px}.landing .law-note b{color:var(--text)}@media (max-width:720px){.landing .law-grid{grid-template-columns:1fr}}.landing .bento{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing .cap{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:26px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.landing .cap:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--brand) 42%, var(--border));transform:translateY(-7px)}.landing .cap-ic{width:42px;height:42px;color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);border-radius:11px;place-items:center;margin-bottom:14px;transition:transform .35s cubic-bezier(.2,1.5,.4,1);display:grid}.landing .cap:hover .cap-ic{transform:scale(1.12)rotate(-5deg)}.landing .cap h4{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.landing .cap p{color:var(--text2);margin:7px 0 0;font-size:14.5px}.landing .icp{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing .icp .cell{padding:8px 4px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.landing .icp .cell:hover{transform:translateY(-5px)}.landing .icp .big{letter-spacing:-.03em;background:linear-gradient(100deg, var(--brand), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:900}.landing .icp h3{margin:8px 0 6px;font-size:17px}.landing .icp p{color:var(--text2);margin:0;font-size:14.5px}.landing .cta-final{background:var(--ink);color:#eaf0fb;text-align:center;border-radius:28px;padding:68px 32px;position:relative;overflow:hidden}.landing .cta-final:before{content:"";z-index:0;background:radial-gradient(600px 300px at 50% -10%,#22d3ee59,#0000 70%);position:absolute;inset:0}.landing .cta-final>*{z-index:1;position:relative}.landing .cta-final h2{font-size:clamp(28px,4vw,40px)}.landing .cta-final p{color:#b9c6e2;max-width:42ch;margin:16px auto 30px;font-size:18px}.landing footer{border-top:1px solid var(--border);padding:34px 0}.landing .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing .foot-links{color:var(--text2);gap:24px;font-size:14px;display:flex}.landing .foot-links a{transition:color .2s}.landing .foot-links a:hover{color:var(--brand)}.landing .foot small{color:var(--text3);font-size:13px}.landing .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.landing .reveal.in{opacity:1;transform:none}@media (max-width:1100px){.landing .steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.landing .hero-grid,.landing .steps,.landing .demo-cols,.landing .cards,.landing .icp,.landing .bento{grid-template-columns:1fr}.landing .hero-grid{gap:40px}.landing .receipt-stage{max-width:380px;margin:0 auto}.landing .receipt{transform:none}.landing .nav-actions .hide-sm{display:none}.landing section.band{padding:68px 0}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.landing .reveal{opacity:1!important;transform:none!important}}