:root{--green:#064b32;--deep:#123c2a;--ivory:#fffefb;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--deep);background:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}.skip{position:absolute;left:20px;top:-100px;z-index:10;padding:12px;background:white;color:var(--deep)}.skip:focus{top:12px}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 25%,#096342 0%,var(--green) 55%,#033525 100%);color:var(--ivory)}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:36px;font-weight:600;letter-spacing:-1.5px}.brand img{width:66px;height:66px;object-fit:contain}.nav nav{display:flex;gap:44px;font-size:16px}.nav a:hover{opacity:.8}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;position:relative;min-height:650px}.hero-copy{padding:35px 0 38px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3.6px;line-height:1.8;font-weight:500;margin:0 0 18px}h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0}h1{font-size:clamp(64px,6.5vw,96px);line-height:.88;letter-spacing:-2.7px;margin-bottom:24px}.intro{font-size:19px;line-height:1.55;margin:0;max-width:460px}.handwriting{font-family:Caveat,cursive;font-size:35px;line-height:.9;transform:rotate(-7deg);width:max-content;margin:25px 0 44px 8px;font-weight:400}.handwriting span{margin-left:28px;position:relative}.handwriting span:after{content:'';position:absolute;height:1px;background:currentColor;bottom:-7px;width:75%;left:4px;transform:rotate(-5deg)}.store-row{display:flex;gap:14px;flex-wrap:wrap}.store-badge{display:flex;align-items:center;gap:10px;color:white;background:#050505;border:1px solid #e8e9e4;border-radius:8px;padding:9px 13px;min-width:178px;height:59px}.store-badge svg{width:28px;height:32px;flex-shrink:0}.store-badge span{display:block}.store-badge small{display:block;font:10px/1.2 Arial,sans-serif}.store-badge strong{font:23px/1.2 Arial,sans-serif;white-space:nowrap;letter-spacing:-.7px}.coming{display:block;text-align:center;font-size:10px;letter-spacing:1.2px;margin-top:9px;color:#d4e5d7}.showcase{margin:0;position:relative;align-self:stretch;min-height:650px;isolation:isolate}.showcase:before{content:'';position:absolute;inset:-25px -190px 0 -80px;z-index:-1;background:url('assets/backdrop.jpg') center bottom/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 22%)}.phone{position:absolute;width:256px;background:#151515;padding:6px;border-radius:37px;border:2px solid #b7b9b1;box-shadow:4px 2px 0 #333,7px 6px 0 #8d918b,16px 24px 28px #001b2180;overflow:hidden;transform-origin:bottom center}.phone img{display:block;width:100%;height:auto;border-radius:0 0 28px 28px}.phone-top{height:28px;background:#327548;color:white;border-radius:28px 28px 0 0;display:flex;align-items:center;justify-content:space-around;font-size:9px;position:relative}.phone-top i{display:block;width:64px;height:16px;border-radius:20px;background:#080a08}.phone-back{left:6%;bottom:82px;transform:rotate(-5deg);z-index:1}.phone-front{right:0;bottom:39px;transform:rotate(3deg);z-index:2}.showcase figcaption{position:absolute;bottom:10px;right:24px;font-size:9px;color:#fff;text-shadow:0 1px 4px #000;z-index:3;letter-spacing:.5px}.features{padding:42px 0 54px;text-align:center;background:var(--ivory)}.features .eyebrow{margin-bottom:10px;font-size:10px}.features h2{font-size:49px;line-height:.95;letter-spacing:-1.5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:30px auto 0;max-width:1000px}.feature-grid article{padding:0 28px;position:relative}.feature-grid article+article:before{content:'';position:absolute;left:0;top:35px;bottom:0;width:1px;background:#d9ded5}.feature-icon{display:grid;place-items:center;width:62px;height:62px;background:#e6eddf;border-radius:50%;margin:0 auto 12px}.feature-icon svg{width:30px;height:30px}.feature-grid h3{font-size:25px;font-weight:600;letter-spacing:-.6px}.feature-grid p{font-size:14px;line-height:1.55;margin:8px 0 0}.about{border-top:1px solid #d9ded5;padding:65px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px}.about h2{font-size:46px;line-height:1;letter-spacing:-1px;margin-bottom:22px}.about p:not(.eyebrow){max-width:610px;font-size:16px;line-height:1.75}.about .launch-note{font-weight:500}.about>.eyebrow{padding-top:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d9ded5;padding:28px 0;font-size:12px}.footer-brand{font-family:var(--serif);font-size:25px;font-weight:600}@media(min-width:1500px){.hero-grid{min-height:700px}.showcase{min-height:700px}.phone{width:280px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.brand{font-size:30px}.brand img{width:54px;height:54px}.hero-grid{grid-template-columns:1fr 1fr}.phone{width:220px}.phone-front{right:-15px}.phone-back{left:0}.intro{font-size:17px}.store-row{gap:9px}.store-badge{min-width:150px;padding:8px 10px;gap:8px}.store-badge strong{font-size:19px}.store-badge svg{width:24px}.eyebrow{letter-spacing:2.6px;font-size:10px}.feature-grid h3{font-size:23px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{padding:20px 0}.brand{font-size:27px;gap:9px;letter-spacing:-1px}.brand img{width:44px;height:44px}.nav nav{gap:20px;font-size:13px}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:30px 0 0}.hero-copy>.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:76px;line-height:.91}.intro{font-size:17px}.handwriting{font-size:33px;margin-bottom:43px}.store-badge{min-width:160px}.store-row{gap:12px}.showcase{min-height:580px;width:100%;max-width:500px;align-self:center;margin-top:14px}.showcase:before{inset:0 -80px 0;mask-image:linear-gradient(to bottom,transparent,#000 15%)}.phone{width:220px}.phone-back{left:6%;bottom:73px}.phone-front{right:4%;bottom:30px}.showcase figcaption{right:12px;bottom:8px;font-size:8px}.features{padding:42px 0}.features h2{font-size:40px}.feature-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.feature-grid article{padding:0 0 28px}.feature-grid article+article:before{top:-16px;left:25%;right:25%;width:auto;height:1px;bottom:auto}.feature-grid h3{font-size:28px}.feature-grid p{font-size:15px}.about{grid-template-columns:1fr;gap:10px;padding:40px 0}.about h2{font-size:39px}footer{flex-wrap:wrap;font-size:11px;gap:16px}.footer-brand{width:100%}}@media(max-width:380px){.nav nav{gap:12px}.brand{font-size:23px}.brand img{width:36px;height:36px}.store-badge{min-width:0;width:145px}.store-badge strong{font-size:18px}.store-badge svg{width:21px}.store-row{gap:10px}.phone{width:195px}.showcase{min-height:525px}.phone-back{left:0}.phone-front{right:0}h1{font-size:67px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:1060px){.phone-back{left:12%;bottom:90px}.phone-front{right:14%;bottom:43px}}

footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}footer nav a:hover{text-decoration:underline}.page-header{background:var(--green);color:var(--ivory)}.document{max-width:820px;padding:48px 0 72px}.document h1{font-size:62px;line-height:1;margin:28px 0;letter-spacing:-1.5px}.document h2{font-size:30px;line-height:1.15;margin:36px 0 14px}.document p,.document li{font-size:16px;line-height:1.8}.document li{margin-bottom:10px}.document p a{text-decoration:underline;text-underline-offset:3px}.back-link{font-size:14px}.draft-note{background:#eef1e8;border-left:3px solid #54775b;padding:16px 20px}.document-lead{font-size:21px!important}.contact-button{display:inline-block;background:var(--green);color:white;padding:14px 24px;border-radius:6px;margin:8px 0}.contact-button:hover{background:#123c2a}@media(max-width:760px){.document h1{font-size:48px}.document{padding-top:30px}footer nav{width:100%;gap:16px 20px}}
@media(max-width:760px){.nav{flex-wrap:wrap;gap:16px}.nav nav{gap:22px}.nav nav a{padding:4px 0}}
/* Keep navigation visible while reading every page. */
.hero>.nav,.page-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#064b32;box-shadow:0 1px 0 #ffffff18}.hero>.nav{width:100%;padding:24px max(48px,calc((100% - 1180px)/2))}.hero{padding-top:114px}.page-header+.document{margin-top:114px}html{scroll-padding-top:140px}.skip:focus{position:fixed;z-index:100}@media(max-width:1050px){.hero>.nav{padding-left:32px;padding-right:32px}.hero{padding-top:102px}.page-header+.document{margin-top:102px}}@media(max-width:760px){.hero>.nav{padding:16px 20px}.nav{padding:16px 0}.nav nav{width:100%;justify-content:flex-start;gap:26px}.hero{padding-top:128px}.page-header+.document{margin-top:128px}html{scroll-padding-top:145px}}
@media(min-width:761px){.showcase{margin-top:44px}}

/* Keep homepage scrolling without a visible scrollbar track. */
html.home-page,html.home-page body{scrollbar-width:none}html.home-page::-webkit-scrollbar,html.home-page body::-webkit-scrollbar{display:none;width:0;height:0}


/* A single desktop composition with proportional, shared spacing. */
.home-page .hero{background:#064b32 url('assets/backdrop.jpg') center bottom/100% 100% no-repeat}
.home-page .hero>.nav{box-shadow:none}
.home-page .showcase:before{content:none}
@media(min-width:761px){
html.home-page,html.home-page body{height:100%;overflow:hidden}
.home-page .hero{height:64dvh;padding-top:0}
.home-page .hero>.nav{position:relative;height:9dvh;padding:0;width:min(1180px,calc(100% - 96px));background:transparent}
.home-page .brand{font-size:clamp(26px,3.4vh,36px)}
.home-page .brand img{width:5.5dvh;height:5.5dvh}
.home-page .hero-grid{height:55dvh;min-height:0;grid-template-columns:1fr 1.12fr;grid-template-rows:minmax(0,1fr)}
.home-page .hero-copy{min-height:0;padding:0 0 2dvh;align-self:center}
.home-page .hero-copy>.eyebrow{font-size:clamp(8px,1.1vh,11px);margin-bottom:1.6dvh;letter-spacing:2.5px}
.home-page h1{font-size:6.7dvh;line-height:.91;margin-bottom:2dvh}
.home-page .intro{font-size:1.95dvh;line-height:1.5}
.home-page .handwriting{font-size:3.4dvh;margin:2.2dvh 0 3.8dvh 8px}
.home-page .store-row{gap:14px;flex-wrap:nowrap}
.home-page .store-badge{height:5.8dvh;min-width:145px;padding:6px 10px}
.home-page .store-badge strong{font-size:2.3dvh}
.home-page .coming{font-size:9px;margin-top:.7dvh}
.home-page .showcase{min-height:0;margin:0}
.home-page .phone{width:20.5dvh}
.home-page .phone-back{left:auto;right:calc(50% - 2dvh);bottom:5.5dvh}
.home-page .phone-front{right:calc(50% - 18dvh);bottom:2.4dvh}
.home-page .showcase figcaption{bottom:.6dvh;right:8%;font-size:8px}
.home-page .features{height:29dvh;padding:2.3dvh 0 2dvh}
.home-page .features .eyebrow{font-size:1dvh;margin-bottom:.8dvh}
.home-page .features h2{font-size:4dvh;line-height:.95}
.home-page .feature-grid{margin-top:2dvh}
.home-page .feature-icon{width:4.5dvh;height:4.5dvh;margin-bottom:.8dvh}
.home-page .feature-icon svg{width:2.6dvh;height:2.6dvh}
.home-page .feature-grid h3{font-size:2.7dvh}
.home-page .feature-grid p{font-size:1.5dvh;margin-top:.6dvh;line-height:1.45}
.home-page footer{height:7dvh;padding:0;font-size:11px}
.home-page .footer-brand{font-size:24px}
}
@media(min-width:761px){
.home-page .store-badge{width:18.5dvh;min-width:150px}
.home-page .features h2{font-size:3.8dvh}
.home-page .feature-grid{margin-top:1.6dvh}
}