:root{
--ink:#0d0e12;--ink2:#13141a;--ink3:#1a1c25;--ink4:#22253a;--wire:rgba(255,255,255,0.06);--wire2:rgba(255,255,255,0.11);--muted:#5a6080;--dim:#8892b0;--light:#c8d0e8;--white:#f2f4fc;--lime:#b5f23c;--lime2:#8fcc1e;--blue:#4a80f5;--purple:#9b6dff;--red:#ff5566;--amber:#ffb224;--green:#2dd4a0;--r4:8px;--r8:16px;--r12:24px;--sh:0 4px 24px rgba(0,0,0,.6);--tr:.18s cubic-bezier(.4,0,.2,1);
--font-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
--lp-gutter:32px;
--lp-panel-w:min(760px,42vw);
--lp-panel-gap:40px;
}
html,body { margin:0; padding:0; background:#0d0e12; background:var(--ink); min-height:100vh; }
body { font-family:var(--font-sans); color:var(--white); line-height:1.5; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
#app { display:none; width:100%; min-height:100vh; }
#app.app-visible { display:block !important; width:100% !important; min-height:100vh !important; }
#auth-screen { display:flex; flex-direction:column; min-height:100vh; height:100vh; background:var(--ink); overflow-x:hidden; overflow-y:auto; }
.sidebar { position:fixed; top:0; left:0; width:220px; height:100vh; background:var(--ink2); border-right:1px solid var(--wire); display:flex; flex-direction:column; align-items:flex-start; padding:20px 0; z-index:300; overflow-y:auto; }
.topbar { position:fixed; top:0; left:220px; right:0; height:56px; background:rgba(13,14,18,.98); border-bottom:1px solid var(--wire); display:flex; align-items:center; padding:0 28px; z-index:200; gap:16px; }
.main { position:fixed; top:56px; left:220px; right:0; bottom:0; overflow-y:auto; background:var(--ink); }
.page { display:none; padding:24px 28px 40px; }
.page.active { display:block; }


*{box-sizing:border-box;margin:0;padding:0}

a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:inherit}
input,select,textarea{font-family:inherit;outline:none;border:none;font-size:inherit}
::selection{background:var(--lime);color:var(--ink)}

/* LANDING PAGE */

.lp-nav{display:flex;align-items:center;padding:0 var(--lp-gutter);height:64px;border-bottom:1px solid var(--wire);background:rgba(10,11,15,.9);backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0;z-index:100;gap:32px;width:100%;box-sizing:border-box}
.lp-logo{font-family:var(--font-sans);font-size:26px;letter-spacing:3px;color:var(--lime)}
.lp-logo .brand-mesh,.lp-footer-logo .brand-mesh{color:var(--white)}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand-mark{display:block;height:40px;width:auto;flex-shrink:0}
.brand-word{font-family:var(--font-sans);font-size:26px;font-weight:800;letter-spacing:-0.5px;line-height:1;color:var(--lime);white-space:nowrap}
.brand-word .brand-mesh{color:var(--white)}
.lp-footer-logo .brand-mark{height:30px}
.lp-footer-logo .brand-word{font-size:20px;letter-spacing:-0.3px}
.lp-logo-home{text-decoration:none;cursor:pointer;display:inline-flex;align-items:center}
.lp-footer-logo.lp-logo-home{color:var(--lime)}
.lp-nav-links{display:flex;gap:24px;flex:1}
.lp-nav-link{font-size:13px;color:var(--muted);cursor:pointer;transition:color var(--tr)}
.lp-nav-link:hover{color:var(--white)}
.lp-nav-btns{display:flex;gap:10px}
.lp-btn-outline{padding:8px 18px;border:1px solid var(--wire2);border-radius:var(--r4);font-size:13px;font-weight:600;color:var(--light);background:transparent;cursor:pointer;transition:var(--tr);font-family:inherit}
.lp-btn-outline:hover{border-color:var(--lime);color:var(--lime)}
.lp-btn-solid{padding:8px 18px;background:var(--lime);border:none;border-radius:var(--r4);font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;transition:var(--tr);font-family:inherit}
.lp-btn-solid:hover{background:var(--lime2);transform:translateY(-1px)}

/* HERO */
.lp-hero{padding:88px var(--lp-gutter) 64px;position:relative;width:100%;box-sizing:border-box}
.lp-hero-top{display:flex;flex-direction:column;gap:24px;width:100%;position:relative;z-index:1}
.lp-hero-row{display:grid;grid-template-columns:minmax(0,1fr) var(--lp-panel-w);gap:var(--lp-panel-gap);align-items:start;position:relative}
.lp-hero-main{min-width:0}
.lp-hero-foot{min-width:0}
.lp-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 800px 600px at 30% 50%,rgba(181,242,60,.06) 0%,transparent 60%),radial-gradient(ellipse 600px 400px at 80% 30%,rgba(74,128,245,.06) 0%,transparent 60%);pointer-events:none}
.lp-hero-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}
.lp-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--lime);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.lp-eyebrow::before{content:'';width:24px;height:1px;background:var(--lime)}
.lp-h1{font-family:var(--font-sans);font-size:80px;font-weight:900;font-style:normal;line-height:.95;letter-spacing:-3px;color:var(--white);margin-bottom:24px}
.lp-h1.lp-h1-hero{font-size:62px;letter-spacing:-2px;line-height:1.05;margin-bottom:20px}
.lp-h1 span{color:var(--lime)}
.lp-hero-sub{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:24px}
.lp-hero-actions{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.lp-cta{padding:14px 32px;background:var(--lime);color:var(--ink);border:none;border-radius:var(--r4);font-size:14px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;transition:var(--tr)}
.lp-cta:hover{background:var(--lime2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(181,242,60,.3)}
.lp-cta-sec{padding:14px 24px;background:transparent;color:var(--light);border:1px solid var(--wire2);border-radius:var(--r4);font-size:14px;font-weight:600;cursor:pointer;transition:var(--tr);font-family:inherit}
.lp-cta-sec:hover{border-color:var(--white);color:var(--white)}
.lp-cta-btn{display:inline-block;padding:16px 36px;background:var(--lime);color:var(--ink);border:none;border-radius:var(--r4);font-size:15px;font-weight:700;font-family:var(--font-mono);letter-spacing:.4px;cursor:pointer;transition:var(--tr);box-shadow:0 4px 20px rgba(181,242,60,.25)}
.lp-cta-btn:hover{background:var(--lime2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(181,242,60,.35)}
.lp-int-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.lp-int-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r4);font-size:12px;font-weight:600;color:var(--light)}
.lp-int-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.lp-int-dot-qb{background:#2ca01c}
.lp-int-dot-xero{background:#13b5ea}
.lp-int-dot-ns{background:#e87722}
.lp-int-dot-sage{background:#00b140}
.lp-hero-note{font-size:12px;color:var(--muted);font-family:var(--font-mono);line-height:1.6}
.lp-hero-note span{color:var(--lime)}
.lp-side-panel{box-sizing:border-box;background:var(--ink2);border:1px solid var(--wire);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}
.lp-hero-panel{position:static;width:100%;height:auto;overflow:visible;align-self:start}
.lp-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-shrink:0;align-items:stretch}
.lp-stat{background:var(--ink3);border:1px solid var(--wire);border-radius:10px;padding:12px 8px;min-height:76px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box}
.lp-stat-n{font-family:var(--font-sans);font-size:32px;line-height:1;margin-bottom:6px;font-weight:800;letter-spacing:-.5px;min-height:32px;display:flex;align-items:center;justify-content:center}
.lp-stat-n.lp-stat-n-text{font-size:26px;letter-spacing:.5px}
.lp-stat-l{font-size:9px;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.45px;line-height:1.35;max-width:100%;padding:0 2px}
.lp-panel-divider{height:1px;background:var(--wire);margin:0}
.lp-privacy-banner{padding:0;background:none;border:none;border-radius:0;display:flex;flex-direction:column;flex-shrink:0}
.lp-priv-title{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--lime);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;flex-shrink:0}
.lp-priv-badge-new{background:rgba(163,116,255,.08);border:1px solid rgba(163,116,255,.2);border-radius:6px;padding:6px 10px;margin-bottom:8px;font-size:10px;color:#b794f6;font-family:var(--font-mono);line-height:1.35;flex-shrink:0}
.lp-priv-items{display:flex;flex-direction:column;gap:4px}
.lp-priv-item{display:flex;align-items:flex-start;gap:8px;font-size:10.5px;color:var(--light);line-height:1.35}
.lp-priv-icon{flex-shrink:0;width:15px;height:15px;background:rgba(181,242,60,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--lime);margin-top:1px}
.lp-hero-flow-strip{display:flex;flex-direction:column;align-items:stretch;padding:20px 24px;background:var(--ink3);border:1px solid var(--wire);border-radius:12px;margin-bottom:0;width:100%;box-sizing:border-box}
.lp-hero-flow-strip.lp-hero-flow-product{border-color:rgba(74,128,245,.22);background:rgba(74,128,245,.04)}
.lp-hero-flow-head{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 18px;line-height:1.3;text-align:left}
.lp-hero-flow-head.lp-hero-flow-head-accent{color:var(--blue)}
.lp-hero-flow-htrack{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}
.lp-hero-flow-hstep{flex:1;text-align:center;min-width:0;padding:0 4px}
.lp-hero-flow-icon{font-size:28px;line-height:1;margin-bottom:10px;display:block}
.lp-hero-flow-arrow{flex:0 0 auto;color:var(--muted);font-size:18px;line-height:1;padding:0 6px;margin-top:-22px;opacity:.7}
.lp-hero-flow-name{display:block;font-size:13px;font-weight:700;color:var(--white);line-height:1.25;margin-bottom:4px}
.lp-hero-flow-desc{display:block;font-size:11px;color:var(--muted);line-height:1.3}

/* FEATURES SECTION */
.lp-section{padding:80px var(--lp-gutter);width:100%;box-sizing:border-box}
.lp-section-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--lime);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.lp-section-label::before{content:'';width:24px;height:1px;background:var(--lime)}
.lp-section-h2{font-family:var(--font-sans);font-size:52px;letter-spacing:.5px;color:var(--white);margin-bottom:12px}
.lp-section-sub{font-size:15px;color:var(--muted);max-width:720px;line-height:1.7;margin-bottom:52px}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feat-card{background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r8);padding:28px;transition:var(--tr)}
.feat-card:hover{border-color:var(--wire2);transform:translateY(-3px)}
.feat-icon{font-size:32px;margin-bottom:14px}
.feat-title{font-size:15px;font-weight:700;margin-bottom:8px}
.feat-desc{font-size:13px;color:var(--muted);line-height:1.6}

/* PRICING */
.lp-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px}
.lp-price-card{position:relative;background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r12);padding:36px 32px;display:flex;flex-direction:column;transition:var(--tr)}
.lp-price-card:hover{border-color:var(--wire2);transform:translateY(-3px)}
.lp-price-card-pro{border-color:rgba(181,242,60,.35);background:linear-gradient(165deg,rgba(181,242,60,.06) 0%,var(--ink2) 45%)}
.lp-price-badge{position:absolute;top:20px;right:20px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:999px;background:rgba(181,242,60,.12);color:var(--lime);border:1px solid rgba(181,242,60,.28)}
.lp-price-name{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
.lp-price-amount{font-family:var(--font-sans);font-size:52px;font-weight:800;color:var(--white);line-height:1;margin-bottom:6px;letter-spacing:-1px}
.lp-price-currency{font-size:28px;font-weight:700;vertical-align:top;margin-right:2px}
.lp-price-period{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}
.lp-price-docs{font-size:14px;font-weight:600;color:var(--lime);margin-bottom:24px}
.lp-price-features{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.lp-price-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--light);line-height:1.45}
.lp-price-features li::before{content:'\2713';flex-shrink:0;width:18px;height:18px;background:rgba(181,242,60,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--lime);margin-top:1px}
.lp-price-btn{width:100%;text-align:center;box-sizing:border-box;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:14px 24px;border-radius:var(--r8);border:none;transition:var(--tr)}
.lp-price-btn-free{background:var(--ink3);color:var(--white);border:1px solid var(--wire2)}
.lp-price-btn-free:hover{background:var(--ink4);border-color:var(--dim)}
.lp-price-btn-pro{background:var(--lime);color:var(--ink);font-weight:700}
.lp-price-btn-pro:hover{background:var(--lime2)}

