:root{
      --primary:#4777ff;
      --primary-2:#7b4dff;
      --primary-dark:#244fc8;
      --accent:#6f5cff;
      --accent-2:#3d8bff;
      --bg-dark:#05060a;
      --bg-mid:#0b1020;
      --bg-card:#0e1424;
      --bg-light:#f6f8fc;
      --text-dark:#0b1020;
      --text-body:#253047;
      --text-muted:#778198;
      --text-light:#d9e0ef;
      --border:rgba(255,255,255,.11);
      --border-light:#e6eaf2;
      --success:#16a34a;
      --white:#fff;
      --off-white:#f9faff;
      --radius:18px;
      --radius-lg:28px;
      --shadow:0 18px 55px rgba(62,94,255,.16);
      --shadow-lg:0 30px 90px rgba(18,28,70,.20);
      --container:1280px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:'Poppins',sans-serif;color:var(--text-body);background:var(--white);overflow-x:hidden}
    body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img{width:100%;display:block;max-width:100%}
    p,li{font-family:'Poppins',sans-serif;font-size:18px;line-height:1.8}
    p{margin:0 0 18px}
    h1,h2,h3,h4{font-family:'Poppins',sans-serif;letter-spacing:-.035em;margin:0}
    h1{font-size:clamp(46px,6vw,78px);line-height:1.02}
    h2{font-size:clamp(36px,4.4vw,58px);line-height:1.08}
    h3{font-size:22px;line-height:1.25}
    .container{max-width:var(--container);margin:0 auto;padding:0 24px}
    .section{padding:112px 0}
    .section-sm{padding:80px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7ea1ff;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
    .eyebrow:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:10px}
    .section-head{max-width:780px;margin:0 auto 58px;text-align:center}
    .section-head h2{margin:15px 0 18px;color:var(--text-dark)}
    .section-head p{color:var(--text-muted)}
    .dark .section-head h2,.dark .section-head p{color:var(--white)}
    .dark .section-head p{color:#aab4c9}
    .gradient-text{background:linear-gradient(100deg,#5e86ff 0%,#a05cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:15px 23px;font-size:15px;font-weight:700;transition:.25s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap}
    .btn-primary{background:linear-gradient(100deg,#3978ff,#7950ff);color:#fff;box-shadow:0 14px 36px rgba(77,93,255,.34)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(77,93,255,.46)}
    .btn-outline{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.24);color:#fff}
    .btn-outline:hover{border-color:#7992ff;background:rgba(111,92,255,.1)}
    .btn-light{background:#fff;color:#15203a;box-shadow:0 10px 28px rgba(0,0,0,.15)}
    .btn-light:hover{transform:translateY(-2px)}
    .announcement{background:linear-gradient(90deg,#172b66,#351d71);color:#dce5ff;font-size:13px;text-align:center;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
    .announcement a{font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px}
    .nav-wrap{position:sticky;top:0;z-index:1000;background:rgba(5,6,10,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
    .nav{height:74px;display:flex;align-items:center;gap:30px}
    .logo{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:20px;white-space:nowrap;flex-shrink:0}
    .logo-mark{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b6d2ff 0 13%,#4777ff 30%,#7a48ff 68%,#1d2250 100%);box-shadow:0 0 24px rgba(80,113,255,.6);border:1px solid rgba(255,255,255,.6)}
    .nav-links{display:flex;align-items:center;justify-content:center;gap:27px;flex:1}
    .nav-links a{font-size:13px;color:#c9d1e3;font-weight:500;transition:.2s}
    .nav-links a:hover{color:#fff}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .nav-actions .btn{padding:11px 18px;font-size:13px}
    .nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:28px;cursor:pointer}
    .hero{position:relative;background:radial-gradient(circle at 78% 38%,rgba(80,92,255,.25),transparent 30%),radial-gradient(circle at 20% 20%,rgba(56,119,255,.12),transparent 30%),#05060a;color:#fff;overflow:hidden;padding:88px 0 100px}
    .hero:before{content:"";position:absolute;inset:-30% -10% auto;height:600px;background:radial-gradient(circle,rgba(112,77,255,.12),transparent 62%);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center;position:relative;z-index:2}
    .hero-copy .eyebrow{color:#aabaff}
    .hero-copy h1{margin:20px 0 24px;max-width:760px}
    .hero-copy h1 .white{color:#fff}
    .hero-copy>p{max-width:650px;color:#aeb7ca;font-size:19px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 25px}
    .micro-trust{display:flex;flex-wrap:wrap;gap:15px 22px;color:#aab4c9;font-size:12px}
    .micro-trust span{display:inline-flex;align-items:center;gap:7px}
    .dot{width:7px;height:7px;border-radius:50%;background:#66a2ff;box-shadow:0 0 12px #66a2ff}
    .hero-visual{position:relative}
    .dashboard-frame{position:relative;border:1px solid rgba(255,255,255,.16);background:#0c1120;border-radius:24px;padding:10px;box-shadow:0 40px 100px rgba(0,0,0,.45),0 0 80px rgba(74,95,255,.16);transform:perspective(1300px) rotateY(-5deg) rotateX(2deg)}
    .browser-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#8b96ac;font-size:10px}
    .browser-dot{width:7px;height:7px;border-radius:50%;background:#343c50}
    .browser-url{margin-left:8px;background:#151c2d;border-radius:7px;padding:5px 12px;flex:1;color:#78839a}
    .dash{display:grid;grid-template-columns:54px 1fr;background:#f7f9fd;border-radius:15px;overflow:hidden;min-height:430px}
    .side{background:#111728;padding:13px 9px;display:flex;flex-direction:column;align-items:center;gap:16px}
    .side-logo{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4777ff,#9a55ff);margin-bottom:8px}
    .side-i{width:23px;height:23px;border-radius:7px;background:#20283a;position:relative}
    .side-i.active{background:linear-gradient(135deg,#4b7eff,#7755ff);box-shadow:0 6px 16px rgba(72,102,255,.3)}
    .dash-main{padding:18px}
    .dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
    .dash-title{font-size:18px;font-weight:800;color:#141b2b}
    .dash-chip{font-size:9px;padding:7px 10px;border-radius:8px;background:#e8edff;color:#4765d9;font-weight:700}
    .ask{background:linear-gradient(100deg,#edf1ff,#f7f3ff);border:1px solid #dce2fa;border-radius:13px;padding:14px;margin-bottom:15px}
    .ask-head{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#3d4d84}
    .ask-orb{width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#4e82ff,#9252ff)}
    .ask-text{font-size:11px;color:#65708a;margin-top:8px}
    .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}
    .metric{background:#fff;border:1px solid #e6eaf2;border-radius:11px;padding:12px}
    .metric small{font-size:8px;color:#8c95a7}
    .metric strong{display:block;color:#1a2439;font-size:17px;margin-top:4px}
    .metric .up{font-size:8px;color:#20a05b}
    .dash-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}
    .chart,.tasks{background:#fff;border:1px solid #e6eaf2;border-radius:11px;padding:13px}
    .mini-title{font-size:9px;font-weight:800;color:#202a40;margin-bottom:12px}
    .bars{height:120px;display:flex;align-items:end;gap:7px}
    .bar{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#6d86ff,#b5c0ff)}
    .task{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #edf0f5;font-size:8px;color:#5f6b80}
    .task:last-child{border-bottom:0}
    .check{width:14px;height:14px;border-radius:4px;background:#eaf7ef;color:#19a158;font-size:9px;display:grid;place-items:center}
    .float-card{position:absolute;background:rgba(16,22,39,.94);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 45px rgba(0,0,0,.35);border-radius:14px;padding:12px 14px;color:#fff;backdrop-filter:blur(12px)}
    .float-card.one{left:-35px;bottom:30px;width:190px}
    .float-card.two{right:-30px;top:55px;width:185px}
    .float-card small{font-size:9px;color:#9ba6ba}
    .float-card strong{display:block;font-size:13px;margin-top:3px}
    .mini-line{height:4px;border-radius:5px;background:#1d273d;margin-top:8px;overflow:hidden}
    .mini-line span{display:block;width:72%;height:100%;background:linear-gradient(90deg,#4777ff,#9c55ff)}
    .trust-strip{background:#05060a;border-top:1px solid rgba(255,255,255,.06);padding:35px 0 50px;color:#8791a6}
    .trust-title{text-align:center;font-size:12px;margin-bottom:22px}
    .logos{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;opacity:.58}
    .logos span{font-size:17px;font-weight:800;letter-spacing:-.04em;color:#8d96a9}
    .logos .thin{font-weight:500;letter-spacing:.1em}
    .problem{background:#fff}
    .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .problem-card{padding:28px;border:1px solid var(--border-light);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(25,40,80,.05);transition:.25s}
    .problem-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .icon-box{width:48px;height:48px;border-radius:14px;background:#f0f3ff;color:#4d70e8;display:grid;place-items:center;font-size:21px;margin-bottom:22px}
    .problem-card h3{color:#11192b;margin-bottom:10px}
    .problem-card p{color:#69748a;font-size:16px;line-height:1.7;margin:0}
    .bridge{max-width:800px;margin:55px auto 0;text-align:center;padding:30px;border-radius:22px;background:linear-gradient(135deg,#f7f8ff,#f8f3ff);border:1px solid #e6e7fa}
    .bridge p{margin:0;color:#505c73}
    .about{background:#f7f9fd}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
    .ui-panel{border-radius:24px;background:#0d1322;padding:10px;box-shadow:var(--shadow-lg);border:1px solid #dfe4ef}
    .ui-panel .dash{min-height:420px}
    .about-copy h2{margin:15px 0 20px;color:#10182a}
    .about-copy>p{color:#667188}
    .check-list{list-style:none;padding:0;margin:28px 0 0}
    .check-list li{display:flex;gap:12px;align-items:flex-start;color:#344058;font-size:16px;margin:11px 0}
    .checkmark{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#eaf7ef;color:#16a34a;display:grid;place-items:center;font-size:12px;margin-top:2px}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
    .stat{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:18px}
    .stat strong{display:block;font-size:23px;color:#1a2741}
    .stat span{font-size:11px;color:#7a8497}
    .dark{background:#05060a;color:#fff}
    .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .feature-card{position:relative;min-height:260px;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:26px;background:linear-gradient(145deg,rgba(17,23,40,.95),rgba(9,12,22,.98));overflow:hidden;transition:.25s}
    .feature-card:hover{transform:translateY(-5px);border-color:rgba(107,130,255,.45);box-shadow:0 25px 60px rgba(47,68,160,.15)}
    .feature-card:after{content:"";position:absolute;width:130px;height:130px;right:-60px;top:-60px;background:radial-gradient(circle,rgba(90,109,255,.2),transparent 65%)}
    .feature-card .icon-box{background:rgba(85,108,255,.12);color:#86a0ff;margin-bottom:20px}
    .feature-card h3{color:#fff;margin-bottom:10px}
    .feature-card p{color:#9ca8bd;font-size:15px;line-height:1.7;margin:0}
    .feature-tag{display:inline-block;margin-top:18px;color:#88a0ff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    .workflow{background:#f7f9fd}
    .workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
    .workflow-grid:before{content:"";position:absolute;top:48px;left:11%;right:11%;height:2px;background:linear-gradient(90deg,#5a7cff,#9c5cff);opacity:.2}
    .step{text-align:center;padding:0 20px;position:relative}
    .step-num{width:66px;height:66px;margin:0 auto 22px;border-radius:20px;background:#fff;border:1px solid #dfe4ef;display:grid;place-items:center;color:#4b6df0;font-size:20px;font-weight:800;box-shadow:0 12px 25px rgba(38,55,104,.08);position:relative;z-index:2}
    .step h3{color:#182239;margin-bottom:9px}
    .step p{font-size:15px;color:#717b90;line-height:1.7}
    .networks{background:#fff}
    .network-wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:900px;margin:0 auto}
    .network{display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid #e1e6ef;border-radius:999px;background:#fff;box-shadow:0 8px 25px rgba(25,40,80,.04);font-size:14px;font-weight:600;color:#35415a}
    .network b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0f3ff;color:#516ee4;font-size:11px}
    .network-note{text-align:center;max-width:740px;margin:25px auto 0;color:#7a8497;font-size:13px}
    .usecases{background:#f7f9fd}
    .usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .usecase{background:#fff;border:1px solid #e2e7ef;border-radius:20px;padding:28px}
    .usecase h3{color:#152039;margin:15px 0 9px}
    .usecase p{font-size:15px;color:#707b90;line-height:1.7;margin:0}
    .usecase .mini-label{font-size:10px;color:#5270e7;text-transform:uppercase;font-weight:800;letter-spacing:.09em}
    .comparison{background:#fff}
    .compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0e5ef;border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}
    .compare-col{padding:34px}
    .compare-col:first-child{background:#f7f8fb}
    .compare-col:last-child{background:#0c1220;color:#fff}
    .compare-col h3{margin-bottom:22px}
    .compare-list{display:grid;gap:13px}
    .compare-item{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.6}
    .compare-item i{font-style:normal;margin-top:1px}
    .compare-col:first-child .compare-item i{color:#9b5a67}
    .compare-col:last-child .compare-item i{color:#7fa2ff}
    .ai{background:radial-gradient(circle at 80% 50%,rgba(110,76,255,.18),transparent 35%),#080a11}
    .ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
    .ai-copy h2{margin:15px 0 18px}
    .ai-copy p{color:#a9b3c7}
    .ai-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:14px;background:rgba(13,18,32,.88);box-shadow:0 35px 80px rgba(0,0,0,.4)}
    .ai-screen{background:#f8faff;border-radius:16px;overflow:hidden;min-height:360px}
    .ai-top{padding:15px 18px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;justify-content:space-between;align-items:center}
    .ai-title{font-weight:800;font-size:13px;color:#18223a}
    .ai-status{font-size:9px;background:#eaf7ef;color:#16884a;border-radius:999px;padding:5px 8px}
    .ai-body{display:grid;grid-template-columns:150px 1fr;min-height:315px}
    .ai-side{background:#111728;padding:15px}
    .ai-side div{height:28px;border-radius:7px;background:#1d2638;margin-bottom:8px}
    .ai-side div:first-child{background:linear-gradient(90deg,#4a7cff,#7653ff)}
    .ai-main{padding:18px}
    .ai-prompt{background:#eef2ff;border:1px solid #dbe1fb;border-radius:12px;padding:12px;font-size:10px;color:#52617e}
    .ai-response{margin-top:12px;background:#fff;border:1px solid #e1e6ef;border-radius:12px;padding:13px}
    .ai-line{height:7px;border-radius:5px;background:#e8ecf4;margin:7px 0}
    .ai-line.w1{width:92%}.ai-line.w2{width:72%}.ai-line.w3{width:82%}
    .analytics{background:#fff}
    .analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
    .analytics-copy h2{margin:15px 0 18px}
    .analytics-copy p{color:#69748a}
    .analytics-screen{background:#101627;border-radius:25px;padding:10px;box-shadow:var(--shadow-lg)}
    .analytics-inner{background:#f8faff;border-radius:16px;padding:20px;min-height:390px}
    .analytics-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
    .analytics-head strong{font-size:14px;color:#1a2439}
    .select{font-size:9px;color:#5b6780;background:#fff;border:1px solid #e2e7ef;padding:7px 10px;border-radius:8px}
    .report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .report-metric{background:#fff;border:1px solid #e5e9f0;border-radius:11px;padding:13px}
    .report-metric span{font-size:8px;color:#8993a6}.report-metric strong{display:block;font-size:18px;color:#1a263e;margin-top:3px}
    .report-chart{height:190px;background:#fff;border:1px solid #e5e9f0;border-radius:12px;margin-top:12px;padding:15px;position:relative;overflow:hidden}
    .report-chart:before{content:"";position:absolute;left:8%;right:5%;bottom:35px;height:2px;background:#e7eaf1;box-shadow:0 -45px 0 #eef0f5,0 -90px 0 #f0f2f6}
    .curve{position:absolute;left:8%;right:5%;bottom:48px;height:100px;border-bottom:3px solid #5d7cff;transform:skewY(-8deg);border-radius:50%}
    .agency{background:#080a11}
    .agency-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
    .agency-copy h2{margin:15px 0 18px}
    .agency-copy p{color:#a9b3c7}
    .agency-points{display:grid;gap:12px;margin:28px 0}
    .agency-point{display:flex;gap:12px;align-items:flex-start}
    .agency-point .checkmark{background:rgba(83,112,255,.15);color:#86a0ff}
    .agency-point div:last-child{color:#c1c9d8;font-size:15px;line-height:1.6}
    .agency-board{border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:14px;background:linear-gradient(145deg,#111728,#090c15);box-shadow:0 35px 90px rgba(0,0,0,.38)}
    .client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    .client{background:#151c2d;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:15px}
    .client-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
    .client-name{color:#fff;font-size:12px;font-weight:700}.client-status{font-size:8px;color:#73d69b}
    .client-stat{color:#8f9bb0;font-size:9px}.client-stat strong{display:block;color:#fff;font-size:20px;margin-top:3px}
    .pricing{background:radial-gradient(circle at 50% 0%,rgba(77,93,255,.18),transparent 38%),#05060a;color:#fff}
    .pricing-toggle{display:flex;justify-content:center;margin:-20px 0 45px}
    .toggle{padding:5px;border-radius:999px;background:#12182a;border:1px solid rgba(255,255,255,.1);display:flex;gap:4px}
    .toggle button{border:0;background:transparent;color:#9ba6ba;padding:10px 18px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}
    .toggle button.active{background:linear-gradient(100deg,#4777ff,#7a50ff);color:#fff}
    .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .price-card{position:relative;background:rgba(13,18,31,.94);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:25px}
    .price-card.featured{border-color:rgba(112,135,255,.75);box-shadow:0 25px 70px rgba(55,75,180,.17)}
    .popular{position:absolute;right:16px;top:16px;background:linear-gradient(100deg,#4777ff,#7a50ff);color:#fff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;text-transform:uppercase}
    .price-card h3{color:#fff;margin-bottom:8px}.price-card .desc{font-size:12px;color:#8994a9;line-height:1.6;min-height:58px}
    .price{font-size:38px;font-weight:800;letter-spacing:-.05em;margin:14px 0 2px;color:#fff}
    .price small{font-size:12px;color:#8994a9;font-weight:500;letter-spacing:0}
    .annual{font-size:10px;color:#6fda9d;min-height:17px}
    .price-card ul{list-style:none;padding:0;margin:22px 0 25px;display:grid;gap:9px}
    .price-card li{font-size:12px;line-height:1.45;color:#b5bfd0;display:flex;gap:8px}
    .price-card li:before{content:"✓";color:#78a0ff;font-weight:800}
    .price-card .btn{width:100%;font-size:12px}
    .price-note{text-align:center;color:#7f8aa0;font-size:11px;margin-top:20px}
    .pros{background:#f7f9fd}
    .pros-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .pros-col{background:#fff;border:1px solid #e2e7ef;border-radius:22px;padding:30px}
    .pros-col h3{margin-bottom:18px;color:#17213a}
    .pros-col ul{padding:0;margin:0;list-style:none;display:grid;gap:14px}
    .pros-col li{display:flex;gap:10px;font-size:15px;line-height:1.65;color:#5d687d}
    .pros-col li b{font-size:16px}
    .source-note{font-size:11px;color:#8a94a7;margin-top:20px}
    .reviews{background:#fff}
    .review-summary{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:-20px auto 40px}
    .review-badge{padding:16px 22px;border:1px solid #e1e6ef;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(25,40,80,.05);text-align:center}
    .review-badge strong{display:block;font-size:25px;color:#1c2740}.review-badge span{font-size:11px;color:#788399}
    .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .review{border:1px solid #e2e7ef;border-radius:20px;padding:25px;background:#fff}
    .stars{color:#f2b84b;letter-spacing:2px;font-size:13px}
    .review p{font-size:14px;line-height:1.75;color:#59657b;margin:14px 0 18px}
    .review-author{font-size:11px;color:#7c8698;font-weight:600}
    .review-source{font-size:9px;color:#9aa3b3;margin-top:3px}
    .faq{background:#f7f9fd}
    .faq-wrap{max-width:900px;margin:0 auto}
    .faq-item{background:#fff;border:1px solid #e0e5ee;border-radius:16px;margin-bottom:10px;overflow:hidden}
    .faq-q{width:100%;background:transparent;border:0;padding:22px 24px;text-align:left;font-weight:700;color:#1b263d;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px}
    .faq-q span:last-child{font-size:22px;color:#6175dc;transition:.2s}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
    .faq-a-inner{padding:0 24px 22px;color:#667188;font-size:15px;line-height:1.75}
    .final-cta{background:radial-gradient(circle at 50% 0%,rgba(91,107,255,.23),transparent 45%),#06070c;color:#fff;text-align:center}
    .final-cta h2{max-width:800px;margin:15px auto 18px}
    .final-cta p{max-width:700px;margin:0 auto;color:#aab4c8}
    .final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0}
    .reassure{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#a4afc3;font-size:11px}
    .reassure span{display:flex;align-items:center;gap:7px}
    footer{background:#030408;color:#8e98ac;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
    footer .logo{margin-bottom:17px}
    footer p{font-size:13px;line-height:1.7;color:#778298;max-width:350px}
    footer h4{font-size:13px;color:#fff;margin-bottom:16px}
    footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
    footer li{font-size:12px;line-height:1.5}
    footer a:hover{color:#fff}
    .disclosure{margin-top:35px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:11px;line-height:1.7;color:#737e94}
    .copyright{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#667085}
    .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:900;background:rgba(7,9,15,.93);backdrop-filter:blur(16px);border-top:1px solid rgba(111,126,255,.35);padding:10px 20px;transform:translateY(110%);transition:.3s ease}
    .sticky-cta.show{transform:translateY(0)}
    .sticky-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px}
    .sticky-copy strong{display:block;color:#fff;font-size:13px}.sticky-copy span{font-size:10px;color:#8e99ae}
    .affiliate-note{font-size:10px;color:#7f899d;text-align:center;margin-top:15px}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    @media(max-width:1100px){
      .nav-links{gap:17px}
      .hero-grid{gap:35px}
      .pricing-grid{grid-template-columns:repeat(2,1fr)}
      .features-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
    }
    @media(max-width:960px){
      .nav-links,.nav-actions{display:none}
      .nav-toggle{display:block;margin-left:auto}
      .nav.mobile-open .nav-links{display:flex;position:fixed;inset:74px 0 0;background:#05060a;flex-direction:column;align-items:flex-start;padding:30px 24px;gap:22px}
      .nav.mobile-open .nav-links a{font-size:18px}
      .nav.mobile-open .nav-actions{display:flex;position:fixed;left:24px;right:24px;bottom:25px}
      .nav.mobile-open .nav-actions .btn{width:100%}
      .hero-grid,.about-grid,.ai-grid,.analytics-grid,.agency-grid{grid-template-columns:1fr}
      .hero{padding-top:65px}
      .hero-visual{max-width:800px;margin:0 auto}
      .dashboard-frame{transform:none}
      .workflow-grid{grid-template-columns:1fr 1fr;gap:35px}
      .workflow-grid:before{display:none}
      .problem-grid,.usecase-grid{grid-template-columns:repeat(2,1fr)}
      .review-grid{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:650px){
      .section{padding:78px 0}
      .container{padding:0 18px}
      p,li{font-size:16px}
      h1{font-size:44px}
      h2{font-size:35px}
      .hero{padding:55px 0 75px}
      .hero-copy>p{font-size:17px}
      .hero-actions{display:grid;grid-template-columns:1fr}
      .hero-actions .btn{width:100%}
      .float-card{display:none}
      .dash{min-height:330px;grid-template-columns:42px 1fr}
      .dash-main{padding:12px}
      .metric-grid{grid-template-columns:1fr 1fr 1fr}
      .metric{padding:9px}.metric strong{font-size:14px}
      .dash-bottom{grid-template-columns:1fr}
      .tasks{display:none}
      .logos{justify-content:center}
      .problem-grid,.features-grid,.usecase-grid,.pros-grid,.review-grid{grid-template-columns:1fr}
      .workflow-grid{grid-template-columns:1fr}
      .stats{grid-template-columns:1fr 1fr}
      .compare{grid-template-columns:1fr}
      .ai-body{grid-template-columns:95px 1fr}
      .pricing-grid{grid-template-columns:1fr}
      .pricing-toggle{margin-bottom:30px}
      .footer-grid{grid-template-columns:1fr}
      .sticky-inner{gap:8px}
      .sticky-copy span{display:none}
      .sticky-cta{padding:8px 12px}
      .sticky-copy strong{font-size:11px}
      .sticky-cta .btn{padding:11px 14px;font-size:11px}
      .copyright{display:block}
      .copyright span{display:block;margin-top:5px}
    }