:root{--bg: #f8fafc;--panel: #ffffff;--text: #111827;--muted: #6b7280;--accent: #ff9900;--danger: #dc2626;--ok: #16a34a;--border: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-rows:56px 1fr;height:100vh;animation:fadeIn .3s ease-out both}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#232f3e;border-bottom:1px solid #1f2937}.topbar>div:first-child{display:flex;align-items:center;gap:12px}.brand{font-weight:700;letter-spacing:.4px;color:#fff}.content{min-height:calc(100vh - 56px)}.container{max-width:1200px;margin:0 auto;padding:0 16px}.container.full-bleed{max-width:100%!important;width:100%}.topnav{background:#fff;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:8px}.tabs a{color:var(--muted);text-decoration:none;padding:12px 10px;border-bottom:2px solid transparent;cursor:pointer}.tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.tabs a:hover{color:var(--text)}.hero{padding:28px 0 6px}.hero .pill{display:inline-block;background:#fff;color:var(--muted);border:1px solid var(--border);padding:4px 10px;border-radius:999px;font-size:12px}.hero h1{margin:10px 0 8px;font-size:28px;line-height:1.2;letter-spacing:.2px}.hero .sub{color:var(--muted);margin:0 0 12px;max-width:860px}.cta-row{display:flex;gap:10px}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:18px 0}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.feature-card h3{margin:8px 0;font-size:16px}.feature-card p{margin:0}.feature-icon{width:36px;height:36px;display:grid;place-items:center;background:#f9fafb;border:1px solid var(--border);border-radius:8px}.page{padding:18px 20px;overflow:auto;animation:slideUp .25s ease-out both}.grid{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel);box-shadow:0 1px 2px #0000000a}.grid table{width:100%;border-collapse:collapse}.grid th,.grid td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}.grid th{background:#f9fafb;color:var(--muted);font-weight:600;position:sticky;top:0;z-index:1}.grid tr:last-child td{border-bottom:0}.grid.grid-scroll{overflow:auto}.grid.grid-scroll table{table-layout:fixed;min-width:1100px}.grid.grid-scroll th,.grid.grid-scroll td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{background:var(--accent);border:0;color:#fff;padding:9px 14px;border-radius:8px;cursor:pointer;transition:transform .08s ease,filter .18s ease;box-shadow:none}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn.secondary{background:#232f3e;color:#fff;box-shadow:none}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.6;cursor:not-allowed}.input,select{background:#fff;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:6px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.muted{color:var(--muted)}.tag{background:#f3f4f6;color:var(--text);padding:2px 8px;border-radius:999px;font-size:12px}.danger-text{color:var(--danger)}.ok-text{color:var(--ok)}.line-history{stroke:#6b7280;stroke-width:2;fill:none}.line-forecast{stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3;fill:none}.line-review{stroke:#10b981;stroke-width:2;stroke-dasharray:6 4;fill:none}.fab{position:fixed;right:20px;bottom:20px;z-index:60;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--accent);box-shadow:0 10px 25px #00000059;color:#fff;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;animation:pulse 2s ease-in-out infinite}.fab:hover{filter:brightness(1.05)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fadeIn .2s ease-out both}.tour{position:fixed;right:20px;bottom:80px;width:360px;z-index:51}.tour .tour-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;animation:slideUp .25s ease-out both}.tour h3{margin:0 0 6px}.tour p{margin:0 0 10px;color:var(--muted)}.tour .actions{display:flex;gap:8px;justify-content:flex-end}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:60}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;width:480px;max-width:95vw;max-height:90vh;overflow:auto;box-shadow:0 10px 30px #0000002e}.modal-card.modal-lg{width:860px;max-width:96vw}.modal-card.modal-full{width:96vw;height:92vh;max-width:96vw;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}.modal-body{flex:1;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.skeleton{position:relative;overflow:hidden;background:#f3f4f6;border-radius:6px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);animation:shimmer 1.2s infinite}.skeleton.text{height:12px}.skeleton.bar{height:8px}.skeleton.circle{border-radius:50%}@keyframes shimmer{to{transform:translate(100%)}}.progress{height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--accent);width:0%;transition:width .2s ease}@media (prefers-reduced-motion: reduce){.app,.page,.overlay,.tour .tour-card,.fab{animation:none!important}.btn{transition:none}}.marketing-topnav{background:#fff;border-bottom:1px solid var(--border)}.marketing-nav{display:flex;gap:8px;align-items:center}.marketing-nav a{color:var(--muted);text-decoration:none;padding:12px 10px;border-bottom:2px solid transparent;cursor:pointer}.marketing-nav a.active{color:var(--text);border-bottom-color:var(--accent)}.marketing-nav a:hover{color:var(--text)}.landing-hero{position:relative;padding:64px 0 40px}.landing-hero h1{font-size:48px;line-height:1.05;margin:8px 0 12px;letter-spacing:.2px}.landing-hero .sub{font-size:18px;color:var(--muted);max-width:820px}.landing-visual{position:relative;border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px;overflow:hidden;box-shadow:0 15px 45px #0000001a,inset 0 0 0 1px #ffffff4d}.bg-orb{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(1200px 600px at 20% 30%,#ff990040,#f900 60%),radial-gradient(800px 400px at 80% 70%,#232f3e40,#232f3e00 60%);filter:blur(40px)}.logo-cloud{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:24px 0}.logo-badge{display:grid;place-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--muted);font-weight:600}.logo-badge img{height:88px;max-width:280px;width:auto;opacity:.9;transition:transform .15s ease,opacity .15s ease;object-fit:contain;display:block}.logo-amazon{transform:translate(-6px)}.logo-badge:hover img{opacity:1;transform:translateY(-1px)}.section{padding:44px 0}.section h2{font-size:28px;margin:0 0 8px}.section .lead{color:var(--muted);margin:0 0 16px;max-width:900px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.pricing-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0000000f}.price{font-size:36px;font-weight:800;margin:4px 0 8px}.price .unit{font-size:14px;color:var(--muted);font-weight:600}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center}.about-visual{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;position:relative;overflow:hidden}.about-visual .spark{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(30px);opacity:.6}.about-visual .spark.one{background:#ff990059;top:-20px;left:-20px}.about-visual .spark.two{background:#232f3e40;bottom:-30px;right:-30px}.slider-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}.rev-metrics{display:flex;gap:16px;flex-wrap:wrap}.metric{background:#f9fafb;border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:160px}.metric h4{margin:0 0 6px;font-size:13px;color:var(--muted);font-weight:600}.metric .value{font-size:22px;font-weight:800}.mini-chart{width:100%;height:160px;border-radius:10px;background:conic-gradient(from 180deg at 50% 50%,#ff990040,#f900);border:1px solid var(--border);display:grid;place-items:center;color:#a8a29d;font-weight:700}.testimonial{background:#0b1020;color:#e5e7eb;border-radius:14px;padding:16px;border:1px solid #141a2b;box-shadow:inset 0 0 0 1px #ffffff05}.testimonial .note{color:#a1a1aa}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}.teaser-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0000000f}.teaser-head{display:flex;align-items:center;gap:8px;padding:12px 14px}.teaser-img{height:150px;background:linear-gradient(0deg,#fff9,#fff9),linear-gradient(120deg,#f0f9ff,#fff7ed);filter:blur(6px) saturate(.9) brightness(.95);position:relative}.teaser-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 2px,transparent 2px 12px),linear-gradient(180deg,#0000000d,#0000)}.teaser-lock{position:absolute;right:10px;top:10px;background:#00000080;color:#fff;padding:4px 8px;border-radius:999px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.teaser-cta{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}.badge{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:12px;color:var(--muted)}.badge.hot{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.badge.new{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.badge.limited{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.pricing-card.popular{position:relative;border-color:var(--accent);box-shadow:0 16px 40px #ff99002e}.pricing-card.popular:before{content:"Best value";position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;color:#8a2d00;background:#ffedd5;border:1px solid #fed7aa;border-radius:999px;padding:2px 8px}.pricing-perk{display:flex;gap:8px;align-items:center}.pricing-perk .tick{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-size:12px}.pricing-footnote{color:var(--muted);font-size:12px;margin-top:8px}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:-120%;left:-120%;width:240%;height:240%;background:conic-gradient(from 180deg,#fff0,#ffffff40,#fff0);transform:rotate(0);animation:spin 12s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 18px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 6px 18px #0000000a}.stat-card .value{font-size:22px;font-weight:800}.stat-card .label{color:var(--muted);font-size:12px}.quote-card{background:#0b1020;color:#e5e7eb;border:1px solid #141a2b;border-radius:12px;padding:14px;margin-top:12px;box-shadow:inset 0 0 0 1px #ffffff05}.quote-card .cite{color:#a1a1aa;font-size:12px}.milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}.milestone{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px}.milestone .when{font-size:12px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}.person-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start}.avatar{width:40px;height:40px;border-radius:999px;background:#f3f4f6;border:1px solid var(--border);display:grid;place-items:center;font-weight:700;color:#374151}.location-banner{background:#fff7ed;border:1px solid #fed7aa;color:#8a2d00;border-radius:12px;padding:12px;margin-top:12px}
