:root{--ink:#102b29;--mint:#08c99a;--aqua:#dffff4;--paper:#f4f7f5;--coral:#ff9b77;--cream:#fff5d7;--line:#d9e4e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}.nav{height:76px;display:flex;align-items:center;gap:34px;padding:0 max(22px,calc((100% - 1220px)/2));position:sticky;top:0;z-index:20;background:rgba(244,247,245,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,43,41,.1)}.logo{font-size:25px;font-weight:950;letter-spacing:-1.4px;color:var(--ink);text-decoration:none}.logo span,.kicker{color:var(--mint)}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a,.nav-cta,footer a{color:var(--ink);font-weight:750;text-decoration:none}.nav-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px}.hero{width:min(1220px,calc(100% - 40px));margin:auto;min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:46px 0 70px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;margin:0 0 14px}.hero h1{font-size:clamp(52px,6.4vw,91px);line-height:.99;letter-spacing:-.04em;word-spacing:.06em;margin:0}.hero h1 em{font-style:normal;color:var(--mint)}.lead{font-size:21px;color:#506966;max-width:680px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:16px 23px;border-radius:999px;text-decoration:none;font-weight:850;min-height:52px;display:inline-flex;align-items:center}.primary{background:var(--mint);color:#082b23}.secondary{border:1px solid var(--ink);color:var(--ink)}.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust span{font-size:12px;padding:8px 12px;border:1px solid var(--line);border-radius:99px}.hero-visual{position:relative;min-width:0}.hero-visual img{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 36px rgba(16,43,41,.12))}.orbit{position:absolute;z-index:2;padding:10px 14px;border-radius:99px;background:#fff;box-shadow:0 10px 35px rgba(16,43,41,.15);font-weight:850}.orbit.one{top:16%;left:-1%;transform:rotate(-6deg)}.orbit.two{right:-1%;bottom:14%;background:var(--cream);transform:rotate(5deg)}.orbit.three{right:-4%;top:0;background:var(--aqua);transform:rotate(2deg);max-width:190px;text-align:center;line-height:1.12;padding:9px 12px;font-size:14px}.statement{padding:110px max(20px,calc((100% - 980px)/2));background:var(--ink);color:#fff}.statement p{color:#7ceac9;font-size:18px}.statement h2{font-size:clamp(42px,6vw,78px);line-height:1.07;letter-spacing:-.025em;word-spacing:.055em;margin:12px 0}.features{width:min(1220px,calc(100% - 40px));margin:90px auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{min-height:390px;border-radius:34px;padding:38px;display:flex;flex-direction:column}.feature span{font-weight:900}.feature h3{font-size:clamp(30px,4vw,49px);line-height:1.02;letter-spacing:-.045em;margin:auto 0 20px}.feature p{font-size:18px;max-width:540px}.feature.mint{background:var(--aqua)}.feature.dark{background:var(--ink);color:#fff}.feature.coral{background:var(--coral)}.feature.cream{background:var(--cream)}.life,.shop-callout{width:min(1220px,calc(100% - 40px));margin:100px auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.life-image{background:#fff;border-radius:38px;overflow:hidden}.life-image img,.shop-callout img{width:100%;height:auto;display:block}.life h2,.shop-callout h2,.section-title h2,.download h2{font-size:clamp(40px,5vw,67px);line-height:1.08;letter-spacing:-.025em;word-spacing:.055em;margin:0 0 24px}.life-copy>p:not(.kicker),.shop-callout p:not(.kicker),.section-title>p:not(.kicker),.download p{font-size:19px;color:#516865}.text-link{font-weight:900;color:var(--ink);text-decoration:none}.shop-callout{background:var(--cream);border-radius:42px;padding:62px;grid-template-columns:1fr .8fr}.guides{padding:100px max(20px,calc((100% - 1220px)/2));background:#eaf0ee}.section-title{max-width:820px;margin-bottom:42px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-grid a{min-height:225px;padding:22px;border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:.2s}.guide-grid a:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(16,43,41,.08)}.guide-grid span{color:var(--mint);font-size:11px;font-weight:900;text-transform:uppercase}.guide-grid b{font-size:18px;line-height:1.25;margin:14px 0}.guide-grid em{font-style:normal;font-weight:850;margin-top:auto}.download{width:min(1220px,calc(100% - 40px));margin:100px auto;background:var(--aqua);border-radius:42px;padding:70px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.download-actions{display:grid;gap:12px}.download-actions a{padding:19px 22px;border-radius:18px;background:var(--mint);color:var(--ink);text-decoration:none;display:flex;justify-content:space-between;align-items:center}.download-actions .black{background:var(--ink);color:#fff}.download-actions b{font-size:20px}.download-actions span{font-size:12px}footer{width:min(1220px,calc(100% - 40px));margin:auto;border-top:1px solid var(--line);padding:35px 0 55px;display:flex;align-items:center;gap:25px}footer p{color:#647673;margin-right:auto}footer div{display:flex;gap:18px}@media(max-width:820px){.nav{height:66px;padding:0 16px}.nav nav{display:none}.nav-cta{font-size:12px;margin-left:auto}.hero{grid-template-columns:1fr;padding:55px 0 72px;min-height:auto;gap:34px}.hero h1{font-size:52px}.hero-copy{order:1}.hero-visual{order:2}.orbit{font-size:12px}.statement{padding-top:70px;padding-bottom:70px}.features{grid-template-columns:1fr;margin:60px auto}.feature{min-height:310px;padding:28px}.life,.shop-callout,.download{grid-template-columns:1fr;margin:65px auto;gap:30px}.shop-callout,.download{padding:32px 24px;border-radius:28px}.guide-grid{grid-template-columns:1fr 1fr}.guides{padding-top:70px;padding-bottom:70px}.download-actions a{flex-direction:column;align-items:flex-start;gap:3px}footer{flex-wrap:wrap;align-items:flex-start}footer p{width:100%;order:3}footer div{margin-left:auto;flex-direction:column}}@media(max-width:480px){.hero h1{font-size:43px;line-height:1.03;letter-spacing:-.025em;word-spacing:.04em}.orbit.three{right:0;top:-1%;max-width:158px;font-size:11px;padding:7px 9px;transform:rotate(1deg)}.hero-actions .button{width:100%;justify-content:center}.guide-grid{grid-template-columns:1fr}.guide-grid a{min-height:170px}.trust{gap:6px}}
