:root{--brand: #FBC50B;--brand-hover: #FCD23C;--brand-pressed: #D6A509;--brand-subtle: #3A3320;--brand-ink: #282D33;--bg: #1A1D21;--surface: #25292E;--surface-alt: #2D3238;--border: #3A4047;--text: #F2F4F7;--text-secondary: #AEB6BF;--text-muted: #7C848D;--success: #34C77B;--info: #38BDF8;--warning: #FBBF24;--danger: #F87171;--font-display: "Space Grotesk", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--container: 1120px;--gutter: clamp(20px, 5vw, 40px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 18px 40px -18px rgba(0, 0, 0, .65);--shadow-glow: 0 0 0 1px rgba(251, 197, 11, .18), 0 20px 60px -24px rgba(251, 197, 11, .28);--ease: cubic-bezier(.22, 1, .36, 1)}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-secondary);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);line-height:1.1;font-weight:600;letter-spacing:-0.02em}h1{font-size:clamp(2.5rem,6vw,4.25rem)}h2{font-size:clamp(1.9rem,4vw,2.75rem)}h3{font-size:1.25rem;letter-spacing:-0.01em}a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}img,svg{display:block;max-width:100%}::selection{background:var(--brand);color:var(--brand-ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal=left]{transform:translateX(-40px)}[data-reveal=right]{transform:translateX(40px)}[data-reveal=scale]{transform:scale(0.94)}[data-reveal=blur]{filter:blur(8px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease)}[data-reveal=blur].is-visible{filter:none}[data-stagger]>*{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}[data-stagger].is-visible>*{opacity:1;transform:none}[data-stagger].is-visible>*:nth-child(1){transition-delay:0.06s}[data-stagger].is-visible>*:nth-child(2){transition-delay:0.12s}[data-stagger].is-visible>*:nth-child(3){transition-delay:0.18s}[data-stagger].is-visible>*:nth-child(4){transition-delay:0.24s}[data-stagger].is-visible>*:nth-child(5){transition-delay:0.3s}[data-stagger].is-visible>*:nth-child(6){transition-delay:0.36s}[data-stagger].is-visible>*:nth-child(7){transition-delay:0.42s}[data-stagger].is-visible>*:nth-child(8){transition-delay:0.48s}[data-stagger].is-visible>*:nth-child(9){transition-delay:0.54s}[data-stagger].is-visible>*:nth-child(10){transition-delay:0.6s}[data-stagger].is-visible>*:nth-child(11){transition-delay:0.66s}[data-stagger].is-visible>*:nth-child(12){transition-delay:0.72s}[data-stagger].is-visible>*:nth-child(13){transition-delay:0.78s}[data-stagger].is-visible>*:nth-child(14){transition-delay:0.84s}[data-stagger].is-visible>*:nth-child(15){transition-delay:0.9s}[data-stagger].is-visible>*:nth-child(16){transition-delay:0.96s}@keyframes float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes glow-drift{0%{transform:translate(-4%, -2%) scale(1);opacity:.9}50%{transform:translate(4%, 3%) scale(1.08);opacity:1}100%{transform:translate(-4%, -2%) scale(1);opacity:.9}}@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(52,199,123,.5)}70%{box-shadow:0 0 0 8px rgba(52,199,123,0)}100%{box-shadow:0 0 0 0 rgba(52,199,123,0)}}@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(320%)}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:clamp(72px,11vw,130px)}.section--tight{padding-block:clamp(48px,7vw,80px)}.section__head{max-width:640px;margin-bottom:clamp(40px,6vw,64px)}.section--center .section__head{margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:18px}.eyebrow::before{content:"";width:22px;height:1px;background:var(--brand);opacity:.7}.section__lead{margin-top:18px;font-size:1.075rem;color:var(--text-secondary)}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease);border-bottom:1px solid rgba(0,0,0,0)}.site-header.scrolled{background:rgba(26,29,33,.78);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}.nav__logo svg{height:22px;width:auto}.nav__links{display:flex;align-items:center;gap:30px;list-style:none}.nav__links a{position:relative;font-size:.93rem;color:var(--text-secondary)}.nav__links a:hover{color:var(--text)}.nav__links a.is-active{color:var(--brand)}@media(max-width: 800px){.nav__links{display:none}}.nav__cta{display:flex;align-items:center;gap:14px}.grid{display:grid;gap:20px}.grid--3{grid-template-columns:repeat(3, 1fr)}.grid--2{grid-template-columns:repeat(2, 1fr)}@media(max-width: 900px){.grid--3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 620px){.grid--3,.grid--2{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border);padding-block:56px 40px;background:var(--bg)}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}@media(max-width: 780px){.footer__grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width: 460px){.footer__grid{grid-template-columns:1fr}}.footer__col h4{font-family:var(--font-body);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.footer__col ul{list-style:none;display:grid;gap:10px}.footer__col a{font-size:.92rem;color:var(--text-secondary)}.footer__col a:hover{color:var(--brand)}.footer__col svg{height:20px;margin-bottom:16px}.footer__note{font-size:.88rem;color:var(--text-muted);max-width:34ch}.footer__bar{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--border);font-size:.84rem;color:var(--text-muted);font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-body);font-weight:600;font-size:.95rem;line-height:1;padding:13px 22px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0);cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.btn svg{height:18px;width:18px}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 10px 30px -12px rgba(251,197,11,.6)}.btn--primary:hover{background:var(--brand-hover);transform:translateY(-2px)}.btn--ghost{background:rgba(0,0,0,0);color:var(--text);border-color:var(--border)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.btn--sm{padding:9px 16px;font-size:.88rem}.btn__sub{font-weight:400;opacity:.72;font-size:.82em}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill)}.pill--brand{color:var(--brand);background:var(--brand-subtle);border-color:rgba(251,197,11,.35)}.dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-dot 2.4s infinite}.hero{position:relative;padding-top:clamp(130px,18vh,190px);padding-bottom:clamp(80px,10vw,120px);overflow:hidden}.hero__glow{position:absolute;top:-18%;left:50%;width:min(1100px,120vw);aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle at 50% 40%, rgba(251, 197, 11, 0.16), rgba(251, 197, 11, 0.04) 42%, transparent 66%);animation:glow-drift 14s ease-in-out infinite;pointer-events:none;z-index:0}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 30%, #000 0%, transparent 72%);z-index:0;pointer-events:none}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}@media(max-width: 900px){.hero__inner{grid-template-columns:1fr;text-align:center}}.hero h1{margin-bottom:22px}.hero .accent{background:linear-gradient(90deg, var(--brand) 0%, #fff 45%, var(--brand) 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 6s linear infinite}.hero__sub{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--text-secondary);max-width:40ch}@media(max-width: 900px){.hero__sub{margin-inline:auto}}.hero__actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}@media(max-width: 900px){.hero__actions{justify-content:center}}.hero__meta{display:flex;gap:20px;margin-top:26px;flex-wrap:wrap;font-size:.86rem;color:var(--text-muted)}@media(max-width: 900px){.hero__meta{justify-content:center}}.hero__meta span{display:inline-flex;align-items:center;gap:7px}.hero__meta svg{height:15px;color:var(--success)}.connect-card{position:relative;background:linear-gradient(180deg, var(--surface) 0%, var(--surface-alt) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);animation:float-y 7s ease-in-out infinite;overflow:hidden}.connect-card::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(180deg, rgba(251, 197, 11, 0.08), transparent);animation:scan 5.5s linear infinite;pointer-events:none}.connect-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.connect-card__title{font-size:.9rem;color:var(--text-muted);font-family:var(--font-mono)}.pin{font-family:var(--font-mono);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:600;letter-spacing:.14em;color:var(--brand);text-align:center;padding:10px 0 4px}.pin__label{text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:20px}.connect-card__row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.18)}.connect-card__row+.connect-card__row{margin-top:10px}.connect-card__row svg{height:18px;color:var(--brand);flex:none}.connect-card__row .k{font-size:.85rem;color:var(--text-secondary)}.connect-card__row .v{margin-left:auto;font-family:var(--font-mono);font-size:.82rem;color:var(--text)}.connect-card__row .v--ok{color:var(--success)}.spec-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);overflow:hidden}.card:hover{transform:translateY(-4px);border-color:rgba(251,197,11,.4);background:var(--surface-alt)}.card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, var(--brand), transparent);opacity:0;transition:opacity .3s var(--ease)}.card:hover::before{opacity:.8}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--brand-subtle);border:1px solid rgba(251,197,11,.28);margin-bottom:18px}.card__icon svg{height:22px;width:22px;color:var(--brand)}.card h3{margin-bottom:9px}.card p{font-size:.94rem;color:var(--text-secondary)}.card__tag{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--text-muted)}.steps{counter-reset:step}.step{position:relative;padding:28px 26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.step__num{counter-increment:step;font-family:var(--font-mono);font-size:2.4rem;font-weight:600;color:var(--brand);opacity:.35;line-height:1}.step__num::before{content:"0" counter(step)}.step h3{margin:14px 0 8px}.step p{font-size:.93rem}.sec{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,60px);align-items:center}@media(max-width: 860px){.sec{grid-template-columns:1fr}}.sec-list{list-style:none;display:grid;gap:18px}.sec-list li{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start}.sec-list svg{height:20px;width:20px;color:var(--brand);margin-top:3px}.sec-list strong{color:var(--text);font-weight:600;display:block;margin-bottom:3px;font-size:.98rem}.sec-list span{font-size:.92rem;color:var(--text-secondary)}.crypto{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow)}.crypto__title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:20px;letter-spacing:.06em}.crypto__flow{display:grid;gap:10px}.crypto__node{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:var(--font-mono);font-size:.86rem;color:var(--text)}.crypto__node b{color:var(--brand);font-weight:600}.crypto__node small{color:var(--text-muted);margin-left:auto}.crypto__arrow{text-align:center;color:var(--text-muted);font-size:.9rem;line-height:1}.platform{text-align:center;padding:30px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease),border-color .3s var(--ease)}.platform:hover{transform:translateY(-4px);border-color:rgba(251,197,11,.4)}.platform svg{height:34px;width:auto;color:var(--brand);margin:0 auto 16px}.platform h3{font-size:1.05rem;margin-bottom:6px}.platform p{font-size:.88rem;color:var(--text-muted)}.cta{position:relative;text-align:center;padding:clamp(56px,8vw,88px) var(--gutter);background:radial-gradient(600px 300px at 50% 0%, rgba(251, 197, 11, 0.12), transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cta h2{margin-bottom:16px}.cta p{max-width:46ch;margin:0 auto 30px;color:var(--text-secondary)}.cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.showcase{position:relative}.showcase__glow{position:absolute;top:-14%;left:50%;width:min(1000px,110vw);height:74%;transform:translateX(-50%);background:radial-gradient(circle at 50% 42%, rgba(251, 197, 11, 0.13), transparent 62%);filter:blur(10px);pointer-events:none;z-index:0}.mockup{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .4s var(--ease),border-color .3s var(--ease)}.mockup--lg{box-shadow:var(--shadow),var(--shadow-glow)}.mockup__bar{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--surface-alt);border-bottom:1px solid var(--border)}.mockup__dots{display:inline-flex;gap:7px}.mockup__dots i{width:11px;height:11px;border-radius:50%;background:var(--border)}.mockup__dots i:first-child{background:var(--brand)}.mockup__title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.mockup__shot{aspect-ratio:16/9;background:var(--bg)}.mockup__shot img{width:100%;height:100%;object-fit:cover;display:block}.gallery{margin-top:22px}.gallery figure{margin:0}.gallery .mockup{height:100%;display:flex;flex-direction:column}.gallery .mockup:hover{transform:translateY(-4px);border-color:rgba(251,197,11,.4)}.gallery figcaption{margin-top:auto;padding:13px 16px;font-size:.9rem;color:var(--text-secondary);background:var(--surface-alt);border-top:1px solid var(--border)}
