@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root { --bg:#080e12; --surface:#0d151b; --surface-2:#111d24; --text:#e9f0f1; --muted:#8ea0a9; --faint:#54656e; --line:rgba(194,219,226,.16); --line-strong:rgba(194,219,226,.28); --accent:#b7f36b; --signal:#8bd7c6; --mono:'DM Mono',ui-monospace,monospace; --sans:'Manrope',system-ui,sans-serif; --display:'Space Grotesk',system-ui,sans-serif; }
* { box-sizing:border-box; } html { background:var(--bg); scroll-behavior:smooth; } body { margin:0; color:var(--text); background:var(--bg); font-family:var(--sans); line-height:1.5; overflow-x:hidden; } body:before { content:''; position:fixed; inset:0; z-index:-2; pointer-events:none; background-image:linear-gradient(rgba(158,190,198,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(158,190,198,.035) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 75%); } body:after { content:''; position:fixed; width:58vw; height:58vw; top:-25vw; right:-15vw; z-index:-1; pointer-events:none; background:radial-gradient(circle,rgba(183,243,107,.08),transparent 67%); } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; } .grain { pointer-events:none; position:fixed; inset:0; z-index:20; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); } .skip-link { position:fixed; left:1rem; top:-5rem; z-index:40; background:var(--accent); color:var(--bg); padding:.7rem 1rem; font-weight:800; } .skip-link:focus { top:1rem; } .section-wrap { width:min(1180px,calc(100% - 3rem)); margin:0 auto; } .site-header { width:min(1280px,calc(100% - 3rem)); min-height:78px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; border-bottom:1px solid var(--line); } .brand { display:inline-flex; align-items:center; gap:.7rem; font:700 .78rem var(--mono); letter-spacing:.11em; white-space:nowrap; } .brand-mark { width:28px; height:28px; display:grid; place-items:center; color:var(--bg); background:var(--accent); border-radius:4px; font:700 .88rem var(--display); } .brand-soft,.eyebrow,.stage-index,.proof-grid article>span { color:var(--accent); } .main-nav { display:flex; gap:1.5rem; margin-left:auto; color:var(--muted); font-size:.72rem; } .main-nav a,.footer-links a,.text-link { transition:color .2s ease,border-color .2s ease; } .main-nav a:hover,.footer-links a:hover,.text-link:hover { color:var(--accent); } .header-cta { border:1px solid var(--line-strong); padding:.55rem .72rem; font:500 .66rem var(--mono); transition:all .2s ease; } .header-cta:hover { border-color:var(--accent); background:rgba(183,243,107,.08); } .header-cta span,.button span,.text-link span { color:var(--accent); margin-left:.35rem; }
.merchant-hero { min-height:650px; padding:7.2rem 0 6.2rem; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.68fr); align-items:center; gap:6rem; } .eyebrow { margin:0; font:500 .61rem var(--mono); letter-spacing:.14em; } .signal-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--accent); margin-right:.4rem; box-shadow:0 0 0 4px rgba(183,243,107,.13); vertical-align:1px; } h1,h2,h3 { font-family:var(--display); } h1,h2 { letter-spacing:-.065em; text-wrap:balance; } h1 { max-width:700px; margin:1.35rem 0 1.7rem; font-size:clamp(3.8rem,8vw,7.6rem); line-height:.88; } h1 span,h2 span { color:var(--accent); } .hero-lede { max-width:520px; color:var(--muted); font-size:1rem; line-height:1.85; } .hero-actions { display:flex; align-items:center; gap:1.3rem; margin-top:2.3rem; } .button { display:inline-flex; align-items:center; justify-content:center; padding:.78rem .98rem; border:1px solid transparent; font-size:.7rem; font-weight:800; transition:transform .2s ease,background .2s ease,border-color .2s ease; } .button:hover { transform:translateY(-2px); } .button:active { transform:scale(.98); } .button-primary { color:var(--bg); background:var(--accent); } .button-primary:hover { background:#d0fa91; } .text-link { border-bottom:1px solid var(--line-strong); padding-bottom:.28rem; font:500 .67rem var(--mono); } .hero-proof { display:flex; flex-wrap:wrap; align-items:center; gap:.72rem; margin-top:3.3rem; color:var(--faint); font:.56rem var(--mono); letter-spacing:.04em; } .hero-proof i { width:3px; height:3px; border-radius:50%; background:var(--accent); }
.network-card { background:rgba(13,21,27,.93); border:1px solid var(--line-strong); padding:1rem; box-shadow:20px 28px 0 rgba(0,0,0,.2),0 28px 70px rgba(0,0,0,.28); } .network-card-head,.network-card-foot { display:flex; justify-content:space-between; color:var(--faint); font:.56rem var(--mono); letter-spacing:.07em; padding:.35rem .35rem .9rem; } .online { color:var(--signal); }.online i { width:5px; height:5px; display:inline-block; margin-right:.35rem; background:var(--signal); border-radius:50%; } .network-stage { display:grid; grid-template-columns:44px 1fr; gap:1rem; padding:1.05rem .35rem; border-top:1px solid var(--line); } .network-stage.active { background:rgba(183,243,107,.06); margin:0 -.25rem; padding-left:.6rem; border-left:2px solid var(--accent); } .stage-index { font:.6rem var(--mono); padding-top:.25rem; } .network-stage strong { display:block; margin-bottom:.4rem; font:600 1.05rem var(--display); } .network-stage p { margin:0; color:var(--muted); font-size:.68rem; line-height:1.65; } .network-link { width:1px; height:20px; margin:-.35rem 0 -.35rem 22px; background:var(--line-strong); } .network-card-foot { padding:1rem .35rem .35rem; border-top:1px solid var(--line); }.network-card-foot strong { color:var(--accent); font-weight:500; }
.proof-section { padding:8rem 0; border-top:1px solid var(--line); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2.8rem; }.section-heading h2,.apply-intro h2 { margin:.9rem 0 0; font-size:clamp(2.9rem,5vw,5.5rem); line-height:.91; }.heading-note { max-width:310px; margin:0; color:var(--muted); font-size:.78rem; line-height:1.8; }.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.proof-grid article { padding:1.5rem 1.2rem 1.4rem 0; border-bottom:1px solid var(--line); }.proof-grid article+article { border-left:1px solid var(--line); padding-left:1.2rem; }.proof-grid article>span { font:.58rem var(--mono); }.proof-grid h3 { margin:2rem 0 .55rem; font:600 1.3rem var(--display); }.proof-grid p { max-width:270px; margin:0; color:var(--muted); font-size:.73rem; line-height:1.75; }
.apply-section { padding-bottom:7rem; }.apply-panel { display:grid; grid-template-columns:.85fr 1.15fr; gap:4rem; padding:3rem; border:1px solid var(--line-strong); background:linear-gradient(120deg,rgba(183,243,107,.11),rgba(13,21,27,.86) 54%); }.apply-intro h2 { margin-bottom:1rem; }.apply-intro>p:not(.eyebrow) { max-width:360px; margin:0; color:var(--muted); font-size:.78rem; line-height:1.8; }.apply-meta { display:grid; gap:.7rem; margin-top:2.3rem; color:var(--muted); font:.61rem var(--mono); }.apply-meta b { display:inline-grid; place-items:center; width:23px; height:23px; margin-right:.4rem; color:var(--bg); background:var(--accent); font-weight:500; }.apply-form { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-content:start; }.apply-form label { display:grid; gap:.45rem; color:var(--muted); font:.59rem var(--mono); letter-spacing:.04em; text-transform:uppercase; }.apply-form input,.apply-form select { width:100%; padding:.78rem .72rem; color:var(--text); background:rgba(8,14,18,.62); border:1px solid var(--line-strong); outline:0; font: .72rem var(--sans); text-transform:none; }.apply-form input::placeholder { color:var(--faint); }.apply-form input:focus,.apply-form select:focus { border-color:var(--accent); }.apply-form select { appearance:none; }.apply-form .button { grid-column:1/-1; justify-self:start; margin-top:.45rem; }.form-note { grid-column:1/-1; margin:0; color:var(--faint); font:.56rem/1.6 var(--mono); }.form-status { grid-column:1/-1; min-height:1.3rem; margin:0; color:var(--accent); font:.62rem var(--mono); }
.import-section { padding-bottom:7rem; }.import-panel { display:grid; grid-template-columns:.85fr 1.15fr; gap:4rem; padding:3rem; border:1px solid var(--line); background:var(--surface); }.import-panel h2 { margin:.9rem 0 1rem; font-size:clamp(2.9rem,5vw,5rem); line-height:.91; }.import-panel>div:first-child>p:not(.eyebrow) { max-width:380px; color:var(--muted); font-size:.78rem; line-height:1.8; }.import-box { display:grid; align-content:start; gap:1rem; }.import-head { display:flex; justify-content:space-between; align-items:center; color:var(--faint); font:.57rem var(--mono); letter-spacing:.09em; }.import-head a { color:var(--accent); }.file-drop { display:grid; gap:.5rem; padding:1.5rem; border:1px dashed var(--line-strong); color:var(--text); background:rgba(8,14,18,.55); cursor:pointer; transition:border-color .2s ease,background .2s ease; }.file-drop:hover,.file-drop:focus-within { border-color:var(--accent); background:rgba(183,243,107,.05); }.file-drop strong { font:600 1rem var(--display); }.file-drop span { color:var(--muted); font:.58rem/1.6 var(--mono); }.file-drop input { position:absolute; width:1px; height:1px; opacity:0; }.import-box .button { justify-self:start; }.import-box .button:disabled { cursor:not-allowed; opacity:.42; transform:none; }.import-status { min-height:1.3rem; margin:0; color:var(--muted); font:.61rem var(--mono); }
.site-footer { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:2rem; align-items:start; padding:2rem 0 2.5rem; border-top:1px solid var(--line); color:var(--muted); }.site-footer p { margin:0; font-size:.68rem; line-height:1.7; }.footer-links { display:flex; flex-wrap:wrap; gap:1rem; justify-content:flex-end; font:.6rem var(--mono); }.site-footer small { grid-column:1/-1; color:var(--faint); font:.56rem var(--mono); padding-top:1rem; border-top:1px solid var(--line); } :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media (max-width:980px) { .merchant-hero { grid-template-columns:1fr; gap:3.5rem; padding-top:5rem; }.network-card { max-width:620px; width:100%; }.apply-panel,.import-panel { grid-template-columns:1fr; gap:2.5rem; } }
@media (max-width:720px) { .section-wrap,.site-header { width:min(100% - 2rem,1180px); }.site-header { min-height:70px; }.main-nav { display:none; }.header-cta { margin-left:auto; }.merchant-hero { min-height:auto; padding:5rem 0 4.8rem; }.merchant-hero h1 { font-size:clamp(3.4rem,16vw,5.5rem); }.hero-lede { font-size:.9rem; }.proof-section,.import-section { padding:5.5rem 0; }.section-heading { align-items:start; flex-direction:column; gap:1.2rem; }.section-heading h2,.apply-intro h2,.import-panel h2 { font-size:clamp(2.9rem,13vw,4rem); }.proof-grid { grid-template-columns:1fr; }.proof-grid article+article { border-left:0; padding-left:0; }.apply-panel,.import-panel { padding:1.5rem; }.apply-form { grid-template-columns:1fr; }.apply-form .button,.form-note,.form-status { grid-column:auto; }.site-footer { grid-template-columns:1fr; gap:1.5rem; }.footer-links { justify-content:flex-start; }.site-footer small { grid-column:auto; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }