:root{--paper:#f2efe7;--paper-2:#e9e4d9;--ink:#191a17;--muted:#66685f;--line:rgba(25,26,23,.22);--coral:#f47b61;--lime:#cafa55;--blue:#92a9ff;--white:#fffdf7;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Newsreader",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.progress{position:fixed;z-index:100;inset:0 0 auto;height:3px;background:transparent}.progress span{display:block;height:100%;width:100%;background:var(--coral);transform:scaleX(0);transform-origin:left}
.site-header{height:78px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(242,239,231,.92);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.05em}.brand img{border-radius:9px}.accent{color:var(--coral)}
nav{display:flex;gap:30px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:right .25s}nav a:hover:after{right:0}
.thornfree-mark{font-size:13px;font-weight:700}.thornfree-mark span{font:400 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.section-pad{padding-inline:clamp(24px,6.4vw,110px)}
.hero-copy,.hero-visual{min-width:0}
.hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,6vw,100px);align-items:center;padding-top:clamp(60px,8vw,120px);padding-bottom:clamp(70px,8vw,120px);border-bottom:1px solid var(--line)}
.eyebrow,.section-number{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(202,250,85,.25)}
h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;line-height:.91;font-weight:500}h1{font-size:clamp(62px,7.5vw,132px);margin:35px 0 32px}h2{font-size:clamp(52px,6.5vw,108px);margin:24px 0}em{font-family:var(--serif);font-weight:400;color:var(--coral)}
.lede{font-size:clamp(17px,1.3vw,22px);line-height:1.65;max-width:620px;color:var(--muted)}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:2px;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(25,26,23,.13)}.button-dark{background:var(--ink);color:var(--paper)}.button-lime{background:var(--lime);color:var(--ink)}.text-link{font:500 12px var(--mono);text-transform:uppercase;border-bottom:1px solid;padding-bottom:5px}
.hero-visual{position:relative}.hero-visual>img{width:100%;border:1px solid var(--ink);box-shadow:16px 16px 0 var(--coral)}.hero-stamp{position:absolute;z-index:2;top:-30px;right:-22px;width:88px;height:88px;border-radius:50%;background:var(--lime);border:1px solid var(--ink);display:grid;place-content:center;text-align:center;font:500 9px/1.35 var(--mono);transform:rotate(8deg)}.floating-note{position:absolute;left:-32px;bottom:-38px;background:var(--white);border:1px solid var(--ink);padding:17px 20px;font:12px/1.55 var(--mono);box-shadow:7px 7px 0 var(--ink)}
.manifesto{padding-top:clamp(100px,13vw,220px);padding-bottom:clamp(100px,13vw,220px);position:relative}.manifesto h2{max-width:1100px}.manifesto>p:not(.section-number){max-width:650px;margin-left:auto;font-size:20px;line-height:1.7;color:var(--muted)}.flow-line{margin-top:85px;display:flex;align-items:center;gap:18px;font:500 10px var(--mono);letter-spacing:.15em}.flow-line i{height:1px;flex:1;background:var(--line)}.flow-line b{width:18px;height:18px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 10px var(--paper),0 0 0 11px var(--line)}
.how{padding-top:110px;padding-bottom:140px;background:var(--ink);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:80px;align-items:flex-end}.section-heading>p{max-width:440px;color:#bcbcb2;line-height:1.7}.how .section-number{color:var(--lime)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,65px);margin-top:90px}.step-offset{margin-top:90px}.phone-frame{border:1px solid rgba(255,255,255,.36);border-radius:26px;padding:8px;background:#11120f;box-shadow:0 28px 60px rgba(0,0,0,.28);overflow:hidden}.phone-frame img{width:100%;border-radius:19px}.step-copy{display:grid;grid-template-columns:44px 1fr;margin-top:28px}.step-copy span{font:500 10px var(--mono);color:var(--lime)}.step-copy h3{font-size:25px;margin-bottom:10px}.step-copy p{grid-column:2;color:#bcbcb2;line-height:1.65}
.living-day{min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;padding-top:130px;padding-bottom:130px;border-bottom:1px solid var(--line)}.day-copy>p:not(.section-number){font-size:18px;line-height:1.7;color:var(--muted);max-width:560px}.day-copy ul{list-style:none;padding:0;margin:45px 0 0;border-top:1px solid var(--line)}.day-copy li{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.day-copy li span{display:inline-block;width:82px;color:var(--ink);font:500 10px var(--mono)}
.day-stage{position:relative;display:grid;place-items:center;min-height:760px}.phone-feature{width:min(360px,68vw);position:relative;z-index:3}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-one{width:590px;height:590px}.orbit-two{width:760px;height:760px;border-style:dashed}.day-label{position:absolute;z-index:4;padding:9px 14px;border:1px solid var(--ink);border-radius:30px;background:var(--lime);font:500 10px var(--mono)}.label-now{left:4%;top:28%}.label-next{right:1%;bottom:24%;background:var(--coral)}
.inputs{padding-top:120px;padding-bottom:130px}.input-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.input-grid article{min-height:280px;padding:35px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}.input-grid article:nth-child(2){background:var(--lime)}.input-grid article:nth-child(4){background:var(--coral)}.input-icon{font:400 42px var(--serif);margin-bottom:auto}.input-grid h3{font-size:25px}.input-grid p{color:var(--muted);line-height:1.55}
.privacy{padding-top:120px;padding-bottom:120px;background:var(--blue);border-block:1px solid var(--ink)}.privacy-title{display:flex;align-items:flex-end;justify-content:space-between}.privacy-title h2{max-width:850px}.privacy-title em{color:var(--ink)}.privacy-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin-top:70px}.privacy-grid article{padding:30px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.privacy-grid span{font:500 10px var(--mono);background:var(--ink);color:var(--paper);padding:5px 8px}.privacy-grid h3{font-size:24px;margin:50px 0 12px}.privacy-grid p{line-height:1.55}.privacy-note{max-width:800px;margin:38px 0 0 auto;font-size:13px;line-height:1.7}
.launch{padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.launch-card{border:1px solid var(--ink);padding:35px;background:var(--white);box-shadow:15px 15px 0 var(--ink)}.launch-card img{border-radius:20px}.launch-card p{font-size:18px;line-height:1.65;margin:28px 0}
/* Free → Pro ladder: a clear, readable pricing moment, not a muted footnote.
   Two tiers separated by a rule; Pro sits on lime so the price is the eye's
   first stop after the free hook. */
.price-ladder{border:1px solid var(--ink);margin:0 0 26px}
.price-ladder .tier{padding:16px 18px;display:grid;gap:3px}
.price-ladder .tier+.tier{border-top:1px solid var(--ink)}
.price-ladder .tier-pro{background:var(--lime)}
.price-ladder .tier-label{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.price-ladder .tier-pro .tier-label{color:var(--ink)}
.price-ladder .tier-price{font-size:22px;font-weight:700;letter-spacing:-.02em}
.price-ladder .tier-price em{font:400 14px var(--mono);color:var(--muted);font-style:normal}
.price-ladder .tier-pro .tier-price em{color:#3f4a1f}
.price-ladder .tier-note{font-size:12.5px;color:var(--muted)}
.price-ladder .tier-pro .tier-note{color:#3f4a1f}
.launch-card .button{width:100%}
.site-footer{background:var(--ink);color:var(--paper);padding:55px clamp(24px,6.4vw,110px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}.footer-brand{font-size:28px}.site-footer p{margin:0;text-align:center;line-height:1.6}.site-footer p span{color:#aaa99f}.site-footer>div{text-align:right;display:flex;flex-direction:column;gap:10px}.site-footer small{font:10px var(--mono);color:#aaa99f}.site-footer a:hover{color:var(--lime)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){nav{display:none}.hero,.living-day,.launch{grid-template-columns:1fr}.hero{padding-top:70px}.hero-visual{margin-top:25px}.section-heading{display:block}.section-heading>p{margin-top:30px}.steps{grid-template-columns:1fr;max-width:580px;margin-inline:auto}.step-offset{margin-top:0}.day-stage{min-height:650px}.input-grid,.privacy-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr;text-align:left}.site-footer p{text-align:left}.site-footer>div{text-align:left}}
@media(max-width:620px){.site-header{height:66px;padding-inline:18px}.brand{font-size:20px}.brand img{width:36px;height:36px}.thornfree-mark{font-size:0}.thornfree-mark:after{content:"by ThornFree";font:600 10px var(--mono);letter-spacing:.02em}.section-pad{padding-inline:20px}.hero-copy,.hero-visual{min-width:0}
.hero{min-height:auto;padding-top:56px;padding-bottom:75px}.eyebrow{font-size:9px;line-height:1.5}h1{font-size:clamp(52px,16vw,68px);margin-top:28px}h1 em{font-size:.88em;white-space:nowrap}.lede{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-stamp{right:-10px;width:70px;height:70px}.floating-note{left:13px;bottom:-44px}.manifesto{padding-top:120px}.manifesto>p:not(.section-number){font-size:17px}.how{padding-top:85px;padding-bottom:90px}.steps{margin-top:55px;gap:65px}.living-day{padding-top:90px;padding-bottom:90px;gap:20px}.day-stage{min-height:560px}.orbit-one{width:430px;height:430px}.orbit-two{width:550px;height:550px}.input-grid,.privacy-grid{grid-template-columns:1fr}.input-grid article{min-height:220px}.privacy-title{display:block}.privacy{padding-top:85px;padding-bottom:85px}.launch{padding-top:90px;padding-bottom:100px}.launch-card{padding:24px;box-shadow:8px 8px 0 var(--ink)}.site-footer{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}