/* TRUST SECTION — grid matches hero column widths; panel top-aligned */
.lp-trust-section{padding:40px var(--lp-gutter);background:var(--ink);border-top:1px solid var(--wire);border-bottom:1px solid var(--wire);width:100%;box-sizing:border-box}
.lp-trust-row{display:grid;grid-template-columns:minmax(0,1fr) var(--lp-panel-w);gap:var(--lp-panel-gap);align-items:start;width:100%}
.lp-trust-copy{min-width:0;align-self:center}
.lp-trust-copy .lp-section-h2{font-size:40px;letter-spacing:-1px;margin-bottom:14px;line-height:1.1}
.lp-trust-copy .lp-section-sub{margin-bottom:0;max-width:520px;font-size:14px;line-height:1.65}
.lp-trust-panel{width:100%;align-self:start}
.lp-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}
.lp-trust-badge{display:flex;align-items:flex-start;gap:8px;padding:10px 10px;background:var(--ink3);border:1px solid var(--wire);border-radius:10px;transition:border-color var(--tr);min-width:0}
.lp-trust-badge:hover{border-color:rgba(45,212,160,.35)}
.lp-trust-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(45,212,160,.12);border:1px solid rgba(45,212,160,.28);color:var(--green);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.lp-trust-badge-text{font-size:11px;font-weight:600;color:var(--white);line-height:1.3}
.lp-trust-badge-sub{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1024px){
.lp-trust-row{grid-template-columns:1fr;gap:24px}
.lp-trust-copy{align-self:start;max-width:none}
.lp-trust-copy .lp-section-sub{max-width:none}
}
@media(max-width:600px){
.lp-trust-copy .lp-section-h2{font-size:32px}
.lp-trust-grid{grid-template-columns:1fr}
}
.lp-privacy-section{padding:80px var(--lp-gutter);background:var(--ink2);border-top:1px solid var(--wire);border-bottom:1px solid var(--wire);width:100%;box-sizing:border-box}
.lp-privacy-section .lp-section-label,.lp-privacy-section .lp-section-h2,.lp-privacy-section .lp-section-sub,.lp-privacy-section .priv-grid{width:100%;box-sizing:border-box}
.lp-privacy-section .lp-section-sub{margin-bottom:40px;max-width:820px}
.priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.priv-left,.priv-right{display:flex;flex-direction:column;min-width:0}
.priv-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;height:100%}
.priv-pillar{background:var(--ink3);border:1px solid var(--wire);border-radius:var(--r8);padding:18px 20px;display:flex;flex-direction:column;min-height:118px}
.priv-pillar-icon{font-size:22px;margin-bottom:8px;line-height:1}
.priv-pillar-title{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--white)}
.priv-pillar-desc{font-size:12px;color:var(--muted);line-height:1.55;margin-top:auto}
.priv-promise-box{background:var(--ink3);border:1px solid rgba(181,242,60,.2);border-radius:var(--r8);overflow:hidden;height:100%;display:flex;flex-direction:column}
.priv-promise-head{background:rgba(181,242,60,.08);padding:16px 20px;border-bottom:1px solid rgba(181,242,60,.15);font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--lime);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px;flex-shrink:0}
.priv-promise-list{padding:4px 0;flex:1}
.priv-promise-row{display:flex;align-items:flex-start;gap:12px;padding:11px 20px;border-bottom:1px solid var(--wire);min-height:44px}
.priv-promise-row:last-child{border-bottom:none}
.priv-check{width:20px;height:20px;background:rgba(181,242,60,.12);border:1px solid rgba(181,242,60,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:var(--lime);margin-top:1px}
.priv-cross{width:20px;height:20px;background:rgba(255,85,102,.1);border:1px solid rgba(255,85,102,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:var(--red);margin-top:1px}
.priv-promise-text{font-size:13px;line-height:1.45}
.priv-promise-text strong{color:var(--white);font-weight:600}
.priv-promise-text span{color:var(--muted)}
.priv-data-flow{margin-top:0;margin-bottom:40px;background:var(--ink3);border:1px solid var(--wire);border-radius:var(--r8);padding:24px 28px;width:100%;box-sizing:border-box;scroll-margin-top:80px}
.priv-data-flow-hero{margin-top:16px;margin-bottom:0;padding:18px 22px}
.lp-policy-page .lp-hero-sub{margin-bottom:0}
.lp-policy-page .lp-hero-foot{margin-top:16px;width:100%}
.priv-flow-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:20px}
.priv-flow-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}
.priv-flow-step{text-align:center;min-width:0}
.priv-flow-icon{font-size:24px;margin-bottom:8px;line-height:1}
.priv-flow-label{font-size:12px;font-weight:600;color:var(--white);margin-bottom:3px}
.priv-flow-note{font-size:10px;color:var(--muted)}
.priv-flow-arrow{font-size:18px;color:var(--muted);text-align:center;line-height:1;padding-top:8px}
@media(max-width:1024px){
  .priv-grid{grid-template-columns:1fr}
  .priv-pillars{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .priv-pillars{grid-template-columns:1fr 1fr}
  .priv-flow-steps{grid-template-columns:1fr;gap:16px}
  .priv-flow-arrow{display:none}
}

/* HOW IT WORKS */
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.how-steps::before{content:'';position:absolute;top:28px;left:calc(12.5%);right:calc(12.5%);height:1px;background:linear-gradient(90deg,var(--lime),var(--blue));z-index:0}
.how-step{text-align:center;padding:0 16px;position:relative;z-index:1}
.how-num{width:56px;height:56px;border-radius:50%;background:var(--ink2);border:1px solid var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:24px;color:var(--lime);margin:0 auto 16px}
.how-title{font-size:14px;font-weight:700;margin-bottom:6px}
.how-desc{font-size:12px;color:var(--muted);line-height:1.5}

/* FORMATS */
.formats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.format-tag{background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r4);padding:10px 14px;font-size:12px;font-family:var(--font-mono);color:var(--dim)}

