html,body{margin:0!important;padding-left:0!important;padding-right:0!important;background:#040b1a!important}
body{overflow-x:hidden}
.ip{--gold:#D4A72C;--gold2:#E6C25C;--ok:#6bdc9a;--bad:#FF8A95;font-family:'Inter',Arial,Helvetica,sans-serif;color:#E6ECF5;background:#040b1a;-webkit-font-smoothing:antialiased;overflow-x:clip}
.ip *{box-sizing:border-box}
.ip a{color:inherit}
.ip .w{width:min(1300px,calc(100% - 56px));margin:0 auto}
.ip section{padding:100px 0;position:relative}
.ip h1,.ip h2,.ip h3{margin:0;font-weight:800;letter-spacing:-.04em;color:#fff}
.ip h1{font-size:clamp(46px,6.4vw,96px);line-height:.95}
.ip h2{font-size:clamp(34px,4.6vw,62px);line-height:1.02;margin-bottom:16px}
.ip h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}
.ip h1 span,.ip h2 span{color:var(--gold2)}
.ip p{font-size:17px;line-height:1.7;color:#C3D1E6;margin:0 0 14px}
.ip .k{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin:0 0 14px}
.ip .head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:38px}
.ip .head p{margin:0}
.ip .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font:800 15px/1 Inter,Arial,sans-serif;text-decoration:none;background:var(--gold);color:#0A1B33!important;border:1px solid var(--gold);cursor:pointer}
.ip .btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.4)}
.ip .btns{display:flex;flex-wrap:wrap;gap:12px}
.ip .seg{display:flex;flex-wrap:wrap;gap:8px}
.ip .seg button{appearance:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#e6ecf5;border-radius:999px;padding:10px 16px;font:800 14px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.ip .seg button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#0A1B33}
.ip button:focus-visible,.ip a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.ip .panel{border-radius:26px;background:#060f22;border:1px solid rgba(255,255,255,.12);overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.ip .panel svg,.ip canvas{display:block;width:100%;height:auto}
.ip .ill{position:absolute;right:14px;bottom:12px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fb4d4;background:rgba(4,11,26,.6);padding:4px 8px;border-radius:6px}
.ip .fine{font-size:12.5px!important;color:#7f94b3!important;margin-top:12px!important;line-height:1.55!important}
.ip .card{border-radius:22px;padding:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.ip .card small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);margin-bottom:8px}
.ip .card p{font-size:15px;margin:0}
.ip .soon{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(201,162,255,.14);border:1px solid rgba(201,162,255,.55);color:#e2d0ff;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ip .soon i{width:8px;height:8px;border-radius:50%;background:#C9A2FF;box-shadow:0 0 10px #C9A2FF;animation:ipBlink 1.6s ease-in-out infinite}
.ip .use{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(107,220,154,.12);border:1px solid rgba(107,220,154,.5);color:#bff3d4;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ip .use i{width:8px;height:8px;border-radius:50%;background:#6bdc9a}
@keyframes ipBlink{50%{opacity:.3}}


/* hero */
.ip .hero{padding:140px 0 80px;background:radial-gradient(900px 600px at 78% 30%,rgba(230,194,92,.12),transparent 60%),radial-gradient(800px 600px at 8% 95%,rgba(61,139,255,.10),transparent 60%),#040b1a}
.ip .hero-g{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}
.ip .lead{font-size:20px!important;line-height:1.6!important;margin:24px 0 28px!important;max-width:620px}
.ip .hstats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid rgba(255,255,255,.14)}
.ip .hstats div{padding:20px 16px 0 0}
.ip .hstats b{display:block;font-size:clamp(26px,2.8vw,40px);color:#fff;letter-spacing:-.04em;line-height:1}
.ip .hstats span{display:block;margin-top:8px;font-size:13px;color:#9fb4d4;line-height:1.45}
.ip .tog{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid rgba(255,255,255,.1);background:#050d1e}
.ip .tog span{font-size:13px;color:#9fb4d4}
.ip .tog b{color:#fff}

/* the claim */
.ip .claim{background:linear-gradient(180deg,#040b1a,#071733)}
.ip .claim-card{position:relative;border-radius:30px;padding:46px 48px;background:linear-gradient(135deg,rgba(230,194,92,.16),rgba(230,194,92,.03) 50%,rgba(61,139,255,.06));border:1px solid rgba(230,194,92,.55);box-shadow:0 40px 100px rgba(0,0,0,.45),inset 0 0 80px rgba(230,194,92,.05)}
.ip .claim-card .tag{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#0A1B33;background:var(--gold2);border-radius:999px;padding:7px 14px}
.ip .claim-card blockquote{margin:24px 0 0;font-size:clamp(22px,2.6vw,34px);line-height:1.3;font-weight:700;color:#fff;letter-spacing:-.02em}
.ip .claim-card blockquote .n{color:var(--gold2)}
.ip .els{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.ip .el{border-radius:20px;padding:20px;background:rgba(4,11,26,.55);border:1px solid rgba(255,255,255,.12);opacity:.25;transform:translateY(14px);transition:opacity .6s,transform .6s,border-color .6s}
.ip .el.in{opacity:1;transform:none}
.ip .el.hot{border-color:var(--gold2)}
.ip .el svg{width:100%;height:auto;display:block;margin-bottom:12px;border-radius:12px;background:#050d1e}
.ip .el b{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.ip .el span{font-size:14.5px;color:#a9bcd6;line-height:1.5}
.ip .tol{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;margin-top:26px}
.ip .tol .panel svg{display:block}
.ip .pats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.ip .pat{display:block;text-decoration:none;border-radius:16px;padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);transition:border-color .2s,transform .2s}
.ip .pat:hover{border-color:var(--gold2);transform:translateY(-2px)}
.ip .pat small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.ip .pat b{display:block;font-size:20px;color:#fff;margin:4px 0 2px;letter-spacing:-.02em}
.ip .pat span{font-size:13px;color:#9fb4d4}
.ip .who{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:14px;color:#9fb4d4}
.ip .who b{color:#fff}

/* clock */
.ip .clk{background:#071733}
.ip .clk-g{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:stretch}
.ip .clk .panel{display:flex;flex-direction:column}
.ip .clk .panel svg{flex:1}
.ip .yb{padding:16px 18px 18px;border-top:1px solid rgba(255,255,255,.1);background:#050d1e}
.ip .yb-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.ip .yb-top small{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fb4d4}
.ip .yb-top b{font-size:26px;color:#fff;letter-spacing:-.03em}
.ip .yb input{width:100%;accent-color:#E6C25C}
.ip .ticks{display:flex;justify-content:space-between;font-size:11px;color:#7f94b3;font-weight:700;margin-top:4px}
.ip .vals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px;background:#050d1e}
.ip .vals div{border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:10px 12px}
.ip .vals small{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7f94b3}
.ip .vals b{display:block;font-size:20px;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums}

/* why uniform */
.ip .why-g{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.ip .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.ip .chips span{border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#dbe5f2}
.ip .chips span.g{border-color:rgba(230,194,92,.55);color:#f2d98a}
.ip .claimmap h3{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#9fb4d4;margin:18px 0 0}

/* secret */
.ip .sec{background:radial-gradient(900px 600px at 20% 40%,rgba(230,194,92,.10),transparent 60%),#040b1a}
.ip .sec-g{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ip .sec .card{padding:30px}
.ip .sec .card ul{margin:12px 0 0;padding:0;list-style:none}
.ip .sec .card li{padding:10px 0 10px 28px;border-top:1px solid rgba(255,255,255,.08);position:relative;font-size:15px;color:#dbe5f2;line-height:1.5}
.ip .sec .card li::before{content:"";position:absolute;left:2px;top:16px;width:12px;height:12px;border-radius:3px;border:2px solid var(--gold2)}
.ip .sec .card.lock li::before{border-radius:50%;border-color:#C9A2FF}
.ip .sec .card.lock{background:rgba(201,162,255,.06);border-color:rgba(201,162,255,.4)}
.ip .sec .card.lock small{color:#C9A2FF}
.ip .alch{margin-top:18px}
.ip .alch svg{display:block;width:100%;height:auto}
.ip .bub{animation:ipBub 3s ease-in infinite}
@keyframes ipBub{0%{transform:translateY(0);opacity:0}20%{opacity:.9}100%{transform:translateY(-70px);opacity:0}}
.ip .heat{animation:ipHeat 1.4s ease-in-out infinite alternate}
@keyframes ipHeat{to{opacity:.35}}
.ip .grow{animation:ipGrow 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes ipGrow{0%{transform:scale(.2);opacity:0}30%{opacity:1}60%,100%{transform:scale(1);opacity:1}}
.ip .spin{animation:ipSpin 16s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes ipSpin{to{transform:rotate(360deg)}}

/* reader patent */
.ip .rd{background:linear-gradient(180deg,#040b1a,#071733)}
.ip .rd-g{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.ip .parts{display:grid;gap:10px;margin:18px 0}
.ip .parts div{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}
.ip .parts i{width:14px;height:14px;border-radius:4px;margin-top:5px}
.ip .parts b{color:#fff}
.ip .parts span{color:#a9bcd6;font-size:15px}

/* history */
.ip .hist{background:#071733}
.ip .tl{position:relative;margin-top:20px;padding-left:0}
.ip .tl::before{content:"";position:absolute;left:118px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,rgba(230,194,92,.1),rgba(230,194,92,.7),rgba(230,194,92,.1))}
.ip .ev{display:grid;grid-template-columns:96px 44px 1fr;gap:0;align-items:start;padding:12px 0;opacity:0;transform:translateX(-16px);transition:opacity .6s,transform .6s}
.ip .ev.in{opacity:1;transform:none}
.ip .ev .yr{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.03em;text-align:right;padding-top:14px}
.ip .ev .dot{position:relative;height:100%}
.ip .ev .dot i{position:absolute;left:16px;top:20px;width:14px;height:14px;border-radius:50%;background:#071733;border:3px solid var(--gold2);box-shadow:0 0 0 5px rgba(230,194,92,.12)}
.ip .ev.key .dot i{background:var(--gold2);box-shadow:0 0 18px rgba(230,194,92,.8)}
.ip .ev .card{padding:18px 20px}
.ip .ev .card h3{font-size:19px;margin-bottom:6px}
.ip .ev .card p{font-size:14.5px}
.ip .ev .card a{color:#f2d98a;font-weight:700}
.ip .ev.key .card{border-color:rgba(230,194,92,.55);background:rgba(230,194,92,.07)}

/* next */
.ip .nx .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ip .nx .card{display:flex;flex-direction:column}
.ip .nx .card a{margin-top:auto;padding-top:12px;color:#f2d98a;font-weight:800;font-size:14px;text-decoration:none}
.ip .nx .card b{display:block;color:#fff;font-size:22px;letter-spacing:-.02em;margin-bottom:4px}
.ip .cta{background:radial-gradient(circle at 85% 20%,rgba(212,167,44,.18),transparent 30%),linear-gradient(135deg,#071733,#0A2A57 60%,#004C9E);text-align:center}
.ip .cta h2{max-width:900px;margin:0 auto 16px}.ip .cta p{max-width:720px;margin:0 auto 26px}.ip .cta .btns{justify-content:center}
.ip-foot{background:#020611;color:#8FA2C0;padding:26px 0;font-size:13px;font-family:'Inter',Arial,sans-serif}
.ip-foot .w{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;width:min(1300px,calc(100% - 56px));margin:0 auto}
.ip-foot strong{color:#fff;letter-spacing:.14em;font-size:12px}

@media(max-width:1060px){
 .ip .hero-g,.ip .head,.ip .clk-g,.ip .why-g,.ip .rd-g,.ip .tol{grid-template-columns:1fr;gap:28px}
 .ip .hstats{grid-template-columns:1fr 1fr;gap:0 10px}
 .ip .pats,.ip .nx .g4{grid-template-columns:1fr 1fr}
 .ip .els{grid-template-columns:1fr}
}
@media(max-width:700px){
 .ip .w,.ip-foot .w{width:calc(100% - 32px)}
 .ip section{padding:70px 0}
 .ip .hero{padding:110px 0 60px}
 .ip .claim-card{padding:28px 22px}
 .ip .sec-g,.ip .pats,.ip .nx .g4{grid-template-columns:1fr}
 .ip .tl::before{left:70px}
 .ip .ev{grid-template-columns:56px 30px 1fr}
 .ip .ev .yr{font-size:16px}
 .ip .ev .dot i{left:9px}
 .ip .vals b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.ip *{animation:none!important;transition:none!important}.ip .el,.ip .ev{opacity:1;transform:none}}

/* 1.1 · patent-pending inventions */
.ip .pend{background:radial-gradient(900px 600px at 80% 10%,rgba(155,92,255,.10),transparent 60%),linear-gradient(180deg,#071733,#040b1a)}
.ip .pcard{border-radius:28px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);padding:22px;margin-top:24px}
.ip .ptop{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 4px 16px}
.ip .pchip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(201,162,255,.14);border:1px solid rgba(201,162,255,.55);color:#e2d0ff;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ip .pchip i{width:8px;height:8px;border-radius:50%;background:#C9A2FF;box-shadow:0 0 10px #C9A2FF}
.ip .pmeta{font-size:13px;color:#9fb4d4}
.ip .pg{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.ip .pg.rev{grid-template-columns:.8fr 1.2fr}
.ip .pstage{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#050d1e;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.ip .pstage svg{display:block;width:100%;height:auto}
.ip .pctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid rgba(255,255,255,.1);background:#050d1e}
.ip .pre{appearance:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:#e6ecf5;border-radius:999px;padding:9px 14px;font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer}
.ip .pcopy h3{font-size:clamp(26px,2.6vw,34px);margin-bottom:12px}
.ip .plist{list-style:none;margin:16px 0;padding:0}
.ip .plist li{position:relative;padding:10px 0 10px 24px;border-top:1px solid rgba(255,255,255,.08);font-size:15px;line-height:1.55;color:#c3d1e6}
.ip .plist li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:50%;background:#C9A2FF;box-shadow:0 0 8px #C9A2FF}
.ip .plist b{color:#fff}
@media(max-width:1060px){.ip .pg,.ip .pg.rev{grid-template-columns:1fr}.ip .pg.rev .pstage{order:-1}}
@media(max-width:700px){.ip .pcard{padding:14px}.ip .pctl .seg button{padding:8px 11px;font-size:12.5px}}

/* 1.2 · published chip, link, light-based authentication */
.ip .pchip.pub{background:rgba(107,220,154,.13);border-color:rgba(107,220,154,.6);color:#c9f7dc}
.ip .pchip.pub i{background:#6bdc9a;box-shadow:0 0 10px #6bdc9a}
.ip .pmeta b{color:#fff;font-weight:800}
.ip .plink{margin-left:auto;font-size:13px;font-weight:800;color:#E6C25C!important;text-decoration:none;border:1px solid rgba(230,194,92,.5);border-radius:999px;padding:7px 13px}
.ip .plink:hover{background:rgba(230,194,92,.12)}
@media(max-width:700px){.ip .plink{margin-left:0}}

/* 1.3 · shaped light (US 11,320,308) and the three-patent system */
.ip .sl{background:radial-gradient(900px 500px at 15% 0%,rgba(255,107,107,.08),transparent 60%),linear-gradient(180deg,#040b1a,#071733)}
.ip .sl-main{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;align-items:stretch}
.ip .sl-side{display:grid;gap:14px;align-content:start}
.ip .sl-res b{display:block;font-size:22px;line-height:1.2;color:#fff;margin-bottom:8px}
.ip .sl-res p{color:#a9bcd6}
.ip .sl-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:10px}
.ip .sl-steps li{counter-increment:s;position:relative;padding:12px 14px 12px 50px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);font-size:14.5px;line-height:1.5;color:#c3d1e6}
.ip .sl-steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:24px;height:24px;border-radius:50%;background:rgba(230,194,92,.15);border:1px solid var(--gold2);color:var(--gold2);font-weight:900;font-size:12px;display:grid;place-items:center}
.ip .sl-steps b{color:#fff}
.ip .sl-again{background:transparent!important;border-color:rgba(255,255,255,.3)!important;color:#e6ecf5!important}
.ip .sl-2{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;margin-top:26px}
.ip .sl-why h3{font-size:clamp(22px,2.4vw,30px);color:#fff;margin:0 0 12px;letter-spacing:-.02em}
.ip .sl-why p{font-size:16px;color:#b9c8de;line-height:1.6}
.ip .sl-why a{color:#f2d98a;font-weight:700}
.ip .sl-sys{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:stretch;margin-top:34px}
.ip .sys{position:relative;display:block;padding:20px 20px 20px 62px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14);text-decoration:none;color:#c3d1e6;transition:border-color .2s,transform .2s}
.ip .sys:hover{border-color:var(--gold2);transform:translateY(-2px)}
.ip .sys.on{border-color:var(--gold2);background:rgba(230,194,92,.07)}
.ip .sys .n{position:absolute;left:18px;top:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#0A1B33;background:var(--gold2)}
.ip .sys small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);margin-bottom:4px}
.ip .sys b{display:block;font-size:19px;color:#fff;margin-bottom:4px}
.ip .sys span:last-child{font-size:14px;line-height:1.5}
.ip .flow{position:relative;align-self:center;height:2px;background:linear-gradient(90deg,rgba(230,194,92,.2),rgba(230,194,92,.7));margin:0 6px}
.ip .flow em{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 12px #E6C25C;animation:slFlow 1.8s linear infinite}
@keyframes slFlow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 10px);opacity:0}}
.ip .sl-note{text-align:center;font-size:14px;color:#9fb4d4;margin:14px 0 0}
.ip .sl-foot{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:22px}
@media(max-width:1060px){.ip .sl-main,.ip .sl-2{grid-template-columns:1fr}.ip .sl-sys{grid-template-columns:1fr}.ip .flow{width:2px;height:34px;margin:0 auto;background:linear-gradient(180deg,rgba(230,194,92,.2),rgba(230,194,92,.7))}.ip .flow em{left:-4px!important;animation-name:slFlowV}.ip .sl-foot{flex-direction:column;align-items:flex-start}}
@keyframes slFlowV{from{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 10px);opacity:0}}
@media(prefers-reduced-motion:reduce){.ip .flow em{animation:none;left:calc(50% - 5px)}}
@media(max-width:700px){.ip .sl-main .ill{display:none}}
