@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b32;--blue:#1259cb;--cyan:#71dce3;--ink:#142b3e;--muted:#586b7d;--paper:#f5f7fa;--line:#dce5ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 'DM Sans',system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em;line-height:1.12}h2{font-size:clamp(2.25rem,4.3vw,4.5rem)}h3{font-size:1.32rem}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,27,50,.96);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18}.header-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;width:128px;flex:none}.brand img{display:block;width:100%;max-height:56px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(12px,1.9vw,27px);color:#d3e0ef;font-size:.82rem;font-weight:700;white-space:nowrap}.nav>a:not(.button):hover,.nav>a:not(.button):focus-visible{color:#8ce4e6}.nav-login{border-left:1px solid #ffffff3b;padding-left:22px}.button,.button-outline,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button{padding:16px 22px;background:#67dbe4;color:#09213b;box-shadow:0 14px 35px #1ac4d321}.button:hover,.button-outline:hover,.button-ghost:hover{transform:translateY(-3px)}.button-small{font-size:.8rem;padding:11px 16px}.button-light{background:white;color:#102b48}.button-outline{border:1px solid #bad1df;padding:14px 18px;color:#0c385c}.button-ghost{padding:15px 4px;color:white}.menu-toggle{display:none}.parallax-stage{position:relative;overflow:hidden;isolation:isolate}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;will-change:transform}.ambient-one{width:750px;height:750px;top:-390px;right:-80px;background:radial-gradient(circle,#117dbb72 0,transparent 68%)}.ambient-two{width:520px;height:520px;bottom:-390px;left:15%;background:radial-gradient(circle,#23b7cd50,transparent 70%)}.hero{background:#071b32;color:white;min-height:680px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center;padding:110px 0 95px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:#155e9c;margin-bottom:26px}.eyebrow.light{color:#7ee0e8}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#70e2de;margin-right:9px;box-shadow:0 0 0 5px #70e2de24}.hero h1{font-size:clamp(3.3rem,5.4vw,5.9rem);letter-spacing:-.075em;margin-bottom:28px}.hero h1 em{font-style:normal;color:#79dce4}.hero .lead{font-size:1.1rem;line-height:1.75;color:#c2d4e6;max-width:570px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:32px 0 45px}.hero-proof{display:flex;gap:12px;flex-wrap:wrap;color:#a9c1d7;font-size:.72rem;font-weight:700}.hero-proof span{border-left:2px solid #59cfdc;padding-left:11px}.product-scene{position:relative;padding:30px 0 42px}.product-window{border:1px solid #6ec8e075;border-radius:17px;overflow:hidden;background:#f8fbfc;box-shadow:0 45px 90px #0008;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.window-bar{height:43px;background:#e6eef4;color:#71889b;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:.65rem;font-weight:800}.window-dots{color:#8aaab8;letter-spacing:3px}.window-body{display:flex;min-height:343px;color:#183047}.mock-sidebar{width:57px;background:#102e4d;color:#9db6c9;display:flex;flex-direction:column;align-items:center;gap:20px;padding:15px 0;font-size:19px}.mock-sidebar .selected{color:#70dee4}.mock-mark{background:#72d8e3;color:#0b3048;border-radius:8px;font-weight:800;font-size:14px;width:27px;height:27px;text-align:center;line-height:27px}.mock-content{flex:1;padding:25px 24px}.mock-content>small,.mock-stats span,.mock-feature-top{font-size:.55rem;letter-spacing:.12em;font-weight:800;color:#63849c}.mock-content h3{font-size:1.18rem;margin:7px 0 20px}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-stats div{display:flex;flex-direction:column;background:white;border:1px solid #e3ecf2;padding:15px;border-radius:10px}.mock-stats strong{font-family:Manrope;font-size:1.15rem}.mock-stats small{font-size:.62rem;color:#738a9b}.mock-feature{background:white;border:1px solid #e3ecf2;border-radius:10px;padding:15px;margin-top:10px}.mock-feature-top{display:flex;justify-content:space-between;margin-bottom:12px}.mock-line{display:flex;align-items:center;gap:12px;margin:8px 0}.mock-line b{font-size:.62rem;width:90px}.mock-line i{display:block;width:var(--w);max-width:calc(100% - 108px);height:7px;border-radius:8px;background:linear-gradient(90deg,#1b72d6,#5cdae0)}.float-card{position:absolute;bottom:8px;right:-28px;display:flex;gap:12px;align-items:center;background:white;color:#102b40;padding:15px 19px;border-radius:12px;box-shadow:0 15px 45px #0004}.float-card strong,.float-card small{display:block}.float-card strong{font-size:.76rem}.float-card small{font-size:.65rem;color:#637a8d}.float-icon{font-size:20px;color:#1164ac}.mock-caption{font-size:.65rem;color:#91adbf;text-align:right;margin:18px 0 0}.scroll-cue{position:absolute;bottom:23px;left:max(24px,calc((100vw - 1180px)/2));color:#99b5c7;font-size:.62rem;letter-spacing:.17em;font-weight:800}.scroll-cue span{margin-left:10px;font-size:1rem}.section{padding:112px 0}.section-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.section-intro h2{max-width:760px;margin-bottom:0}.section-intro>p,.section-intro>div+p{color:var(--muted);max-width:410px;margin-bottom:8px}.problem{background:var(--paper)}.pain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pain-grid article{padding:25px 18px;border-top:2px solid #b7d1dd;background:#fff;min-height:220px}.pain-grid article>span,.feature-num,.role-index,.plan-kicker{font-size:.68rem;letter-spacing:.13em;font-weight:800;color:#217cb0}.pain-grid h3{font-size:1.04rem;margin:29px 0 10px}.pain-grid p,.feature-card p,.role-grid p{font-size:.89rem;color:#617385}.solution{background:#092541;color:#fff}.ambient-three{width:780px;height:780px;right:-310px;top:-260px;background:radial-gradient(circle,#1775a748,transparent 70%)}.solution .section-intro>p{color:#bad0df}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{position:relative;min-height:236px;padding:26px;border:1px solid #ffffff26;background:#ffffff0b;transition:background .25s,transform .25s}.feature-card:hover{background:#ffffff18;transform:translateY(-4px)}.feature-num{color:#7cdddf}.feature-icon{display:block;color:#77dce2;font-size:32px;margin:17px 0 12px}.feature-card h3{margin-bottom:9px}.feature-card p{color:#c3d2dd;margin-bottom:0}.showcase{background:white}.showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.showcase-copy>p:not(.eyebrow),.faq-grid>div>p:not(.eyebrow){color:var(--muted)}.tabs{display:grid;margin-top:30px;border-top:1px solid var(--line)}.tabs button{text-align:left;cursor:pointer;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 0;color:#596b7c;font-weight:700}.tabs button span{color:#338bb8;font-size:.72rem;margin-right:20px}.tabs button[aria-selected=true]{color:#0c4778;padding-left:12px;border-left:3px solid #2fc4d1;background:#eff9fb}.showcase-display{border-radius:16px;background:linear-gradient(140deg,#0c2d50,#0a1c37);color:#fff;min-height:475px;padding:42px;box-shadow:0 28px 55px #0d32412b}.display-overline{font-size:.65rem;letter-spacing:.17em;color:#77dce2;font-weight:800}.tab-panel h3{font-size:clamp(1.9rem,3vw,3rem);margin:36px 0 12px}.tab-panel p{color:#bbd0df;max-width:400px}.display-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.display-chips span{border:1px solid #80a8bd66;border-radius:30px;padding:6px 11px;font-size:.7rem}.display-graphic{display:flex;align-items:end;gap:15px;height:125px;margin-top:30px;border-bottom:1px solid #8cb2c64d}.display-graphic i{width:11%;border-radius:6px 6px 0 0;background:linear-gradient(#75e5e5,#1165ba)}.display-disclaimer{display:block;margin-top:23px;color:#a5bbca;font-size:.62rem}.roles{background:#f5f7fa}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-grid article{background:#fff;padding:34px;border-radius:12px;border:1px solid var(--line)}.role-grid h3{font-size:1.55rem;margin:35px 0 12px}.benefits{background:#0c3758;color:white}.ambient-four{width:700px;height:700px;left:-400px;top:-210px;background:radial-gradient(circle,#1a9cbd5a,transparent 69%)}.benefits-row{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.benefits h2{margin-bottom:30px}.benefits ul{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff4a}.benefits li{display:flex;gap:26px;padding:19px 0;border-bottom:1px solid #ffffff4a;font-weight:700}.benefits li span{color:#86dce5;font-size:.7rem}.pricing{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{padding:31px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:460px}.price-card.featured{border-color:#279ac2;background:#eef9fb;box-shadow:0 20px 38px #11355313}.price-card h3{font-size:1.9rem;margin:20px 0 8px}.price-card>p{color:var(--muted);min-height:52px;font-size:.91rem}.price{font:800 2.2rem Manrope;margin:18px 0}.price small{font-size:.8rem;color:var(--muted)}.price-card ul{padding:0;list-style:none;margin:0 0 22px;flex:1}.price-card li{font-size:.85rem;padding:7px 0}.price-card li:before{content:'✓';color:#168daa;margin-right:11px;font-weight:800}.price-note{font-size:.75rem;color:#697988;margin:22px 0 0}.faq{background:#f5f7fa}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{border-top:1px solid #ccdbe4}.faq details{border-bottom:1px solid #ccdbe4;padding:19px 0}.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.4rem;line-height:1;color:#187da8}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);margin:12px 30px 3px 0}.contact{background:#071b32;color:#fff;text-align:center;padding:110px 0}.ambient-five{width:750px;height:750px;top:-460px;left:30%;background:radial-gradient(circle,#1c9cb876,transparent 70%)}.contact-inner{max-width:760px}.contact h2{font-size:clamp(2.8rem,5vw,5rem)}.contact-inner>p:not(.eyebrow){color:#b9cee0;max-width:590px;margin:0 auto 28px}.contact .button{margin:9px 0 24px}.contact .contact-status{font-size:.8rem;color:#a8bbcd}.footer{background:#061629;color:#b5c7d7}.footer-main{display:grid;grid-template-columns:140px 1fr 1.7fr;gap:45px;align-items:center;padding:48px 0;border-bottom:1px solid #ffffff25}.footer-main p{font-size:.84rem;margin:0}.footer nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:end;font-size:.8rem}.footer a:hover{color:#70dde1}.footer-bottom{display:flex;justify-content:space-between;padding:20px 0;font-size:.72rem}
@media(max-width:1050px){.nav{gap:11px;font-size:.75rem}.brand{width:110px}.hero-layout{gap:25px}.pain-grid{grid-template-columns:repeat(3,1fr)}.showcase-grid{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:70px}.wrap{width:min(100% - 36px,550px)}.header-row{height:68px}.brand{width:108px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #ffffff65;border-radius:7px;background:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{height:2px;width:19px;background:white}.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 23px;background:#071b32;box-shadow:0 15px 25px #0005;white-space:normal}.nav.open{display:flex}.nav a{padding:10px;font-size:.95rem}.nav .button{text-align:center;margin-top:8px}.nav-login{border:0;padding-left:10px}.hero-layout,.section-intro,.showcase-grid,.benefits-row,.faq-grid{grid-template-columns:1fr;gap:22px}.hero-layout{padding:72px 0 80px}.hero h1{font-size:clamp(3.2rem,12vw,4.6rem)}.hero .lead{font-size:1rem}.hero-proof{font-size:.63rem}.product-scene{padding:0 16px 20px}.product-window{transform:none}.float-card{right:0;bottom:-4px}.scroll-cue{display:none}.section{padding:76px 0}.section-intro{margin-bottom:30px}.pain-grid,.feature-grid,.role-grid,.price-grid{grid-template-columns:1fr}.pain-grid article{min-height:0;padding:20px}.pain-grid h3{margin:12px 0 5px}.feature-card{min-height:0}.showcase-display{min-height:410px;padding:28px}.benefits-row{gap:35px}.price-card{min-height:0}.price-card>p{min-height:0}.footer-main{grid-template-columns:1fr;gap:16px}.footer nav{justify-content:start}.footer-bottom{gap:15px}.contact{padding:75px 0}}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:3rem}.actions{gap:8px}.mock-content{padding:15px 9px}.mock-sidebar{width:40px}.mock-stats div{padding:9px}.mock-stats strong{font-size:.87rem}.mock-feature{padding:9px}.float-card{padding:9px}.display-graphic{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.ambient{transform:none!important}}
