@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--forest:#263f36;--fern:#536d55;--muted:#728176;--light:#f5f4eb;--paper:#fbfaf5;--stroke:#dce3d7;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--forest);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #80aa93;outline-offset:4px}main{overflow:hidden}
.journey-nav{height:87px;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:0 clamp(22px,5.4vw,90px);background:#fdfdf8dc;border-bottom:1px solid #e0e4db;position:relative;z-index:5;backdrop-filter:blur(18px)}.journey-brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px;font-weight:700;white-space:nowrap}.brand-mark{font-size:28px;color:#617c65}.journey-nav nav{display:flex;gap:clamp(14px,2.5vw,38px);align-items:center;font-size:13px}.journey-nav nav a{transition:color .2s}.journey-nav nav a:hover,.journey-nav nav a[aria-current]{color:#6b9279}.journey-nav nav a[aria-current]{border-bottom:1px solid #849c82;padding:6px 0}.nav-collection{font-size:11px;font-weight:600;letter-spacing:.4px;border:1px solid #a8b5a6;border-radius:30px;padding:9px 18px;white-space:nowrap}
.journey-hero{min-height:720px;position:relative;display:grid;grid-template-columns:minmax(420px,.94fr) minmax(490px,1.06fr);align-items:center;gap:28px;padding:75px clamp(25px,7vw,115px) 77px;overflow:hidden;background:radial-gradient(circle at 61% 41%,#e5eedf 0,transparent 49%),radial-gradient(circle at 11% 100%,#ebebe0 0,transparent 38%),#f5f4eb}.hero-glow{position:absolute;inset:0;background:radial-gradient(#75917413 .8px,transparent .8px);background-size:12px 12px;opacity:.55;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:670px}.hero-kicker{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#687969;display:flex;align-items:center;gap:10px}.soft-orbit{font-size:19px;font-weight:400;color:#7b9e87}.hero-status{font-size:10px;letter-spacing:1.4px;color:#8b967f;margin-top:27px}.hero-status span{padding:0 7px}.hero-copy h1{font:400 clamp(54px,5.15vw,89px)/1.05 var(--serif);letter-spacing:-2.8px;margin:19px 0 25px;max-width:730px}.hero-copy h1 em{font-weight:400;color:#79967d}.hero-lede{max-width:510px;font-size:15px;line-height:1.85;color:#65776a;margin:0}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.hero-tags span{font-size:10px;padding:8px 13px;border-radius:30px;border:1px solid #d3ded1;background:#f9faf5a9;color:#536a57}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;padding:16px 23px;background:#213c33;border-radius:100px;color:#fff;font-weight:600;font-size:13px;box-shadow:0 15px 35px #12332826;transition:transform .25s,background .25s}.primary-cta:hover{transform:translateY(-3px);background:#3c6151}.primary-cta span{font-size:20px;font-weight:400}.hero-caption{font-size:10px;color:#8b9689;letter-spacing:.25px;margin:16px 0 0}
.phone-stage{height:620px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;perspective:900px;min-width:0}.halo{position:absolute;border-radius:50%;z-index:-1}.halo-one{width:min(560px,96%);aspect-ratio:1;border:1px solid #b5cbb7a6;box-shadow:0 0 0 30px #adc8af19,0 0 0 75px #c8d7c51a}.halo-two{width:240px;height:240px;filter:blur(64px);background:#c4ddc2;top:19%;left:13%}.phone{position:absolute;width:214px;height:455px;border:7px solid #2c3533;border-radius:35px;background:#fdfdf7;overflow:hidden;box-shadow:0 21px 39px #203a3060,inset 0 0 0 1px #50615b;display:flex;flex-direction:column;align-items:stretch;padding:28px 14px 22px;transform-origin:center;transition:transform .4s}.phone-center{width:244px;height:520px;z-index:3;transform:translateY(6px);border-width:8px;border-radius:40px;padding:31px 16px 20px;box-shadow:0 34px 65px #29493f55,0 0 0 1px #a9b9ab}.phone-left{z-index:1;transform:translate(-160px,20px) rotate(-13deg)}.phone-right{z-index:2;transform:translate(168px,21px) rotate(12deg)}.phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:79px;height:20px;border-radius:16px;background:#2d3431}.screen-head{font-size:8px;font-weight:700;letter-spacing:.6px;color:#34483c;padding:8px 0 20px;border-bottom:1px solid #e1e9dd;display:flex;align-items:center;gap:5px}.screen-head span{font-size:17px;color:#778e76}.mini-label{font-size:7px;letter-spacing:1.4px;font-weight:700;color:#9ba99b;margin-top:23px}.screen-title{font:25px/1.04 var(--serif);margin:9px 0 19px;letter-spacing:-.3px}.screen-title em{color:#779779;font-weight:400}.phone-center .screen-title{font-size:29px}.phone p{font-size:9px;color:#6f8272;line-height:1.65;margin:9px 0}.phone-dots{position:absolute;bottom:13px;left:15px;right:15px;padding-top:9px;border-top:1px solid #e3e8e0;text-align:center;word-spacing:11px;color:#6d8b70;font-size:14px}.progress-small{display:flex;justify-content:space-between;margin:21px -2px 0}.progress-small b{height:21px;width:21px;border:1px solid #dbe2d7;display:grid;place-items:center;border-radius:50%;font-size:8px;color:#a5afa0}.progress-small b:first-child{color:#fff;background:#718c70;border-color:#718c70}.phone-center .mini-label{margin-top:22px}.lesson-art{height:138px;margin-top:0;position:relative;border-radius:8px;background:radial-gradient(circle at 50% 35%,#f2ead3 0 14%,transparent 15%),linear-gradient(145deg,#bdcabb 0%,#729880 52%,#486f5b 100%);overflow:hidden}.lesson-art:after{content:'';position:absolute;bottom:-48px;left:-10%;width:120%;height:105px;border-radius:50%;background:#486751;box-shadow:90px -18px 0 #7d9b82}.lesson-art span{position:absolute;z-index:1;top:13px;left:12px;font-size:7px;letter-spacing:1.8px;color:#f5f7f0}.mini-section{font-size:8px;letter-spacing:1px;font-weight:700;color:#69856f;margin-top:14px}.fake-progress{height:5px;background:#e1e8e0;border-radius:5px;margin-top:4px}.fake-progress span{display:block;width:35%;height:100%;background:#829b7c;border-radius:5px}.screen-next{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;color:#466b56;margin-top:15px;border-top:1px solid #e8ece5;padding-top:8px}.screen-scene{height:162px;position:relative;overflow:hidden;background:linear-gradient(#d8e3d7,#f4ecd6);border-radius:7px}.screen-sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#f5eacb;left:58px;top:22px}.hill{position:absolute;width:290px;height:150px;border-radius:50%;bottom:-105px;left:-70px}.hill-one{background:#9ab69d;bottom:-92px}.hill-two{background:#5f8c73;bottom:-120px;left:15px}.journal-lines{display:flex;flex-direction:column;gap:15px;margin-top:23px}.journal-lines i{display:block;height:1px;background:#d9e3d7}.journal-lines i:nth-child(2){width:85%}.journal-lines i:nth-child(4){width:92%}.journal-quote{font:italic 20px/1.4 var(--serif);color:#68896b;margin:32px 0}.stage-footnote{position:absolute;bottom:14px;font-size:8px;letter-spacing:2px;color:#9aa798;text-align:center}
.voices-section{padding:94px 0 100px;background:#faf9f4;overflow:hidden}.voices-heading{text-align:center;max-width:670px;margin:0 auto 40px;padding:0 25px}.section-overline{font-size:10px;letter-spacing:2.6px;color:#7e9781;font-weight:700}.voices-heading h2{font:400 clamp(42px,4.6vw,67px)/1.1 var(--serif);letter-spacing:-2px;margin:16px 0 15px}.voices-heading p{font-size:13px;color:#7e897b;line-height:1.8;margin:auto;max-width:610px}.voices-heading p strong{font-weight:600;color:#586e5e}.voices-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.voices-track{display:flex;width:max-content;animation:voice-marquee 37s linear infinite;will-change:transform}.voices-track:hover,.voices-track:focus-within{animation-play-state:paused}.voice-group{display:flex;flex:0 0 auto;gap:14px;padding-right:14px}.voice-chip{width:335px;max-width:80vw;display:flex;gap:13px;align-items:center;border:1px solid #dce5d9;background:#fff;padding:11px 19px 11px 11px;border-radius:100px;box-shadow:0 7px 24px #3248370a;color:var(--forest);text-align:left;transition:transform .2s,box-shadow .2s}.voice-chip:hover{transform:translateY(-3px);box-shadow:0 14px 32px #32483717}.voice-chip img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip-copy{min-width:0;flex:1}.chip-top{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}.chip-top small{font-size:10px;color:#ad9a59;letter-spacing:1px}.chip-quote{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#75847a;font-size:11px;font-weight:400}.chip-play{width:27px;height:27px;border-radius:50%;background:#e6eee3;display:grid;place-items:center;color:#4e7359;font-size:11px;flex-shrink:0}.voices-caption{text-align:center;color:#98a79b;font-size:9px;letter-spacing:1.4px;margin:31px auto 0;padding:0 18px;max-width:760px}@keyframes voice-marquee{to{transform:translateX(-50%)}}
.inside-section{padding:110px clamp(22px,7vw,110px) 116px;background:linear-gradient(180deg,#f5f4eb,#e9efe7)}.inside-intro{text-align:center;max-width:820px;margin:auto}.inside-intro h2{font:400 clamp(44px,4.7vw,70px)/1.13 var(--serif);letter-spacing:-1.7px;margin:23px 0 18px}.inside-intro h2 em{color:#78957c}.inside-intro p{font-size:14px;color:#788579;max-width:580px;margin:auto;line-height:1.75}.journey-steps{max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:52px auto 0}.step{background:#fffcf6a8;border:1px solid #dce5d8;border-radius:19px;padding:34px 31px 42px;min-height:286px}.step-symbol{font:48px var(--serif);color:#718f76;margin-bottom:24px}.step>span{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#91a192}.step h3{font:400 29px/1.16 var(--serif);margin:14px 0}.step p{font-size:12px;color:#768578;line-height:1.8}.closing{text-align:center;padding:112px 24px 118px;background:#264439;color:#f6f5e9}.closing .section-overline{color:#b7d4b9}.closing h2{font:400 clamp(44px,5vw,75px)/1.1 var(--serif);letter-spacing:-2px;margin:20px 0}.closing h2 em{color:#c1d8b5}.closing p{max-width:520px;margin:0 auto 30px;font-size:13px;color:#c7d7cc;line-height:1.9}.closing .primary-cta{background:#f2f4e7;color:#2a4938}.closing .primary-cta:hover{background:#e0eadb}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(25px,7vw,110px);font-size:11px;color:#839286;background:#f7f8f1}footer a:first-child{font-size:15px;color:#3d6450}
.voice-dialog{position:fixed;max-width:520px;width:calc(100% - 36px);border:1px solid #dce6d9;border-radius:25px;background:#fdfcf7;padding:36px;color:#294639;box-shadow:0 40px 150px #071d16a8}.voice-dialog::backdrop{background:#1d3029b5;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:21px;top:14px;border:0;background:none;font-size:30px;color:#657d6a}.dialog-overline{font-size:10px;letter-spacing:2px;color:#78967c;margin-bottom:22px}.dialog-identity{display:flex;align-items:center;gap:17px}.dialog-identity img{height:70px;width:70px;object-fit:cover;border-radius:50%}.dialog-identity h2{font:400 29px var(--serif);margin:0}.dialog-identity span{font-size:9px;letter-spacing:1.2px;color:#889b8b}.voice-dialog blockquote{font:italic 26px/1.45 var(--serif);margin:34px 0;color:#375745}.voice-play{width:100%;padding:14px 20px;border-radius:100px;border:0;background:#2b4b3b;color:white}.voice-dialog p{font-size:11px;color:#678474}.voice-dialog small{display:block;font-size:10px;color:#9aaba0;margin-top:22px}
@media(max-width:1050px){.journey-nav{padding:0 22px}.journey-nav nav{gap:16px}.nav-collection{display:none}.journey-hero{grid-template-columns:1fr 1fr;padding:65px 30px;gap:0}.hero-copy h1{font-size:clamp(49px,5vw,63px)}.phone-stage{transform:scale(.82);margin:-45px -40px}}
@media(max-width:750px){.journey-nav{height:auto;min-height:75px;flex-direction:column;justify-content:center;gap:9px;padding:13px 10px}.journey-brand{font-size:12px;gap:7px}.brand-mark{font-size:20px}.journey-nav nav{display:flex;max-width:100%;overflow-x:auto;gap:17px;white-space:nowrap;font-size:10px;padding:0 10px 3px;scrollbar-width:none}.journey-nav nav::-webkit-scrollbar{display:none}.journey-hero{display:flex;flex-direction:column;padding:48px 23px 46px;min-height:0}.hero-copy{width:100%;text-align:left;max-width:540px}.hero-status{margin-top:22px;font-size:8px}.hero-kicker{font-size:9px}.hero-copy h1{font-size:clamp(48px,11vw,68px);letter-spacing:-1.9px;margin:18px 0 21px}.hero-lede{font-size:13px;line-height:1.85}.hero-tags{gap:6px;margin:23px 0}.hero-tags span{font-size:9px;padding:7px 10px}.primary-cta{width:100%;font-size:13px}.phone-stage{transform:none;width:100%;height:490px;margin:24px 0 0}.phone{transform-origin:center;width:155px;height:345px;border-width:5px;border-radius:28px;padding:19px 10px 15px}.phone-notch{height:15px;width:60px;top:3px}.phone-left{transform:translate(-111px,15px) rotate(-13deg)}.phone-right{transform:translate(113px,15px) rotate(12deg)}.phone-center{transform:translateY(6px);width:179px;height:387px;border-width:6px;border-radius:31px;padding:22px 11px 17px}.screen-head{font-size:6px;padding:8px 0 12px}.screen-head span{font-size:12px}.mini-label{font-size:6px;margin-top:16px}.screen-title{font-size:21px;margin:7px 0 12px}.phone-center .screen-title{font-size:22px}.phone p{font-size:7px}.progress-small{margin-top:14px}.progress-small b{height:15px;width:15px;font-size:6px}.phone-center .mini-label{margin-top:15px}.lesson-art{height:95px}.screen-scene{height:112px}.screen-sun{height:54px;width:54px;left:45px}.mini-section{font-size:6px;margin-top:9px}.phone-dots{font-size:10px;bottom:9px;padding-top:6px}.journal-lines{gap:12px}.journal-quote{font-size:14px;margin-top:22px}.stage-footnote{bottom:13px;font-size:6px;letter-spacing:1.3px}.voices-section{padding:62px 0 74px}.voices-heading{margin-bottom:29px}.voices-heading h2{font-size:42px}.voices-heading p{font-size:12px}.voice-chip{width:295px}.voices-caption{font-size:8px;line-height:1.6}.voices-track{animation-duration:32s}.inside-section{padding:75px 22px}.inside-intro h2{font-size:43px}.journey-steps{grid-template-columns:1fr;gap:14px;margin-top:35px}.step{min-height:0;padding:25px}.step-symbol{margin-bottom:6px}.step h3{font-size:28px}.closing{padding:79px 23px}.closing h2{font-size:47px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px;gap:12px}}
@media(max-width:380px){.phone-stage{transform:scale(.87);margin:-5px 0 -35px}.hero-copy h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.voices-track{animation:none}.voices-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}