:root{--purple:#5b3db0;--purple-deep:#4a2f9a;--purple-soft:#7656c9;--purple-tint:#ede9f9;--purple-tint-2:#f6f3fc;--teal:#21c8c0;--teal-deep:#149691;--teal-tint:#dcf7f5;--ink:#15122a;--ink-2:#3d3658;--muted:#6a6385;--soft:#938cac;--line:#e9e4f3;--line-soft:#f0ecf8;--bg:#fff;--bg-alt:#faf8fe;--surface:#fff;--shadow-sm:0 1px 2px rgba(40,24,90,.04),0 2px 6px rgba(40,24,90,.05);--shadow-md:0 8px 24px rgba(40,24,90,.08),0 2px 8px rgba(40,24,90,.05);--shadow-lg:0 24px 60px rgba(40,24,90,.16),0 8px 24px rgba(40,24,90,.1);--shadow-cta:0 8px 24px rgba(91,61,176,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans),"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::-moz-selection{background:var(--teal);color:#06302c}::selection{background:var(--teal);color:#06302c}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.serif{font-family:var(--font-serif),"Instrument Serif",Georgia,serif;font-weight:400}.ital{font-style:italic}.nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.nav.scrolled{border-color:var(--line);box-shadow:var(--shadow-sm)}.nav-inner{gap:20px;height:72px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:11px}.brand img{width:40px;height:40px}.brand-name{font-weight:800;font-size:21px;letter-spacing:-.02em}.brand-name b{color:var(--purple);font-weight:800}.nav-links{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-links a.link{padding:9px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:background .15s,color .15s}.nav-links a.link:hover{background:var(--purple-tint-2);color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14.5px;border-radius:11px;padding:11px 20px;border:1px solid transparent;transition:transform .12s ease,box-shadow .2s,background .2s,color .2s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:hover{background:var(--purple-deep)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{color:var(--purple)}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-outline:hover{border-color:var(--purple);color:var(--purple)}.btn-lg{padding:15px 28px;font-size:16px;border-radius:13px}.btn-teal{background:var(--teal);color:#06302c;box-shadow:0 8px 24px rgba(33,200,192,.3)}.btn-teal:hover{background:var(--teal-deep);color:#fff}.nav-toggle{display:none}.hero{position:relative;overflow:hidden;padding:72px 0 0}.hero-bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 18% 8%,rgba(91,61,176,.1),transparent 70%),radial-gradient(50% 45% at 92% 4%,rgba(33,200,192,.12),transparent 70%),linear-gradient(180deg,var(--bg-alt) 0,var(--bg) 78%)}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg:after{content:"";background-image:radial-gradient(circle at 1px 1px,rgba(91,61,176,.06) 1px,transparent 0);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%)}.hero-inner{position:relative;z-index:1;text-align:center}.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:26px}.pill .tag{background:var(--teal-tint);color:var(--teal-deep);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}.pill .tail{padding-right:8px;display:inline-flex;align-items:center;gap:5px}h1.hero-title{margin:0 auto;max-width:880px;font-size:clamp(40px,6vw,72px);line-height:1.04;letter-spacing:-.035em;font-weight:800}h1.hero-title .accent{color:var(--purple)}h1.hero-title .serif{color:var(--teal-deep);letter-spacing:-.01em}.hero-sub{margin:22px auto 0;max-width:600px;font-size:clamp(16px,2.1vw,19px);color:var(--muted);line-height:1.6}.hero-cta{gap:12px;margin-top:34px}.hero-cta,.hero-trust{display:flex;justify-content:center;flex-wrap:wrap}.hero-trust{margin-top:22px;gap:22px;font-size:13.5px;color:var(--soft);font-weight:500}.hero-trust span{display:inline-flex;align-items:center;gap:7px}.hero-trust svg{color:var(--teal-deep)}.hero-shot{position:relative;z-index:1;margin-top:56px;padding-bottom:80px}.browser{max-width:1080px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--surface)}.browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line-soft)}.dot{width:11px;height:11px;border-radius:50%}.browser-url{margin-left:12px;flex:1;max-width:320px;background:var(--bg-alt);border:1px solid var(--line-soft);border-radius:7px;padding:5px 12px;font-size:12px;color:var(--soft);font-weight:500;display:flex;align-items:center;gap:6px}.browser-shot{display:block;width:100%}.float-badge{position:absolute;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:14px;padding:12px 16px}.float-badge .fb-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.float-badge .fb-t{font-size:13.5px;font-weight:700;line-height:1.1}.float-badge .fb-s{font-size:12px;color:var(--muted)}.fb-1{top:18%;left:max(8px,-2%);animation:floaty 5s ease-in-out infinite}.fb-2{bottom:24%;right:max(8px,-2%);animation:floaty 5s ease-in-out 1.5s infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.strip{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--bg-alt)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;flex-wrap:wrap}.stat{text-align:center;flex:1;min-width:130px}.stat .n{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--purple)}.stat .l{font-size:13.5px;color:var(--muted);margin-top:2px}.stat+.stat{border-left:1px solid var(--line)}section.block{padding:96px 0}.sec-head{text-align:center;max-width:660px;margin:0 auto 56px}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:14px}h2.sec-title{margin:0;font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.sec-title .serif{color:var(--purple)}.sec-sub{margin:16px auto 0;font-size:17px;color:var(--muted);line-height:1.6;max-width:540px}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:transform .18s ease,box-shadow .2s,border-color .2s}.feat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--purple-tint)}.feat-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px}.feat h3{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.01em}.feat p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.showcase.rev{direction:rtl}.showcase.rev>*{direction:ltr}.showcase-copy h3{margin:0 0 14px;font-size:clamp(26px,3.4vw,38px);line-height:1.12;letter-spacing:-.025em;font-weight:800}.showcase-copy>p{margin:0 0 22px;font-size:16.5px;color:var(--muted);line-height:1.6}.check-list{display:flex;flex-direction:column;gap:12px;margin:0 0 28px;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:11px;font-size:15px;color:var(--ink-2)}.ck{width:22px;height:22px;border-radius:7px;flex-shrink:0;margin-top:1px;background:var(--teal-tint);color:var(--teal-deep);display:grid;place-items:center}.showcase-media{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--surface)}.showcase-media img{width:100%}.pricing{background:var(--bg-alt);border-top:1px solid var(--line-soft)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.plan{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;position:relative;transition:transform .18s ease,box-shadow .2s}.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plan.popular{border-color:var(--purple);box-shadow:0 20px 50px rgba(91,61,176,.18);background:linear-gradient(180deg,var(--purple-tint-2),var(--surface) 40%)}.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;letter-spacing:.02em;box-shadow:var(--shadow-cta);white-space:nowrap}.plan h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}.plan .desc{margin:5px 0 0;font-size:13.5px;color:var(--muted);min-height:38px}.plan .price{margin:16px 0 4px;font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1}.plan .price span{font-size:14px;font-weight:600;color:var(--soft);letter-spacing:0}.plan .price-note{font-size:12.5px;color:var(--soft);margin-bottom:22px}.plan ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}.plan li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-2)}.plan li svg{flex-shrink:0;margin-top:2px}.plan li.off{color:var(--soft)}.plan li.hl{font-weight:700;color:var(--teal-deep)}.plan .btn{width:100%}.enterprise{text-align:center;margin-top:36px;font-size:14.5px;color:var(--muted)}.enterprise a{color:var(--purple);font-weight:700}.cta-band{padding:88px 0}.cta-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--purple-deep) 0,var(--purple) 55%,var(--purple-soft) 100%);border-radius:28px;padding:64px 48px;text-align:center;color:#fff;box-shadow:var(--shadow-lg)}.cta-card:after,.cta-card:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.cta-card:before{width:280px;height:280px;background:rgba(33,200,192,.22);top:-90px;right:-60px}.cta-card:after{width:220px;height:220px;background:hsla(0,0%,100%,.08);bottom:-90px;left:-40px}.cta-card h2{position:relative;margin:0 0 14px;font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.cta-card p{margin:0 auto 30px;max-width:480px;font-size:17px;opacity:.9}.cta-card .hero-cta,.cta-card p{position:relative}footer{background:var(--ink);color:#c7c1dc;padding:64px 0 32px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.foot-brand p{margin:16px 0 0;font-size:14px;color:#948cb4;max-width:280px;line-height:1.6}.foot-brand .brand-name{color:#fff}.foot-brand .brand-name b{color:var(--teal)}.foot-col h4{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}.foot-col a{display:block;font-size:14px;color:#b0a9cc;padding:6px 0;transition:color .15s}.foot-col a:hover{color:#fff}.foot-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#847ca6}.foot-social{display:flex;gap:10px}.foot-social a{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:hsla(0,0%,100%,.06);color:#c7c1dc;transition:background .15s,color .15s}.foot-social a:hover{background:var(--purple);color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.patitas{position:relative;overflow:hidden;color:#fff;background:radial-gradient(50% 60% at 85% 0,rgba(33,200,192,.2),transparent 70%),linear-gradient(150deg,#2e1a6b,#4a2f9a 48%,#5b3db0)}.patitas:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.07) 1px,transparent 0);background-size:30px 30px;mask-image:radial-gradient(70% 70% at 30% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(70% 70% at 30% 40%,#000,transparent 75%)}.patitas-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.patitas .eyebrow{color:var(--teal)}.patitas-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);padding:7px 14px 7px 10px;border-radius:999px;font-size:13px;font-weight:600;backdrop-filter:blur(8px)}.patitas-badge .dotr{width:9px;height:9px;border-radius:50%;background:#ff5a6a;animation:ping 1.8s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,90,106,.6)}70%,to{box-shadow:0 0 0 9px rgba(255,90,106,0)}}.patitas h2{margin:0 0 16px;font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.patitas h2 .serif{font-style:italic;color:var(--teal)}.lead{font-size:17.5px;line-height:1.6;color:#dcd5f2;margin:0 0 28px;max-width:520px}.patitas-points{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:16px}.patitas-points li{display:flex;gap:14px;align-items:flex-start}.patitas-points .pic{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.16);display:grid;place-items:center;color:var(--teal)}.patitas-points .pt-t{font-weight:700;font-size:15.5px}.patitas-points .pt-s{font-size:14px;color:#c3bbe0;margin-top:2px;line-height:1.45}.patitas-stats{display:flex;gap:28px;margin:0 0 30px;flex-wrap:wrap}.patitas-stats .ps .n{font-size:30px;font-weight:800;letter-spacing:-.02em}.patitas-stats .ps .l{font-size:13px;color:#c3bbe0}.alerts{position:relative;min-height:440px}.alerts-map{position:absolute;inset:0;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.14);box-shadow:var(--shadow-lg)}.alerts-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.06) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.06) 1px,transparent 0);background-size:44px 44px}.alerts-map .road{position:absolute;background:hsla(0,0%,100%,.08)}.map-pin{position:absolute;width:16px;height:16px;border-radius:50%;border:3px solid var(--teal);background:#2e1a6b}.map-pin.r{border-color:#ff5a6a}.map-pin.o{border-color:#f9a03f}.alert-card{position:absolute;display:flex;gap:12px;align-items:center;background:#fff;color:var(--ink);border-radius:14px;padding:10px 12px;box-shadow:0 18px 40px rgba(20,10,50,.4);width:250px}.alert-card img{width:50px;height:50px;border-radius:10px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.alert-card .ac-name{font-weight:800;font-size:15px;letter-spacing:-.01em}.alert-card .ac-meta{font-size:12px;color:var(--muted);margin-top:1px}.alert-card .ac-badge{font-size:9.5px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:999px;align-self:flex-start;margin-top:2px;display:inline-block}.ac-1{top:24px;left:18px;animation:floaty 5s ease-in-out infinite}.ac-2{top:168px;right:14px;animation:floaty 5s ease-in-out 1.2s infinite}.ac-3{bottom:26px;left:40px;animation:floaty 5s ease-in-out 2.4s infinite}@media (max-width:1000px){.feat-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr;gap:32px}.showcase.rev{direction:ltr}.float-badge{display:none}.patitas-inner{grid-template-columns:1fr;gap:40px}}@media (max-width:720px){.wrap{padding:0 20px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:72px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:16px 20px;box-shadow:var(--shadow-md);margin:0}.nav-links.open a.link{padding:12px}.nav-links.open .btn{width:100%;margin-top:4px}.nav-toggle{display:grid;place-items:center;margin-left:auto;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}section.block{padding:64px 0}.feat-grid,.price-grid{grid-template-columns:1fr}.stat+.stat{border-left:none}.cta-card{padding:48px 24px}.foot-grid{grid-template-columns:1fr 1fr;gap:28px}.foot-brand{grid-column:1/-1}}