:root{--rootr-soil:#2c1810;--rootr-bark:#5c3d2e;--rootr-terracotta:#c2703e;--rootr-clay:#d4956a;--rootr-moss:#5b6f4e;--rootr-sage:#8ba07a;--rootr-parchment:#f4ede4;--rootr-linen:#faf7f2;--rootr-amber:#9a7b2e;--rootr-stamp-green:#3d5a34;--rootr-stamp-red:#8b3a3a;--rootr-shadow:#2c18101f;--font-display:"Fraunces",Georgia,serif;--font-hand:"Caveat",cursive;--font-body:"Outfit",system-ui,sans-serif;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--rootr-soil);background:var(--rootr-linen);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.65}a{color:var(--rootr-terracotta);text-decoration:none;transition:color .2s}a:hover{color:var(--rootr-bark)}img{display:block;max-width:100%;height:auto}.skip-link{position:absolute;background:var(--rootr-terracotta);color:var(--rootr-linen);z-index:1000;border-radius:4px;padding:.5rem 1rem;font-weight:600;top:-100%;left:1rem}.skip-link:focus-visible{top:1rem}:focus-visible{outline:2px solid var(--rootr-terracotta);outline-offset:2px}.grain{position:fixed;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;inset:0}.section-heading{font-family:var(--font-hand);color:var(--rootr-bark);text-align:left;margin-bottom:3rem;padding-left:clamp(1.5rem,5vw,4rem);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:500}.fade-in{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(20px)}.fade-in.is-visible{opacity:1;transform:translateY(0)}.anim-fade{opacity:0;animation:animFadeIn .7s var(--ease-out)forwards;animation-delay:var(--d,0s);transform:translateY(16px)}@keyframes animFadeIn{to{opacity:1;transform:translateY(0)}}.hero{min-height:100vh;display:flex;align-items: center;min-height:100svh;padding:2rem 0}.hero-inner{display:grid;grid-template-columns:1fr;align-items: center;gap:3rem;width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.hero-content{order:-1}.hero-wordmark{max-width:260px;margin-bottom:1.5rem}.wordmark-svg{width:100%;height:auto}.hero-tagline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--rootr-soil);font-variation-settings:"SOFT" 50,"WONK" 1;margin-bottom:.75rem;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;line-height:1.08}.hero-annotation{font-family:var(--font-hand);color:var(--rootr-terracotta);transform-origin:left center;margin-bottom:1.25rem;margin-left:.5rem;font-size:clamp(1.3rem,2.5vw,1.7rem);transform:rotate(-1.5deg)}.hero-body{color:var(--rootr-bark);max-width:420px;margin-bottom:2rem;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.stamp-btn{display:inline-flex;border:2px solid var(--rootr-terracotta);color:var(--rootr-terracotta);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;text-decoration:none;transition:background .2s ease,color .2s ease,transform .15s var(--ease-spring),box-shadow .2s ease;position:relative;background:0 0;border-radius:4px;align-items: center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:700}.stamp-btn:hover{background:var(--rootr-terracotta);color:var(--rootr-linen);transform:scale(.97);box-shadow:0 2px 12px #c2703e40}.stamp-btn:active{transform:scale(.94)}.stamp-btn-icon{display:flex;flex-shrink:0}.stamp-btn--inverted{border-color:var(--rootr-linen);color:var(--rootr-linen)}.stamp-btn--inverted:hover{background:var(--rootr-linen);color:var(--rootr-soil);box-shadow:0 2px 20px #faf7f233}.hero-phone{display:flex;justify-content:center}.phone-frame{--phone-width:260px;--phone-scale:.667;position:relative;width:var(--phone-width);aspect-ratio:390/844;background:var(--rootr-parchment);overflow:hidden;transition:transform .4s var(--ease-spring);border-radius:44px;transform:rotate(2deg);box-shadow:0 0 0 8px #1a1a1a,0 20px 60px #2c181033,0 4px 16px #2c18101a}.phone-frame:hover{transform:rotate(.5deg)translateY(-4px)}.phone-frame:after{content:"";position:absolute;pointer-events:none;z-index:5;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;inset:0}.tape-strip{position:absolute;z-index:5;backdrop-filter:blur(1px);background:#8ba07a73;border-radius:2px;width:60px;height:28px;top:-14px;right:20px;transform:rotate(-8deg)}.phone-app{transform:scale(var(--phone-scale));transform-origin:top left;display:flex;background:var(--rootr-parchment);flex-direction:column;width:390px;height:844px;padding:44px 20px 0}.phone-header{flex-shrink:0;margin-bottom:8px}.phone-location{font-family:var(--font-body);color:var(--rootr-bark);letter-spacing:1.5px;text-transform:uppercase;opacity:.5;font-size:11px;font-weight:600}.phone-wordmark{font-family:var(--font-display);color:var(--rootr-soil);letter-spacing:-.5px;font-size:22px;font-weight:700}.phone-wordmark-dot{color:var(--rootr-terracotta)}.phone-card-stack{position:relative;flex:1;min-height:0;margin-bottom:10px}.phone-card{position:absolute;background:var(--rootr-linen);overflow:hidden;box-shadow:0 1px 3px var(--rootr-shadow),0 6px 24px #2c181012;border:1px solid #2c18100d;border-radius:10px;width:100%;height:100%;top:0;left:0}.phone-card--back{z-index:1;transform:scale(.96)translateY(10px)}.phone-card--front{z-index:2}.phone-card-image{position:relative;overflow:hidden;height:60%}.phone-card-image img{object-fit:cover;width:100%;height:100%}.phone-card-image:after{content:"";position:absolute;background:linear-gradient(to top,var(--rootr-linen)0%,transparent 100%);height:70px;bottom:0;left:0;right:0}.phone-card-body{padding:10px 18px 16px}.phone-card-badges{position:absolute;display:flex;z-index:5;gap:5px;top:14px;left:14px}.phone-card-badge{letter-spacing:1.5px;text-transform:uppercase;background:var(--rootr-linen);color:var(--rootr-bark);border-radius:3px;padding:5px 10px;font-size:9px;font-weight:600;box-shadow:0 2px 8px #0000001a}.phone-card-name{font-family:var(--font-display);color:var(--rootr-soil);font-size:22px;font-weight:700;line-height:1.15}.phone-card-scientific{font-family:var(--font-display);color:var(--rootr-bark);opacity:.6;margin-top:1px;font-size:12.5px;font-style:italic;font-weight:400}.phone-card-owner{display:flex;color:var(--rootr-bark);align-items: center;gap:6px;margin-top:8px;font-size:12.5px}.phone-card-owner-dot{background:var(--rootr-sage);border-radius:50%;flex-shrink:0;width:5px;height:5px}.phone-card-note{font-family:var(--font-hand);color:var(--rootr-soil);opacity:.8;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-top:8px;font-size:17px;line-height:1.25}.phone-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.phone-stamp{display:inline-block;font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;opacity:.75;border:1.5px solid;border-radius:2px;padding:2px 7px;font-size:8.5px;font-weight:600}.phone-stamp--green{color:var(--rootr-moss);border-color:var(--rootr-moss);transform:rotate(-1.5deg)}.phone-stamp--terra{color:var(--rootr-terracotta);border-color:var(--rootr-terracotta);transform:rotate(1deg)}.phone-stamp--bark{color:var(--rootr-bark);border-color:var(--rootr-bark);transform:rotate(-.5deg)}.phone-actions{display:flex;flex-shrink:0;justify-content:center;align-items: center;gap:20px;padding:8px 0}.phone-action{display:flex;background:var(--rootr-linen);font-family:var(--font-body);border-radius:50%;justify-content:center;align-items: center;font-weight:300}.phone-action--pass{color:var(--rootr-stamp-red);border:2px solid #8b3a3a33;width:54px;height:54px;font-size:24px}.phone-action--info{color:var(--rootr-bark);font-size:16px;font-family:var(--font-display);border:1.5px solid #5c3d2e26;width:42px;height:42px;font-style:italic}.phone-action--want{color:var(--rootr-stamp-green);border:2px solid #3d5a3440;width:54px;height:54px;font-size:24px}.phone-nav{display:flex;border-top:1px solid #2c18100f;flex-shrink:0;align-items:stretch;height:76px}.phone-nav-tab{display:flex;color:var(--rootr-bark);opacity:.4;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:3px}.phone-nav-tab--active{opacity:1;color:var(--rootr-soil)}.phone-nav-label{font-family:var(--font-body);letter-spacing:.3px;font-size:10.5px;font-weight:500}.phone-nav-tab--active .phone-nav-label{font-weight:600}.phone-nav-icon{position:relative;width:22px;height:22px}.phone-nav-icon--discover{border:2px solid;border-radius:50%}.phone-nav-icon--discover:after{content:"";position:absolute;background:currentColor;border-radius:1px;width:8px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.phone-nav-icon--garden{border:2px solid;border-radius:0 0 4px 4px;height:16px;margin-top:4px}.phone-nav-icon--garden:before{content:"";position:absolute;border:2px solid;border-bottom:none;border-radius:50% 50% 0 0;width:10px;height:8px;top:-7px;left:50%;transform:translate(-50%)}.phone-nav-icon--swaps{border:2px solid;border-radius:3px;height:18px;margin-top:2px}.phone-nav-icon--swaps:after{content:"";position:absolute;background:currentColor;border-radius:1px;height:2px;top:5px;left:3px;right:3px}.features{padding:clamp(4rem,10vw,8rem) 0}.features-scatter{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.notebook-page{background:var(--rootr-parchment);position:relative;transition:transform .4s var(--ease-spring),box-shadow .3s ease;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:1px 2px 8px #2c181014,2px 4px 16px #2c18100d}.notebook-page--1{clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),97% 100%,93% calc(100% - 4px),88% 100%,82% calc(100% - 3px),76% 100%,70% calc(100% - 5px),63% 100%,55% calc(100% - 4px),47% 100%,40% calc(100% - 6px),33% 100%,25% calc(100% - 3px),17% 100%,10% calc(100% - 5px),4% 100%,0 calc(100% - 4px));transform:rotate(-1.2deg)}.notebook-page--2{transform:rotate(.7deg)}.notebook-page--3{transform:rotate(-.4deg)}.notebook-page:hover{transform:rotate(0)translateY(-4px);box-shadow:2px 4px 16px #2c18101f,4px 8px 32px #2c181014}.notebook-page-botanical{position:absolute;opacity:.5;top:1rem;right:1rem}.notebook-page-title{font-family:var(--font-display);color:var(--rootr-soil);font-variation-settings:"SOFT" 50,"WONK" 1;max-width:80%;margin-bottom:.5rem;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700}.notebook-page-body{color:var(--rootr-bark);max-width:340px;margin-bottom:.75rem;font-size:.95rem}.notebook-page-note{font-family:var(--font-hand);color:var(--rootr-terracotta);transform-origin:left center;font-size:1.15rem;transform:rotate(-1deg)}.steps{background:var(--rootr-parchment);padding:clamp(4rem,10vw,8rem) 0}.steps-timeline{position:relative;max-width:700px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.steps-line{position:absolute;border-left:2px dashed var(--rootr-bark);opacity:.35;top:0;bottom:0;left:calc(clamp(1.5rem,5vw,4rem) + 27px)}.step{display:flex;position:relative;align-items: flex-start;gap:1.25rem;padding-bottom:3rem}.step:last-child{padding-bottom:0}.step-circle{position:relative;display:flex;flex-shrink:0;justify-content:center;align-items: center;width:56px;height:56px}.step-circle svg{position:absolute;inset:0}.step-num{font-family:var(--font-display);color:var(--rootr-soil);font-variation-settings:"SOFT" 50,"WONK" 1;position:relative;z-index:1;font-size:1.5rem;font-weight:800}.step-content{padding-top:.5rem}.step-title{font-family:var(--font-display);color:var(--rootr-soil);font-variation-settings:"SOFT" 50,"WONK" 1;margin-bottom:.25rem;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700}.step-body{color:var(--rootr-bark);margin-bottom:.5rem;font-size:.95rem}.step-note{font-family:var(--font-hand);color:var(--rootr-terracotta);transform-origin:left center;font-size:1.1rem;transform:rotate(-.8deg)}.origin{padding:clamp(4rem,10vw,8rem) 0}.origin-layout{display:grid;grid-template-columns:1fr;align-items: start;gap:2.5rem;max-width:900px;margin:0 auto 4rem;padding:0 clamp(1.5rem,5vw,4rem)}.origin-photo-wrap{display:flex;flex-direction:column;align-items: center;gap:.75rem}.origin-photo-frame{position:relative;background:var(--rootr-linen);transition:transform .4s var(--ease-spring);max-width:220px;padding:8px 8px 28px;transform:rotate(-2deg);box-shadow:1px 2px 8px #2c18101a,2px 4px 20px #2c18100f}.origin-photo-frame:hover{transform:rotate(0)}.tape-strip--photo{width:60px;height:24px;margin-left:-30px;top:-12px;left:50%;right:auto;transform:rotate(2deg)}.origin-photo{aspect-ratio:1;object-fit:cover;display:block;width:100%}.origin-photo-caption{font-family:var(--font-hand);color:var(--rootr-terracotta);font-size:1.2rem;transform:rotate(-1deg)}.origin-story{max-width:520px}.origin-text{color:var(--rootr-bark);margin-bottom:1rem;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.75}.origin-text:last-of-type{font-family:var(--font-display);color:var(--rootr-soil);font-variation-settings:"SOFT" 50,"WONK" 1;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700}.origin-aside{font-family:var(--font-hand);color:var(--rootr-terracotta);transform-origin:left center;margin-top:.5rem;font-size:clamp(1.15rem,2vw,1.4rem);transform:rotate(-.5deg)}.cta{background:var(--rootr-soil);background:radial-gradient(ellipse at center,#3a2218,var(--rootr-soil));position:relative;clip-path:polygon(0 14px,2% 8px,5% 16px,9% 6px,13% 12px,18% 4px,23% 14px,28% 7px,34% 16px,39% 5px,45% 10px,51% 15px,57% 6px,63% 12px,69% 4px,75% 14px,80% 8px,86% 16px,91% 6px,95% 12px,98% 8px,100% 14px,100% 100%,0 100%);padding:clamp(5rem,12vw,9rem) 0 clamp(4rem,8vw,6rem)}.cta-inner{text-align:center;max-width:700px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.cta-mark{display:flex;filter:drop-shadow(0 0 40px #c2703e4d);justify-content:center;margin-bottom:2rem}.cta-headline{font-family:var(--font-display);color:var(--rootr-linen);font-variation-settings:"SOFT" 50,"WONK" 1;margin-bottom:.75rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.15}.cta-sub{font-family:var(--font-hand);color:var(--rootr-clay);margin-bottom:2.5rem;font-size:clamp(1.2rem,2.5vw,1.6rem)}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.footer{background:var(--rootr-soil);text-align:center;padding:0 clamp(1.5rem,5vw,4rem) 2rem}.footer-rule{border:none;border-top:1px solid var(--rootr-bark);opacity:.3;margin-bottom:2rem}.footer-wordmark{opacity:.5;margin-bottom:1.25rem}.footer-wordmark svg{display:inline-block}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-links a{color:var(--rootr-bark);transition:color .2s;font-size:.85rem}.footer-links a:hover{color:var(--rootr-clay)}.footer-attr{color:var(--rootr-bark);margin-bottom:.25rem;font-size:.8rem}.footer-link{color:var(--rootr-clay)}.footer-link:hover{color:var(--rootr-linen)}.footer-copy{color:var(--rootr-bark);opacity:.6;font-size:.75rem}@media (min-width:640px){.hero-inner{grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,4rem)}.hero-content{order:0}.hero-phone{justify-content:flex-end}.phone-frame{--phone-width:280px;--phone-scale:.718}.features-scatter{grid-template-columns:1fr 1fr;gap:1.5rem}.notebook-page--1{grid-column:1/-1;max-width:520px}.origin-layout{grid-template-columns:auto 1fr;gap:3rem}.origin-photo-wrap{align-items: flex-start}}@media (min-width:960px){.hero-wordmark{max-width:320px}.phone-frame{--phone-width:300px;--phone-scale:.769}.features-scatter{grid-template-columns:repeat(3,1fr);align-items: start;gap:1.5rem}.notebook-page--1{grid-column:auto;max-width:none;margin-top:1rem}.notebook-page--2{margin-top:3rem}.notebook-page--3{margin-top:.5rem}.steps-timeline{display:flex;position:relative;gap:0;max-width:1100px}.steps-line{border-left:none;border-top:2px dashed var(--rootr-bark);width:100%;height:0;inset:27px 0 auto}.step{text-align:center;flex-direction:column;flex:1;align-items: center;padding-bottom:0}.step-content{padding-top:.75rem}.step-note{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.anim-fade{opacity:1;transform:none;animation:none!important}.fade-in{opacity:1;transform:none;transition:none!important}.phone-frame,.phone-frame:hover,.notebook-page,.notebook-page:hover,.notebook-page--1,.notebook-page--2,.notebook-page--3,.origin-photo-frame,.origin-photo-frame:hover,.origin-photo-caption,.origin-aside,.hero-annotation,.notebook-page-note,.step-note{transform:none!important}.stamp-btn:hover{transform:none}}