@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#09090f;--bg-1:#0e0e1a;--bg-2:#13131f;--bg-3:#141420b3;--border:#ffffff12;--border-2:#ffffff1f;--accent:#6366f1;--accent-light:#818cf8;--accent-dim:#6366f11f;--accent-glow:#6366f140;--green:#10b981;--green-dim:#10b9811f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--sky:#38bdf8;--sky-dim:#38bdf81f;--rose:#f43f5e;--rose-dim:#f43f5e1f;--text-1:#eeeef5;--text-2:#9090a8;--text-3:#5a5a72;--radius:10px;--radius-lg:16px;--radius-xl:24px;--nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img,video,svg,canvas,iframe{max-width:100%;height:auto;display:block}[class*=col-],[class*=-col],[class*=grid-],.flex-child{min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.t-hero{letter-spacing:-.03em;color:var(--text-1);font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.1}.t-h1{letter-spacing:-.025em;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.15}.t-h2{letter-spacing:-.02em;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:700;line-height:1.25}.t-h3{letter-spacing:-.01em;font-size:1.1rem;font-weight:700;line-height:1.3}.t-body{color:var(--text-2);font-size:1rem;line-height:1.7}.t-small{color:var(--text-2);font-size:.875rem;line-height:1.6}.t-mono{font-family:JetBrains Mono,monospace}.t-gradient{background:linear-gradient(135deg, var(--text-1) 30%, var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,5vw,2.5rem)}.container-wide{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,5vw,3.5rem)}.section{padding:96px 0}.section-sm{padding:64px 0}.grid-2,.grid-3{grid-template-columns:1fr;gap:24px;display:grid}.grid-4{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=769px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.grid-hero{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}.grid-simulator{grid-template-columns:1fr;align-items:stretch;gap:32px;display:grid}.grid-heatmap,.grid-intelligence{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}.grid-install{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}.grid-enterprise{grid-template-columns:1fr;align-items:center;gap:32px;padding:24px 20px;display:grid}.grid-two{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (width>=993px){.grid-hero{grid-template-columns:1fr 1.5fr;gap:56px}.grid-simulator{grid-template-columns:1.55fr 1fr;gap:24px}.grid-heatmap{grid-template-columns:1.4fr 1fr;gap:36px}.grid-intelligence{grid-template-columns:1fr 1.2fr;gap:40px}.grid-install{grid-template-columns:1fr 1.1fr;gap:72px}.grid-enterprise{grid-template-columns:1.3fr .7fr;gap:48px;padding:40px 48px}.grid-two{grid-template-columns:1fr 1fr;gap:40px}}.layout-two-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.layout-hero-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.grid-analyst{grid-template-columns:1fr;display:grid}@media (width>=769px){.grid-analyst{grid-template-columns:1fr 1fr}}.docs-layout{flex-direction:column;gap:32px;display:flex}.docs-sidebar{border-bottom:1px solid var(--border);flex-direction:row;gap:8px;width:100%;padding-bottom:12px;display:flex;overflow-x:auto}@media (width>=769px){.docs-layout{flex-direction:row;align-items:flex-start;gap:40px}.docs-sidebar{width:260px;top:calc(var(--nav-h) + 24px);border-bottom:none;flex-direction:column;flex-shrink:0;gap:6px;padding-bottom:0;position:sticky;overflow-x:visible}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.btn{border-radius:var(--radius);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 28px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-2);border:1px solid var(--border-2);background:0 0}.btn-ghost:hover{color:var(--text-1);background:#ffffff0a;border-color:#ffffff38}.btn-sm{padding:8px 16px;font-size:.825rem}.btn-lg{padding:14px 28px;font-size:1rem}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-2);box-shadow:0 8px 40px #0006}.card-glass{background:var(--bg-3);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg)}.label{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.label-accent{background:var(--accent-dim);color:var(--accent-light);border:1px solid #6366f133}.label-green{background:var(--green-dim);color:var(--green);border:1px solid #10b98133}.label-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b33}.label-sky{background:var(--sky-dim);color:var(--sky);border:1px solid #38bdf833}.label-rose{background:var(--rose-dim);color:var(--rose);border:1px solid #f43f5e33}.divider{background:var(--border);width:100%;height:1px}.code-wrap{border:1px solid var(--border-2);border-radius:var(--radius-lg);background:#0c0c14;width:100%;overflow:hidden}.code-bar{border-bottom:1px solid var(--border);background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-dots{gap:6px;display:flex}.code-dot{border-radius:50%;width:10px;height:10px}.code-dot-r{background:#ff5f57}.code-dot-y{background:#febc2e}.code-dot-g{background:#28c840}.code-lang{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:.7rem}.code-body{padding:24px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.8;overflow-x:auto}.code-comment{color:#4a5068}.code-keyword{color:#c792ea}.code-string{color:#c3e88d}.code-fn{color:#82aaff}.code-deco{color:var(--accent-light)}.code-var,.code-num{color:#f78c6c}.code-plain{color:#cdd3de}.section-header{text-align:center;max-width:640px;margin:0 auto 64px}.section-header .t-body{margin-top:16px}.step-flow{justify-content:center;align-items:center;gap:0;display:flex}.step-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;max-width:160px;display:flex}.step-icon-wrap{background:var(--bg-2);border:1px solid var(--border-2);z-index:1;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.step-connector{background:linear-gradient(90deg, var(--border-2), var(--border));flex:1;max-width:80px;height:1px;position:relative;top:-16px}.step-num{color:var(--accent-light);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.step-label{color:var(--text-1);font-size:.95rem;font-weight:600}.step-desc{color:var(--text-3);font-size:.8rem;line-height:1.5}.icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-box-accent{background:var(--accent-dim);color:var(--accent-light)}.icon-box-green{background:var(--green-dim);color:var(--green)}.icon-box-amber{background:var(--amber-dim);color:var(--amber)}.icon-box-sky{background:var(--sky-dim);color:var(--sky)}.icon-box-rose{background:var(--rose-dim);color:var(--rose)}.mockup-shell{background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--radius-xl);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff0a}.mockup-titlebar{background:var(--bg-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex}.mockup-body{flex-direction:column;gap:14px;padding:20px;display:flex}.mockup-row{justify-content:space-between;align-items:center;display:flex}.mockup-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:.72rem;font-weight:600}.mockup-value{color:var(--text-1);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.mockup-divider{background:var(--border);height:1px}.mockup-risk-bar{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.mockup-risk-fill{background:linear-gradient(90deg, var(--amber), var(--rose));border-radius:3px;height:100%}.mockup-factor{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mockup-factor-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mockup-factor-label{color:var(--text-2);flex:1;font-size:.78rem}.mockup-factor-score{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.mockup-timeline{flex-direction:column;gap:8px;display:flex}.mockup-event{color:var(--text-2);align-items:center;gap:10px;font-size:.75rem;display:flex}.mockup-event-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.mockup-event-time{color:var(--text-3);flex-shrink:0;width:52px;font-family:JetBrains Mono,monospace;font-size:.7rem}.nav{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#09090fd9;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:32px;width:100%;display:flex}.nav-logo{color:var(--text-1);flex-shrink:0;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.nav-logo-mark{background:var(--accent-dim);width:32px;height:32px;color:var(--accent-light);border:1px solid #6366f14d;border-radius:8px;justify-content:center;align-items:center;display:flex}.nav-links{flex:1;align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-2);border-radius:7px;padding:6px 12px;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-1);background:#ffffff0d}.nav-link.active{color:var(--text-1)}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-toggle{display:none}@media (width<=768px){.nav-links{display:none!important}.nav-actions{margin-left:auto}.nav-actions .nav-link,.nav-actions .btn-ghost{display:none!important}.nav-toggle{color:var(--text-1);cursor:pointer;z-index:101;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:6px;font-size:1.35rem;display:flex}}.mobile-drawer-overlay{inset:0;top:var(--nav-h);pointer-events:none;opacity:0;z-index:99;flex-direction:column;transition:opacity .3s;display:flex;position:fixed}.mobile-drawer-overlay.open{pointer-events:auto;opacity:1}.drawer-backdrop{-webkit-backdrop-filter:blur(12px);background:#09090fa6;position:absolute;inset:0}.drawer-content{background:var(--bg-2);z-index:100;border-bottom:1px solid #6366f140;flex-direction:column;gap:12px;padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-12px);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d}.mobile-drawer-overlay.open .drawer-content{transform:translateY(0)}.drawer-link{color:var(--text-2);background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.drawer-link:hover,.drawer-link.active{color:var(--text-1);background:#6366f126;border-color:#6366f14d}.footer{border-top:1px solid var(--border);color:var(--text-3);padding:64px 0 40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand p{color:var(--text-3);max-width:260px;margin-top:12px;font-size:.875rem;line-height:1.6}.footer-col h4{color:var(--text-1);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;font-size:.8rem;font-weight:700}.footer-col a{color:var(--text-3);padding:4px 0;font-size:.875rem;transition:color .15s;display:block}.footer-col a:hover{color:var(--text-2)}.footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;display:flex}.pricing-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;transition:border-color .2s,box-shadow .2s;position:relative}.pricing-card.featured{border-color:#6366f159;box-shadow:0 0 60px #6366f114}.pricing-card:hover{border-color:var(--border-2)}.pricing-card.featured:hover{border-color:#6366f180}.pricing-price{letter-spacing:-.04em;color:var(--text-1);font-size:2.8rem;font-weight:800}.pricing-per{color:var(--text-3);font-size:.875rem}.pricing-features{flex-direction:column;gap:10px;margin-top:28px;list-style:none;display:flex}.pricing-features li{color:var(--text-2);align-items:center;gap:10px;font-size:.875rem;display:flex}.pricing-check{color:var(--green);flex-shrink:0}.flow-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .2s}.flow-card:hover{border-color:#6366f140;transform:translateY(-2px);box-shadow:0 4px 32px #6366f10f}.pillar{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:24px;display:flex}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glow-1{background:radial-gradient(#6366f11a 0%,#0000 65%);width:800px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-glow-2{background:radial-gradient(#38bdf80d 0%,#0000 65%);width:500px;height:400px;position:absolute;bottom:0;right:-10%}.announce{background:var(--accent-dim);color:var(--accent-light);border:1px solid #6366f133;border-radius:99px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.announce-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-d1{animation-delay:.1s}.anim-d2{animation-delay:.2s}.anim-d3{animation-delay:.3s}.anim-d4{animation-delay:.4s}.tag{background:var(--bg-3);border:1px solid var(--border-2);color:var(--accent-light);border-radius:5px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.78rem;display:inline-block}.api-line{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.api-method{text-align:center;border-radius:5px;flex-shrink:0;width:52px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.api-post{background:var(--green-dim);color:var(--green)}.api-get{background:var(--sky-dim);color:var(--sky)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.step-flow{flex-wrap:wrap;gap:20px}.step-connector,.nav-links{display:none}.container,.container-wide{padding:0 16px}.hero-two-col,.dev-two-col{grid-template-columns:1fr!important}}.grid-bg{background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:20px 20px}.live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 10px #10b981cc}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}html.is-iframe,html.is-iframe *{scroll-behavior:auto!important}.hero-mockup-wrapper{gap:16px;width:100%;max-width:780px;display:flex}.hero-mockup-left{flex:0 0 260px}.hero-mockup-right{flex:1}@media (width<=768px){.hero-mockup-wrapper{flex-direction:column!important}.hero-mockup-left,.hero-mockup-right{flex:auto!important;width:100%!important}}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}@media (width<=576px){.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{text-align:center;justify-content:center}}.hero-section{text-align:center;padding:6rem 0 4rem;position:relative}.hero-inner{max-width:760px;margin:0 auto}.hero-badge{color:#818cf8;letter-spacing:.5px;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f140;border-radius:99px;align-items:center;gap:8px;margin-bottom:2rem;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-ring;box-shadow:0 0 6px #10b981}.hero-title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:1.2rem;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg,#f43f5e,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-sub);margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.hero-quick-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:1.4rem;display:flex}.hero-quick-input-wrap{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;align-items:center;min-width:260px;padding:0 16px;transition:border-color .2s;display:flex}.hero-quick-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.hero-quick-prefix{color:var(--text-muted);margin-right:6px;font-size:1.1rem;font-weight:700}.hero-quick-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;padding:14px 0;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:600}.hero-quick-input::placeholder{color:var(--text-muted);font-weight:400}.hero-quick-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #6366f166}.hero-quick-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f18c}.hero-fallback-note{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-bottom:2.5rem;font-size:.8rem;display:flex}.hero-fallback-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.hero-stat strong{background:linear-gradient(135deg,#f1f5f9,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.hero-stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.73rem}.hero-divider{background:var(--border);width:1px;height:36px}.output-panel{flex-direction:column;gap:1rem;min-height:400px;padding:1.8rem;display:flex}.empty-output{text-align:center;justify-content:center;align-items:center}.empty-icon{margin-bottom:1rem;font-size:3rem}.empty-title{margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.empty-sub{color:var(--text-muted);font-size:.9rem;line-height:1.6}.loading-animation{width:60px;height:60px;margin:0 auto 1rem;position:relative}.loading-ring{border:2px solid #0000;border-top-color:var(--primary);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:0}.loading-ring-2{border-top-color:#8b5cf6;animation-duration:.7s;animation-direction:reverse;inset:8px}.loading-label{font-size:1rem;font-weight:600}.loading-sub{color:var(--text-muted);font-size:.82rem}.error-msg{color:#f43f5e;margin:.6rem 0;font-size:.9rem}.error-hint{color:var(--text-muted);font-size:.8rem;line-height:1.6}.error-hint code{background:#ffffff0f;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace}.fallback-notice{color:#10b981;background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.82rem;display:flex}.fallback-icon{font-size:1rem}.decision-card{background:var(--d-bg);border:1px solid var(--d-border);border-radius:14px;padding:1.4rem}.decision-top{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.decision-icon{font-size:2rem}.decision-main{flex:1}.decision-label{letter-spacing:.04em;font-size:1.5rem;font-weight:900;line-height:1}.decision-latency{color:var(--text-muted);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:.75rem}.score-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.score-item{flex-direction:column;gap:4px;display:flex}.score-value{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900;line-height:1}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.score-bar{background:#ffffff14;border-radius:99px;height:4px;margin-top:4px;overflow:hidden}.score-fill{border-radius:99px;height:100%;transition:width .6s}.system-status-badge{letter-spacing:.06em;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.why-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:1rem 1.2rem}.why-header{color:var(--text-sub);align-items:center;gap:8px;margin-bottom:.8rem;font-size:.85rem;font-weight:700;display:flex}.why-icon{font-size:1.1rem}.trigger-list{flex-direction:column;gap:7px;list-style:none;display:flex}.trigger-item{color:var(--text-sub);align-items:center;gap:8px;font-size:.85rem;line-height:1.4;display:flex}.trigger-dot{border-radius:50%;width:6px;min-width:6px;height:6px;display:inline-block}.action-section{background:color-mix(in srgb, var(--d-color,#6366f1) 8%, transparent);border:1px solid color-mix(in srgb, var(--d-color,#6366f1) 20%, transparent);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.action-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:700}.action-text{color:var(--text-sub);font-size:.88rem}.forensic-section{border-top:1px solid #ffffff0f;padding-top:.8rem}.forensic-toggle-btn{color:#818cf8;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;width:100%;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:flex}.forensic-toggle-btn:hover{background:#6366f114;border-color:#6366f14d}.forensic-arrow{margin-left:auto}.forensic-box{background:#6366f10d;border:1px solid #6366f126;border-radius:10px;margin-top:10px;padding:14px;animation:.2s ease-out fadeIn}.forensic-title{color:#818cf8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.78rem;font-weight:700}.forensic-narrative{color:var(--text-sub);margin-bottom:10px;font-size:.88rem;line-height:1.5}.forensic-list{flex-direction:column;gap:5px;margin-bottom:10px;list-style:none;display:flex}.forensic-list li{color:var(--text-sub);font-size:.85rem;line-height:1.5}.forensic-code{background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.code-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem}.forensic-code code{color:#a78bfa;font-family:JetBrains Mono,monospace;font-size:.82rem}.forensic-note{color:var(--text-muted);margin-top:8px;font-size:.72rem;font-style:italic}.confidence-drivers{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:10px 14px}.drivers-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.7rem}.drivers-list{flex-wrap:wrap;gap:8px;display:flex}.driver-pill{font-size:.78rem}.feedback-section{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;padding:12px 14px}.feedback-header{margin-bottom:8px;font-size:.85rem;font-weight:700}.feedback-sub{color:var(--text-muted);margin-bottom:10px;font-size:.82rem}.feedback-btns{gap:10px;display:flex}.feedback-btn{cursor:pointer;border:1px solid;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .18s}.feedback-legit{color:#10b981;background:#10b9811a;border-color:#10b9814d}.feedback-legit:hover{background:#10b98133}.feedback-fraud{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}.feedback-fraud:hover{background:#f43f5e33}.feedback-loading{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.feedback-success{color:#10b981;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;padding:8px 12px;font-size:.82rem}.json-section{border-top:1px solid #ffffff0f;padding-top:.8rem}.json-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:color .18s;display:flex}.json-toggle:hover{color:var(--text-sub)}.json-arrow{margin-left:auto}.json-block{color:#94a3b8;white-space:pre;background:#0006;border:1px solid #ffffff0f;border-radius:10px;max-height:320px;margin-top:10px;padding:14px;font-family:JetBrains Mono,monospace;font-size:.72rem;overflow-x:auto}.mini-spinner{border:2px solid #fff3;border-top-color:var(--primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}.comparison-section{padding:5rem 0}.comparison-header{text-align:center;margin-bottom:2rem}.comparison-title{letter-spacing:-.02em;margin:.6rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.comparison-sub{color:var(--text-sub);font-size:1rem}.comparison-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1rem;display:flex}.comparison-tab{color:var(--text-sub);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s}.comparison-tab:hover{color:#818cf8;border-color:#6366f166}.comparison-tab.active{color:#818cf8;background:#6366f11f;border-color:#6366f166}.comparison-scenario-desc{text-align:center;color:var(--text-muted);margin-bottom:1.8rem;font-size:.88rem;font-style:italic}.comparison-grid{align-items:center;gap:1rem;max-width:900px;margin:0 auto;display:flex}.comparison-card{border:1px solid;border-radius:16px;flex-direction:column;flex:1;gap:1rem;padding:1.8rem;transition:transform .2s;display:flex}.comparison-card:hover{transform:translateY(-3px)}.comparison-bad{background:#f43f5e0d;border-color:#f43f5e40}.comparison-good{background:#10b9810d;border-color:#10b98140}.comparison-card-header{margin-bottom:.4rem}.comp-badge{border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.comp-badge-bad{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e4d}.comp-badge-good{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.comp-decision{letter-spacing:.02em;font-size:1.8rem;font-weight:900}.comp-score-row{justify-content:space-between;align-items:center;display:flex}.comp-score-label{color:var(--text-muted);font-size:.75rem}.comp-score-value{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.comp-bar-wrap{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.comp-bar-fill{border-radius:99px;height:100%;transition:width .5s}.comp-reason{color:var(--text-sub);font-size:.85rem;line-height:1.5}.comp-loss{color:#f43f5e;opacity:.8;align-items:center;gap:6px;font-size:.82rem;display:flex}.comp-saved{color:#10b981;align-items:center;gap:6px;font-size:.82rem;display:flex}.comparison-vs{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.vs-arrow{color:var(--text-muted);font-size:2rem}.vs-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.7rem;font-weight:700}@media (width<=700px){.comparison-grid{flex-direction:column}.comparison-vs{flex-direction:row;transform:rotate(90deg)}}.shadow-section{padding:5rem 0}.shadow-header{text-align:center;margin-bottom:3rem}.shadow-title{letter-spacing:-.02em;margin:.6rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2}.shadow-accent{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shadow-sub{color:var(--text-sub);max-width:520px;margin:0 auto;font-size:1rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}@media (width<=860px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.stat-card{text-align:center;border-top:3px solid var(--stat-color,var(--primary));flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-4px)}.stat-icon{font-size:1.8rem}.stat-value{font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:900;line-height:1}.stat-label{color:var(--text-main);font-size:.85rem;font-weight:700}.stat-sub{color:var(--text-muted);font-size:.75rem;line-height:1.4}.timeline-section{padding:5rem 0}.timeline-header{text-align:center;margin-bottom:2.5rem}.timeline-title{letter-spacing:-.02em;margin:.6rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.timeline-sub{color:var(--text-sub);max-width:500px;margin:0 auto;font-size:1rem}.timeline-track{max-width:720px;margin:0 auto;padding:2rem 2.5rem}.timeline-items{justify-content:center;align-items:flex-end;gap:0;height:220px;margin-bottom:1.5rem;display:flex}.timeline-step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.step-amount{color:var(--text-main);order:1;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.step-bar-wrap{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:6px 6px 0 0;order:2;align-items:flex-end;width:60px;height:120px;display:flex;overflow:hidden}.step-bar-fill{border-radius:6px 6px 0 0;width:100%;transition:height .8s}.step-decision{text-align:center;letter-spacing:.03em;order:3;font-size:.78rem;font-weight:800}.step-risk{order:4;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600}.step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;order:5;font-size:.65rem}.timeline-connector{color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:center;padding-bottom:50px;display:flex}.connector-line{background:#ffffff1a;width:30px;height:1px}.connector-arrow{color:var(--text-muted);margin-top:-4px;font-size:1.2rem}.timeline-note{color:var(--text-sub);background:#6366f10f;border:1px solid #6366f126;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.85rem;line-height:1.5;display:flex}.timeline-note-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.integration-section{padding:5rem 0}.integration-header{text-align:center;margin-bottom:2.5rem}.integration-title{letter-spacing:-.02em;margin:.6rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.integration-sub{color:var(--text-sub);font-size:1rem}.snippet-wrapper{max-width:760px;margin:0 auto 1.5rem;overflow:hidden}.snippet-bar{background:#ffffff08;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:10px 16px;display:flex}.snippet-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#f43f5e}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.snippet-filename{color:var(--text-muted);flex:1;font-family:JetBrains Mono,monospace;font-size:.78rem}.copy-btn{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f140;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s}.copy-btn:hover{background:#6366f133}.copy-btn.copied{color:#10b981;background:#10b9811a;border-color:#10b9814d}.snippet-code{color:#94a3b8;white-space:pre;tab-size:2;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.7;overflow-x:auto}.integration-note{max-width:760px;color:var(--text-sub);background:#10b9810f;border:1px solid #10b9812e;border-radius:12px;align-items:flex-start;gap:12px;margin:0 auto;padding:14px 18px;font-size:.88rem;line-height:1.5;display:flex}.integration-note-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.integration-note code{color:#10b981;background:#10b9811f;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace}.demo-section{padding:5rem 0}.demo-header{text-align:center;margin-bottom:2.5rem}.demo-title{letter-spacing:-.02em;margin:.6rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.demo-sub{color:var(--text-sub);max-width:540px;margin:0 auto;font-size:1rem}.scenario-selector{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.8rem;display:flex}.scenario-selector-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:700}.scenario-pills{flex-wrap:wrap;gap:8px;display:flex}.scenario-pill{color:var(--text-sub);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .18s}.scenario-pill:hover{border-color:var(--pill-color,var(--primary));color:var(--pill-color,var(--primary));background:#ffffff12}.scenario-pill.active{border-color:var(--pill-color,var(--primary));color:var(--pill-color,var(--primary));background:color-mix(in srgb, var(--pill-color,var(--primary)) 12%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--pill-color,var(--primary)) 25%, transparent)}.demo-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=860px){.demo-grid{grid-template-columns:1fr}}.input-panel{padding:1.8rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-full{grid-column:1/-1}.field-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.72rem;font-weight:700}.field-input{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.field-amount{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600}.field-select{cursor:pointer}.field-select option{background:#1a1d2e}.mode-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;gap:6px;padding:4px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .18s}.mode-btn:hover{color:var(--text-main)}.mode-active{color:#818cf8;background:#6366f133;box-shadow:inset 0 0 0 1px #6366f166}.advanced-toggle{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:.82rem;transition:color .18s}.advanced-toggle:hover{color:var(--text-sub)}.advanced-fields{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem;padding-top:.8rem;display:grid}.policy-toggle-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.policy-toggle-row input[type=checkbox]{accent-color:#a78bfa;cursor:pointer;width:16px;height:16px}.policy-toggle-row label{color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.88rem}.muted{opacity:.6}.submit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 20px #6366f166}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6366f18c}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.submit-hint{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:.75rem;display:flex}.hint-dot{background:#10b981;border-radius:50%;width:5px;height:5px;display:inline-block}.divider{background:#ffffff0f;height:1px;margin:1rem 0}.trust-section{padding:5rem 0}.trust-header{text-align:center;margin-bottom:2.5rem}.trust-title{letter-spacing:-.02em;margin:.6rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.trust-sub{color:var(--text-sub);font-size:1rem}.trust-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=860px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.trust-grid{grid-template-columns:1fr}}.trust-card{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1.8rem 1.4rem;transition:transform .2s;display:flex}.trust-card:hover{transform:translateY(-4px)}.trust-icon{font-size:2rem}.trust-label{color:var(--text-main);font-size:.9rem;font-weight:700}.trust-desc{color:var(--text-muted);text-align:center;font-size:.78rem;line-height:1.5}.cta-footer{border-top:1px solid #ffffff0f;margin-top:4rem;position:relative;overflow:hidden}.cta-inner{padding:6rem 2rem 4rem}.cta-content{text-align:center;max-width:640px;margin:0 auto}.cta-headline{letter-spacing:-.03em;margin-bottom:1.2rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.15}.cta-accent{background:linear-gradient(135deg,#6366f1,#f43f5e,#f59e0b) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-sub{color:var(--text-sub);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.8rem;display:flex}.cta-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:15px 28px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.cta-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f18c}.cta-secondary{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff1f}.cta-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.cta-trust{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.cta-dot{opacity:.4}.footer-bottom{color:var(--text-muted);text-align:center;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1.2rem 2rem;font-size:.78rem;display:flex}.footer-badge{color:#10b981;align-items:center;gap:6px;font-weight:600;display:flex}.footer-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-ring;box-shadow:0 0 6px #10b981}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--bg-base:#07080e;--bg-sidebar:#0b0d14;--bg-panel:#0d101aeb;--bg-card:#101420b3;--bg-input:#ffffff0d;--bg-hover:#ffffff12;--border:#ffffff17;--border-hover:#ffffff2e;--border-active:#6366f180;--primary:#6366f1;--primary-light:#818cf8;--primary-dim:#6366f126;--primary-glow:#6366f159;--text-main:#eef2f7;--text-sub:#94a3b8;--text-muted:#4f6178;--text-label:#7c8fa6;--approve:#10b981;--approve-bg:#10b9811f;--approve-border:#10b98159;--stepup:#f59e0b;--stepup-bg:#f59e0b1f;--stepup-border:#f59e0b59;--review:#38bdf8;--review-bg:#38bdf81f;--review-border:#38bdf859;--deny:#f43f5e;--deny-bg:#f43f5e1f;--deny-border:#f43f5e59;--sidebar-width:240px;--topbar-height:60px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box}.app-shell{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);background-color:var(--bg-base);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.25;border-radius:50%;position:absolute}.bg-orb-1{background:radial-gradient(circle,#6366f166 0%,#0000 70%);width:60vw;height:60vw;animation:25s ease-in-out infinite alternate orbDrift;top:-20%;left:-15%}.bg-orb-2{background:radial-gradient(circle,#ec489933 0%,#0000 70%);width:70vw;height:70vw;animation:30s ease-in-out infinite alternate-reverse orbDrift;bottom:-20%;right:-15%}.bg-orb-3{background:radial-gradient(circle,#38bdf81a 0%,#0000 70%);width:40vw;height:40vw;animation:15s ease-in-out infinite orbPulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbDrift{0%{transform:translate(0)scale(1)}to{transform:translate(4%,6%)scale(1.08)}}@keyframes orbPulse{0%,to{opacity:.15}50%{opacity:.3}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 32px #0006,inset 0 1px #ffffff0d}.app-shell.dashboard-layout{grid-template-columns:var(--sidebar-width) 1fr;z-index:1;grid-template-rows:1fr;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.sidebar-backdrop{z-index:40;background:#00000080;display:none;position:fixed;inset:0}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:50;flex-direction:column;height:100vh;transition:transform .25s;display:flex;position:relative;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-logo-mark{background:var(--primary-dim);border:1px solid #6366f14d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{letter-spacing:.5px;color:var(--text-main);font-size:13px;font-weight:800;line-height:1.2}.sidebar-logo-title span{color:var(--primary-light)}.sidebar-logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-nav-group{margin-bottom:16px}.sidebar-nav-group-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:4px;margin-bottom:6px;padding:0 10px;font-size:10px;font-weight:700}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-nav-item.active{background:var(--primary-dim);color:var(--primary-light);border-color:#6366f133;box-shadow:0 0 20px #6366f114}.sidebar-nav-item svg{opacity:.8;flex-shrink:0;width:16px;height:16px}.sidebar-nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:12px 10px}.sidebar-version-badge{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:15;background:#07080ed9;flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex}.nav-hamburger{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;display:none}.topbar-search{flex:1;max-width:380px;position:relative}.topbar-search input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);outline:none;padding:7px 12px 7px 36px;font-family:inherit;font-size:13px;transition:border-color .15s}.topbar-search input:focus{border-color:var(--border-active)}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search svg{width:15px;height:15px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar-divider{background:var(--border);flex-shrink:0;width:1px;height:22px}.topbar-spacer{flex:1}.topbar-health{color:var(--text-muted);align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}.topbar-health-item{align-items:center;gap:5px;display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.health-dot.healthy{background:#10b981;box-shadow:0 0 6px #10b981b3}.health-dot.degraded{background:#f59e0b;box-shadow:0 0 6px #f59e0bb3}.tenant-selector{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;font-size:13px;transition:border-color .15s;display:flex}.tenant-selector:hover{border-color:var(--border-hover)}.data-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:2px;padding:3px;display:flex}.data-toggle-btn{cursor:pointer;white-space:nowrap;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.data-toggle-btn.active-demo{background:var(--primary);color:#fff;box-shadow:0 2px 12px #6366f166}.data-toggle-btn.active-live{color:#fff;background:#059669;box-shadow:0 2px 12px #05966966}.topbar-notif-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);width:34px;height:34px;color:var(--text-sub);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.topbar-notif-btn:hover{border-color:var(--border-hover);color:var(--text-main)}.notif-badge{border:2px solid var(--bg-base);background:#f43f5e;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.main-column{z-index:10;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{flex:1;padding:28px 28px 40px;overflow:hidden auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page-title{color:var(--text-main);align-items:center;gap:10px;font-size:22px;font-weight:700;line-height:1.2;display:flex}.page-title svg{width:22px;height:22px;color:var(--primary)}.page-subtitle{color:var(--text-sub);margin-top:5px;font-size:13.5px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:border-color .2s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-hover)}.kpi-card-value{letter-spacing:-.5px;color:var(--text-main);margin:12px 0 4px;font-size:28px;font-weight:800;line-height:1.1}.kpi-card-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.kpi-card-sub{color:var(--text-muted);margin-top:6px;font-size:11.5px;line-height:1.4}.kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-trend-up{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.kpi-trend-down{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.chart-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;overflow:hidden}.chart-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-panel-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.4px;border:1px solid;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;background:#ffffff05;padding:11px 14px;font-size:11px;font-weight:700}.data-table tbody tr{cursor:pointer;border-bottom:1px solid #ffffff0a;transition:background .1s}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody td{color:var(--text-main);vertical-align:middle;padding:12px 14px;font-size:13px}.section-badge{background:var(--primary-dim);color:var(--primary-light);letter-spacing:.4px;text-transform:uppercase;border:1px solid #6366f140;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.anim-fadeup{animation:.45s ease-out both fadeUp}.anim-fadeup-d1{animation-delay:70ms}.anim-fadeup-d2{animation-delay:.14s}.anim-fadeup-d3{animation-delay:.21s}.live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 10px #10b981cc}select,input[type=text],textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}select:focus,input[type=text]:focus,textarea:focus{border-color:var(--border-active)}option{background:#0d1018}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-light);box-shadow:0 4px 20px #6366f166}.btn-ghost{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-main);background:var(--bg-hover)}.react-flow__background{background:var(--bg-base)!important}.react-flow__controls{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important}.react-flow__controls-button{border:none!important;border-bottom:1px solid var(--border)!important;color:var(--text-sub)!important;background:0 0!important}.react-flow__controls-button svg{fill:var(--text-sub)!important}.react-flow__edge-label{font-family:JetBrains Mono,monospace;font-size:11px}@media (width<=768px){.app-shell.dashboard-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}.main-column{width:100vw}.nav-hamburger{display:flex}}.tactile-dashboard-card{background:linear-gradient(145deg,#13131f,#0f0f18) padding-box padding-box;border:1px solid #0000;border-radius:12px;padding:1.5rem;position:relative;box-shadow:0 10px 24px #0006,0 2px 8px #0009,inset 0 1px 1px #ffffff14}.tactile-dashboard-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff1a 0%,#ffffff05 100%);border-radius:13px;position:absolute;inset:-1px}.data-well{background:#07080e;border-radius:8px;padding:1rem;box-shadow:inset 0 2px 8px #000c,0 1px #ffffff0d}.btn-tactile{color:#fff;cursor:pointer;background:linear-gradient(#818cf8 0%,#6366f1 100%);border:none;border-radius:6px;justify-content:center;align-items:center;font-weight:600;transition:all .1s;display:inline-flex;box-shadow:0 4px #4f46e5,0 6px 12px #6366f14d,inset 0 1px 1px #ffffff4d}.btn-tactile:active{transform:translateY(4px);box-shadow:0 0 #4f46e5,0 2px 4px #6366f14d,inset 0 2px 4px #0003}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.ob-root{color:#f8fafc;background:#060913;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}.ob-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.ob-header{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060913b3;border-bottom:1px solid #ffffff0d;position:relative}.ob-header-inner{justify-content:space-between;align-items:center;max-width:1120px;height:56px;margin:0 auto;padding:0 28px;display:flex}.ob-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.ob-logo-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px}.ob-logo-text{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:700}.ob-signout{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.ob-signout:hover{color:#fff;background:#ffffff14;border-color:#fff3}.ob-steps{z-index:1;justify-content:center;align-items:center;gap:0;padding:32px 28px 0;display:flex;position:relative}.ob-step{align-items:center;gap:10px;display:flex}.ob-step-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.ob-step--upcoming .ob-step-circle{color:#475569;background:#ffffff08;border:2px solid #ffffff1a}.ob-step--active .ob-step-circle{color:#fff;background:#6366f1;border:2px solid #6366f1;box-shadow:0 0 15px #6366f180}.ob-step--done .ob-step-circle{color:#fff;background:#10b981;border:2px solid #10b981;box-shadow:0 0 10px #10b9814d}.ob-step-label{white-space:nowrap;color:#475569;font-size:13px;font-weight:500}.ob-step--active .ob-step-label{color:#fff;font-weight:600}.ob-step--done .ob-step-label{color:#94a3b8}.ob-step-line{border-radius:1px;flex-shrink:0;width:48px;height:2px;margin:0 8px}.ob-step-line--upcoming{background:#ffffff14}.ob-step-line--done{background:#10b981}.ob-main{z-index:1;flex:1;position:relative}.ob-card-wrap{flex-direction:column;align-items:center;padding:28px 28px 80px;display:flex}.ob-hero{text-align:center;margin-bottom:24px}.ob-heading{letter-spacing:-.8px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:34px;font-weight:800;line-height:1.15}.ob-subheading{color:#94a3b8;font-size:16px;line-height:1.6}.ob-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d122173;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:440px;padding:36px 32px 32px;animation:.45s .1s both ob-cardIn;box-shadow:0 4px 30px #0006,inset 0 1px #ffffff1a}.ob-card--wide{max-width:680px}@keyframes ob-cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ob-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.ob-form{flex-direction:column;gap:0;display:flex}.ob-field{margin-bottom:20px}.ob-field label{color:#94a3b8;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ob-input{color:#fff;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;outline:0;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.ob-input::placeholder{color:#475569}.ob-input:focus{background:#ffffff0f;border-color:#818cf8;box-shadow:0 0 0 3px #818cf840}.ob-input--large{border-radius:12px;padding:14px 16px;font-size:15px}.ob-input--error{border-color:#ef444480;box-shadow:0 0 0 3px #ef444426}.ob-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #6366f166}.ob-submit:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 8px 25px #6366f199}.ob-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ob-submit--green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.ob-submit--green:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 8px 25px #10b98180}.ob-link-btn{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;font-size:13px;transition:color .15s}.ob-link-btn:hover{color:#fff;text-decoration:underline}.ob-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite ob-spin;display:inline-block}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-trust{text-align:center;color:#475569;margin-top:14px;font-size:12px}.ob-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ob-tab{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.ob-tab:hover{color:#a5b4fc;background:#6366f126}.ob-tab--active{color:#fff;background:#6366f1;border-color:#6366f1}.ob-code-wrap{margin-bottom:16px;position:relative}.ob-code{color:#e2e8f0;resize:none;cursor:text;box-sizing:border-box;background:#070a13;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:16px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;line-height:1.6}.ob-copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.ob-copy-btn:hover{color:#e2e8f0;background:#ffffff1f}.ob-site-id-badge{background:#6366f114;border:1px solid #6366f126;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 14px;display:flex}.ob-site-id-label{color:#818cf8;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.ob-site-id-value{color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:13px}.ob-verify-pulse{color:#cbd5e1;background:#6366f114;border:1px solid #6366f126;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:flex}.ob-pulse-dot{background:#818cf8;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.5s ease-in-out infinite ob-pulse}@keyframes ob-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #818cf8b3}50%{opacity:.6;transform:scale(1.3);box-shadow:0 0 10px 4px #818cf800}}.ob-verify-checklist{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.ob-checklist-item{color:#94a3b8;align-items:center;gap:10px;font-size:14px;display:flex}.ob-check-icon{color:#818cf8;text-align:center;flex-shrink:0;width:24px;font-size:16px;font-weight:700}.ob-troubleshoot{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;margin-bottom:20px;padding:16px}.ob-troubleshoot-title{color:#fbbf24;margin-bottom:10px;font-size:13px;font-weight:600}.ob-troubleshoot-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ob-troubleshoot-list li{color:#cbd5e1;align-items:center;gap:10px;font-size:13px;display:flex}.ob-check-box{color:#34d399;font-size:14px;font-weight:700}.ob-timeout-actions{flex-direction:column;gap:4px;display:flex}.ob-verified-badge{background:#10b9811f;border:1px solid #10b98140;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.ob-verified-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;box-shadow:0 0 15px #10b98166}.ob-verified-title{color:#34d399;font-size:15px;font-weight:600}.ob-verified-time{color:#94a3b8;margin-top:2px;font-size:13px}@media (width<=600px){.ob-steps{padding:24px 16px 0}.ob-step-label{display:none}.ob-step-circle{width:28px;height:28px;font-size:12px}.ob-step-line{width:32px}.ob-heading{font-size:26px}.ob-card{padding:24px 20px}.ob-card-wrap{padding:20px 16px 60px}}
