:root{--primary:#165dff;--primary-dark:#0b3eb9;--navy:#0c1734;--ink:#172033;--muted:#6d7890;--line:#e3e9f2;--soft:#f5f7fb;--success:#0da66d;--danger:#dc3f55;--warning:#f59e0b;--shadow:0 18px 50px rgba(16,34,73,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.logo{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.5px;font-size:18px}.logo span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--primary),#6247ff);color:#fff;font-size:13px;box-shadow:0 9px 22px #165dff3b}.logo.light{color:#fff}.guest-nav{height:80px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.guest-nav nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650}.guest-nav nav>a:not(.btn):hover{color:var(--primary)}.btn{border:0;border-radius:11px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),#5848ff);color:#fff;box-shadow:0 9px 25px #165dff32}.btn.secondary{background:#edf2ff;color:var(--primary)}.btn.dark{background:var(--navy);color:#fff}.btn.danger{background:#fff0f2;color:var(--danger)}.btn.success{background:#e9fbf4;color:var(--success)}.btn.small{padding:8px 13px;border-radius:9px;font-size:13px}.btn.block{width:100%}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,#dce8ff 0,transparent 31%),linear-gradient(180deg,#f8faff,#fff);border-top:1px solid #eef2f8}.hero-grid{max-width:1200px;margin:auto;padding:92px 24px 105px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);background:#eaf0ff;border:1px solid #d9e4ff;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #165dff20}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-3.4px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--primary)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:31px 0}.hero-note{display:flex;gap:20px;color:var(--muted);font-size:13px}.hero-note span:before{content:"✓";color:var(--success);font-weight:900;margin-right:6px}.product-window{background:#fff;border:1px solid #dde5f2;border-radius:24px;box-shadow:0 35px 90px #1a3d8225;padding:13px;transform:perspective(900px) rotateY(-4deg) rotateX(1deg);position:relative}.window-bar{height:34px;display:flex;gap:6px;align-items:center;padding:0 8px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#dce2ec}.window-body{border-radius:17px;background:#f2f5fa;display:grid;grid-template-columns:130px 1fr;min-height:430px;overflow:hidden}.fake-side{background:#0e1c3d;padding:22px 12px}.fake-side strong{color:#fff;font-size:11px}.fake-side span{display:block;height:9px;border-radius:5px;background:#26375e;margin:24px 0}.fake-main{padding:23px}.fake-main h4{margin:0 0 18px}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fake-card{height:82px;background:#fff;border-radius:12px;border:1px solid #e7ebf2}.fake-chat{margin:17px 0 0 auto;width:76%;height:255px;background:#fff;border-radius:18px;border:1px solid #e4e9f1;box-shadow:0 18px 30px #1c355014;overflow:hidden}.fake-chat header{height:55px;background:linear-gradient(135deg,var(--primary),#193c9a)}.fake-chat p{margin:15px;width:70%;height:57px;background:#f2f5f9;border-radius:12px}.fake-chat b{display:block;margin:100px 14px 0;height:42px;background:#f4f6fa;border-radius:12px}.float-badge{position:absolute;right:-22px;bottom:38px;background:#fff;border:1px solid #e2e8f3;border-radius:15px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;font-weight:800}.float-badge i{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e8fbf3;color:var(--success);font-style:normal;margin-right:8px}.logo-strip{max-width:1000px;margin:0 auto 85px;padding:22px 25px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-around;color:#7c879b;font-weight:750}.section{max-width:1200px;margin:auto;padding:90px 24px}.section-heading{text-align:center;max-width:730px;margin:0 auto 48px}.section-heading h2{font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-2px;margin:13px 0}.section-heading p{color:var(--muted);font-size:16px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:18px;padding:27px;background:#fff;transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cddaff}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf2ff;color:var(--primary);font-size:23px}.feature-card h3{margin:18px 0 7px}.feature-card p{color:var(--muted);font-size:14px;margin:0}.steps{background:var(--navy);color:#fff}.steps .section-heading p{color:#aeb9d0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{padding:28px;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff08}.step span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--primary);font-weight:850}.step p{color:#b8c2d7}.providers{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.provider-pill{padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:750;box-shadow:0 8px 20px #1720330a}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;position:relative;display:flex;flex-direction:column}.plan-card.featured{border:2px solid var(--primary);box-shadow:0 25px 60px #165dff21}.popular{position:absolute;right:18px;top:17px;background:#e9efff;color:var(--primary);padding:5px 9px;border-radius:20px;font-size:10px;font-weight:850}.price{font-size:38px;font-weight:850;letter-spacing:-2px;margin:15px 0}.price small{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0}.plan-card p{color:var(--muted);font-size:13px}.plan-card ul{list-style:none;padding:0;margin:12px 0 25px;flex:1}.plan-card li{padding:7px 0;font-size:14px}.plan-card li:before{content:"✓";color:var(--success);font-weight:900;margin-right:9px}.plan-cycle{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;margin-bottom:12px}.cta{max-width:1150px;margin:50px auto 90px;background:linear-gradient(125deg,#0d1d43,#164dc1);border-radius:26px;padding:60px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:38px;line-height:1.1;margin:0 0 9px}.cta p{color:#c8d4ec;margin:0}.guest-footer{background:#09132c;color:#aebbd4;padding:55px max(24px,calc((100vw - 1150px)/2));display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:35px;position:relative}.guest-footer>div{display:flex;flex-direction:column;gap:7px}.guest-footer strong{color:#fff}.guest-footer small{position:absolute;bottom:14px;left:max(24px,calc((100vw - 1150px)/2))}.toast{position:fixed;right:24px;top:90px;z-index:9999;border-radius:12px;padding:13px 17px;color:#fff;box-shadow:var(--shadow);font-size:14px}.toast.success,.alert.success{background:#e8faf3;color:#087d52;border-color:#bdebd9}.toast.error,.alert.error{background:#fff0f2;color:#af263c;border-color:#f3c8d0}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 15%,#d9e6ff,transparent 30%),#f5f7fb;padding:25px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:var(--shadow)}.auth-card .brand-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--primary),#6247ff);display:grid;place-items:center;color:#fff;font-weight:850}.auth-card h1{margin:18px 0 4px;letter-spacing:-1px}.muted{color:var(--muted)}form label{font-size:13px;font-weight:700;color:#46526a;display:block;margin-bottom:13px}input,textarea,select{width:100%;border:1px solid #dbe2ed;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none;margin-top:6px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #165dff15}.auth-card .btn{margin-top:8px}.auth-card .switch{text-align:center;font-size:13px;margin-top:18px}.auth-card .switch a{color:var(--primary);font-weight:750}.alert{border:1px solid;border-radius:11px;padding:12px 14px;margin-bottom:17px;font-size:13px}.dashboard-body{background:#f4f6fa}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#0b1733;color:#aebad1;padding:23px 16px;display:flex;flex-direction:column;z-index:50;overflow:auto}.sidebar>.logo{padding:0 9px;margin-bottom:28px}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#71809e;font-weight:850;margin:18px 12px 7px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:650}.side-nav a i{font-style:normal;width:20px;text-align:center;font-size:16px}.side-nav a:hover,.side-nav a.active{background:#ffffff12;color:#fff}.admin-nav a.active{background:#165dff3d}.side-user{margin-top:auto;border-top:1px solid #ffffff14;padding:17px 6px 0;display:flex;align-items:center;gap:9px}.avatar-letter{width:35px;height:35px;border-radius:10px;background:#1c64ff;color:#fff;display:grid;place-items:center;font-weight:850}.side-user div:nth-child(2){min-width:0;flex:1}.side-user strong,.side-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user strong{font-size:12px;color:#fff}.side-user small{font-size:10px}.side-user form{margin:0}.side-user button{border:0;background:none;color:#90a0bf;cursor:pointer}.app-shell{margin-left:256px;min-height:100vh}.topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar h1{font-size:20px;margin:0}.topbar p{font-size:11px;color:var(--muted);margin:2px 0 0}.app-content{padding:25px 30px 55px;max-width:1500px;margin:auto}.mobile-menu,.mobile-close{display:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.stat-card span{font-size:12px;color:var(--muted);font-weight:700}.stat-card strong{font-size:28px;display:block;margin-top:7px;letter-spacing:-1px}.stat-card i{float:right;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eef3ff;color:var(--primary);font-style:normal}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{font-size:16px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:2px 0}.usage-row{margin:17px 0}.usage-row div{display:flex;justify-content:space-between;font-size:12px}.progress{height:7px;border-radius:10px;background:#e9edf4;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#5c48ff);border-radius:10px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#7b869b;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 10px;border-bottom:1px solid #edf0f5;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table strong{font-size:12px}.data-table small{display:block;color:var(--muted);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800;text-transform:capitalize}.badge.active,.badge.ready,.badge.approved,.badge.completed{background:#e8f9f2;color:#07865a}.badge.pending,.badge.queued,.badge.crawling,.badge.running{background:#fff6df;color:#a76b00}.badge.suspended,.badge.failed,.badge.rejected,.badge.paused{background:#fff0f2;color:#b42c42}.badge.not_started{background:#eef1f6;color:#68758b}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-actions p{margin:0;color:var(--muted);font-size:13px}.assistant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.assistant-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.assistant-card-head{display:flex;gap:11px;align-items:center}.bot-mark{width:44px;height:44px;border-radius:14px;background:#eaf0ff;color:var(--primary);display:grid;place-items:center;font-size:21px}.assistant-card h3{margin:0;font-size:15px}.assistant-card p{margin:2px 0 0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.assistant-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.assistant-metrics div{background:#f6f8fb;border-radius:9px;padding:9px;text-align:center}.assistant-metrics strong,.assistant-metrics small{display:block}.assistant-metrics small{font-size:9px;color:var(--muted)}.card-actions{display:flex;gap:6px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 16px}.form-grid .span-2{grid-column:span 2}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.form-section{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;margin-bottom:17px}.form-section h2{font-size:15px;margin:0 0 4px}.form-section>p{font-size:11px;color:var(--muted);margin:0 0 17px}.form-section textarea{min-height:100px;resize:vertical}.check-row{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px}.check-row input{width:auto;margin:0}.sticky-card{position:sticky;top:110px}.code-box{position:relative}.code-box textarea,.code-box pre{width:100%;min-height:120px;background:#0d1730;color:#d7e4ff;border-radius:12px;border:0;padding:17px;font:12px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;word-break:break-all}.code-box button{position:absolute;right:10px;top:10px}.steps-list{counter-reset:step;list-style:none;padding:0}.steps-list li{counter-increment:step;position:relative;padding:0 0 19px 43px}.steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:29px;height:29px;border-radius:9px;background:#eaf0ff;color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:850}.steps-list strong,.steps-list span{display:block}.steps-list span{font-size:12px;color:var(--muted)}.key-provider{display:flex;align-items:center;gap:10px}.key-provider i{width:34px;height:34px;border-radius:10px;background:#edf2ff;display:grid;place-items:center;color:var(--primary);font-style:normal;font-weight:850}.notice{padding:13px;border-radius:11px;background:#eef4ff;color:#355180;font-size:12px;border:1px solid #d9e5ff}.danger-zone{border-color:#f3d4d9}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty i{font-style:normal;font-size:38px;display:block;margin-bottom:9px}.admin-stat .stat-card:nth-child(4) i{background:#e7faf2;color:var(--success)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs a{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:12px}.tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.plan-editor{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan-editor .wide{grid-column:span 2}.plan-editor .full{grid-column:1/-1}.plan-editor label{margin:0}.plan-editor textarea{min-height:80px}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{margin:0;min-width:110px;padding:7px}.inline-form .btn{white-space:nowrap}.color-row{display:flex;gap:10px}.color-row input[type=color]{width:55px;height:44px;padding:4px}.settings-group{margin-bottom:22px}.settings-group h3{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:8px}.settings-group .form-grid{gap:2px 13px}.auth-card code,.notice code{font-family:ui-monospace,monospace}.nowrap{white-space:nowrap}
.transcript{display:flex;flex-direction:column;gap:12px}.transcript-row{display:flex}.transcript-row>div{max-width:84%;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:#f7f9fc}.transcript-row.user{justify-content:flex-end}.transcript-row.user>div{background:#eaf0ff;border-color:#d8e3ff}.transcript-row.assistant>div{background:#fff}.transcript-row strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.transcript-row p{font-size:13px;margin:5px 0;white-space:normal}.transcript-row small{font-size:9px;color:var(--muted)}
@media(max-width:1050px){.features-grid,.pricing-grid,.assistant-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:35px}.stat-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.sticky-card{position:static}.plan-editor{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.guest-nav nav>a:not(.btn){display:none}.hero-grid{grid-template-columns:1fr;padding-top:65px}.product-window{transform:none}.hero h1{letter-spacing:-2px}.features-grid,.steps-grid,.pricing-grid{grid-template-columns:1fr}.logo-strip{margin:0 20px 60px;overflow:auto;gap:32px;justify-content:flex-start}.cta{margin:30px 20px 65px;padding:37px;display:block}.cta .btn{margin-top:24px}.guest-footer{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app-shell{margin-left:0}.mobile-menu{display:block;border:0;background:#eef2f8;border-radius:9px;width:38px;height:38px;margin-right:12px}.mobile-close{display:block;position:absolute;right:13px;top:19px;border:0;background:none;color:#fff;font-size:24px}.sidebar-overlay{position:fixed;inset:0;background:#0811269e;z-index:40;opacity:0;visibility:hidden;transition:.2s}.sidebar-overlay.open{opacity:1;visibility:visible}.topbar{padding:0 18px;justify-content:flex-start}.top-actions{margin-left:auto}.app-content{padding:20px 17px 45px}.grid-2{grid-template-columns:1fr}.assistant-grid{grid-template-columns:1fr}}
@media(max-width:560px){.guest-nav{height:68px;padding:0 16px}.guest-nav nav{gap:8px}.hero-grid{padding:55px 18px 75px}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.hero-note{flex-direction:column;gap:4px}.window-body{grid-template-columns:80px 1fr;min-height:330px}.fake-main{padding:13px}.fake-chat{height:195px;width:90%}.float-badge{right:4px}.section{padding:65px 17px}.section-heading h2{font-size:34px}.cta h2{font-size:31px}.stat-grid{grid-template-columns:1fr}.topbar p{display:none}.topbar .btn{font-size:0}.topbar .btn:after{content:"＋";font-size:19px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.page-actions{align-items:flex-start;gap:12px}.assistant-metrics{grid-template-columns:repeat(2,1fr)}.plan-editor{grid-template-columns:1fr}.plan-editor .wide{grid-column:auto}.auth-card{padding:27px}.guest-footer small{position:static;grid-column:1/-1}.pricing-grid{gap:14px}}