/* DEVELOPERS / API */
.lp-api-section{background:var(--ink);border-top:1px solid var(--wire);border-bottom:1px solid var(--wire)}
.lp-api-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.lp-api-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.lp-api-point{background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r8);padding:16px 18px}
.lp-api-point-title{font-size:13px;font-weight:700;color:var(--white);margin-bottom:6px}
.lp-api-point-desc{font-size:12px;color:var(--muted);line-height:1.55}
.lp-api-endpoints{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.lp-api-endpoint{font-family:var(--font-mono);font-size:11px;color:var(--lime);background:rgba(181,242,60,.08);border:1px solid rgba(181,242,60,.2);border-radius:6px;padding:6px 10px}
.lp-api-code{background:var(--ink2);border:1px solid var(--wire2);border-radius:var(--r8);overflow:hidden;box-shadow:var(--sh)}
.lp-api-code-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--wire);background:var(--ink3)}
.lp-api-code-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.6px}
.lp-api-code-dots{display:flex;gap:6px}
.lp-api-code-dot{width:10px;height:10px;border-radius:50%;background:var(--ink4);border:1px solid var(--wire2)}
.lp-api-code-dot:first-child{background:rgba(255,85,102,.35);border-color:rgba(255,85,102,.4)}
.lp-api-code-dot:nth-child(2){background:rgba(255,178,36,.35);border-color:rgba(255,178,36,.4)}
.lp-api-code-dot:nth-child(3){background:rgba(45,212,160,.35);border-color:rgba(45,212,160,.4)}
.lp-api-code-body{padding:18px 20px;font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--dim);overflow-x:auto;white-space:pre;margin:0}
.lp-api-code-body .c-comment{color:#5a6080}
.lp-api-code-body .c-key{color:var(--blue)}
.lp-api-code-body .c-str{color:var(--green)}
.lp-api-code-body .c-hdr{color:var(--lime)}
.lp-api-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.lp-api-note{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:1024px){.lp-api-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:768px){.lp-api-points{grid-template-columns:1fr}}

/* CTA SECTION */
.lp-cta-section{padding:80px var(--lp-gutter);text-align:center;border-top:1px solid var(--wire);width:100%;box-sizing:border-box}
.lp-cta-h2{font-family:var(--font-sans);font-size:56px;letter-spacing:.5px;margin-bottom:16px}
.lp-cta-sub{font-size:15px;color:var(--muted);margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto}
.lp-cta-badges{display:flex;justify-content:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.lp-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-family:var(--font-mono)}
.lp-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}

