:root,[data-theme=onyx]{color-scheme:dark;--onyx-bg: #06080d;--onyx-bg-2: #0b0f17;--onyx-surface: rgba(20, 26, 38, .72);--onyx-surface-2: rgba(28, 36, 52, .85);--onyx-surface-3: rgba(40, 50, 70, .92);--onyx-hairline: rgba(255, 255, 255, .07);--onyx-hairline-strong: rgba(255, 255, 255, .14);--onyx-inset: rgba(0, 0, 0, .35);--nav-bg: rgba(6, 9, 15, .55);--bg-surface: rgba(11, 15, 25, .95);--toolbar-bg: rgba(6, 9, 15, .7);--panel-bg: rgba(6, 9, 15, .5);--input-bg: rgba(0, 0, 0, .35);--input-bg-strong: rgba(0, 0, 0, .4);--timeline-bg: rgba(0, 0, 0, .5);--timeline-bg-strong: rgba(0, 0, 0, .55);--row-bg: rgba(255, 255, 255, .03);--row-tint: rgba(0, 0, 0, .25);--chip-bg-low: rgba(255, 255, 255, .04);--chip-bg: rgba(255, 255, 255, .06);--chip-bg-strong: rgba(255, 255, 255, .08);--onyx-text: #f1f5fb;--onyx-text-dim: rgba(241, 245, 251, .72);--onyx-text-faint:rgba(241, 245, 251, .55);--onyx-text-mute: rgba(241, 245, 251, .38);--onyx-cyan: #4dd0ff;--onyx-cyan-deep: #1aa3d6;--onyx-cyan-glow: rgba(77, 208, 255, .55);--onyx-amber: #ffb547;--onyx-amber-soft: rgba(255, 181, 71, .18);--onyx-violet: #b48dff;--onyx-rose: #ff6b8a;--onyx-success: #4cd3a0;--mark-grad-top: #9eecff;--mark-grad-mid: #4dd0ff;--mark-grad-bot: #1d7da8;--mark-shadow: rgba(77, 208, 255, .55);--mark-inner-tint: rgba(8, 12, 20, .5);--btn-primary-grad: linear-gradient(180deg, #5edcff 0%, #2db8ee 100%);--btn-primary-text: #06121b}[data-theme=opal]{color-scheme:light;--onyx-bg: #f7f7fb;--onyx-bg-2: #f1f2f8;--onyx-surface: rgba(255, 255, 255, .82);--onyx-surface-2: rgba(255, 255, 255, .92);--onyx-surface-3: rgba(255, 255, 255, .98);--onyx-hairline: rgba(58, 66, 104, .07);--onyx-hairline-strong: rgba(58, 66, 104, .13);--onyx-inset: rgba(58, 66, 104, .05);--nav-bg: rgba(252, 252, 255, .74);--toolbar-bg: rgba(252, 252, 255, .8);--panel-bg: #f5f6fb;--input-bg: rgba(255, 255, 255, .75);--input-bg-strong: rgba(255, 255, 255, .9);--timeline-bg: rgba(240, 242, 248, .97);--timeline-bg-strong: rgba(230, 233, 242, .99);--row-bg: rgba(255, 255, 255, .6);--row-tint: rgba(58, 66, 104, .035);--chip-bg-low: rgba(58, 66, 104, .03);--chip-bg: rgba(58, 66, 104, .05);--chip-bg-strong: rgba(58, 66, 104, .08);--onyx-text: #1a1f2e;--onyx-text-dim: #4a5270;--onyx-text-faint:#6b7399;--onyx-text-mute: #8b93b8;--onyx-cyan: #1f93c2;--onyx-cyan-deep: #14739b;--onyx-cyan-glow: rgba(120, 200, 225, .45);--onyx-amber: #c98a3e;--onyx-amber-soft: rgba(201, 138, 62, .12);--onyx-violet: #8267c9;--onyx-rose: #cc5a86;--onyx-success: #2a9b78;--mark-grad-top: #ffffff;--mark-grad-mid: #dcebff;--mark-grad-bot: #c7cfe6;--mark-shadow: rgba(170, 195, 240, .5);--mark-inner-tint: rgba(255, 255, 255, .55);--btn-primary-grad: linear-gradient(180deg, #46b4dc 0%, #2390bc 100%);--btn-primary-text: #ffffff;--bg-page: var(--onyx-900);--bg-card: var(--onyx-800);--bg-surface: var(--onyx-850);--bg-raised: var(--onyx-700)}.onyx-bg,[data-theme=onyx] .onyx-bg{background:radial-gradient(ellipse 60% 80% at 92% 70%,rgba(77,208,255,.22),transparent 60%),radial-gradient(ellipse 50% 70% at 105% 90%,rgba(77,208,255,.35),transparent 55%),radial-gradient(ellipse 30% 50% at 88% 30%,rgba(120,200,255,.1),transparent 60%),linear-gradient(180deg,#050811,#070b15 40%,#050811);background-color:#050811}[data-theme=onyx] .onyx-bg-streaks:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80px 600px at 95% 60%,rgba(120,220,255,.55) 0%,rgba(77,180,255,.2) 25%,transparent 60%),radial-gradient(ellipse 30px 480px at 80% 70%,rgba(180,235,255,.3) 0%,transparent 70%),radial-gradient(ellipse 14px 360px at 70% 78%,rgba(180,235,255,.18) 0%,transparent 70%);transform:rotate(-12deg) translate(8%);filter:blur(.6px);opacity:.85;mix-blend-mode:screen}[data-theme=opal] .onyx-bg{background:radial-gradient(ellipse 70% 90% at 85% 18%,rgba(150,222,235,.22),transparent 62%),radial-gradient(ellipse 80% 75% at 12% 30%,rgba(206,192,255,.18),transparent 60%),radial-gradient(ellipse 65% 80% at 95% 88%,rgba(255,205,228,.2),transparent 60%),radial-gradient(ellipse 70% 70% at 25% 95%,rgba(178,240,208,.18),transparent 60%),radial-gradient(ellipse 50% 50% at 60% 55%,rgba(255,242,205,.12),transparent 70%),linear-gradient(165deg,#fbfbff,#f4f5fb 48%,#f7f4fa);background-color:#f7f7fb}[data-theme=opal] .onyx-bg-streaks:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 150px 760px at 90% 55%,rgba(150,225,240,.3) 0%,rgba(206,192,255,.16) 36%,transparent 72%),radial-gradient(ellipse 70px 600px at 80% 68%,rgba(255,210,232,.22) 0%,transparent 72%),radial-gradient(ellipse 40px 480px at 72% 78%,rgba(180,240,215,.18) 0%,transparent 72%);transform:rotate(-12deg) translate(8%);filter:blur(2px);opacity:.7;mix-blend-mode:screen}.onyx-glass{background:var(--onyx-surface);-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);border:.5px solid var(--onyx-hairline-strong);box-shadow:0 1px #ffffff0d inset,0 0 0 .5px #ffffff0a inset,0 18px 48px #00000073}[data-theme=opal] .onyx-glass{-webkit-backdrop-filter:blur(30px) saturate(118%);backdrop-filter:blur(30px) saturate(118%);border-color:#3a42681a;box-shadow:0 1px #fffffff2 inset,0 0 0 .5px #ffffffb3 inset,0 16px 44px #465a961a,0 2px 8px #465a960d}.onyx-bg,.onyx-glass,[class*=onyx-]{transition:background-color .35s ease,color .35s ease,border-color .35s ease}@media(prefers-reduced-motion:reduce){.onyx-bg,.onyx-glass,[class*=onyx-]{transition:none}}.btn-teal{background:var(--btn-primary-grad);color:var(--btn-primary-text);border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}.btn-teal:hover:not(:disabled){background:var(--btn-primary-grad);opacity:.88;transform:translateY(-1px)}@keyframes text-anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes text-anim-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes text-anim-scroll-right{0%{transform:translate(-80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes text-anim-scroll-left{0%{transform:translate(80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes text-anim-zoom-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes text-anim-bounce{0%{transform:translateY(-24px);opacity:0}60%{transform:translateY(6px);opacity:1}80%{transform:translateY(-4px)}to{transform:translateY(0)}}.text-anim-fade-in{animation:text-anim-fade-in .5s ease forwards}.text-anim-slide-up{animation:text-anim-slide-up .5s ease forwards}.text-anim-scroll-right{animation:text-anim-scroll-right .5s ease forwards}.text-anim-scroll-left{animation:text-anim-scroll-left .5s ease forwards}.text-anim-zoom-in{animation:text-anim-zoom-in .5s ease forwards}.text-anim-bounce{animation:text-anim-bounce .6s ease forwards}@keyframes broll-anim-slide-in{0%{transform:translate(-50%,-50%) var(--broll-slide-offset, translateY(60px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes broll-anim-slide-out{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-50%) var(--broll-slide-offset, translateY(60px));opacity:0}}@keyframes broll-anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes broll-anim-fade-out{0%{opacity:1}to{opacity:0}}@keyframes broll-anim-spin-in{0%{transform:translate(-50%,-50%) rotate(360deg);opacity:0}to{transform:translate(-50%,-50%) rotate(0);opacity:1}}@keyframes broll-anim-spin-out{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(360deg);opacity:0}}.broll-anim-slide-in{animation:broll-anim-slide-in .5s ease forwards}.broll-anim-slide-out{animation:broll-anim-slide-out .5s ease forwards}.broll-anim-fade-in{animation:broll-anim-fade-in .5s ease forwards}.broll-anim-fade-out{animation:broll-anim-fade-out .5s ease forwards}.broll-anim-spin-in{animation:broll-anim-spin-in .5s ease forwards}.broll-anim-spin-out{animation:broll-anim-spin-out .5s ease forwards}.page-title{font-size:32px;font-weight:800;margin:0;background:linear-gradient(135deg,#5edcff,#2dd4bf,#4dd0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=opal] .page-title{background:linear-gradient(135deg,#0891b2,#0e7490 60%,#0c6a85);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--bg: var(--onyx-bg);--fg: var(--onyx-text);--accent: var(--onyx-cyan);--panel: var(--onyx-surface);--line: var(--onyx-hairline);--muted: var(--onyx-text-faint)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;background:var(--bg);color:var(--fg)}code{background:#11131a;padding:2px 6px;border-radius:6px;border:1px solid var(--line)}.btn{padding:12px 22px;border-radius:8px;font-weight:600;border:0;cursor:pointer}.btn.primary{background:var(--accent);color:var(--btn-primary-text)}.btn.secondary{border:1px solid #333;background:transparent;color:var(--fg)}.btn.ghost{border:1px solid var(--line);background:transparent;color:var(--fg);opacity:.9}.btn-teal{background:var(--onyx-cyan);color:var(--btn-primary-text);border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}.btn-teal:hover:not(:disabled){background:var(--onyx-cyan-deep);transform:translateY(-1px)}.btn-teal:active:not(:disabled){transform:translateY(0)}.btn-teal:disabled{background:var(--onyx-surface-2);color:var(--onyx-text-faint);cursor:not-allowed}.landing{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.landing-header{padding:80px 24px;text-align:center}.landing-header h1{font-size:3rem;margin-bottom:16px}.subtitle{font-size:1.2rem;color:var(--muted);max-width:520px;margin:0 auto 32px}.cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:40px 24px;max-width:900px;margin:0 auto}.feature{background:var(--panel);padding:24px;border-radius:12px;border:1px solid var(--line)}.landing-footer{padding:24px;text-align:center;color:var(--muted);font-size:.9rem}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}.auth-subtitle{color:var(--muted);margin-top:6px;margin-bottom:18px}.auth-label{display:block;margin:12px 0 6px;font-size:13px;color:var(--muted)}.auth-input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--onyx-bg-2);color:var(--fg);outline:none}.auth-btn{width:100%;margin-top:12px}.auth-msg{margin-top:12px;font-size:13px;color:var(--muted);min-height:18px}.auth-back{width:100%;margin-top:14px}.appShell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side{border-right:1px solid var(--line);background:#0c0e13;padding:16px}.brand{padding:10px 10px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}.brandTitle{font-weight:800;letter-spacing:.3px}.brandSub{margin-top:6px;color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:8px;padding-top:8px}.navItem{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--fg);cursor:pointer}.navItem:hover{background:#11131a;border-color:#1d2330}.navItem.active{background:#141826;border-color:#232b3a}.navDivider{height:1px;background:var(--line);margin:8px 0}.navItem.danger{color:#ffb4b4;border-color:#3a1f26}.main{padding:24px}.view{max-width:1100px;margin:0 auto}.hint{color:var(--muted);font-size:13px;margin-top:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:16px}.frameWrap{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b0d12}.frame{width:100%;height:70vh;border:0}.pricing{max-width:980px;margin:0 auto;padding:32px 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.price{font-size:22px;font-weight:800;margin:10px 0}body.has-bg{background:url(/background.jpg) center center / cover no-repeat fixed}[data-theme=opal] body.has-bg{background:radial-gradient(ellipse 70% 60% at 15% 20%,rgba(150,222,235,.18),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(206,192,255,.15),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 15%,rgba(255,205,228,.15),transparent 60%),linear-gradient(165deg,#fbfbff,#f4f5fb 48%,#f7f4fa);background-color:#f7f7fb;background-attachment:fixed}.landing{color:#fff;background:#06080d;min-height:100vh}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;position:sticky;top:0;z-index:100;background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.landing-logo{font-size:1.1rem;font-weight:700;letter-spacing:.15em;color:#fff}.landing-nav-links{display:flex;align-items:center;gap:1.5rem}.landing-nav-links a{color:#ffffffbf;text-decoration:none;font-size:.9rem}.landing-nav-links a:hover{color:#fff}.landing-hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:linear-gradient(160deg,#000000b8,#00000061)}.landing-hero-inner{max-width:780px}.landing-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15;margin-bottom:1.25rem}.landing-hero-sub{font-size:1.1rem;color:#ffffffd1;max-width:600px;margin:0 auto 2rem;line-height:1.7}.landing-hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.landing-trust{font-size:.85rem;color:#ffffff80;max-width:520px;margin:0 auto}.landing-btn-primary{background:#2751d0;color:#fff;border:none;border-radius:8px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.landing-btn-primary:hover{background:#1e43b8}.landing-btn-primary:active{transform:scale(.98)}.landing-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.landing-btn-ghost:hover{border-color:#ffffffb3;background:#ffffff0f}.landing-btn-lg{padding:.85rem 2rem;font-size:1.05rem}.landing-btn-full{width:100%;margin-top:auto}.landing-section{padding:5rem 2rem}.landing-dark-section{background:#00000073}.landing-container{max-width:1100px;margin:0 auto}.landing-container-narrow{max-width:720px;margin:0 auto}.landing-section h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;margin-bottom:1.25rem}.landing-section-sub{color:#ffffffbf;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.landing-section-callout{font-size:1.2rem;font-weight:600;margin-top:2rem;color:#7eb3ff}.landing-problem-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1.5rem}.landing-problem-list li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:#fffc}.landing-check{color:#4ade80;font-weight:700;flex-shrink:0}.landing-check-x{color:#f87171}.landing-solution-points{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.landing-solution-point{display:flex;gap:.75rem;align-items:flex-start;font-size:1rem;color:#ffffffe0}.landing-steps{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.landing-step{display:flex;gap:1.25rem;align-items:flex-start}.landing-step-n{width:36px;height:36px;border-radius:50%;background:#3b6eff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;margin-top:2px}.landing-step h3{font-size:1rem;font-weight:600;margin:0 0 .35rem}.landing-step p{font-size:.9rem;color:#ffffffb8;margin:0;line-height:1.6}.landing-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2rem}.landing-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.landing-card h3{font-size:1rem;font-weight:600;margin:0}.landing-card p{font-size:.9rem;color:#ffffffb8;margin:0;line-height:1.6}.landing-pkg{position:relative}.landing-pkg-highlight{border-color:#3b6eff;background:#3b6eff1f}.landing-popular{background:#2751d0;color:#fff;font-size:.75rem;font-weight:600;padding:3px 12px;border-radius:99px;display:inline-block;margin-bottom:.75rem}.landing-price{font-size:2.2rem;font-weight:700;margin:.5rem 0}.landing-price span{font-size:1rem;font-weight:400;color:#fff9}.landing-pkg-desc{font-size:.85rem;color:#ffffffa6}.landing-pkg-features{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;flex:1}.landing-pkg-features li{display:flex;gap:.6rem;font-size:.88rem;color:#fffc}.landing-doubts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.landing-doubt{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:1rem 1.25rem;font-style:italic;color:#fffc;font-size:.95rem}.landing-truth-close{font-size:1.05rem;margin-top:1.5rem;color:#ffffffd9;line-height:1.7}.landing-truth-close strong{color:#fff}.landing-industries{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.landing-industry-tag{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:.4rem 1rem;font-size:.85rem;color:#ffffffd1}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1.5rem}.landing-feature-item{display:flex;gap:.6rem;align-items:center;font-size:.92rem;color:#ffffffd1}.landing-final-cta{text-align:center;background:linear-gradient(160deg,#3b6eff2e,#00000080)}.landing-final-cta h2{margin-bottom:1rem}.landing-final-cta p{color:#ffffffbf;margin-bottom:2rem}.landing-final-sub{font-size:.85rem;color:#ffffff80;margin-top:1rem!important;margin-bottom:0!important}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--nav-bg);border-top:1px solid var(--onyx-hairline);font-size:.85rem;color:#8b97b0;flex-wrap:wrap;gap:1rem}.landing-footer-links{display:flex;gap:1.5rem}.landing-footer-links a{color:#8b97b0;text-decoration:none;font-size:13px}.landing-footer-links a:hover{color:#4dd0ff}.landing-objection{background:#0000004d}
