:root{
  --navy:#0E1033;--ink:#1B1D45;--muted:#5B5F86;
  --blue:#2A6CFF;--blue-d:#1B4FD6;--sky:#A7C1F9;
  --lav:#E5E0FF;--lav-2:#F4F2FF;--violet:#ACACFA;--purple:#BEA2F6;--coral:#FF7A93;
  --line:#E4E5F3;--white:#fff;--ok:#12B76A;
  --r:20px;--shadow:0 20px 60px -20px rgba(42,60,160,.28);
  --font:'Plus Jakarta Sans','Inter',system-ui,-apple-system,Segoe UI,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
h1,h2,h3,h4{color:var(--navy);line-height:1.12;letter-spacing:-.025em}
h1{font-size:clamp(2.4rem,5.4vw,4.3rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:800}
h3{font-size:1.25rem;font-weight:700}
.lead{font-size:1.15rem;color:var(--muted);max-width:640px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--lav);padding:7px 14px;border-radius:99px;margin-bottom:18px}
.grad{background:linear-gradient(100deg,var(--blue),var(--purple) 70%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}
section{padding:96px 0}
.center{text-align:center}.center .lead{margin-inline:auto}
.sec-head{margin-bottom:56px}.sec-head h2{margin-bottom:14px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font:700 .95rem var(--font);padding:14px 26px;border-radius:99px;border:2px solid transparent;cursor:pointer;transition:.25s;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 28px -8px rgba(42,108,255,.7)}
.btn-primary:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn-ghost{background:#fff;color:var(--navy);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#1c2060}
.btn-lg{padding:17px 32px;font-size:1.05rem}
.btn-sm{padding:10px 20px;font-size:.88rem}

/* top bar */
.topbar{background:var(--navy);color:#cfd3ff;font-size:.82rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 0;gap:16px}
.topbar b{color:#fff}
.topbar .tb-r{display:flex;gap:22px}
.topbar a:hover{color:#fff}
.pill-new{background:linear-gradient(90deg,var(--coral),var(--purple));color:#fff;font-weight:800;font-size:.7rem;padding:2px 9px;border-radius:99px;margin-right:8px;letter-spacing:.04em}

/* header */
header.site{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:34px;width:auto}
.brand .tag{font-size:.68rem;font-weight:700;color:var(--blue);background:var(--lav);padding:4px 10px;border-radius:99px;line-height:1.2}
.menu{display:flex;align-items:center;gap:2px}
.menu>li{position:relative}
.menu>li>a,.menu>li>button{font:600 .95rem var(--font);color:var(--ink);background:none;border:0;padding:12px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}
.menu>li:hover>a,.menu>li:hover>button,.menu a.active{color:var(--blue);background:var(--lav-2)}
.caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
.menu>li:hover .caret{transform:rotate(-135deg) translate(-2px,-2px)}
.dd{position:absolute;top:100%;left:50%;transform:translate(-50%,12px);opacity:0;visibility:hidden;transition:.22s;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px;display:grid;gap:8px 28px;min-width:300px}
.menu>li:hover>.dd,.menu>li:focus-within>.dd{opacity:1;visibility:visible;transform:translate(-50%,4px)}
.dd.mega{grid-template-columns:repeat(2,300px);min-width:660px}
.dd.mega.three{grid-template-columns:repeat(3,270px);min-width:870px}
.dd h6{grid-column:1/-1;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:2px 0 -2px 10px}
.dd .col{display:grid;gap:4px;align-content:start}
.dd .col h6{margin:0 0 4px 12px}
.dd a{display:flex;gap:12px;padding:11px 12px;border-radius:14px;transition:.2s;align-items:flex-start}
.dd a:hover{background:var(--lav-2)}
.dd a i{flex:none;width:38px;height:38px;border-radius:11px;background:var(--lav);display:grid;place-items:center;font-style:normal;font-size:1.05rem}
.dd a b{display:block;font-size:.93rem;color:var(--navy);line-height:1.3}
.dd a small{display:block;font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:2px}
/* 3rd level */
.dd .sub{position:relative}
.dd .sub>a::after{content:"›";margin-left:auto;color:var(--muted);font-size:1.2rem;align-self:center}
.dd .sub .dd2{position:absolute;left:100%;top:-8px;margin-left:8px;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:12px;opacity:0;visibility:hidden;transition:.2s;transform:translateX(8px)}
.dd .sub:hover .dd2{opacity:1;visibility:visible;transform:none}
.nav-cta{display:flex;align-items:center;gap:10px}
.lang{font-weight:700;font-size:.85rem;color:var(--muted);padding:8px 10px}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;place-items:center}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;position:relative;transition:.25s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}

/* hero */
.hero{position:relative;padding:80px 0 0;background:radial-gradient(1000px 500px at 85% -10%,#d8d1ff 0,transparent 60%),radial-gradient(800px 500px at -10% 20%,#dbe7ff 0,transparent 55%),linear-gradient(180deg,#F7F6FF,#fff);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero h1{margin-bottom:22px}
.hero .lead{margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.trust{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.9rem;font-weight:600}
.trust .avs{display:flex}
.trust .avs img{width:38px;height:38px;border-radius:50%;border:3px solid #fff;margin-left:-10px;background:var(--lav)}
.trust .avs img:first-child{margin-left:0}
.stage{position:relative}
.stage .shot{border-radius:26px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);width:100%}
.float{position:absolute;filter:drop-shadow(0 14px 20px rgba(60,60,160,.25));animation:bob 5s ease-in-out infinite}
.float.f1{top:-38px;right:-16px;width:92px}
.float.f2{bottom:-30px;left:-28px;width:96px;animation-delay:-2s}
.float.f3{top:44%;right:-34px;width:78px;animation-delay:-3.4s}
@keyframes bob{50%{transform:translateY(-14px) rotate(4deg)}}
.badge-card{position:absolute;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;font-weight:700;font-size:.85rem;animation:bob 6s ease-in-out infinite}
.badge-card .dot{width:34px;height:34px;border-radius:10px;background:var(--lav);display:grid;place-items:center}
.badge-card.b1{left:-30px;top:16%}
.badge-card.b2{right:8px;bottom:-22px;animation-delay:-3s}
.logos-strip{margin-top:70px;padding:30px 0;border-top:1px solid var(--line);background:#fff}
.logos-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.logos-strip p{font-weight:700;color:var(--muted);font-size:.9rem}
.logos-strip .chan{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.logos-strip .chan img{height:34px;width:34px;object-fit:contain;filter:grayscale(.2);transition:.2s}
.logos-strip .chan img:hover{transform:scale(1.15);filter:none}
.logos-strip .bdg{display:flex;gap:18px;align-items:center}
.logos-strip .bdg img{height:26px;width:auto}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;text-align:center}
.stat b{display:block;font-size:2.6rem;font-weight:800;color:var(--blue);letter-spacing:-.03em;line-height:1}
.stat span{font-size:.92rem;color:var(--muted);font-weight:600}

/* partner ribbon */
.partner{background:linear-gradient(120deg,var(--navy),#2b2a86 60%,#4b3fc7);color:#fff;border-radius:32px;padding:56px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.partner h2{color:#fff}
.partner p{color:#cfd3ff;margin:14px 0 26px;font-size:1.05rem}
.partner ul{display:grid;gap:12px}
.partner li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);padding:14px 18px;border-radius:14px;font-weight:600;border:1px solid rgba(255,255,255,.12)}
.partner li::before{content:"✓";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ok);font-size:.8rem;flex:none}
.partner .chr{position:absolute;right:-20px;bottom:-24px;width:120px;opacity:.9;animation:bob 6s ease-in-out infinite}

/* tabs / features */
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.tab{font:700 .95rem var(--font);padding:12px 22px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:.2s}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel{display:none;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;background:var(--lav-2);border-radius:32px;padding:44px}
.panel.on{display:grid;animation:fade .5s}
@keyframes fade{from{opacity:0;transform:translateY(12px)}}
.panel h3{font-size:1.9rem;margin-bottom:14px}
.panel p{color:var(--muted);margin-bottom:18px}
.panel .media{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.panel video,.panel .media img{width:100%}
.checks{display:grid;gap:10px;margin-bottom:24px}
.checks li{display:flex;gap:10px;font-weight:600}
.checks li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--violet)}
.card h3{margin:14px 0 8px}
.card p{color:var(--muted);font-size:.96rem}
.ico{width:54px;height:54px;border-radius:16px;background:var(--lav);display:grid;place-items:center;font-size:1.5rem}
.ico img{width:34px}
.card .more{display:inline-flex;margin-top:16px;font-weight:700;color:var(--blue);font-size:.92rem;gap:6px}
.card .more:hover{gap:10px}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}
.card.big{background:linear-gradient(140deg,#EEEAFF,#DCE7FF);border:0}
.card.big img.shot{margin-top:24px;border-radius:14px;box-shadow:var(--shadow)}
.card.dark{background:var(--navy);color:#fff;border:0}.card.dark h3{color:#fff}.card.dark p{color:#c3c7f3}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;position:relative;counter-increment:s}
.step::before{content:"0" counter(s);font-size:2.6rem;font-weight:800;color:var(--lav);letter-spacing:-.04em;display:block;margin-bottom:6px}
.step h3{font-size:1.1rem;margin-bottom:8px}.step p{font-size:.93rem;color:var(--muted)}

/* demo videos */
.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.demo{border-radius:28px;background:linear-gradient(160deg,var(--lav-2),#fff);border:1px solid var(--line);padding:22px;overflow:hidden}
.demo video,.demo img{border-radius:16px;width:100%;box-shadow:0 10px 30px -10px rgba(40,40,140,.25)}
.demo h3{margin:18px 4px 6px}.demo p{margin:0 4px 6px;color:var(--muted);font-size:.95rem}

/* pricing */
.price-hero{padding-bottom:40px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.plan{background:#fff;border:1.5px solid var(--line);border-radius:28px;padding:32px 26px;display:flex;flex-direction:column;position:relative;transition:.3s}
.plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.plan.pop{background:linear-gradient(170deg,#fff,var(--lav-2));border-color:var(--blue);box-shadow:0 24px 70px -22px rgba(42,108,255,.5)}
.plan .flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:99px;white-space:nowrap}
.plan h3{font-size:1.5rem}
.plan .for{color:var(--muted);font-size:.9rem;min-height:66px;margin:8px 0 14px}
.plan .price{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}
.plan .price b{font-size:3.1rem;font-weight:800;color:var(--navy);letter-spacing:-.04em;line-height:1}
.plan .price small{font-size:.85rem;color:var(--muted);font-weight:600}
.plan .surprise{display:inline-flex;align-items:center;gap:6px;background:#FFF0F3;color:#E0345A;font-weight:800;font-size:.78rem;padding:6px 12px;border-radius:99px;margin:12px 0 18px;width:max-content}
.plan .meta{display:grid;gap:8px;border-block:1px solid var(--line);padding:16px 0;margin-bottom:18px;font-size:.9rem}
.plan .meta div{display:flex;justify-content:space-between;gap:8px}
.plan .meta span{color:var(--muted)}.plan .meta b{color:var(--navy);text-align:right}
.plan ul{display:grid;gap:9px;margin-bottom:24px;font-size:.92rem;flex:1}
.plan li{display:flex;gap:9px;align-items:flex-start;font-weight:500}
.plan li::before{content:"✓";color:var(--ok);font-weight:800}
.plan li.h{font-weight:800;color:var(--navy)}.plan li.h::before{content:"＋";color:var(--blue)}
.plan .btn{justify-content:center;width:100%}
.note{margin-top:26px;text-align:center;color:var(--muted);font-size:.9rem}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px}
table.cmp{width:100%;border-collapse:collapse;min-width:760px;background:#fff}
.cmp th,.cmp td{padding:16px 20px;text-align:center;border-bottom:1px solid var(--line);font-size:.93rem}
.cmp th:first-child,.cmp td:first-child{text-align:left;font-weight:600;color:var(--navy)}
.cmp thead th{background:var(--lav-2);font-size:1rem;color:var(--navy);position:sticky;top:0}
.cmp tr.grp td{background:var(--navy);color:#fff;font-weight:800;text-align:left;letter-spacing:.04em;font-size:.8rem;text-transform:uppercase}
.cmp .y{color:var(--ok);font-weight:800}.cmp .n{color:#c2c5dc}
.cmp td.pop,.cmp th.pop{background:#F2F6FF}
.faq{max-width:840px;margin-inline:auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 24px;transition:.2s}
.faq details[open]{border-color:var(--blue);box-shadow:0 12px 30px -16px rgba(42,108,255,.4)}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);padding:20px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--blue);line-height:1;transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:var(--muted)}

/* page hero (inner) */
.page-hero{padding:72px 0 56px;background:radial-gradient(900px 400px at 90% 0,#d8d1ff 0,transparent 60%),linear-gradient(180deg,#F7F6FF,#fff)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px;font-weight:600}.crumbs a:hover{color:var(--blue)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split.rev>:first-child{order:2}
.split .media{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line)}
.split .media video,.split .media img{width:100%}
.split h2{margin-bottom:16px}.split p{color:var(--muted);margin-bottom:18px}

/* cta */
.cta{background:linear-gradient(120deg,var(--blue),#6a5cff 60%,var(--purple));border-radius:36px;padding:70px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta h2{color:#fff;margin-bottom:14px}.cta p{color:#e6e8ff;max-width:600px;margin:0 auto 30px;font-size:1.1rem}
.cta .btn-primary{background:#fff;color:var(--blue);box-shadow:none}
.cta .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.cta .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.cta .cf{position:absolute;width:90px;opacity:.95;animation:bob 6s ease-in-out infinite}
.cta .cf.l{left:6%;bottom:14%}.cta .cf.r{right:7%;top:12%;animation-delay:-2s}
.cta .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* testimonial */
.quote{background:var(--lav-2);border-radius:32px;padding:56px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center}
.quote img{width:96px;height:96px;border-radius:50%}
.quote blockquote{font-size:1.45rem;font-weight:600;color:var(--navy);line-height:1.4;letter-spacing:-.015em}
.quote cite{display:block;margin-top:14px;font-style:normal;color:var(--muted);font-weight:600;font-size:.95rem}

/* contact */
.form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:block;font-weight:700;font-size:.85rem;color:var(--navy);margin-bottom:6px}
.form .f{margin-bottom:16px}
.form input,.form select,.form textarea{width:100%;font:500 1rem var(--font);padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fafaff;color:var(--ink);transition:.2s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(42,108,255,.12)}
.form textarea{min-height:110px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0;font-weight:600}
.chips input{display:none}
.chips span{display:inline-block;padding:9px 16px;border-radius:99px;border:1.5px solid var(--line);font-size:.9rem;cursor:pointer;transition:.2s;background:#fff}
.chips input:checked+span{background:var(--blue);color:#fff;border-color:var(--blue)}
.info-list{display:grid;gap:16px;margin-top:28px}
.info-list div{display:flex;gap:14px;align-items:center;font-weight:600}
.info-list i{width:46px;height:46px;border-radius:14px;background:var(--lav);display:grid;place-items:center;font-style:normal;font-size:1.2rem;flex:none}
.info-list small{display:block;color:var(--muted);font-weight:500}

/* footer */
footer.site{background:var(--navy);color:#b7bbe8;padding:80px 0 30px}
.foot{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px;margin-bottom:56px}
footer h5{color:#fff;font-size:.95rem;margin-bottom:16px}
footer li{margin-bottom:10px;font-size:.92rem}footer a:hover{color:#fff}
footer .brand img{filter:brightness(0) invert(1);height:32px}
footer p{font-size:.92rem;margin:18px 0}
.foot-bot{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem}
.foot-bot img{height:22px;filter:brightness(1.5)}

/* sticky quote + whatsapp */
.fab{position:fixed;right:22px;bottom:22px;z-index:90;display:grid;gap:12px}
.fab a{display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:99px;font-weight:800;box-shadow:0 14px 34px -10px rgba(0,0,0,.4);transition:.25s}
.fab a:hover{transform:translateY(-3px)}
.fab .wa{background:#25D366;color:#fff}
.fab .tk{background:var(--blue);color:#fff}
.reveal{opacity:0;transform:translateY(28px);transition:.8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* responsive */
@media(max-width:1100px){
  .plans{grid-template-columns:repeat(2,1fr)}
  .foot{grid-template-columns:repeat(3,1fr)}.foot>:first-child{grid-column:1/-1}
  .stats,.steps,.grid4{grid-template-columns:repeat(2,1fr)}
  .nav-cta .lang{display:none}
}
@media(max-width:960px){
  section{padding:68px 0}
  .burger{display:grid}
  .menu{position:fixed;inset:76px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;padding:16px 20px 120px;overflow-y:auto;transform:translateX(100%);transition:.3s;gap:0}
  .menu.open{transform:none}
  .menu>li>a,.menu>li>button{width:100%;justify-content:space-between;padding:16px 8px;font-size:1.05rem;border-bottom:1px solid var(--line);border-radius:0}
  .dd,.dd.mega,.dd.mega.three{position:static;transform:none!important;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0 0 0 8px;display:none;min-width:0;grid-template-columns:1fr}
  .menu>li.open>.dd{display:grid}
  .dd .sub .dd2{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 20px;margin:0}
  .dd .sub>a::after{display:none}
  .hero-grid,.split,.panel,.partner,.quote{grid-template-columns:1fr}
  .split.rev>:first-child{order:0}
  .grid3,.demo-grid,.grid2{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr 1fr}.s2,.s3,.s4{grid-column:span 2}
  .nav-cta .btn-ghost{display:none}
  .float.f1{right:0}.float.f2{left:-6px}.float.f3,.badge-card{display:none}
  .topbar .tb-r{display:none}
  .quote{padding:32px}.quote blockquote{font-size:1.2rem}
  .partner{padding:34px}.cta{padding:48px 24px}.cta .cf{display:none}
}
@media(max-width:600px){
  .plans,.stats,.steps,.grid4,.foot,.bento,.form .row{grid-template-columns:1fr}
  .s2,.s3,.s4{grid-column:auto}
  .brand .tag{display:none}
  .fab a span{display:none}.fab a{padding:16px}
  .panel{padding:24px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}