/* FOOTER */
.lp-footer{padding:32px var(--lp-gutter);border-top:1px solid var(--wire);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;box-sizing:border-box;flex-wrap:wrap}
.lp-footer-logo{font-family:var(--font-sans);font-size:20px;letter-spacing:2px;color:var(--lime)}
.lp-footer-note{font-size:12px;color:var(--muted);font-family:var(--font-mono);line-height:1.7}
.lp-footer-copy{margin-top:10px;font-size:11px;color:var(--dim);font-family:var(--font-mono);line-height:1.5}
.lp-footer-contact{font-size:12px;color:var(--muted);line-height:1.7;text-align:right}
.lp-footer-contact a{color:var(--lime);text-decoration:none;font-weight:600}
.lp-footer-contact a:hover{text-decoration:underline}

/* CONTACT */
.lp-contact-section{border-top:1px solid var(--wire);background:var(--ink2)}
.lp-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.lp-contact-card{background:var(--ink3);border:1px solid var(--wire);border-radius:var(--r8);padding:28px}
.lp-contact-email{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--lime);text-decoration:none;display:inline-block;margin:12px 0 8px;word-break:break-all}
.lp-contact-email:hover{text-decoration:underline}
.lp-contact-meta{font-size:12px;color:var(--muted);line-height:1.6}
.lp-contact-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-contact-topic{background:var(--ink3);border:1px solid var(--wire);border-radius:var(--r8);padding:14px 16px}
.lp-contact-topic-title{font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px}
.lp-contact-topic-desc{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:768px){.lp-contact-grid{grid-template-columns:1fr}.lp-contact-topics{grid-template-columns:1fr}.lp-footer-contact{text-align:left}}

