:root{--ink:#0d1020;--muted:#6c7382;--line:#e1e4eb;--soft:#f6f7fb;--dark:#0b0c12;--dark2:#12141d;--purple:#6f4cff;--green:#5ccf93;--max:1240px;--shadow:0 24px 70px rgba(20,24,45,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#8e78ff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 12px 30px rgba(111,76,255,.28)}.btn-secondary{border-color:#555a6d;color:#fff;background:transparent}.btn-light{background:#fff;color:#151827}.btn-outline{border-color:#c9ccd6;background:#fff;color:#161927}
.site-header{position:relative;z-index:20;background:var(--dark);color:#fff;border-bottom:1px solid #242733}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:21px}.brand-mark{width:34px;height:34px;border:2px solid currentColor;border-radius:9px;display:grid;place-items:center;transform:rotate(30deg)}.brand-mark span{transform:rotate(-30deg);font-size:16px}.nav-links{display:flex;gap:31px;font-size:14px;color:#cfd2db}.nav-actions{display:flex;align-items:center;gap:14px}.nav-login{font-size:14px;color:#e4e6ed}.menu-btn{display:none;border:1px solid #3c4050;background:none;color:#fff;border-radius:9px;padding:9px 11px}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.28s;z-index:998}.mobile-menu{position:fixed;top:0;right:0;height:100dvh;width:min(88vw,390px);background:#0d0f16;color:#fff;z-index:999;transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.75,.2,1);display:flex;flex-direction:column;padding:22px;border-left:1px solid #252936}.mobile-menu.is-open{transform:translateX(0)}.mobile-menu-overlay.is-open{opacity:1;visibility:visible}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #252936}.mobile-menu-close{width:42px;height:42px;border:1px solid #343846;border-radius:10px;background:transparent;color:#fff;font-size:28px}.mobile-menu-links{display:flex;flex-direction:column;padding:24px 0}.mobile-menu-links a{display:flex;justify-content:space-between;padding:17px 4px;border-bottom:1px solid #232733;font-size:20px;font-weight:750}.mobile-menu-actions{margin-top:auto;display:grid;gap:12px}.mobile-menu-actions .btn{width:100%}body.menu-open{overflow:hidden}
.hero{color:#fff;background:radial-gradient(circle at 72% 22%,rgba(111,76,255,.2),transparent 27%),linear-gradient(180deg,#0b0c12,#0e1018);overflow:hidden}.hero-inner{display:grid;grid-template-columns:.88fr 1.32fr;gap:48px;align-items:center;padding:82px 0 86px}.hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero p{color:#b8bdc9;font-size:18px;max-width:590px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-line{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;color:#9da3b2;font-size:12px}.device-stage{position:relative;min-height:505px;display:flex;align-items:center;justify-content:center}.monitor{position:relative;width:min(100%,760px);aspect-ratio:16/10;border-radius:18px;padding:14px;background:linear-gradient(145deg,#2d3038,#0c0e13 50%,#30333d);box-shadow:0 40px 90px rgba(0,0,0,.55)}.monitor:after{content:"";position:absolute;left:34%;right:34%;height:48px;bottom:-48px;background:linear-gradient(#22252d,#0c0e13);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.screen{width:100%;height:100%;overflow:hidden;border-radius:9px;background:#11131b;border:1px solid #444958}.screen-top{height:48px;border-bottom:1px solid #292d39;display:flex;align-items:center;gap:12px;padding:0 14px;color:#bfc4d2;font-size:11px}.screen-title{color:#fff;font-weight:800;margin-right:auto}.screen-grid{height:calc(100% - 48px);display:grid;grid-template-columns:145px 1fr 165px}.side{padding:12px;background:#0f1118;border-right:1px solid #262b35;color:#969dab;font-size:10px}.side b{display:block;color:#fff;margin-bottom:8px}.side span{display:block;padding:7px;border-radius:5px}.side .active{background:#1b1e28;color:#fff}.tracks{padding:12px}.track{display:grid;grid-template-columns:70px 1fr;align-items:center;height:43px;border-top:1px solid #222733;color:#b7bdca;font-size:9px}.wave{height:22px;border-radius:4px;background:linear-gradient(90deg,#6f4cff 0 70%,#252936 70%)}.project-panel{border-left:1px solid #282c37;padding:12px;background:#10121a;color:#a8aebb;font-size:9px}.panel-card{border:1px solid #2a2f3a;border-radius:8px;padding:10px;margin-bottom:9px}.panel-card b{color:#fff}.phone{position:absolute;right:-15px;bottom:0;width:150px;height:290px;border-radius:25px;background:linear-gradient(145deg,#2a2d35,#0d0f14);padding:7px;box-shadow:0 30px 50px rgba(0,0,0,.45)}.phone-screen{height:100%;border-radius:19px;background:#141720;border:1px solid #383c49;padding:16px 11px;color:#fff}.mobile-task{padding:9px;border:1px solid #2c3040;border-radius:8px;margin-bottom:8px;font-size:9px;color:#b9bfcc}.mobile-task b{display:block;color:#fff}
.section{padding:92px 0}.center{text-align:center}.section-title{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.04em;margin:10px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;min-height:265px}.feature-icon{width:46px;height:46px;border-radius:14px;background:#f0edff;color:var(--purple);display:grid;place-items:center;font-size:20px;margin-bottom:18px}.feature-card h3{margin:0 0 8px;font-size:19px}.feature-card p{margin:0;color:#737887;font-size:14px}.mini-ui{margin-top:20px;border:1px solid #e5e7ee;border-radius:12px;padding:13px;background:#fbfbfd;color:#606674;font-size:11px}.mini-line{height:8px;border-radius:99px;background:linear-gradient(90deg,#8064ff 0 68%,#ececf2 68%);margin:11px 0}.roles{background:linear-gradient(180deg,#fafafe,#f4f5fb)}.role-panel{display:grid;grid-template-columns:1fr 1.12fr;gap:24px;background:linear-gradient(135deg,#f9f8ff,#f3f2fb);border:1px solid #e5e3f2;border-radius:22px;padding:34px}.role-copy h2{font-size:42px;line-height:1.04;letter-spacing:-.04em;margin:10px 0 14px}.role-copy p{color:#666b79}.role-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.role{font-size:11px;color:#646a79}.role b{display:block;color:#202331;font-size:12px}.approval{background:#11141c;color:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow)}.approval h4{margin:0 0 14px}.approval-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:10px;padding:11px 0;border-bottom:1px solid #292e39;color:#b9c0ce;font-size:10px}.benefits{padding:74px 0 88px}.benefits h2{text-align:center;font-size:34px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:0 28px;border-right:1px solid #e0e2e8}.benefit:last-child{border:0}.benefit h3{font-size:16px}.benefit p{font-size:13px;color:#737887}.cta{padding:0 0 72px}.cta-box{background:radial-gradient(circle at 85% 30%,rgba(111,76,255,.45),transparent 28%),linear-gradient(135deg,#151722,#0c0e16);color:#fff;border-radius:20px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-box h2{font-size:34px;margin:0}.cta-box p{color:#b6bbc7}
.pricing-hero,.page-hero{background:linear-gradient(180deg,#0b0c12,#11131b);color:#fff;padding:86px 0 118px;text-align:center}.pricing-hero h1,.page-hero h1{margin:14px auto 18px;max-width:880px;font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.055em}.pricing-hero p,.page-hero p{margin:auto;color:#b8bdc9;font-size:18px;max-width:720px}.billing{margin:34px auto 0;display:inline-flex;padding:5px;background:#181b25;border:1px solid #303442;border-radius:12px}.billing button{border:0;background:transparent;color:#9299aa;padding:10px 16px;border-radius:8px;font-weight:800}.billing .active{background:#fff;color:#151827}.pricing-wrap{margin-top:-62px;padding-bottom:90px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{position:relative;background:#fff;border:1px solid #e0e3ea;border-radius:18px;padding:26px 24px;box-shadow:0 16px 40px rgba(22,27,45,.07);display:flex;flex-direction:column}.plan.featured{border:2px solid var(--purple);transform:translateY(-10px)}.badge{position:absolute;top:-14px;left:24px;background:var(--purple);color:#fff;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:900}.plan h2{font-size:25px;margin:4px 0}.desc{color:#777d8c;font-size:13px;min-height:58px}.price{display:flex;align-items:end;gap:5px;margin:22px 0 4px}.price strong{font-size:44px;line-height:1}.price span{color:#777d8c;font-size:13px}.price-note{font-size:11px;color:#9499a6;min-height:34px}.plan .btn{width:100%;margin:20px 0}.plan ul{list-style:none;padding:18px 0 0;margin:0;border-top:1px solid #eceef3}.plan li{font-size:13px;color:#555b69;margin:10px 0;padding-left:20px;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:900}.matrix-section{padding:85px 0;background:#f7f8fb}.matrix{overflow:auto;border:1px solid #e0e3ea;border-radius:18px;background:#fff}.matrix table{width:100%;border-collapse:collapse;min-width:780px}.matrix th,.matrix td{padding:16px;border-bottom:1px solid #eceef3;text-align:center;font-size:13px}.matrix th:first-child,.matrix td:first-child{text-align:left;font-weight:700}.yes{color:var(--purple);font-weight:900}.faq{padding:84px 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:950px;margin:30px auto 0}.faq details{border:1px solid #e0e3ea;border-radius:14px;padding:18px 20px}.faq summary{font-weight:800}.faq p{color:#6d7382;font-size:13px}
.demo-shell{display:grid;grid-template-columns:1fr 1fr}.demo-left{background:radial-gradient(circle at 34% 38%,rgba(111,76,255,.11),transparent 35%),linear-gradient(145deg,#f1f3ff,#f6f8fc 58%,#eef1f8);padding:72px max(54px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center}.demo-left h1{font-size:clamp(56px,6vw,94px);line-height:.89;letter-spacing:-.065em;margin:18px 0 28px}.demo-left>p{font-size:19px;color:#667089}.demo-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.demo-benefit{border-top:1px solid #dbe0e9;padding-top:14px;font-size:12px;font-weight:800}.demo-visual{margin-top:42px;border:1px solid rgba(111,76,255,.18);border-radius:20px;background:rgba(255,255,255,.65);padding:18px}.demo-mini-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.demo-mini-card{border:1px solid #dfe2ea;border-radius:12px;background:#fff;padding:14px;font-size:10px}.demo-right{padding:68px max(54px,calc((100vw - 1240px)/2)) 80px 66px}.form-wrap{width:100%;max-width:700px;margin:auto}.form-wrap h2{font-size:clamp(40px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px}.form-intro{color:#667089;font-size:17px;margin:0 0 36px}.question{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #e3e6ed}.question h3{font-size:19px;margin:0 0 6px}.helper{color:#818796;font-size:13px}.option-grid,.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.check-option,.radio-option{display:flex;gap:10px;align-items:center;font-weight:800;font-size:14px}.check-option input,.radio-option input{accent-color:var(--purple)}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd4df;border-radius:10px;padding:13px 14px;background:#fff}.field textarea{min-height:112px;resize:vertical}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.submit-note{font-size:11px;color:#888e9c}.form-alert{border-radius:12px;padding:14px 16px;margin-bottom:18px;font-size:13px}.form-alert.error{border:1px solid #f1c7c0;background:#fff7f5;color:#a43f31}.form-alert.success{border:1px solid #bfe8d2;background:#effbf5;color:#235a40}
.legal{padding:80px 0}.legal-wrap{max-width:850px}.legal h2{font-size:26px;margin:40px 0 10px}.legal h2:first-child{margin-top:0}.legal p,.legal li{color:#626978;font-size:15px}.legal a{color:var(--purple);font-weight:700}.legal-note{border-left:3px solid var(--purple);padding:12px 18px;background:#f7f5ff;border-radius:0 10px 10px 0;color:#5f6471}
.footer{background:#0d0f16;color:#c4c8d1;padding:54px 0 40px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px}.footer .brand{color:#fff;margin-bottom:14px}.footer p{font-size:12px;color:#878d9b;max-width:260px}.footer h4{color:#fff;font-size:12px;margin:0 0 12px}.footer a{display:block;font-size:12px;color:#898f9e;margin:8px 0}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #252936;font-size:11px;color:#6f7583;display:flex;justify-content:space-between}
@media(min-width:1001px){.mobile-menu,.mobile-menu-overlay{display:none}}@media(max-width:1050px){.nav-links{display:none}.menu-btn{display:block}.hero-inner,.role-panel,.demo-shell{grid-template-columns:1fr}.feature-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.plan.featured{transform:none}.demo-left,.demo-right{padding:60px 40px}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}}@media(max-width:700px){.wrap{width:min(100% - 24px,var(--max))}.nav-actions .btn,.nav-login{display:none}.hero-inner{padding:50px 0 72px}.hero h1{font-size:52px}.device-stage{min-height:380px}.phone{display:none}.screen-grid{grid-template-columns:88px 1fr}.project-panel{display:none}.section{padding:70px 0}.feature-grid,.price-grid,.faq-grid,.option-grid,.field-grid,.demo-mini-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid #e0e2e8;padding:20px 0}.cta-box,.submit-row{flex-direction:column;align-items:flex-start}.role-list{grid-template-columns:1fr}.pricing-hero,.page-hero{padding:62px 0 94px}.pricing-wrap{margin-top:-40px}.demo-left,.demo-right{padding:48px 20px}.demo-benefits{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}}