@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";html{scroll-behavior:smooth}:root{--brand-blue: #4f67ff;--brand-cyan: #37c8ff;--brand-teal: #22c7c2;--brand-lime: #badc3a;--brand-yellow: #f4df33;--brand-orange: #f5bb2b;--brand-red: #f44f4d;--brand-pink: #de49cb;--bg: #eef0fb;--bg-alt: #e5e9fb;--text: #12182c;--text-soft: #405077;--line: rgb(90 105 198 / 28%);--line-strong: rgb(78 92 182 / 42%);--glass-bg: rgb(255 255 255 / 58%);--glass-shadow: 0 26px 56px rgb(34 44 109 / 16%);--hero-title: linear-gradient(94deg, #243263 0%, #4f67ff 32%, #de49cb 66%, #f44f4d 100%);--btn-text: #f8faff;--section-gap: clamp(3rem, 5.5vw, 4rem);--bg-alt-section: rgb(79 103 255 / 4%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Plus Jakarta Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 16%,rgb(79 103 255 / 38%) 0%,transparent 38%),radial-gradient(circle at 86% 10%,rgb(55 200 255 / 32%) 0%,transparent 35%),radial-gradient(circle at 18% 82%,rgb(222 73 203 / 25%) 0%,transparent 33%),radial-gradient(circle at 82% 86%,rgb(245 187 43 / 30%) 0%,transparent 34%),linear-gradient(156deg,var(--bg) 0%,var(--bg-alt) 100%);background-attachment:fixed;transition:background .28s ease,color .28s ease}h1,h2,h3,h4{margin:0;font-family:Rajdhani,sans-serif;letter-spacing:.01em}a{color:inherit}.landing-shell{min-height:100vh;padding:1rem clamp(1rem,2.8vw,2.4rem) 2.6rem}.glass{background:linear-gradient(150deg,#ffffff6b,#ffffff2e),var(--glass-bg);border:1px solid var(--line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(155%);backdrop-filter:blur(18px) saturate(155%)}.top-nav{max-width:1180px;margin:0 auto;border-radius:1.35rem;padding:.72rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-wrap{display:grid;gap:.25rem}.title-logo{width:min(260px,52vw);height:auto;display:block}.title-logo-dark{display:none}.brand-sub{margin:0;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.nav-links{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.nav-links>a{text-decoration:none;font-size:.9rem;font-weight:600;color:var(--text-soft);padding:.38rem .62rem;border-radius:999px;transition:color .18s ease,background .18s ease}.nav-links>a:hover{color:var(--text);background:#ffffff52}.btn{border:0;border-radius:999px;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--btn-text);padding:.82rem 1.3rem;background:linear-gradient(110deg,var(--brand-blue) 0%,var(--brand-cyan) 20%,var(--brand-teal) 40%,var(--brand-lime) 55%,var(--brand-yellow) 70%,var(--brand-orange) 80%,var(--brand-red) 90%,var(--brand-pink) 100%);box-shadow:0 12px 28px #14183e47}.btn-outline{border:1px solid var(--line-strong);background:#ffffff42;color:var(--text);padding:.63rem 1.05rem}.btn-ghost{border:1px solid var(--line-strong);color:var(--text);padding:.82rem 1.2rem;background:#ffffff29}.hero{max-width:1180px;margin:1.35rem auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:clamp(1rem,3.2vw,2.8rem);align-items:start}.hero-copy{padding:1.2rem .3rem 0}.kicker{margin:0;font-size:.84rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}.hero-copy h1{margin-top:.7rem;max-width:780px;font-size:clamp(2.2rem,6vw,4.75rem);line-height:.9;background:var(--hero-title);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{margin-top:1.08rem;max-width:660px;color:var(--text-soft);line-height:1.75;font-size:1rem}.hero-cta{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.72rem}.logo-spectrum{margin-top:1.7rem;display:flex;gap:.52rem;flex-wrap:wrap}.swatch{width:2.4rem;height:1.2rem;border-radius:999px;border:1px solid rgb(255 255 255 / 40%);box-shadow:inset 0 1px #ffffff70}.swatch-1{background:var(--brand-blue)}.swatch-2{background:var(--brand-cyan)}.swatch-3{background:var(--brand-teal)}.swatch-4{background:var(--brand-lime)}.swatch-5{background:var(--brand-yellow)}.swatch-6{background:var(--brand-orange)}.swatch-7{background:var(--brand-red)}.swatch-8{background:var(--brand-pink)}.hero-card{border-radius:1.35rem;padding:1.15rem;animation:rise-in .36s ease}.hero-card-head p{margin:0}.hero-card-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.hero-card h3{margin-top:.52rem;font-size:1.7rem}.hero-card-head>p:last-child{margin-top:.26rem;color:var(--text-soft);font-size:.92rem}.status-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.status-grid article{border-radius:.85rem;border:1px solid var(--line);background:#ffffff2e;padding:.72rem}.status-grid span{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.status-grid strong{display:block;margin-top:.3rem;font-size:1.05rem}.insight-bars{margin-top:.92rem;display:grid;gap:.62rem}.insight-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem}.insight-row span{color:var(--text-soft)}.insight-row strong{font-size:.85rem}.bar-track{margin-top:.3rem;height:.4rem;border-radius:999px;border:1px solid var(--line);overflow:hidden;background:#ffffff29}.bar-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan),var(--brand-lime),var(--brand-yellow),var(--brand-red),var(--brand-pink))}.metrics-row{max-width:1180px;margin:1.6rem auto 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.62rem}.metric-pill{border-radius:.92rem;padding:.78rem .9rem;display:grid;gap:.22rem}.metric-pill strong{font-size:1.34rem}.metric-pill span{color:var(--text-soft);font-size:.82rem}.features,.impact-banner,.contact-block{max-width:1180px;margin:var(--section-gap) auto 0}.features h2,.flow h2,.contact-block h2{font-size:clamp(2.1rem,4.5vw,3.4rem)}.feature-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.feature-card{border-radius:1rem;padding:1.2rem 1.15rem 1.15rem;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease}.feature-card:before{content:"";position:absolute;inset:0 auto auto 0;height:.26rem;width:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan),var(--brand-teal),var(--brand-lime),var(--brand-yellow),var(--brand-orange),var(--brand-red),var(--brand-pink))}.feature-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.feature-card>span{display:inline-flex;padding:.28rem .56rem;border-radius:999px;border:1px solid var(--line);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.feature-card h3{margin-top:.74rem;font-size:1.3rem}.feature-card p{margin:.6rem 0 0;color:var(--text-soft);line-height:1.58;font-size:.94rem}.flow{max-width:1180px;margin:var(--section-gap) auto 0;border-radius:1.2rem;padding:1.6rem 1.4rem;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:1rem}.flow>div p{margin:.62rem 0 0;max-width:430px;color:var(--text-soft);line-height:1.6}.flow ol{margin:0;padding:0;list-style:none;display:grid;gap:.72rem}.flow li{border-radius:.86rem;border:1px solid var(--line);background:#ffffff2b;padding:.76rem .88rem .76rem 2.25rem;position:relative}.flow li:before{content:counter(list-item);position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:1.18rem;height:1.18rem;border-radius:999px;display:grid;place-items:center;font-size:.68rem;font-weight:700;color:var(--btn-text);background:linear-gradient(120deg,var(--brand-blue),var(--brand-pink),var(--brand-orange))}.flow li strong{font-size:1.01rem}.flow li p{margin:.18rem 0 0;color:var(--text-soft);font-size:.88rem;line-height:1.46}.impact-banner{border-radius:1.2rem;padding:1.1rem;display:flex;justify-content:space-between;gap:.8rem;align-items:center}.impact-banner p{margin:.26rem 0 0;max-width:560px;color:var(--text-soft);line-height:1.58}.contact-block{border-radius:1.2rem;padding:1.8rem 1.6rem}.contact-block p{margin:.48rem 0 1rem;color:var(--text-soft);max-width:700px;line-height:1.7}.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}.section-full{max-width:1180px;margin:var(--section-gap) auto 0}.section-full h2,.section-split h2{font-size:clamp(2.1rem,4.5vw,3.4rem)}.section-body{margin:.75rem 0 0;color:var(--text-soft);line-height:1.8;max-width:880px;font-size:1rem}.section-body+.section-body{margin-top:1.1rem}.section-body+.feature-sub-grid,.section-body+.diff-grid,.section-body+.scan-modes,.section-body+.screenshot-frame{margin-top:1.8rem}.section-kicker{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.4rem}.section-split{max-width:1180px;margin:var(--section-gap) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem);align-items:center}.section-split-reverse{direction:rtl}.section-split-reverse>*{direction:ltr}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-frame{border-radius:1.2rem;border:1px solid var(--line);box-shadow:var(--glass-shadow),0 40px 80px #222c6d1f;overflow:hidden;transition:transform .32s ease,box-shadow .32s ease}.screenshot-frame:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 30px 60px #222c6d38,0 50px 100px #222c6d1a}.screenshot-img{width:100%;height:auto;display:block}.feature-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}.feature-sub-card{border-radius:.9rem;padding:1.05rem 1.1rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feature-sub-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #222c6d2e;border-color:var(--line-strong)}.feature-sub-card h3{font-size:1.15rem;margin-bottom:.4rem}.feature-sub-card p{margin:0;color:var(--text-soft);line-height:1.45;font-size:.88rem}.scan-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;max-width:600px}.scan-mode-item{text-align:center;padding:1rem;border-radius:.9rem;display:grid;gap:.2rem;transition:transform .22s ease,box-shadow .22s ease}.scan-mode-item:hover{transform:translateY(-3px);box-shadow:0 12px 32px #222c6d2e}.scan-icon{font-size:1.6rem;letter-spacing:.1em}.scan-mode-item strong{font-family:Rajdhani,sans-serif;font-size:1.05rem}.scan-mode-item span{font-size:.76rem;color:var(--text-soft)}.diff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}.diff-card{border-radius:.9rem;padding:1.05rem 1.1rem;border-left:3px solid var(--brand-blue);transition:transform .22s ease,box-shadow .22s ease}.diff-card:nth-child(2){border-left-color:var(--brand-cyan)}.diff-card:nth-child(3){border-left-color:var(--brand-teal)}.diff-card:nth-child(4){border-left-color:var(--brand-lime)}.diff-card:nth-child(5){border-left-color:var(--brand-orange)}.diff-card:nth-child(6){border-left-color:var(--brand-pink)}.diff-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #222c6d2e}.diff-card h3{font-size:1.15rem;margin-bottom:.4rem}.diff-card p{margin:0;color:var(--text-soft);line-height:1.58;font-size:.88rem}.faq-section{max-width:1180px;margin:var(--section-gap) auto 0}.faq-section h2{font-size:clamp(2.1rem,4.5vw,3.4rem)}.faq-item{border-radius:.9rem;padding:1rem;margin-top:.6rem;transition:transform .18s ease,box-shadow .18s ease}.faq-item:hover{transform:translateY(-1px);box-shadow:0 8px 24px #222c6d1f}.faq-item summary{font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.3rem;font-weight:700;color:var(--text-soft);transition:transform .18s ease}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:.5rem 0 0;color:var(--text-soft);line-height:1.7;font-size:.92rem}.contact-email{margin-top:.6rem;font-size:.92rem;color:var(--text-soft)}.contact-email a{text-decoration:underline}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.65rem;border:1px solid var(--line);background:#ffffff38;cursor:pointer;font-size:1.1rem;color:var(--text);font-family:inherit}.landing-footer{max-width:1180px;margin:var(--section-gap) auto 0;padding:1.5rem 0 1rem;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-tagline{margin:.4rem 0 .6rem;color:var(--text-soft);font-size:.88rem}.footer-social{font-size:.88rem;color:var(--text-soft);text-decoration:none;transition:color .18s}.footer-social:hover{color:var(--text)}.footer-grid strong{font-family:Rajdhani,sans-serif;font-size:1rem;display:block;margin-bottom:.5rem}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.footer-links a{color:var(--text-soft);text-decoration:none;font-size:.88rem;transition:color .18s}.footer-links a:hover{color:var(--text)}.footer-bottom{margin-top:1.2rem;padding-top:.8rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-soft)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.section-alt{background:var(--bg-alt-section);border-radius:1.4rem;padding:2.4rem clamp(1.2rem,3vw,2.4rem)}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal.revealed{animation:reveal-up .6s cubic-bezier(.22,1,.36,1) forwards}@media (prefers-reduced-motion: reduce){.reveal{opacity:1}.reveal.revealed{animation:none}}@media (prefers-color-scheme: dark){:root{--bg: #0c1127;--bg-alt: #151d3f;--text: #eaf0ff;--text-soft: #b0bde8;--line: rgb(129 145 255 / 32%);--line-strong: rgb(143 157 255 / 48%);--glass-bg: rgb(16 22 51 / 58%);--glass-shadow: 0 30px 60px rgb(0 0 0 / 42%);--hero-title: linear-gradient(94deg, #f5f8ff 4%, #8dc9ff 34%, #de81e7 68%, #ffd067 100%);--btn-text: #141d3f;--bg-alt-section: rgb(129 145 255 / 6%)}body{background:radial-gradient(circle at 10% 14%,rgb(79 103 255 / 36%) 0%,transparent 40%),radial-gradient(circle at 90% 14%,rgb(55 200 255 / 28%) 0%,transparent 38%),radial-gradient(circle at 20% 90%,rgb(222 73 203 / 24%) 0%,transparent 40%),radial-gradient(circle at 86% 88%,rgb(245 187 43 / 25%) 0%,transparent 40%),linear-gradient(160deg,var(--bg) 0%,var(--bg-alt) 100%)}.glass{background:linear-gradient(150deg,#222b5a85,#0f163238),var(--glass-bg)}.title-logo-light{display:none}.title-logo-dark{display:block}.feature-sub-card:hover,.diff-card:hover,.scan-mode-item:hover{box-shadow:0 12px 32px #0000004d}.screenshot-frame:hover{box-shadow:0 30px 60px #0006,0 50px 100px #0000002e}.faq-item:hover{box-shadow:0 8px 24px #0000003d}}@media (max-width: 1080px){.top-nav{flex-direction:column;align-items:flex-start;position:relative}.nav-toggle{display:flex;position:absolute;right:1rem;top:.72rem}.nav-links{display:none;width:100%;flex-direction:column;padding-top:.5rem;gap:.3rem}.nav-links.nav-open{display:flex}.hero{grid-template-columns:1fr}.hero-card{max-width:560px}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow,.section-split{grid-template-columns:1fr}.section-split-reverse{direction:ltr}.feature-sub-grid,.diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.section-alt{padding:1.8rem clamp(.8rem,2vw,1.6rem)}}@media (max-width: 760px){.landing-shell{padding:.85rem .85rem 2rem}.top-nav{padding:.68rem .74rem}.hero-copy{padding:.5rem 0}.hero-cta .btn{width:100%}.hero-card{padding:.92rem}.status-grid,.metrics-row,.feature-grid,.module-grid,.feature-sub-grid,.diff-grid{grid-template-columns:1fr}.scan-modes{grid-template-columns:1fr;max-width:100%}.impact-banner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:1.2rem}.footer-bottom{flex-direction:column;gap:.3rem}.section-alt{padding:1.4rem 1rem;border-radius:1rem}.screenshot-frame:hover,.feature-sub-card:hover,.diff-card:hover,.scan-mode-item:hover{transform:none}}@media (hover: none){.feature-sub-card:hover,.diff-card:hover,.scan-mode-item:hover,.screenshot-frame:hover,.faq-item:hover{transform:none;box-shadow:unset}}
