*{box-sizing:border-box} :root{--ink:#11152a;--muted:#73788d;--navy:#090d1b;--purple:#7658f5;--blue:#4d9cf5;--line:#e9eaf1;--soft:#f7f7fc}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-.045em;margin:0 0 18px}h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:800}h2{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:800}h3{font-size:1.25rem}p{margin:0 0 18px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:82px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,231,240,.8)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;letter-spacing:-1.3px;color:#171a2e;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#8064ff,#4c9cf5);color:white;font-size:25px;font-weight:800}.brand-light{color:#8a7afa}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a,.site-footer a{font-size:13px;color:#62677a;text-decoration:none;font-weight:600}.main-nav a:hover,.site-footer a:hover{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border:0;border-radius:10px;background:linear-gradient(110deg,#7658f5,#4b91ef);color:#fff;text-decoration:none;font:700 14px 'DM Sans';box-shadow:0 10px 24px #7658f533;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #7658f54a}.btn-small{padding:11px 16px;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 25%,#242052 0%,transparent 43%),#090d1b;color:#fff;padding:92px 0 24px}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:#6849f5;filter:blur(180px);opacity:.15;right:-180px;top:-260px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:800;color:#aaa5ff;margin-bottom:22px}.eyebrow.purple{color:#7966ed}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72e9b4;box-shadow:0 0 0 5px #72e9b422}.hero h1{max-width:600px}.gradient-text{background:linear-gradient(100deg,#9d8aff,#60b6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:17px;line-height:1.8;color:#aeb3c9;max-width:530px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.text-link span{margin-left:7px}.trust-row{display:flex;align-items:center;gap:13px;color:#8990aa;font-size:11px;margin-top:40px}.avatar-stack{display:flex}.avatar-stack i{font-style:normal;width:28px;height:28px;border:2px solid #10152a;border-radius:50%;display:grid;place-items:center;margin-left:-7px;background:#a38aff;color:#fff;font-size:10px;font-weight:800}.avatar-stack i:first-child{margin-left:0;background:#55b6a0}.avatar-stack i:nth-child(2){background:#e29c7e}.avatar-stack i:nth-child(3){background:#6e91e8}.avatar-stack i:last-child{background:#323b59}.hero-visual{position:relative;min-height:480px;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #8c83f32b;border-radius:50%;width:490px;height:490px}.orbit-two{width:390px;height:390px;border-style:dashed}.dashboard-card{position:relative;width:min(100%,490px);background:#fff;border:1px solid #ffffff45;border-radius:16px;overflow:hidden;box-shadow:0 35px 100px #0008;transform:rotate(-2deg);color:#171a2d}.dash-top{height:47px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #edf0f5;font-size:10px;color:#85899b}.window-dots{display:flex;gap:4px}.window-dots b{width:6px;height:6px;border-radius:50%;background:#ff8b85}.window-dots b:nth-child(2){background:#f6c66e}.window-dots b:nth-child(3){background:#75d9a3}.live-pill{margin-left:auto;color:#299c73;background:#e8fbf3;padding:4px 8px;border-radius:30px;font-size:9px}.dash-body{display:flex;min-height:340px}.dash-side{width:46px;background:#f8f9fc;border-right:1px solid #edf0f5;display:flex;align-items:center;flex-direction:column;gap:25px;padding-top:22px;color:#a0a5b5}.side-active{color:#795ef4}.chat-area{flex:1;padding:20px}.chat-heading{display:flex;justify-content:space-between;margin-bottom:18px}.chat-heading b{display:block;font:700 12px Manrope}.chat-heading small{font-size:9px;color:#9a9eae}.tiny-tag{font-size:9px;color:#795ef4;background:#f1efff;padding:5px 9px;border-radius:5px;height:25px}.conversation{display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:8px;border-bottom:1px solid #f0f1f6}.conversation.selected{background:#f5f3ff}.person{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;color:white}.p1{background:#8c76e9}.p2{background:#df9b7c}.p3{background:#5d9eaa}.conversation b{font-size:9px;display:block}.conversation p{font-size:8px;color:#8e93a3;margin:2px 0 0}.conversation time{margin-left:auto;color:#a0a4b2;font-size:8px}.message-preview{margin-top:17px;padding:12px;background:#fafaff;border:1px solid #eeeefa;border-radius:9px}.message-preview small{font-size:8px;color:#999}.message-preview p{font-size:9px;margin:8px 0;background:white;border:1px solid #eee;padding:8px;border-radius:8px;width:85%}.reply{font-size:9px;background:#eeeaff;padding:9px;border-radius:8px;margin-left:auto;width:85%;color:#49416d}.reply span{color:#6b58e7;float:right}.reply-input{font-size:8px;color:#a1a4b1;background:#fff;border:1px solid #eee;padding:9px;margin-top:9px;border-radius:6px}.reply-input b{float:right;color:#7658f5}.floating-stat,.floating-online{position:absolute;background:#fff;color:#24273b;border-radius:12px;box-shadow:0 16px 40px #0003}.floating-stat{right:-4px;bottom:60px;display:flex;align-items:center;gap:10px;padding:13px 16px}.stat-icon{width:32px;height:32px;display:grid;place-items:center;background:#e9fbf3;color:#26a777;border-radius:9px}.floating-stat b,.floating-stat small{display:block}.floating-stat b{font-size:10px}.floating-stat small{font-size:8px;color:#8b90a0}.floating-online{top:58px;left:-15px;padding:10px 13px;font-size:9px;display:flex;align-items:center;gap:9px}.hero-bottom{border-top:1px solid #ffffff1b;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#777f9d;font-size:9px;letter-spacing:1.5px}.hero-bottom div{display:flex;gap:20px;color:#d7d8e5}.hero-bottom i{color:#8776ff;font-style:normal}.section{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.intro-grid h2{max-width:510px}.section-lead{font-size:15px;color:#777d91;line-height:1.9}.section-heading{text-align:center;margin-bottom:52px}.section-heading h2{margin-bottom:14px}.section-heading p{color:#85899a}.features-section{background:#f8f8fc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{position:relative;overflow:hidden;min-height:255px;padding:30px;background:white;border:1px solid #eeeef5;border-radius:14px;transition:.3s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #27205212}.feature-highlight{background:#11152b;color:#fff;border-color:#11152b}.feature-icon{width:42px;height:42px;display:grid;place-items:center;background:#f0edff;color:#7658f5;border-radius:12px;font-size:20px;margin-bottom:27px}.feature-icon.blue{background:#eaf3ff;color:#428ce5}.feature-icon.green{background:#e7f9f1;color:#31a77c}.feature-icon.orange{background:#fff2e8;color:#e69555}.feature-icon.pink{background:#fff0f4;color:#dc7398}.feature-icon.violet{background:#f2edff;color:#8b69e9}.feature-card h3{font-size:17px;margin-bottom:10px}.feature-card p{font-size:12px;color:#85899a;line-height:1.8;max-width:300px}.feature-highlight p{color:#a3a8bf}.feature-art{position:absolute;right:18px;bottom:-15px;font-size:80px;font-weight:800;color:#7658f50d}.feature-highlight .feature-art{color:#fff0}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.workflow-copy h2{max-width:500px}.steps{margin-top:35px}.step{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #eff0f5}.step>span{font:800 13px Manrope;color:#8c78f4;padding-top:3px}.step h3{font-size:15px;margin-bottom:5px}.step p{font-size:12px;color:#85899a;margin:0}.workflow-art{min-height:420px;background:radial-gradient(circle at 55% 50%,#ece9ff,transparent 65%);display:grid;place-items:center;position:relative}.flow-card{width:min(100%,390px);background:#fff;border:1px solid #efeff6;border-radius:16px;padding:28px;box-shadow:0 25px 70px #342a7a14;position:relative;z-index:1}.flow-label{font-size:9px;letter-spacing:2px;font-weight:800;color:#9a9bad}.flow-node{display:flex;align-items:center;gap:14px;padding:16px;margin-top:15px;background:#fafaff;border:1px solid #f0eff9;border-radius:10px}.flow-node>span{width:38px;height:38px;display:grid;place-items:center;background:#eeeaff;color:#795ef4;border-radius:10px;font-size:18px}.flow-node b,.flow-node small{display:block}.flow-node b{font-size:12px}.flow-node small{font-size:9px;color:#9296a6}.flow-line{height:17px;border-left:1px dashed #b9afff;margin-left:35px}.flow-success{margin-top:20px;padding:12px;text-align:center;background:#eafaf3;color:#27966d;border-radius:8px;font-size:10px;font-weight:700}.decor-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#9e8aff;top:55px;right:40px;box-shadow:0 0 0 12px #9e8aff20}.stats-section{padding-top:10px}.stats-panel{background:#10152b;color:white;border-radius:18px;padding:48px 55px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;align-items:center}.stats-panel h2{font-size:30px;margin:0}.stats-panel .eyebrow{font-size:8px}.stat-item b{display:block;font:800 35px Manrope;color:#a79aff}.stat-item span{font-size:10px;color:#a6abc0}.pricing-section{background:#f8f8fc}.pricing-card{max-width:850px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;background:white;border:1px solid #ececf4;border-radius:17px;overflow:hidden;box-shadow:0 20px 60px #2a22500b}.pricing-card>div:first-child{padding:40px}.popular-label{font-size:9px;letter-spacing:1.5px;color:#7965ed;font-weight:800}.pricing-card h3{font-size:28px;margin-top:13px}.pricing-card p{font-size:13px;color:#85899a}.pricing-card ul{list-style:none;padding:0;margin:25px 0 0}.pricing-card li{font-size:12px;color:#54596d;padding:8px 0}.pricing-card li:before{content:'✓';color:#38ac81;font-weight:800;margin-right:12px}.pricing-side{background:#11162d;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center}.pricing-side>span{font-size:9px;letter-spacing:2px;color:#a69aff;font-weight:800}.pricing-side h2{font-size:32px;margin:15px 0}.pricing-side p{color:#aeb3c8;font-size:12px}.pricing-side .btn{align-self:flex-start;margin-top:8px}.pricing-side small{font-size:9px;color:#8189a5;margin-top:14px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-bottom:1px solid #e9eaf1;padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font:700 14px Manrope;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';color:#8068f3;font-size:20px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;color:#85899a;margin:14px 0 0;max-width:580px}.contact-section{background:#10152b;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-grid h2{max-width:500px}.contact-grid h2 span{color:#a89aff}.contact-grid>div>p{color:#aeb3c8;font-size:14px;max-width:450px;line-height:1.8}.contact-note{display:flex;gap:14px;align-items:center;margin-top:38px}.contact-note>span{width:42px;height:42px;border-radius:12px;background:#27234d;display:grid;place-items:center;color:#a99aff}.contact-note small,.contact-note b{display:block}.contact-note small{font-size:8px;letter-spacing:1.5px;color:#8f96b1}.contact-note b{font-size:12px}.contact-form{background:white;color:#171a2d;padding:32px;border-radius:15px}.contact-form label,.login-card label,.admin-panel label,.post-form label{display:block;font-size:11px;font-weight:700;margin-bottom:17px}.contact-form input,.contact-form textarea,.login-card input,.admin-panel input,.admin-panel textarea,.admin-panel select,.post-form input,.post-form textarea,.post-form select,.builder-block input,.builder-block textarea,.builder-block select{display:block;width:100%;margin-top:7px;border:1px solid #e6e7ef;border-radius:7px;padding:12px 13px;font:12px 'DM Sans';color:#25293d;background:#fff;outline:none}.contact-form input:focus,.contact-form textarea:focus,.login-card input:focus,.admin-panel input:focus,.admin-panel textarea:focus{border-color:#8b78f5;box-shadow:0 0 0 3px #8b78f51a}.contact-form textarea{resize:vertical}.contact-form .btn{width:100%}.contact-form>small{display:block;color:#999daf;font-size:9px;margin-top:13px}.form-success{padding:10px;background:#e8f9f0;color:#22845e;border-radius:7px;font-size:12px}.site-footer{background:#090d1b;color:#fff;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px;padding-bottom:50px}.footer-brand{color:white}.footer-copy{max-width:280px;color:#8d94ac;font-size:11px;margin-top:18px;line-height:1.8}.site-footer h4{font-size:12px;letter-spacing:.3px;margin:6px 0 18px}.site-footer a{display:block;color:#8d94ac;margin:10px 0;font-size:11px}.site-footer .footer-brand{display:inline-flex}.footer-bottom{border-top:1px solid #ffffff17;padding-top:18px;display:flex;justify-content:space-between;color:#737b97;font-size:9px}.footer-bottom a{margin:0}.page-hero{background:#f7f7fc;padding:85px 0;text-align:center}.page-hero h1{font-size:clamp(2.7rem,5vw,4.3rem);max-width:850px;margin:0 auto 15px}.page-hero p{color:#85899a;max-width:650px;margin:0 auto}.page-content{max-width:850px;line-height:1.9}.page-content h2{font-size:30px;margin-top:35px}.page-content figure img{width:100%;border-radius:12px}.page-content figcaption{font-size:11px;color:#888}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{padding:30px;border:1px solid #eeeef5;border-radius:13px}.blog-card h2{font-size:21px;margin:12px 0}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card p{font-size:12px;color:#85899a}.empty-state{grid-column:1/-1;text-align:center;padding:70px}.article-head{max-width:850px}.article-body{max-width:760px;white-space:pre-line;line-height:1.95;color:#51566a}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}.small{font-size:10px}.muted{color:#8a8fa1}.block-muted{display:block;color:#969bad;font-size:10px}.admin-login{min-height:100vh;background:radial-gradient(circle at 20% 20%,#eeeaff,transparent 35%),#f6f6fb;display:grid;place-items:center;padding:25px}.login-card{width:min(100%,410px);padding:38px;background:white;border:1px solid #eeeef5;border-radius:16px;box-shadow:0 25px 80px #24204c12}.login-card h1{font-size:30px;margin:28px 0 8px}.login-card>p{font-size:12px}.login-card .btn{width:100%;margin-top:8px}.back-link{display:inline-block;color:#777d91;text-decoration:none;font-size:11px;margin:10px 0}.admin-body{background:#f6f7fb}.admin-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.admin-sidebar{background:#10152b;color:#fff;padding:28px 20px;display:flex;flex-direction:column;gap:8px}.admin-sidebar .brand{color:white;margin-bottom:28px}.admin-sidebar>small{font-size:9px;letter-spacing:1.5px;color:#747d9d;margin:0 10px 12px}.admin-sidebar>a:not(.brand){padding:11px 12px;border-radius:7px;text-decoration:none;color:#aeb4ca;font-size:12px}.admin-sidebar>a:hover{background:#222747;color:white}.admin-sidebar .view-site{margin-top:auto;border:1px solid #ffffff24}.admin-main{min-width:0}.admin-top{height:68px;background:#fff;border-bottom:1px solid #eceef4;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:11px;font-weight:700}.admin-top span:last-child{color:#85899a;font-weight:500}.admin-content{padding:35px;max-width:1450px;margin:auto}.admin-welcome{margin:10px 0 30px}.admin-welcome h1,.admin-heading h1{font-size:32px;margin:0 0 8px}.admin-welcome p,.admin-heading p{font-size:12px;color:#85899a}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.admin-stat,.admin-panel{background:white;border:1px solid #eceef4;border-radius:11px;padding:23px}.admin-stat span{display:block;font-size:11px;color:#85899a}.admin-stat b{display:block;font:800 32px Manrope;margin-top:8px}.admin-panel{margin-bottom:20px}.admin-panel h2{font-size:17px;margin-bottom:20px}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.quick-actions a{padding:13px 16px;border:1px solid #eeeef5;border-radius:7px;text-decoration:none;color:#555a70;font-size:11px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-heading .btn{white-space:nowrap}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{text-align:left;color:#8a8fa1;font-size:9px;letter-spacing:.7px;text-transform:uppercase}.admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid #f0f1f5;vertical-align:top}.admin-table a{color:#7058e9;text-decoration:none;font-weight:700}.table-wrap{overflow:auto}.status{padding:4px 8px;border-radius:20px;font-size:9px}.status.published{background:#e9f9f1;color:#25855f}.status.draft{background:#f2f2f6;color:#777d91}.inline-form{display:inline}.link-danger,.remove-block{border:0;background:none;color:#c65d69;cursor:pointer;font:700 11px 'DM Sans'}.editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px}.editor-main .admin-panel,.editor-side .admin-panel{margin-bottom:18px}.editor-form label,.builder-block label{display:block;font-size:10px;font-weight:700;margin-bottom:12px}.editor-form label small,.hint{font-size:9px;color:#9297a8;font-weight:400}.panel-title,.block-head{display:flex;justify-content:space-between;align-items:center}.builder-block{border:1px solid #e9eaf1;border-radius:9px;padding:16px;margin:14px 0;background:#fcfcff}.builder-block .block-head{margin-bottom:14px;font-size:11px}.builder-block label{font-size:9px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important;margin:0!important}.full{width:100%}.alert{padding:12px;background:#fff0f0;color:#a5424e;border-radius:7px;font-size:11px;margin:12px 0}.success{padding:12px;background:#e9f9f1;color:#25855f;border-radius:7px;font-size:11px;margin:12px 0}.post-form{max-width:900px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-message{max-width:400px;white-space:pre-wrap}
@media(max-width:900px){.main-nav{gap:15px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-visual{min-height:420px}.intro-grid,.workflow-grid,.faq-grid,.contact-grid{gap:45px}.stats-panel{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.admin-shell{grid-template-columns:205px 1fr}.admin-content{padding:25px}.editor-layout{grid-template-columns:1fr}.editor-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}}
@media(max-width:650px){.container{width:min(100% - 34px,1160px)}.site-header{height:70px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:20px 25px;border-bottom:1px solid #eee;flex-direction:column;align-items:flex-start;gap:18px}.main-nav.is-open{display:flex}.btn-nav{display:none}.hero{padding-top:65px}.hero h1{font-size:3.25rem}.hero-lead{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-visual{min-height:360px}.dashboard-card{transform:none}.visual-orbit{width:340px;height:340px}.orbit-two{width:290px;height:290px}.floating-stat{right:-3px;bottom:35px}.floating-online{left:-5px;top:20px}.hero-bottom{font-size:8px;gap:10px}.hero-bottom div{gap:9px}.section{padding:75px 0}.intro-grid,.workflow-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.workflow-art{min-height:370px}.stats-panel{grid-template-columns:1fr 1fr;padding:30px;gap:25px}.stats-panel>div:first-child{grid-column:1/-1}.pricing-card{grid-template-columns:1fr}.pricing-card>div:first-child,.pricing-side{padding:30px}.faq-grid{gap:35px}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{gap:15px;flex-wrap:wrap}.blog-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{padding:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.admin-sidebar .brand{grid-column:1/-1;margin-bottom:5px}.admin-sidebar>small{grid-column:1/-1}.admin-sidebar .view-site{margin-top:0}.admin-top{padding:0 18px}.admin-content{padding:18px}.admin-stats{grid-template-columns:1fr}.admin-heading{align-items:flex-start;gap:10px;flex-direction:column}.editor-side{display:block}.two-col{grid-template-columns:1fr}.login-card{padding:28px}.admin-table th,.admin-table td{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* ClickoChat supplied brand, login action and editable pricing cards */
.brand-logo{display:inline-flex;align-items:center;max-width:250px;min-width:0}.brand-logo img{display:block;width:100%;max-width:235px;height:auto;max-height:66px;object-fit:contain;object-position:left center}.footer-brand img{max-width:220px;max-height:58px}.nav-actions{display:flex;align-items:center;gap:14px}.login-link{font-weight:700;color:var(--text,#fff);padding:10px 8px}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px;align-items:stretch}.package-card{position:relative;padding:30px;border:1px solid rgba(125,145,190,.2);border-radius:22px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;min-height:100%}.package-card.package-featured{border-color:#7965ff;box-shadow:0 18px 55px rgba(90,70,220,.16);background:linear-gradient(160deg,rgba(107,85,245,.13),rgba(255,255,255,.035))}.package-card h3{font-size:24px;margin:12px 0}.package-price{font-size:34px;font-weight:800;letter-spacing:-1px;margin:12px 0}.package-price small{display:block;font-size:13px;font-weight:500;letter-spacing:0;opacity:.7;margin-top:4px}.package-card p{opacity:.75;min-height:54px}.package-card ul{padding-left:20px;line-height:2;flex:1;margin:14px 0 24px}.package-card .btn{align-self:flex-start}.admin-panel h2{margin:10px 0 16px}.admin-panel hr{border:0;border-top:1px solid rgba(120,130,160,.2);margin:26px 0}.admin-panel select{width:100%;padding:13px;border:1px solid #d8deea;border-radius:10px;background:#fff;color:#182033}
@media(max-width:760px){.nav-actions{gap:5px}.brand-logo{max-width:155px}.brand-logo img{max-width:150px;max-height:48px}.package-grid{grid-template-columns:1fr}}

/* ClickoChat multi-page and conversion improvements */
.hero-demo-video{position:relative;z-index:3;width:min(100%,520px);margin:0 auto 24px;padding:10px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff12;box-shadow:0 24px 70px #10152b30;backdrop-filter:blur(12px)}
.hero-demo-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;background:#111a3b}
.video-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.4px;padding:4px 5px 10px}.video-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 5px 3px;color:#fff}.video-caption b{font-size:11px}.video-caption small{font-size:9px;color:#c8c8e4}
.contact-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:20px}.contact-modal.is-open{display:flex}.contact-modal-backdrop{position:absolute;inset:0;background:#090d1bd9;backdrop-filter:blur(7px)}.contact-modal-card{position:relative;z-index:1;width:min(100%,540px);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:34px;box-shadow:0 35px 100px #0005;animation:modalIn .22s ease-out}.contact-modal-card h2{font:800 clamp(25px,4vw,34px) Manrope;line-height:1.15;margin:12px 0}.contact-modal-card>p{font-size:13px;color:#777d91;margin-bottom:22px}.contact-modal-card .contact-form{padding:0;border-radius:0}.modal-close{position:absolute;right:18px;top:14px;border:0;background:#f2f2f8;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer;color:#555}.modal-open{overflow:hidden}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:650px){.hero-demo-video{margin-bottom:20px}.video-caption{display:block}.video-caption small{display:block;margin-top:4px}.contact-modal-card{padding:25px 20px;border-radius:17px}}