@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101d34;--lime:#c4f35b;--gray:#617087}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1200px;padding:0 32px;margin:auto}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e5e9ef}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:800;letter-spacing:-.7px;font-size:20px}.mark{display:inline-grid;place-items:center;background:var(--navy);color:var(--lime);width:36px;height:36px;border-radius:10px;margin-right:9px}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.button{display:inline-block;background:var(--navy);color:#fff;border:0;padding:14px 23px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer}.button.lime{background:var(--lime);color:var(--navy)}.button.outline{background:transparent;color:var(--navy);border:1px solid #cdd5df}.hero{padding:75px 0 70px;background:#f3f6fa;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;margin-bottom:20px;color:var(--gray)}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.08;letter-spacing:-3px;margin:0 0 25px;font-weight:800}h1 span{display:inline;background:var(--lime);padding:0 8px}h2{font-size:clamp(30px,3.4vw,43px);line-height:1.2;letter-spacing:-1.5px;margin:0 0 20px}h3{line-height:1.4;margin:12px 0;font-size:20px}.intro{color:var(--gray);font-size:18px;max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.note{color:var(--gray);font-size:13px;margin-top:20px}.visual{position:relative}.visual img{width:100%;height:470px;object-fit:cover;border-radius:22px;display:block}.float{position:absolute;bottom:28px;left:-28px;background:white;border-radius:12px;padding:17px 22px;box-shadow:0 12px 40px #06152e24;font-size:14px}.float strong{display:block}.float small{color:var(--gray)}.platforms{padding:25px 0;border-bottom:1px solid #e7ebf0}.platformrow{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.platformrow span{font-weight:800;font-size:18px}.platformrow small{color:var(--gray);font-size:14px}section{padding:85px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.sectionhead p{max-width:370px;color:var(--gray);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e2e7ee;padding:30px;border-radius:12px}.card p{color:var(--gray);margin-bottom:0;font-size:15px}.icon{font-size:25px;width:50px;height:50px;display:grid;place-items:center;background:#f1f5fa;border-radius:10px}.dark{background:var(--navy);color:#fff}.dark p{color:#b8c4d6}.video{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.video-panel{background:#1b2d48;border-radius:18px;padding:35px}.video-panel strong{font-size:42px;color:var(--lime);letter-spacing:-2px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.tags span{border:1px solid #41516b;padding:6px 14px;border-radius:99px;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.number{color:#8090a4;font-size:35px;font-weight:800}.steps p{color:var(--gray);font-size:15px}.soft{background:#f3f6fa}.plan{background:#fff;padding:32px;border:1px solid #dfe5ed;border-radius:13px;position:relative}.plan.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.plan ul{padding:0;list-style:none;margin:25px 0}.plan li{font-size:14px;border-bottom:1px solid #e6ebf1;padding:10px 0}.plan.featured li{border-color:#344259}.plan p{color:var(--gray);font-size:15px}.plan.featured p{color:#bac6d6}.plan .price{font-weight:800;font-size:27px;letter-spacing:-1px;margin-top:20px}.badge{font-size:11px;letter-spacing:1px;color:var(--navy);background:var(--lime);padding:5px 9px;border-radius:5px;position:absolute;right:20px;top:25px;font-weight:800}.faq{max-width:820px;margin:auto}details{border-bottom:1px solid #dee5ee;padding:20px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:22px}details[open] summary:after{content:'−'}details p{color:var(--gray);font-size:15px}.contact{background:var(--lime);border-radius:18px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{max-width:580px}.contact p{max-width:550px}.contact .actions{flex-direction:column;min-width:210px}footer{background:#0c1729;color:white;padding:50px 0 24px;font-size:14px}.footgrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:50px}footer p,footer a{color:#bac6d6}footer .brand{color:white}.footlinks{display:flex;flex-direction:column;gap:8px}.copyright{border-top:1px solid #2c3646;padding-top:24px;margin-top:35px;color:#8292a9;font-size:12px}.legal{max-width:850px;margin:auto;padding:70px 30px}.legal h1{font-size:45px;letter-spacing:-2px}.legal h2{font-size:24px;letter-spacing:-.5px;margin-top:35px}.legal p{color:var(--gray)}.draft{background:#f1f5fa;padding:18px;border-radius:8px;font-size:14px}a:hover{opacity:.8}a:focus-visible,summary:focus-visible{outline:3px solid #779c2a;outline-offset:5px}@media(max-width:900px){.hero-grid,.video{gap:30px}.navlinks a:not(.button){display:none}.hero-grid{grid-template-columns:1fr 1fr}h1{letter-spacing:-2px}.grid3{gap:12px}.card,.plan{padding:22px}.steps{grid-template-columns:repeat(2,1fr)}.visual img{height:430px}.sectionhead{display:block}.sectionhead p{margin-top:15px}.contact{padding:35px}}@media(max-width:650px){.wrap{padding:0 22px}.nav{height:75px;gap:10px}.brand{font-size:14px}.mark{width:30px;height:30px;margin-right:5px}.navlinks .button{padding:10px 12px;font-size:12px}.hero{padding:45px 0}.hero-grid,.video,.grid3,.footgrid{grid-template-columns:1fr}.hero-grid{gap:38px}h1{font-size:47px}.intro{font-size:16px}.visual img{height:330px}.float{left:12px;bottom:15px}.platformrow{justify-content:center;gap:15px}.platformrow small{width:100%;text-align:center}.platformrow span{font-size:14px}section{padding:55px 0}.sectionhead{margin-bottom:25px}.card{padding:24px}.steps{gap:20px}.steps h3{font-size:17px}.contact{display:block;padding:30px}.contact .actions{flex-direction:row}.footgrid{gap:25px}.legal h1{font-size:35px}}

.site-logo{width:270px;max-width:100%;height:auto;display:block}footer .site-logo{width:270px}.legal .legal-links{margin-top:40px;border-top:1px solid #dce3ed;padding-top:20px;display:flex;flex-wrap:wrap;gap:20px;font-size:14px}@media(max-width:650px){.nav .site-logo{width:190px}.nav .brand{min-width:0}.nav .button{font-size:12px;padding:10px}}

.showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}.showcase article{background:white;border-radius:16px;overflow:hidden;border:1px solid #e2e7ee}.showcase img{display:block;width:100%;height:300px;object-fit:cover}.showcase-copy{padding:28px}.showcase-copy p{color:var(--gray);font-size:16px}.showcase-tags{display:flex;flex-wrap:wrap;gap:8px}.showcase-tags span{background:#edf2f7;font-size:13px;padding:5px 12px;border-radius:20px}@media(max-width:650px){.showcase{grid-template-columns:1fr}.showcase img{height:235px}.showcase-copy{padding:23px}}

.site-logo{width:330px}footer .site-logo{width:330px}.price-period{font-size:16px;font-weight:500;letter-spacing:0}@media(max-width:650px){.nav .site-logo{width:230px}.nav{gap:12px}.navlinks .button{max-width:125px;padding:10px 12px;font-size:12px;line-height:1.45}.nav .brand{flex:1}.navlinks{flex-shrink:0}}@media(max-width:380px){.nav .site-logo{width:190px}.navlinks .button{max-width:105px}}
