@font-face{font-family:Monologue;src:url(/fonts/monologue.ttf) format("truetype");font-weight:400;font-style:normal}:root{--color-primary:#000000;--color-primary-dark:#000000;--color-primary-light:#333333;--color-secondary:#666666;--color-accent:#000000;--color-accent-dark:#000000;--color-bg:#FFFFFF;--color-bg-alt:#F5F5F5;--color-bg-card:#FFFFFF;--color-bg-card-hover:#FAFAFA;--color-surface:#F0F0F0;--color-border:#E0E0E0;--color-border-light:#CCCCCC;--color-text:#000000;--color-text-secondary:#555555;--color-text-muted:#999999;--gradient-primary:linear-gradient(135deg,#000000,#333333);--gradient-accent:linear-gradient(135deg,#000000,#666666);--gradient-warm:linear-gradient(135deg,#333333,#666666);--gradient-hero:linear-gradient(135deg,#FFFFFF,#F5F5F5 50%,#F0F0F0);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.1);--shadow-lg:0 8px 40px rgba(0,0,0,0.12);--shadow-glow:0 0 30px rgba(0,0,0,0.1);--shadow-glow-accent:0 0 30px rgba(0,0,0,0.1);--font-display:"Monologue",serif;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-geist-mono),"SF Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:18px}body{font-family:var(--font-sans);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a,body{color:var(--color-text)}a{text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-secondary)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none}button,input,select,textarea{font-family:var(--font-sans);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.section{padding:8rem 0}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,h2{font-family:var(--font-display);font-weight:400}h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}html[data-theme=ninja]{--color-primary:#ffffff;--color-primary-dark:#ffffff;--color-primary-light:#d4d4d4;--color-secondary:#a3a3a3;--color-accent:#ffffff;--color-accent-dark:#ffffff;--color-bg:#0a0a0a;--color-bg-alt:#131313;--color-bg-card:#171717;--color-bg-card-hover:#1d1d1d;--color-surface:#202020;--color-border:#2a2a2a;--color-border-light:#3d3d3d;--color-text:#f5f5f5;--color-text-secondary:#b0b0b0;--color-text-muted:#808080;--gradient-primary:linear-gradient(135deg,#ffffff,#d4d4d4);--gradient-accent:linear-gradient(135deg,#ffffff,#a3a3a3);--gradient-warm:linear-gradient(135deg,#d4d4d4,#a3a3a3);--gradient-hero:linear-gradient(135deg,#0a0a0a,#131313 50%,#171717);--shadow-sm:0 2px 8px rgba(0,0,0,0.45);--shadow-md:0 4px 20px rgba(0,0,0,0.55);--shadow-lg:0 8px 40px rgba(0,0,0,0.6);--shadow-glow:0 0 30px rgba(255,255,255,0.06);--shadow-glow-accent:0 0 30px rgba(255,255,255,0.06)}html[data-theme=ninja] .btn,html[data-theme=ninja] .btn-accent,html[data-theme=ninja] .btn-primary,html[data-theme=ninja] .btn-secondary{background:var(--color-text)}html[data-theme=ninja] .btn .btn-content,html[data-theme=ninja] .btn-accent .btn-content,html[data-theme=ninja] .btn-primary .btn-content,html[data-theme=ninja] .btn-secondary .btn-content{background:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-text)}html[data-theme=ninja] .btn-accent:hover .btn-content,html[data-theme=ninja] .btn-primary:hover .btn-content,html[data-theme=ninja] .btn-secondary:hover .btn-content,html[data-theme=ninja] .btn:hover .btn-content{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .btn-accent:hover,html[data-theme=ninja] .btn-primary:hover,html[data-theme=ninja] .btn-secondary:hover,html[data-theme=ninja] .btn:hover{background:var(--color-border-light)}html[data-theme=ninja] .btn[style*="width: 100%"] .btn-content,html[data-theme=ninja] .btn[style*="width:100%"] .btn-content{box-shadow:4px 4px 0 0 var(--color-text)}html[data-theme=ninja] .btn[style*="width: 100%"]:hover .btn-content,html[data-theme=ninja] .btn[style*="width:100%"]:hover .btn-content{box-shadow:4px 4px 0 0 var(--color-border-light)}html[data-theme=ninja] .navbar{border-bottom:1px solid rgba(255,255,255,.16)}html[data-theme=ninja] .navbar-scrolled{background:rgba(10,10,10,.85);border-bottom:1px solid var(--color-border-light)}html[data-theme=ninja] .nav-indicator{background:rgba(255,255,255,.08)}html[data-theme=ninja] .navbar-logo{filter:invert(1)}html[data-theme=ninja] .nav-link{color:#d4d4d4}html[data-theme=ninja] .nav-link:hover{color:var(--color-text)}html[data-theme=ninja] .nav-link.active,html[data-theme=ninja] .nav-link.active:hover{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .nav-login-btn{color:var(--color-text);background:rgba(23,23,23,.7);border:1px solid var(--color-border)}html[data-theme=ninja] .nav-login-btn:hover{background:var(--color-bg-card);border-color:var(--color-border-light);color:var(--color-text)}html[data-theme=ninja] .nav-link-login{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .nav-link-login:hover{background:transparent;color:var(--color-text)}html[data-theme=ninja] [data-tooltip]:after{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .nav-avatar-group .nav-avatar-link{background:var(--color-surface)}html[data-theme=ninja] .nav-avatar-group:hover .nav-avatar-link{background:var(--color-border-light)}html[data-theme=ninja] .footer{background:#000;border-top:1px solid var(--color-border)}html[data-theme=ninja] .legal-content a,html[data-theme=ninja] .legal-content h2{color:var(--color-text)}html[data-theme=ninja] .chat-toggle{background:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-text);box-shadow:4px 4px 0 0 var(--color-text)}html[data-theme=ninja] .chat-toggle:hover{box-shadow:2px 2px 0 0 var(--color-border-light)}html[data-theme=ninja] .chat-toggle.open,html[data-theme=ninja] .chat-toggle:hover{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .chat-window{background:var(--color-bg-card);border:2px solid var(--color-text);box-shadow:6px 6px 0 0 var(--color-text)}html[data-theme=ninja] .chat-header{border-bottom:2px solid var(--color-text);background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .chat-avatar{background:var(--color-bg-card);color:var(--color-text)}html[data-theme=ninja] .chat-close{color:var(--color-bg)}html[data-theme=ninja] .chat-msg-content{border:2px solid var(--color-text)}html[data-theme=ninja] .chat-msg.user .chat-msg-content{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .chat-msg.bot .chat-msg-content{background:var(--color-bg-card);color:var(--color-text)}html[data-theme=ninja] .quick-reply{background:var(--color-bg-card);border:2px solid var(--color-text);box-shadow:2px 2px 0 0 var(--color-text)}html[data-theme=ninja] .quick-reply:hover{background:var(--color-text);color:var(--color-bg);box-shadow:1px 1px 0 0 var(--color-border-light)}html[data-theme=ninja] .chat-input{border-top:2px solid var(--color-text)}html[data-theme=ninja] .chat-input-field{border:2px solid var(--color-text);background:var(--color-bg-alt);color:var(--color-text)}html[data-theme=ninja] .chat-input-field::placeholder{color:var(--color-text-muted)}html[data-theme=ninja] .chat-send-btn{background:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-text);box-shadow:2px 2px 0 0 var(--color-text)}html[data-theme=ninja] .chat-send-btn:hover:not(:disabled){background:var(--color-text);color:var(--color-bg);box-shadow:1px 1px 0 0 var(--color-border-light)}html[data-theme=ninja] .hero-logo:after{box-shadow:0 10px 30px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4)}html[data-theme=ninja] .hero-stat-number,html[data-theme=ninja] .hero-tagline{color:var(--color-text)}html[data-theme=ninja] .hero-stat-label{color:var(--color-text-muted)}html[data-theme=ninja] .step-card{background:var(--color-bg-card)}html[data-theme=ninja] .step-card:hover{background:var(--color-bg-card-hover)}html[data-theme=ninja] .step-card h3{color:var(--color-text)}html[data-theme=ninja] .ai-showcase{background:var(--color-bg-alt)}html[data-theme=ninja] .showcase-features li{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}html[data-theme=ninja] .showcase-features li:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-light);box-shadow:0 4px 12px rgba(0,0,0,.5)}html[data-theme=ninja] .feature-icon,html[data-theme=ninja] .notice-icon{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .feature-pipe{background:rgba(255,255,255,.12)}html[data-theme=ninja] .showcase-tab{background:var(--color-bg-card);border:1px solid var(--color-text)}html[data-theme=ninja] .showcase-tab-heads{border-bottom:1px dotted var(--color-text)}html[data-theme=ninja] .showcase-tab-head+.showcase-tab-head{border-left:1px solid var(--color-text)}html[data-theme=ninja] .showcase-tab-head{color:var(--color-text-muted)}html[data-theme=ninja] .showcase-visual[data-stage=after] .tab-head-after,html[data-theme=ninja] .showcase-visual[data-stage=before] .tab-head-before{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .notice-list li{color:var(--color-text)}html[data-theme=ninja] .showcase-logos:after,html[data-theme=ninja] .showcase-logos:before{background:var(--color-border-light)}html[data-theme=ninja] .mini-logo-img{mix-blend-mode:screen}html[data-theme=ninja] .placeholder-label{color:var(--color-text-muted)}html[data-theme=ninja] .testimonial-bubble,html[data-theme=ninja] .testimonial-bubble:after{background:var(--color-bg-card)}html[data-theme=ninja] .testimonial-tag{background:rgba(78,205,196,.15);color:#5eead4}html[data-theme=ninja] .pricing-preview{background:var(--color-bg-alt)}html[data-theme=ninja] .pricing-card-glass{background:var(--color-bg-card);color:var(--color-text)}html[data-theme=ninja] .pricing-card-glass:hover{background:var(--color-bg-card-hover);border-color:rgba(255,255,255,.12)}html[data-theme=ninja] .pricing-card-glass.featured{background:var(--color-bg-card)}html[data-theme=ninja] .glass-badge{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .glass-plan-name,html[data-theme=ninja] .glass-price-value{color:var(--color-text)}html[data-theme=ninja] .glass-description,html[data-theme=ninja] .glass-features li,html[data-theme=ninja] .glass-price-symbol{color:var(--color-text-secondary)}html[data-theme=ninja] .glass-price-period{color:var(--color-text-muted)}html[data-theme=ninja] .faq-section{background:var(--color-bg-alt)}html[data-theme=ninja] .faq-card{background:var(--color-bg-card)}html[data-theme=ninja] .faq-card:hover{border-color:var(--color-text)}html[data-theme=ninja] .faq-q{color:var(--color-text)}html[data-theme=ninja] .faq-a{color:var(--color-text-secondary)}html[data-theme=ninja] .cta-section{background:#000;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}html[data-theme=ninja] .story-text strong{color:var(--color-text)}html[data-theme=ninja] .about-deliverable,html[data-theme=ninja] .about-step{background:var(--color-bg-card)}html[data-theme=ninja] .about-deliverable h3,html[data-theme=ninja] .about-principle h3,html[data-theme=ninja] .about-principle-icon,html[data-theme=ninja] .about-step h3{color:var(--color-text)}html[data-theme=ninja] .about-step-icon{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .about-page .about-cta{background:#000;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}html[data-theme=ninja] .contact-email{color:var(--color-text);border-bottom:2px solid var(--color-text)}html[data-theme=ninja] .pricing-card-full{background:var(--color-bg-card);border:2px solid var(--color-text);box-shadow:6px 6px 0 0 var(--color-text)}html[data-theme=ninja] .dash-badge{color:var(--color-text);background:var(--color-bg-card)}html[data-theme=ninja] .dash-layout,html[data-theme=ninja] .dash-shell{background:var(--color-bg-alt)}html[data-theme=ninja] .dash-main,html[data-theme=ninja] .dash-sidebar{background:var(--color-bg-card)}html[data-theme=ninja] .dash-profile-name{color:var(--color-text)}html[data-theme=ninja] .dash-nav-link.active,html[data-theme=ninja] .dash-nav-link:hover{background:var(--color-bg-alt);color:var(--color-text)}html[data-theme=ninja] .dash-new-btn{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .dash-new-btn:hover{background:var(--color-primary-light);color:var(--color-bg)}html[data-theme=ninja] .dash-row{background:var(--color-bg-card)}html[data-theme=ninja] .dash-credit-number,html[data-theme=ninja] .dash-link{color:var(--color-text)}html[data-theme=ninja] .dash-details dt{color:var(--color-text-muted)}html[data-theme=ninja] .dash-details dd{color:var(--color-text)}html[data-theme=ninja] .dash-banner{background:var(--color-bg-alt);color:var(--color-text-secondary)}html[data-theme=ninja] .dash-banner-success{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#6ee7b7}html[data-theme=ninja] .dash-head h2,html[data-theme=ninja] .dash-subhead{color:var(--color-text)}html[data-theme=ninja] .dash-stat{background:var(--color-bg-card)}html[data-theme=ninja] .dash-stat-number{color:var(--color-text);border-right-color:var(--color-border)}html[data-theme=ninja] .dash-stat-label{color:var(--color-text)}html[data-theme=ninja] .dash-main .btn .btn-content{border:1.5px solid var(--color-text);background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .dash-main .btn:hover .btn-content{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-bg)}html[data-theme=ninja] .login-page{background:var(--color-bg-alt)}html[data-theme=ninja] .login-card{background:var(--color-bg-card);box-shadow:0 10px 40px rgba(0,0,0,.5)}html[data-theme=ninja] .login-form .form-group label{color:var(--color-text)}html[data-theme=ninja] .login-card .form-input{background:var(--color-bg-alt)}html[data-theme=ninja] .login-card .form-input:focus{border-color:var(--color-text);background:var(--color-bg-card)}html[data-theme=ninja] .login-forgot:hover{color:var(--color-text)}html[data-theme=ninja] .login-card .btn .btn-content{border:1.5px solid var(--color-text);background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .login-card .btn:hover .btn-content{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-bg)}html[data-theme=ninja] .ob-layout,html[data-theme=ninja] body:has(.ob-layout){background:var(--color-bg-alt)}html[data-theme=ninja] .ob-page-logo img{filter:invert(1)}html[data-theme=ninja] .ob-panel{background:var(--color-bg-alt);color:var(--color-text)}html[data-theme=ninja] .ob-panel-step-number{color:var(--color-text)}html[data-theme=ninja] .ob-panel-subtitle{color:var(--color-text-secondary)}html[data-theme=ninja] .ob-panel-step{color:rgba(255,255,255,.4)}html[data-theme=ninja] .ob-panel-step.active{color:var(--color-text)}html[data-theme=ninja] .ob-panel-step.active:before{background:var(--color-bg-card)}html[data-theme=ninja] .ob-panel-step.done{color:rgba(255,255,255,.7)}html[data-theme=ninja] .ob-panel-dot{border:2px solid rgba(255,255,255,.2);background:var(--color-bg-alt);color:rgba(255,255,255,.4)}html[data-theme=ninja] .ob-panel-step:not(:last-child):after{background:rgba(255,255,255,.1)}html[data-theme=ninja] .ob-panel-step.active .ob-panel-dot{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}html[data-theme=ninja] .ob-panel-progress{background:rgba(255,255,255,.08)}html[data-theme=ninja] .ob-form{background:var(--color-bg-card);box-shadow:0 10px 40px rgba(0,0,0,.5)}html[data-theme=ninja] .ob-actions{background:var(--color-bg-card)}html[data-theme=ninja] .form-group label{color:var(--color-text)}html[data-theme=ninja] .form-input{background:var(--color-bg-alt)}html[data-theme=ninja] .form-input:focus{border-color:var(--color-text);background:var(--color-bg-card)}html[data-theme=ninja] .form-input::placeholder{color:var(--color-text-muted)}html[data-theme=ninja] .form-textarea:focus{border-color:var(--color-text)}html[data-theme=ninja] .style-icon{color:var(--color-text)}html[data-theme=ninja] .style-card.selected .style-desc{color:rgba(0,0,0,.6)}html[data-theme=ninja] .style-card.selected .style-icon{background:rgba(0,0,0,.12);color:#111}html[data-theme=ninja] .ob-url-row{background:var(--color-bg-alt)}html[data-theme=ninja] .ob-url-row:focus-within{border-color:var(--color-text);background:var(--color-bg-card)}html[data-theme=ninja] .ob-card-intro,html[data-theme=ninja] .ob-step-word{color:var(--color-text-secondary)}html[data-theme=ninja] .ob-browser{background:var(--color-bg-card);box-shadow:0 8px 24px rgba(0,0,0,.5)}html[data-theme=ninja] .ob-browser-bar{background:var(--color-bg-alt)}html[data-theme=ninja] .ob-browser-dots i{background:var(--color-border-light)}html[data-theme=ninja] .ob-browser-url{background:var(--color-bg-card);color:var(--color-text-muted)}html[data-theme=ninja] .ob-sk{background:var(--color-surface)}html[data-theme=ninja] .ob-analysis-colors,html[data-theme=ninja] .ob-analysis-item.ob-analysis-full{background:var(--color-surface);color:var(--color-text)}html[data-theme=ninja] .ob-analysis-colors .ob-analysis-label,html[data-theme=ninja] .ob-analysis-item.ob-analysis-full .ob-analysis-label{color:rgba(255,255,255,.7)}html[data-theme=ninja] .ob-panel-kicker{color:var(--color-text-muted)}html[data-theme=ninja] .ob-consent a{color:var(--color-text)}html[data-theme=ninja] .ob-layout .btn .btn-content,html[data-theme=ninja] .ob-layout .btn-secondary .btn-content{border:1.5px solid var(--color-text);background:var(--color-bg-card);color:var(--color-text)}html[data-theme=ninja] .ob-layout .btn-primary .btn-content{background:var(--color-text);color:var(--color-bg);border:1.5px solid var(--color-text)}html[data-theme=ninja] .ob-layout .btn-secondary:hover .btn-content,html[data-theme=ninja] .ob-layout .btn:disabled:hover .btn-content,html[data-theme=ninja] .ob-layout .btn:hover .btn-content{background:var(--color-text);color:var(--color-bg)}html[data-theme=ninja] .ob-layout .btn-primary:hover .btn-content{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-bg)}html[data-theme=ninja] .login-error{background:rgba(220,38,38,.15);color:#fca5a5}html[data-theme=ninja] .login-message{background:rgba(16,185,129,.15);color:#6ee7b7}html[data-theme=ninja] .login-legal a,html[data-theme=ninja] .login-toggle{color:var(--color-text)}html[data-theme=ninja] .hero-logo:after{background:var(--color-bg-card);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px var(--color-border)}html[data-theme=ninja] .hero-logo img{filter:grayscale(1) invert(1) brightness(1.2) contrast(1.1)}@font-face{font-family:GeistSans;src:url(/_next/static/media/0b78ff376f6b9734-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local("Arial");ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.00%;size-adjust:106.28%}.__className_8adcd2{font-family:GeistSans,GeistSans Fallback}.__variable_8adcd2{--font-geist-sans:"GeistSans","GeistSans Fallback"}@font-face{font-family:GeistMono;src:url(/_next/static/media/723e11e5093b8e80.p.woff2) format("woff2");font-display:swap;font-weight:100 900}.__className_46451f{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.__variable_46451f{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}