@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{--bg:#0b1220;--panel:#111b2d;--ink:#f4f7fb;--muted:#a5b0c2;--accent:#a8f0c6;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:#101827;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);color:white;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.7px;display:flex;align-items:center;gap:9px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#102019;font-size:23px}.nav{display:flex;gap:36px;color:#b6c0d0;font-size:13px}.nav a:hover,.text-link:hover{color:var(--accent)}.header-cta{font-size:13px;font-weight:700;border:1px solid #465164;padding:11px 17px;border-radius:7px}.header-cta span{color:var(--accent);margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{background:var(--bg);color:white;min-height:590px;padding:80px 10% 88px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7f91aa}.hero .eyebrow{color:var(--accent)}.pulse{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.8px}h1{font-size:clamp(48px,6vw,76px);line-height:1.05;margin:22px 0}.hero h1 em,.habits-section h2 em,.resources h2 em{font-style:normal;color:var(--accent)}.hero-text{max-width:490px;color:#aab6c8;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:22px;padding:15px 20px;border-radius:6px;font-size:13px;font-weight:700}.button-primary{background:var(--accent);color:#102019}.button-primary:hover{background:#c3f8d8}.text-link{font-size:13px;color:#d2d9e4}.hero-note{margin-top:38px;color:#8492a7;font-size:11px}.check{color:var(--accent);margin-right:7px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:260px;height:260px;border-radius:50%;background:#174b49;filter:blur(65px);opacity:.7}.orbit{position:absolute;border:1px solid rgba(168,240,198,.15);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:370px;height:220px}.orbit-two{width:300px;height:350px;transform:rotate(55deg)}.shield{width:150px;height:170px;z-index:1;display:grid;place-items:center;clip-path:polygon(50% 0,92% 17%,88% 68%,50% 100%,12% 68%,8% 17%);background:linear-gradient(145deg,#c5ffdb,#4fbd93);box-shadow:0 0 90px #5bd5a455;color:#103629;font-size:55px}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #344257;background:#172338;border-radius:9px;box-shadow:0 15px 35px #0004}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:9px;color:#9caac0;margin-top:4px}.card-top{top:53px;right:0}.card-bottom{bottom:53px;left:0}.tiny-icon{width:28px;height:28px;border-radius:7px;background:#25483f;color:var(--accent);display:grid;place-items:center}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.spark{position:absolute;color:var(--accent)}.spark-a{top:35px;left:25%}.spark-b{right:13%;bottom:25%;font-size:38px}
.trust-strip{height:78px;background:#111b2d;color:#7e8ba0;display:flex;align-items:center;justify-content:center;gap:36px;font-size:9px;font-weight:700;letter-spacing:2px}.trust-strip i{width:4px;height:4px;background:var(--accent);border-radius:50%}
.section{padding:105px 10%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-heading h2,.resources h2{font-size:40px;line-height:1.15;margin:14px 0 0}.section-heading>p{max-width:350px;color:#697587;font-size:13px;line-height:1.8;margin-bottom:4px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.guide-card{background:white;border:1px solid #e7ebf0;border-radius:9px;padding:25px 22px;min-height:260px;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1b2b4010}.card-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:24px;margin-bottom:27px}.purple{background:#f0eaff;color:#8063ce}.green{background:#e4f8ed;color:#399c69}.orange{background:#fff0e3;color:#d68b46}.blue{background:#e7f1ff;color:#5486c7}.card-number{font-size:9px;letter-spacing:1.4px;color:#9aa4b2;font-weight:700}.guide-card h3{font-size:18px;letter-spacing:-.6px;margin:10px 0}.guide-card p{font-size:12px;color:#788395;line-height:1.7;min-height:61px}.guide-card>a{font-size:11px;font-weight:700;color:#1a293b}.guide-card>a span{color:#299c70;margin-left:7px}
.habits-section{background:var(--bg);color:white;padding:100px 10%}.habits-inner{max-width:930px;margin:auto}.habits-section h2{font-size:44px;line-height:1.15;margin:17px 0}.habits-intro{color:#9ba9bc;font-size:13px;line-height:1.8;max-width:440px;margin-bottom:38px}.habit-list{border-top:1px solid var(--line)}.habit{display:grid;grid-template-columns:55px 1fr 25px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);gap:12px}.habit>span:first-child{font-size:11px;color:#6f829a}.habit b{font-size:13px}.habit p{font-size:11px;color:#8492a7;margin:5px 0 0}.habit-check{color:var(--accent);font-size:16px}
.resources{padding-top:100px;padding-bottom:105px}.resources h2 em{color:#399c76}.resources-intro{font-size:13px;color:#778395;margin:17px 0 32px}.resource-links{max-width:750px;border-top:1px solid #e5eaf0}.resource-links a{padding:19px 4px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaf0}.resource-links b,.resource-links small{display:block}.resource-links b{font-size:13px}.resource-links small{font-size:11px;color:#8993a2;margin-top:5px}.resource-links a>span:last-child{color:#299c70}
.closing{margin:0 7.5% 65px;background:#14243a;border-radius:12px;padding:48px 6%;display:flex;align-items:center;gap:28px;color:white}.closing-mark{width:55px;height:55px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#102019;font-size:39px}.closing .eyebrow{color:#91a4ba}.closing h2{font-size:28px;line-height:1.2;margin:10px 0 0}.button-light{margin-left:auto;background:white;color:#132238}.button-light:hover{background:var(--accent)}
.footer{padding:0 7.5% 35px;display:flex;align-items:center;justify-content:space-between;color:#8a95a5;font-size:10px}.footer .brand{color:#172337;font-size:16px}.footer .brand-mark{width:25px;height:25px;font-size:19px}
@media(max-width:900px){.hero{padding-left:7%;padding-right:7%;gap:20px}.section,.habits-section{padding-left:7%;padding-right:7%}.guide-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;gap:25px;flex-direction:column}.hero-art{transform:scale(.9)}}
@media(max-width:620px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:block;margin-left:auto;margin-right:15px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111b2d;padding:22px 7%;z-index:5;flex-direction:column;gap:20px}.nav.open{display:flex}.header-cta{padding:9px 12px}.hero{display:block;padding:70px 7% 45px}.hero h1{font-size:53px}.hero-text{font-size:14px}.hero-art{height:300px;margin-top:20px;transform:scale(.85)}.trust-strip{gap:12px;font-size:7px;letter-spacing:1px;height:65px}.section,.habits-section{padding:75px 7%}.section-heading h2,.resources h2{font-size:34px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:225px}.guide-card p{min-height:0}.habits-section h2{font-size:38px}.habit{grid-template-columns:34px 1fr 20px}.closing{margin:0 5% 45px;padding:30px 7%;gap:15px;flex-wrap:wrap}.closing-mark{width:45px;height:45px}.closing h2{font-size:24px}.button-light{margin:10px 0 0 60px}.footer{padding:0 7% 30px;gap:15px;flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%;line-height:1.6}}
