:root{--ink:#27241f;--paper:#f4f1ea;--warm:#ebe8df;--olive:#22281a;--muted:#605a50;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c99d58;outline-offset:4px}.wrap{width:min(100% - 112px,1320px);margin-inline:auto}.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}
.hero{min-height:730px;min-height: min(810px,100svh);position:relative;isolation:isolate;color:#fff;display:flex;flex-direction:column;background:#191d16}.hero-image{position:absolute;inset:0;z-index:-2;background:url('./assets/hero.png') center 42%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,16,11,.84) 0%,rgba(13,16,11,.49) 34%,rgba(13,16,11,.06) 72%),linear-gradient(0deg,rgba(15,18,12,.67),transparent 38%),linear-gradient(180deg,rgba(15,18,12,.43),transparent 18%)}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{font-family:var(--serif);font-size:36px;letter-spacing:-1.5px;line-height:1}.navigation{display:flex;align-items:center;gap:38px;font-size:13px}.navigation a,.sign-in{transition:opacity .2s}.navigation a:hover,.sign-in:hover{opacity:.7}.sign-in{background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.75);padding:8px 0;font-size:13px}.sign-in span{margin-left:9px}.menu-toggle,.mobile-menu{display:none}
.hero-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:32px;padding-block:46px 30px}.hero-copy{max-width:620px}.hero h1,.section h2,dialog h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero h1{font-size:clamp(60px,7.1vw,104px);line-height:.94;margin:0 0 24px}.hero-copy p{font-size:17px;line-height:1.5;margin:0 0 27px;color:#f7f4eb}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 26px;font-size:14px;font-weight:600;border-radius:2px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{color:#29251f;background:#f4eee2}.button-light:hover{background:#fff}.button-dark{background:#273124;color:#fff}.hero-preview{width:252px;padding:12px;border:1px solid rgba(255,255,255,.8);background:rgba(15,17,14,.69);align-self:flex-end;margin-bottom:20px}.hero-preview p{font-size:12px;margin:0 0 9px}.hero-preview img{width:100%;height:170px;object-fit:cover}.hero-preview span{font-size:10px;color:#e2dfd5;display:block;padding-top:7px}
.timeline{display:flex;gap:20px;align-items:center;padding-bottom:35px}.timeline p{font-family:var(--serif);font-size:14px;line-height:1.1;white-space:nowrap;margin:0}.timeline-track{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex:1}.timeline-track .line{height:1px;background:rgba(244,238,226,.78);position:absolute;left:0;right:0;top:50%;z-index:-1}.timeline-track img{width:58px;height:66px;border:1px solid #f5eee0;border-radius:5px;object-fit:cover;background:#2a2c25}.timeline-track .t1{object-position:25% center}.timeline-track .t2{object-position:40% center}.timeline-track .t3{object-position:65% center}.timeline-track .t4{object-position:30% center}.timeline-track .t5{object-position:55% center}.timeline-track .t6{object-position:70% center}
.section{padding:88px 0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;margin:0 0 21px}.section h2{font-size:clamp(42px,4.6vw,62px);line-height:1.01;margin:0}.examples{background:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.section-note{font-size:13px;margin:0 0 5px;color:var(--muted)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.example-image{position:relative;overflow:hidden;background:#d8d5ca;aspect-ratio:1.7}.example-image img{width:100%;height:100%;object-fit:cover}.example-image span{position:absolute;left:12px;bottom:12px;color:#fff;background:rgba(15,17,13,.76);padding:6px 8px;font-size:10px}.example-card h3{font-family:var(--serif);font-size:21px;line-height:1.2;font-weight:400;margin:15px 0 5px}.example-card p,.examples-disclaimer{font-family:var(--serif);font-size:15px;color:var(--muted);line-height:1.45;margin:0}.examples-disclaimer{font-family:var(--sans);font-size:11px;margin-top:20px;color:#706a60}
.how{background:var(--warm)}.how-grid{display:grid;grid-template-columns:1fr 1.85fr;gap:65px}.how h2{font-size:clamp(37px,3.5vw,49px)}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0}.steps li{border-left:1px solid #d3cec3;padding-left:22px}.steps li:first-child{border-left:0;padding-left:0}.step-top{display:flex;align-items:center;gap:18px;margin-bottom:27px}.step-number{width:33px;height:33px;border-radius:50%;background:#ded8ca;display:grid;place-items:center;font-family:var(--serif);font-size:15px}.step-symbol{font-size:28px;line-height:1}.steps h3{font-family:var(--serif);font-size:18px;font-weight:400;margin:0 0 8px}.steps p{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--muted);margin:0}
.pricing{position:relative;color:#f7f1e6;background:#22291b;overflow:hidden}.pricing:after{content:'';position:absolute;inset:0 0 0 65%;background:linear-gradient(90deg,#22291b,rgba(34,41,27,.15)),url('./assets/parent.png') center 40%/cover no-repeat;opacity:.38;pointer-events:none}.pricing-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:100px}.pricing h2{font-size:clamp(37px,3.6vw,50px)}.pricing-inner>div>p:last-child{font-family:var(--serif);font-size:15px;color:#ddd7c8;margin:15px 0 0}.pricing .button{min-width:240px}
.faq{background:#f9f7f1}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq h2{font-size:clamp(42px,4vw,56px)}.faq-list{border-top:1px solid #d8d2c7}.faq details{border-bottom:1px solid #d8d2c7}.faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;align-items:center;padding:20px 0;font-size:14px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px;max-width:600px}footer{background:#1b2018;color:#eee9df;padding:35px 0}.footer-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-brand{font-size:30px}.footer-inner p{font-family:var(--serif);font-size:14px;color:#d9d4c9}.footer-inner div{display:flex;gap:23px;margin-left:auto;font-size:12px}.footer-inner>span{font-size:11px;color:#bcb7ac}
dialog{border:0;padding:0;max-width:min(90vw,480px);background:#f5f1e8;color:var(--ink);box-shadow:0 20px 90px #0006}dialog::backdrop{background:rgba(16,19,14,.75)}.dialog-inner{position:relative;padding:48px}.dialog-close{position:absolute;top:15px;right:19px;background:none;border:0;font-size:28px;color:var(--ink)}dialog h2{font-size:42px;line-height:1.06;margin:0 0 16px}dialog p:not(.eyebrow){font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 25px}
@media(max-width:850px){.wrap{width:calc(100% - 56px)}.navigation{gap:20px}.hero{min-height:700px}.hero h1{font-size:clamp(60px,8vw,84px)}.hero-preview{width:190px}.hero-preview img{height:140px}.timeline-track img{width:48px;height:55px}.how-grid{grid-template-columns:1fr;gap:35px}.faq-grid{gap:40px}.pricing-inner{gap:50px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.hero{min-height:770px;min-height:max(770px,100svh)}.hero-image{background-position:59% center}.hero:before{background:linear-gradient(90deg,rgba(13,16,11,.73),rgba(13,16,11,.22)),linear-gradient(0deg,rgba(15,18,12,.8),transparent 45%),linear-gradient(180deg,rgba(15,18,12,.5),transparent 23%)}.site-header{height:68px}.wordmark{font-size:32px}.navigation,.site-header>.sign-in{display:none}.menu-toggle{display:flex;width:44px;height:44px;background:transparent;border:0;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}.menu-toggle span{display:block;width:26px;height:1px;background:#fff}.mobile-menu:not([hidden]){display:flex;position:absolute;top:65px;right:20px;z-index:4;width:200px;flex-direction:column;gap:0;background:#f5f1e8;color:#26271f;padding:10px 18px;box-shadow:0 10px 30px #0005}.mobile-menu a,.mobile-menu button{padding:13px 0;border:0;border-bottom:1px solid #ded9cf;background:none;text-align:left;font-size:14px}.mobile-menu button{border-bottom:0}.hero-content{align-items:flex-start;justify-content:center;flex-direction:column;padding-block:55px 26px}.hero h1{font-size:clamp(55px,13vw,76px)}.hero-copy p{font-size:15px}.hero-preview{width:180px;align-self:flex-end;margin:5px 0 0}.hero-preview img{height:115px}.timeline{gap:10px;padding-bottom:25px}.timeline p{font-size:11px}.timeline-track{gap:6px}.timeline-track img{width:35px;height:44px}.timeline-track img:nth-of-type(3),.timeline-track img:nth-of-type(5){display:none}.section{padding:64px 0}.section-top{display:block}.section-note{margin-top:15px}.examples-grid{grid-template-columns:1fr;gap:28px}.example-image{aspect-ratio:1.75}.how-grid{gap:30px}.how h2{font-size:40px}.steps{grid-template-columns:1fr;gap:20px}.steps li,.steps li:first-child{border:0;border-top:1px solid #d3cec3;padding:20px 0 0}.step-top{margin-bottom:12px}.steps p{max-width:340px}.pricing-inner{align-items:flex-start;flex-direction:column;gap:28px}.pricing:after{inset:0 0 0 45%;opacity:.25}.faq-grid{grid-template-columns:1fr;gap:30px}.footer-inner{gap:16px}.footer-inner p{width:100%;margin:0}.footer-inner div{margin-left:0}.footer-inner>span{margin-left:auto}dialog h2{font-size:35px}.dialog-inner{padding:40px 28px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.timeline-track .time-photo{display:block;flex:0 0 58px;width:58px;height:66px;border:1px solid #f5eee0;border-radius:5px;background-image:url('./assets/timeline.png');background-size:600% 100%;background-repeat:no-repeat}
.timeline-track .time-photo.t1{background-position:0% center}.timeline-track .time-photo.t2{background-position:20% center}.timeline-track .time-photo.t3{background-position:40% center}.timeline-track .time-photo.t4{background-position:60% center}.timeline-track .time-photo.t5{background-position:80% center}.timeline-track .time-photo.t6{background-position:100% center}
@media(max-width:850px){.timeline-track .time-photo{flex-basis:48px;width:48px;height:55px}}
@media(max-width:600px){.timeline-track .time-photo{flex-basis:35px;width:35px;height:44px}.timeline-track .time-photo.t3,.timeline-track .time-photo.t5{display:none}}