@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--petrol:#063f43;--deep:#052f32;--jade:#5d9f83;--mint:#a9d7b7;--lime:#d7f36a;--gold:#e8bf67;--cream:#f3f1e8;--ink:#123336;--white:#fff;--line:rgba(6,63,67,.15)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f8f7f2;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.hero{position:relative;min-height:940px;margin:28px;border-radius:38px;overflow:hidden;background:var(--deep) url('hero-mps.png') center/cover no-repeat;color:white}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,30,32,.95) 0%,rgba(2,38,39,.66) 42%,rgba(2,29,29,.05) 72%),linear-gradient(0deg,rgba(1,27,29,.65),transparent 45%)}
.nav{height:112px;position:relative;z-index:5;top:22px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(229,244,238,.14);backdrop-filter:blur(16px);display:flex;align-items:center;padding:16px 22px;gap:28px}
.brand img{width:210px;height:70px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.nav-links{display:flex;gap:27px;margin-left:auto}
.nav-links a,.login-link{font-weight:600;font-size:14px}
.nav-links a:hover{color:var(--lime)}
.nav-actions{display:flex;align-items:center;gap:18px}
.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mint);color:#052f32;padding:10px 10px 10px 22px;border-radius:999px;font-weight:700;line-height:1.1;min-height:58px;transition:.25s}
.pill-button b{display:grid;place-items:center;background:#052f32;color:white;width:40px;height:40px;border-radius:50%;font-size:18px}
.pill-button:hover{transform:translateY(-3px);background:var(--lime)}
.pill-button.bright{background:var(--lime)}
.pill-button.bright:hover{background:white}
.menu-button{display:none;background:none;border:0;color:white;font-size:27px}
.hero-content{position:relative;z-index:2;min-height:790px;padding-top:165px}
.hero-copy{width:min(720px,70%)}
.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--lime);margin:0 0 22px}
.hero h1{font:800 clamp(58px,7vw,100px)/.94 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 28px;max-width:850px}
.hero-text{font-size:18px;max-width:610px;color:rgba(255,255,255,.82)}
.hero-buttons{display:flex;gap:28px;align-items:center;margin-top:38px}
.text-button{font-weight:700;border-bottom:1px solid rgba(255,255,255,.45);padding:12px 0}
.hero-card{position:absolute;right:0;top:250px;width:260px;padding:28px;border-radius:26px;background:rgba(232,245,239,.18);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px)}
.hero-card h3{font:700 24px/1.1 'Manrope';margin:10px 0}
.hero-card p{font-size:14px;color:rgba(255,255,255,.8)}
.lotus-mini{font-size:48px;color:var(--lime)}
.mini-faces{display:flex;align-items:center;margin-top:22px}
.mini-faces span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--deep);border:2px solid rgba(255,255,255,.7);margin-right:-8px;font-weight:800}
.mini-faces strong{margin-left:18px;font-size:13px}
.hero-bottom{position:relative;display:grid;grid-template-columns:auto auto 1px auto auto;align-items:center;gap:16px;width:max-content;margin-top:92px;padding-bottom:52px}
.hero-bottom strong{font:800 46px 'Manrope';color:var(--lime)}
.hero-bottom span{font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.hero-bottom i{height:42px;background:rgba(255,255,255,.3);margin:0 18px}
.section{padding:120px 0}
.section-tag{color:var(--jade)}
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:110px;align-items:start}
.section h2,.section-heading h2,.final-cta h2{font:700 clamp(42px,5vw,72px)/1.02 'Manrope';letter-spacing:-.045em;margin:0}
.lead{font-size:21px;line-height:1.6;margin-top:0}
.arrow-link{display:inline-flex;align-items:center;gap:24px;font-weight:800;margin-top:18px;border-bottom:1px solid var(--line);padding-bottom:10px}
.arrow-link b{font-size:22px}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line)}
.stat-row div{padding:36px 40px 0 0;border-right:1px solid var(--line);display:flex;gap:18px;align-items:end}
.stat-row div+div{padding-left:40px}
.stat-row div:last-child{border:0}
.stat-row strong{font:800 42px 'Manrope';color:var(--jade)}
.stat-row span{font-size:13px;max-width:150px}
.dark-section{background:var(--deep);color:white}
.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}
.section-heading>p{font-size:18px;color:rgba(255,255,255,.68)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:hidden}
.steps article{padding:40px;min-height:390px;border-right:1px solid rgba(255,255,255,.13);position:relative;transition:.3s}
.steps article:hover{background:#0b5558}
.steps article:last-child{border:0}
.steps article>span{color:rgba(255,255,255,.35);font-weight:700}
.step-icon{font-size:58px;color:var(--lime);margin:64px 0 30px}
.steps h3{font:700 28px 'Manrope';margin:0 0 15px}
.steps p{color:rgba(255,255,255,.66)}
.lime{color:var(--lime)}
.marquee{overflow:hidden;background:var(--lime);color:var(--deep);font:800 20px 'Manrope';white-space:nowrap;padding:18px 0}
.marquee div{display:inline-block;animation:marquee 24s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}
}
.audience .section-heading{color:var(--ink)}
.audience .section-heading p{color:#587072}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:68px}
.feature-grid article{padding:32px;min-height:310px;border-radius:24px;background:white;border:1px solid var(--line);transition:.3s}
.feature-grid article:hover{transform:translateY(-8px);background:var(--petrol);color:white}
.feature-grid b{color:var(--jade)}
.feature-grid h3{font:700 24px/1.1 'Manrope';margin-top:90px}
.feature-grid p{font-size:14px;color:#63797a}
.feature-grid article:hover p{color:rgba(255,255,255,.7)}
.report-section{background:var(--cream)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.report-visual{height:620px;border-radius:32px;background:linear-gradient(145deg,var(--petrol),#79ad91);display:grid;place-items:center;position:relative;overflow:hidden}
.report-paper{position:relative;z-index:2;width:68%;background:white;border-radius:18px;padding:30px;transform:rotate(-4deg);box-shadow:0 35px 80px rgba(1,35,37,.35)}
.report-top{display:flex;justify-content:space-between}
.report-top span{font-weight:900;color:var(--petrol)}
.report-top small{font-size:9px;letter-spacing:.12em}
.report-paper h3{font:700 26px 'Manrope';margin:34px 0}
.force-bars{display:grid;gap:14px}
.force-bars i{font-style:normal;font-size:11px;padding:7px 9px;color:white;border-radius:9px;background:linear-gradient(90deg,var(--jade) var(--w),#dfe8e4 var(--w))}
.report-lines{display:grid;gap:8px;margin:32px 0}
.report-lines span{height:7px;background:#edf1ee;border-radius:5px}
.report-lines span:nth-child(2){width:80%}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.orbit-a{width:550px;height:550px}
.orbit-b{width:390px;height:390px}
.report-grid h2{margin-bottom:30px}
.check-list{list-style:none;padding:0;margin:35px 0}
.check-list li{padding:13px 0 13px 34px;border-bottom:1px solid var(--line);position:relative}
.check-list li:before{content:'✓';position:absolute;left:0;color:var(--jade);font-weight:900}
.note{font-size:13px;background:#e6ebe4;padding:16px;border-radius:12px}
.founder-card{display:grid;grid-template-columns:.7fr 1.3fr;background:var(--petrol);color:white;border-radius:34px;overflow:hidden}
.founder-art{min-height:520px;background:radial-gradient(circle at 50% 50%,#8db99c,transparent 55%),linear-gradient(145deg,#0c5559,#052f32);display:grid;place-items:center}
.founder-art span{font-size:220px;font-family:serif;color:var(--lime);opacity:.9}
.founder-card>div:last-child{padding:75px}
.founder-card p{color:rgba(255,255,255,.7);font-size:18px}
.light{color:white}
.centered{display:block;text-align:center;max-width:790px;margin:auto}
.centered p{color:#5f7677}
.price-card{max-width:920px;margin:65px auto 0;background:var(--petrol);color:white;border-radius:32px;padding:52px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;position:relative;overflow:hidden}
.price-card:after{content:'∞';position:absolute;right:-40px;bottom:-130px;font:250px serif;color:rgba(215,243,106,.08)}
.plan-badge{display:inline-block;background:var(--lime);color:var(--deep);font-weight:800;padding:7px 14px;border-radius:99px}
.price-card h3{font:700 34px 'Manrope';margin:24px 0 8px}
.price-card p{color:rgba(255,255,255,.68)}
.price{display:grid;grid-template-columns:auto auto;justify-content:end;align-items:start}
.price small{margin-top:17px}
.price strong{font:800 76px/.9 'Manrope';color:var(--lime)}
.price span{grid-column:2;color:rgba(255,255,255,.6)}
.price-card ul{list-style:none;padding:0;margin:15px 0;display:grid;gap:12px}
.price-card li:before{content:'✓';color:var(--lime);margin-right:12px}
.wide{align-self:center;position:relative;z-index:2}
.plan-note{grid-column:1/-1;color:rgba(255,255,255,.48)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
.accordion details{border-top:1px solid var(--line);padding:22px 0}
.accordion summary{font:600 20px 'Manrope';cursor:pointer;display:flex;justify-content:space-between;list-style:none}
.accordion p{color:#607778;max-width:700px}
.accordion details:last-child{border-bottom:1px solid var(--line)}
.final-cta{background:var(--deep);color:white;text-align:center;padding:120px 24px}
.final-cta p{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.final-cta h2{max-width:850px;margin:15px auto 38px}
footer{background:#02272a;color:white;padding:80px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}
.footer-grid img{width:260px;filter:brightness(0) invert(1)}
.footer-grid p{color:rgba(255,255,255,.6);max-width:380px}
.footer-grid h4{color:var(--lime)}
.footer-grid a{display:block;color:rgba(255,255,255,.65);margin:9px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:60px;padding-top:28px;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:13px}
.footer-bottom div{display:flex;gap:28px}
.reveal{animation:rise .8s ease both}
@keyframes rise{from{opacity:0;transform:translateY(25px)}
to{opacity:1;transform:none}
}

@media(max-width:980px){.hero{margin:12px;min-height:900px}
.nav{top:12px}
.nav-links,.nav-actions{display:none}
.menu-button{display:block;margin-left:auto}
.nav.open{height:auto;align-items:flex-start;flex-wrap:wrap}
.nav.open .nav-links,.nav.open .nav-actions{display:flex;width:100%;flex-direction:column;align-items:flex-start}
.hero-copy{width:100%}
.hero-card{display:none}
.intro-grid,.section-heading,.report-grid,.faq-grid{grid-template-columns:1fr;gap:38px}
.feature-grid{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr}
.steps article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);min-height:auto}
.step-icon{margin:35px 0 20px}
.founder-card{grid-template-columns:1fr}
.founder-art{min-height:300px}
.price-card{grid-template-columns:1fr}
.price{justify-content:start}
.section{padding:85px 0}
}

@media(max-width:640px){.wrap{width:min(100% - 30px,1180px)}
.hero{min-height:820px;border-radius:24px}
.nav{height:84px;padding:10px 14px}
.brand img{width:160px}
.hero-content{padding-top:150px}
.hero h1{font-size:52px}
.hero-text{font-size:16px}
.hero-buttons{align-items:flex-start;flex-direction:column}
.hero-bottom{margin-top:64px;padding-bottom:28px;gap:9px}
.hero-bottom strong{font-size:34px}
.hero-bottom i{margin:0 5px}
.intro-grid{gap:25px}
.stat-row{grid-template-columns:1fr}
.stat-row div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}
.stat-row div+div{padding-left:0}
.feature-grid{grid-template-columns:1fr}
.feature-grid article{min-height:230px}
.feature-grid h3{margin-top:45px}
.report-visual{height:450px}
.report-paper{width:78%}
.founder-card>div:last-child{padding:38px 28px}
.price-card{padding:32px 24px}
.price strong{font-size:60px}
.footer-grid{grid-template-columns:1fr;gap:30px}
.footer-bottom{display:grid;gap:18px}
.footer-bottom div{display:grid;gap:4px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}