:root{--bg:#31343a;--bg-deep:#1d1f24;--surface:#3e424a;--surface-deep:#1f2127;--panel:#f6f7faf0;--panel-soft:#fffc;--text:#eef2f7;--muted:#c6ccd7;--heading:#fff;--ink:#171a20;--line:#ffffff14;--panel-line:#171a2014;--accent:#12b4ff;--accent-strong:#0e7ddd;--shadow:0 24px 72px #00000047;--shadow-soft:0 14px 36px #00000029;--sans:"Trebuchet MS", "Segoe UI", sans-serif;--display:"Trebuchet MS", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top center, #12b4ff29, transparent 22%), linear-gradient(180deg, #5a5e66 0%, var(--bg) 18%, var(--bg-deep) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.landing-page{width:100%;max-width:1440px;margin:0 auto;padding:18px 24px 40px}.page-shell{gap:0;width:min(100%,1280px);max-width:1280px;margin:0 auto;display:grid}.topbar{z-index:10;width:100%;height:100px;box-shadow:var(--shadow);background:linear-gradient(#1e1e26f7,#191920f7);border:1px solid #ffffff0a;grid-template-columns:auto 1fr auto;justify-content:space-between;align-items:center;gap:18px;padding:8px 18px;display:grid;position:fixed;top:0;left:0;right:0;overflow:hidden}.brand-lockup{align-items:center;height:100%;display:flex}.topbar-actions{justify-content:flex-end;display:flex}.topbar-nav{justify-content:center;gap:10px;display:flex}.topbar-nav-link{min-height:42px;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;padding:0 16px;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.topbar-nav-link:hover{color:#fff;background:#ffffff0f}.topbar-nav-link-active{color:#fff;background:#ffffff14;border-color:#ffffff14}.brand-logo-image{object-fit:contain;width:270px;height:auto;max-height:182px;display:block}.page-intro{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#454a52fa,#2e3036fa);border-radius:24px;margin-top:100px;margin-bottom:28px;padding:32px 28px}.page-intro h1{max-width:13ch}.page-intro-text{max-width:64ch;color:var(--muted);margin:20px 0 0;font-size:1.05rem}.topbar-login{min-height:44px;margin-right:20px;padding-inline:20px}.hero-section,.features-section,.screenshots-section,.cta-section{box-shadow:var(--shadow);border-radius:24px;margin-top:100px;position:relative;overflow:hidden}.hero-section,.features-section,.cta-section{border:1px solid var(--line);background:linear-gradient(#454a52fa,#2e3036fa)}.hero-section{grid-template-columns:1.02fr .98fr;gap:28px;padding:28px;display:grid}.hero-copy,.section-heading,.cta-section>div{z-index:1;position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#d0d5dd;margin:0 0 16px;font-size:.82rem;font-weight:700}h1,h2,h3,strong{color:var(--heading)}h1,h2{font-family:var(--display);margin:0;line-height:1}h1{letter-spacing:-.04em;max-width:20ch;font-size:clamp(3rem,5vw,5rem);font-weight:900}h2{letter-spacing:-.04em;max-width:16ch;font-size:clamp(2rem,3.2vw,3rem);font-weight:800}h3{margin:0 0 12px;font-size:1.35rem;font-weight:800}.hero-text,.section-text,.feature-card p{font-size:1.05rem}.hero-text,.section-text{color:var(--muted)}.hero-text{max-width:58ch;margin:24px 0 0}.hero-actions,.cta-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-actions{margin-top:32px}.hero-primary-cta{letter-spacing:.01em;min-height:56px;padding:0 30px;font-size:1.02rem;font-weight:800}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline-offset:3px;outline:3px solid #12b4ff47}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%)}.button-primary:hover{background:linear-gradient(135deg,#33c4ff 0%,#148cef 100%)}.button-secondary{color:#fff;border-color:var(--line);background:#ffffff14}.hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:40px 0 0;padding:0;list-style:none;display:grid}.hero-metrics li{background:linear-gradient(#1c1e24b8,#353941d1);border:1px solid #ffffff0a;border-radius:20px;min-height:118px;padding:18px}.hero-metrics strong{margin-bottom:10px;font-size:1.5rem;display:block}.hero-metrics span{max-width:16ch;color:var(--muted);display:block}.hero-visual{gap:16px;display:grid}.hero-summary-row,.hero-module-grid{gap:14px;display:grid}.hero-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-chip{color:#fff;min-height:108px;box-shadow:var(--shadow-soft);border-radius:22px;padding:18px}.summary-chip span{color:#ffffffd6;margin-bottom:8px;font-size:.9rem;display:block}.summary-chip strong{color:inherit;font-size:2rem}.summary-chip-cyan{background:linear-gradient(135deg,#28d1e4 0%,#1380d5 100%)}.summary-chip-green{background:linear-gradient(135deg,#6ed25d 0%,#2a9d58 100%)}.summary-chip-amber{background:linear-gradient(135deg,#ffb238 0%,#ff7a00 100%)}.hero-preview-card{min-height:420px;box-shadow:var(--shadow-soft);background:linear-gradient(#f4f7fbfa,#e1e5ebf2);border-radius:28px;padding:16px;position:relative}.hero-preview-button{text-align:left;cursor:pointer;border:0;width:100%;display:block}.hero-image{object-fit:contain;background:#dfe4eb;border:1px solid #11181d14;border-radius:24px;width:100%;height:100%;max-height:388px}.hero-card{z-index:3;background:#fffffff5;border:1px solid #11181d14;border-radius:18px;min-width:150px;padding:14px 18px;position:absolute;box-shadow:0 16px 34px #11181d1f}.hero-card span{text-transform:uppercase;letter-spacing:.08em;color:#69707c;margin-bottom:4px;font-size:.82rem;display:block}.hero-card strong{color:var(--ink)}.hero-card-top{top:12px;right:12px}.hero-card-bottom{bottom:12px;left:12px}.hero-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-module,.feature-card{color:#fff;box-shadow:var(--shadow-soft);border-radius:22px;padding:22px}.hero-module{align-items:end;min-height:96px;font-size:1.2rem;font-weight:800;display:flex}.module-red{background:linear-gradient(135deg,#f34141 0%,#d81f1f 100%)}.module-purple{background:linear-gradient(135deg,#9334d7 0%,#5023b0 100%)}.module-green{background:linear-gradient(135deg,#75ce6b 0%,#329955 100%)}.module-orange{background:linear-gradient(135deg,#ffaf2b 0%,#ff8500 100%)}.module-blue{background:linear-gradient(135deg,#35a4ff 0%,#2467d1 100%)}.module-teal{background:linear-gradient(135deg,#11c4d3 0%,#007f8f 100%)}.features-section,.screenshots-section,.cta-section{margin-top:100px;padding:32px 28px}.section-heading{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.feature-card{min-height:220px}.feature-index{color:#fff;letter-spacing:.08em;background:#ffffff29;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:.9rem;font-weight:800;display:inline-flex}.feature-card p{color:#ffffffe6}.screenshots-section{background:linear-gradient(#f3f5f8fa,#e2e5ebf5);border:1px solid #ffffff0f}.pricing-section{box-shadow:var(--shadow);background:linear-gradient(#f3f5f8fa,#e2e5ebf5);border:1px solid #ffffff0f;border-radius:24px}.screenshots-section .eyebrow,.screenshots-section h2,.screenshots-section h3,.pricing-section h2,.pricing-section h3,.screenshots-section p{color:var(--ink)}.screenshots-section .section-text,.pricing-card-description,.screenshot-card p{color:#505866}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.pricing-grid-two-up{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin:0 auto}.pricing-card{border:1px solid var(--panel-line);background:#ffffffd6;border-radius:24px;align-content:start;gap:16px;padding:26px;display:grid;box-shadow:0 10px 30px #11181d14}.pricing-card-featured{border-color:#12b4ff3d;box-shadow:0 16px 40px #12b4ff24}.pricing-card-name{color:#5b6575;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:800}.pricing-card h2{max-width:none;color:var(--ink)}.pricing-card h2 span{color:#687384;margin-left:6px;font-size:1rem;font-weight:600}.pricing-card-description{margin:0}.pricing-feature-list{color:#253142;gap:10px;margin:0;padding:0;list-style:none;display:grid}.pricing-feature-list li{padding-left:18px;position:relative}.pricing-feature-list li:before{content:"";background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:0}.pricing-button{width:fit-content}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px;display:grid}.screenshot-card{border:1px solid var(--panel-line);text-align:left;cursor:pointer;background:#ffffffd6;border-radius:24px;width:100%;padding:0;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 10px 30px #11181d14}.screenshot-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #11181d24}.screenshot-image-wrapper{background:#dde2e8;width:100%;padding-bottom:66.67%;position:relative;overflow:hidden}.screenshot-image{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.screenshot-card h3{color:var(--ink);margin:0;padding:20px 24px 12px}.screenshot-card p{margin:0;padding:0 24px 24px}.screenshot-lightbox{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a12c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.screenshot-lightbox-panel{background:#f8fbfffa;border-radius:24px;width:min(96vw,1400px);max-height:92vh;padding:16px;position:relative;box-shadow:0 24px 80px #00000047}.screenshot-lightbox-close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fffffff5;border:1px solid #11181d24;border-radius:999px;justify-content:center;align-items:center;font-size:1.9rem;line-height:1;display:inline-flex;position:absolute;top:10px;right:10px}.screenshot-lightbox-image{object-fit:contain;border-radius:16px;width:100%;max-height:calc(92vh - 32px);display:block}.cta-section{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer{text-align:center;padding:28px 12px 8px}.site-footer p{color:var(--muted);margin:0;font-size:.92rem}@media (width<=1280px){.landing-page{padding:18px 20px 40px}.page-shell{width:min(100%,1160px)}.hero-section{gap:24px}.hero-text,.page-intro-text,.pricing-card-description,.screenshot-card p{max-width:100%}.hero-metrics,.hero-module-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.topbar,.hero-section{grid-template-columns:1fr}.topbar-nav{flex-wrap:wrap;justify-content:flex-start}.topbar-actions{justify-content:flex-start}.hero-summary-row,.hero-module-grid,.hero-metrics,.feature-grid,.pricing-grid,.screenshots-grid{grid-template-columns:1fr}.cta-section{justify-content:stretch;display:grid}}@media (width<=640px){.topbar{border-radius:18px;padding:14px}.brand-name{font-size:1.6rem}.hero-section,.features-section,.screenshots-section,.pricing-section,.page-intro,.cta-section{border-radius:18px;padding:22px}.hero-actions,.cta-actions,.button{width:100%}.hero-card{min-width:126px;padding:12px 14px}.hero-card-top{right:0}.hero-card-bottom{left:0}.screenshot-lightbox{padding:14px}.screenshot-lightbox-panel{border-radius:18px;width:100%;padding:12px}.screenshot-lightbox-close{top:8px;right:8px}.screenshot-lightbox-image{max-height:calc(100vh - 52px)}}@media (width>=1281px) and (width<=1600px){.landing-page{padding:20px 28px 48px}.hero-section{grid-template-columns:1fr 1fr;gap:20px;padding:24px}.hero-preview-card{min-height:360px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px;margin:0 auto}.pricing-card{padding:20px}.page-intro{margin-top:120px;padding:26px}h1{font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.02}.hero-module{padding:18px;font-size:1rem}.hero-metrics{gap:10px}.hero-metrics li{min-height:88px;padding:12px}.hero-metrics strong{margin-bottom:6px;font-size:1.15rem}}@media (width>=1601px){.landing-page{max-width:1600px;padding:28px 40px 56px}.hero-section{grid-template-columns:1.05fr .95fr;gap:32px;padding:28px}.hero-preview-card{min-height:420px}.pricing-grid{gap:28px;max-width:1280px;margin:0 auto}.pricing-card{padding:28px}h1{font-size:clamp(3rem,4.5vw,4.6rem);line-height:1.02}.page-intro{margin-top:140px;padding:32px}}