/* AUTH PANEL (right side) */
.auth-panel{width:420px;flex-shrink:0;background:rgba(13,14,18,.85);backdrop-filter:blur(20px);border-left:1px solid var(--wire);display:flex;align-items:center;justify-content:center;padding:48px 44px;position:relative;z-index:1}
.auth-box{width:100%}
.auth-tabs{display:flex;gap:0;margin-bottom:28px;border-bottom:1px solid var(--wire2)}
.auth-tab{padding:10px 0;margin-right:24px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;position:relative;transition:var(--tr)}
.auth-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime);transform:scaleX(0);transition:var(--tr)}
.auth-tab.active{color:var(--white)}
.auth-tab.active::after{transform:scaleX(1)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.form-group{margin-bottom:14px}
.form-label{display:block;font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.form-input{width:100%;background:var(--ink3);border:1px solid var(--wire2);color:var(--white);padding:11px 14px;border-radius:var(--r4);font-size:14px;transition:border-color var(--tr)}
.form-input:focus{border-color:var(--lime)}
.form-input::placeholder{color:var(--muted)}
.btn-auth{width:100%;padding:13px;background:var(--lime);color:var(--ink);border-radius:var(--r4);font-size:14px;font-weight:700;font-family:var(--font-sans);letter-spacing:.02em;transition:var(--tr);margin-top:6px;border:none;cursor:pointer}
.btn-auth:hover{background:var(--lime2);transform:translateY(-1px)}
.auth-error{background:rgba(255,85,102,.1);border:1px solid rgba(255,85,102,.3);color:var(--red);padding:10px 12px;border-radius:var(--r4);font-size:13px;margin-bottom:14px;display:none}
.auth-switch{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}
.auth-switch a{color:var(--lime);cursor:pointer;font-weight:600}
.auth-privacy-note{margin-top:20px;padding-top:16px;border-top:1px solid var(--wire);font-size:12px;color:var(--muted);font-family:var(--font-sans);line-height:1.7;text-align:center}
.auth-privacy-note strong{color:var(--lime)}
@media(max-width:1024px){.lp-h1{font-size:56px}.lp-h1.lp-h1-hero{font-size:44px}.lp-hero-row{grid-template-columns:1fr}.lp-hero-panel{width:100%}.lp-hero-flow-htrack{flex-wrap:wrap;justify-content:center;row-gap:16px}.lp-hero-flow-arrow{display:none}.lp-hero-flow-hstep{flex:0 0 calc(25% - 8px);min-width:100px}.feat-grid{grid-template-columns:1fr 1fr}.how-steps{grid-template-columns:1fr 1fr}.how-steps::before{display:none}}
@media(max-width:768px){:root{--lp-gutter:20px}.lp-hero{padding-top:48px;padding-bottom:40px}.lp-hero-flow-hstep{flex:0 0 calc(50% - 8px)}.lp-section{padding-top:48px;padding-bottom:48px}.lp-privacy-section{padding-top:48px;padding-bottom:48px}.lp-cta-section{padding-top:48px;padding-bottom:48px}.feat-grid{grid-template-columns:1fr}.lp-pricing-grid{grid-template-columns:1fr}.formats-grid{grid-template-columns:1fr 1fr}.priv-grid{grid-template-columns:1fr}.auth-panel{width:100%;border-left:none;border-top:1px solid var(--wire)}.lp-footer{flex-direction:column;gap:12px;text-align:center}}

.lp-nav-link.active{color:var(--lime);font-weight:600}
.lp-policy-page .lp-privacy-section .lp-section-sub{max-width:none}
.pp-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--wire)}
.pp-jump a{font-family:var(--font-mono);font-size:11px;color:var(--dim);background:var(--ink3);border:1px solid var(--wire);border-radius:var(--r4);padding:8px 14px;transition:var(--tr);white-space:nowrap}
.pp-jump a:hover{color:var(--lime);border-color:rgba(181,242,60,.35)}
.lp-policy-doc{width:100%;min-width:0}
.lp-policy-doc section{padding:36px 0;border-top:1px solid var(--wire);scroll-margin-top:88px}
.lp-policy-doc section:first-child{padding-top:0;border-top:none}
.lp-policy-doc h2{font-size:22px;font-weight:700;color:var(--white);margin-bottom:16px;line-height:1.25}
.lp-policy-doc h3{font-size:14px;font-weight:600;color:var(--light);margin:22px 0 8px}
.lp-policy-doc p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:14px}
.lp-policy-doc ul{margin:10px 0 16px;padding-left:22px}
.lp-policy-doc li{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:8px}
.lp-policy-doc a{color:var(--lime);font-weight:500}
.lp-policy-doc a:hover{text-decoration:underline}
.lp-policy-doc strong{color:var(--light);font-weight:600}
@media(max-width:768px){.lp-nav-links{display:none}.lp-nav{gap:12px;height:auto;min-height:64px;padding:12px var(--lp-gutter);flex-wrap:wrap}.lp-footer-contact{text-align:left}}