:root{color-scheme:light;--paper:#fefae0;--ink:#283618;--muted:#606c38;--line:#28361826;--accent:#bc6c25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,a,video{outline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent)}.page{max-width:1200px;margin:auto;padding:0 48px}header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.6px}.brand img{border-radius:8px}nav{display:flex;gap:32px;font-size:13px;color:#606c38}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:48px;align-items:center;padding:40px 0 66px;min-height:585px}.eyebrow{font-size:11px;letter-spacing:.045em;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0 0 23px}.dot{height:6px;width:6px;background:#bc6c25;border-radius:50%;display:inline-block}h1{font-size:clamp(40px,4.5vw,62px);line-height:1.03;letter-spacing:-3px;font-weight:540;margin:0 0 25px}p{line-height:1.65}.lede{max-width:350px;font-size:16px;color:#606c38;margin:0 0 28px}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:24px;background:#283618;border-radius:8px;color:#fefae0;padding:14px 20px;font-size:13px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#606c38;text-decoration:none;transform:translateY(-1px)}.watch,.text-link{font-size:12px}.small{font-size:11px;color:var(--muted);margin-top:14px}.product{margin:0}.screen{background:#111110;border:1px solid #24241f;border-radius:12px;overflow:hidden;aspect-ratio:1.05;box-shadow:0 18px 30px -26px #16151066}.screen img{display:block;height:100%;width:100%;object-fit:cover}figcaption{font-size:10px;color:#606c38;margin-top:12px;text-align:center;line-height:1.5}.second{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.04fr;gap:80px;padding:65px 0;align-items:center}h2{font-size:34px;font-weight:530;line-height:1.13;letter-spacing:-1.3px;margin:0 0 22px}.details>p:not(.eyebrow){font-size:14px;color:#606c38;max-width:345px}dl{margin:25px 0}dl div+div{margin-top:21px}dt{font-size:13px;font-weight:600;margin-bottom:5px}dd{margin:0;font-size:12px;line-height:1.6;color:#606c38;max-width:325px}.text-link{color:#bc6c25}.demo{margin:0}.video-wrap{border-radius:12px;background:#111;overflow:hidden;aspect-ratio:1.05;display:flex;align-items:center;justify-content:center}.video-wrap video{display:block;width:100%;height:100%;object-fit:contain}.get{border-top:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:1fr auto;gap:12px 45px;align-items:center}.get h2{font-size:24px;letter-spacing:-.7px;margin:0}.get p{font-size:12px;color:var(--muted);max-width:620px;margin-bottom:0}.get .build-note{grid-column:1/-1;font-size:10px;margin-top:0}footer{border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#606c38}.muted{color:#606c38}.logos{padding:65px 0 100px}.logos h1{font-size:44px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px}.logo-grid figure{margin:0}.logo-grid img{width:100%;display:block;border-radius:22%}.logo-grid figcaption{text-align:left;font-size:13px;color:var(--ink);margin-top:20px}.logo-grid figcaption p{color:var(--muted);font-size:12px;margin-top:7px}body:has(.logos){background:#fefae0}@media(min-width:1500px){.hero{min-height:650px}}@media(max-width:800px){.page{padding:0 25px}header{height:83px}nav{gap:20px}.hero{gap:28px;padding-top:25px;min-height:510px}h1{font-size:44px;letter-spacing:-2px}.lede{font-size:14px}.actions{gap:15px}.button{padding:13px 15px;gap:12px}.second{gap:35px}h2{font-size:29px}.get{gap:20px}footer{flex-wrap:wrap}}@media(max-width:600px){.page{padding:0 22px}header{height:78px}nav{font-size:11px;gap:18px}.hero{grid-template-columns:1fr;padding:30px 0 40px;gap:28px}.intro{padding:0 4px}h1{font-size:49px;letter-spacing:-2.6px}.eyebrow{margin-bottom:20px}.lede{font-size:15px;max-width:320px}.screen{aspect-ratio:1.05}.second{grid-template-columns:1fr;gap:30px;padding:38px 0}.details{padding:0 4px}.details>p:not(.eyebrow),dd{max-width:none}.get{grid-template-columns:1fr;padding:28px 0}.get .button{justify-self:start}.get .build-note{grid-column:auto;line-height:1.6}.get h2{font-size:23px}.logo-grid{grid-template-columns:1fr;gap:38px;max-width:300px;margin:auto}.logos{padding-top:35px}.logos h1{font-size:37px}.logo-grid figure:first-child{margin-top:25px}footer{font-size:10px;line-height:1.6;gap:10px 20px}footer>a{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* A screenshot reveal follows the same top-anchored expansion as the app. */
header{position:relative;height:128px;padding-top:24px}
.notch-demo{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;width:232px;height:39px}
.site-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:232px;height:39px;padding:0;border:0;background:#080808;overflow:hidden;border-radius:0 0 14px 14px;cursor:pointer;transition:width .48s cubic-bezier(.2,.85,.25,1),height .55s cubic-bezier(.2,.85,.25,1),box-shadow .4s}
.notch-rest{position:absolute;inset:0;transition:opacity .18s}
.notch-rest img{position:absolute;max-width:none;width:448.87px;height:auto;left:-141.22px;top:0;display:block}
.notch-open.screen{display:block;position:absolute;inset:0;aspect-ratio:auto;border:0;border-radius:0;background:#080808;box-shadow:none;opacity:0;transform:translateY(-32px);transition:opacity .28s,transform .5s cubic-bezier(.2,.85,.25,1)}
.notch-open.screen img{position:absolute;width:182.857%;height:auto;max-width:none;left:-41.429%;top:0;object-fit:initial;display:block}
.notch-demo.is-open .site-notch{width:min(360px,calc(100vw - 32px));height:min(411.43px,calc((100vw - 32px)*1.142857));box-shadow:0 22px 38px -18px #17150f66}
.notch-demo.is-open .notch-rest{opacity:0}
.notch-demo.is-open .notch-open{opacity:1;transform:translateY(0)}
.hover-note{position:absolute;left:calc(100% - 4px);top:4px;width:150px;height:80px;overflow:visible;pointer-events:none;color:#606c38;transition:opacity .2s}
.hover-note text{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:24px;fill:currentColor}
.hover-note path{stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.notch-demo.is-open .hover-note{opacity:0}
.hero{padding-top:18px;padding-bottom:52px;min-height:490px}
.video-wrap{aspect-ratio:1114/720;box-shadow:0 18px 35px -23px #17150f55}
.second{display:block;padding:42px 0}
.second .details{display:grid;grid-template-columns:1fr 1.04fr;gap:0 48px}
.second h2{grid-column:1;grid-row:1}
.second .details>p{grid-column:1;grid-row:2;margin:0}
.second dl{grid-column:2;grid-row:1 / span 2;margin:0}
.get{padding-bottom:45px}
@media(max-width:600px){header{height:122px;padding-top:35px}.notch-demo,.site-notch{width:210px;height:35.6px}.notch-rest img{width:406.3px;left:-127.8px}.hover-note{left:130px;top:34px;width:132px}.hero{padding-top:15px;gap:32px}.second .details{display:block}.second dl{margin-top:25px}.get{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.site-notch,.notch-rest,.notch-open.screen,.hover-note{transition:none}.notch-open.screen{transform:none}}

/* Hero: a clear read, one primary action, and a quiet frame for the demo. */
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;padding:32px 0 72px;min-height:500px}
.hero .intro{padding:0 0 4px}
.hero h1{font-size:clamp(42px,4.5vw,60px);line-height:1.04;letter-spacing:-2.7px;font-weight:580;margin:0 0 24px;text-wrap:balance}
.hero .lede{max-width:350px;font-size:16px;line-height:1.7;color:#606c38;margin:0 0 28px}
.hero .actions{display:flex;gap:0}
.hero .button{min-height:46px;padding:0 18px;gap:20px;border:1px solid #283618;border-radius:9px;background:#283618;font-size:14px;font-weight:500;letter-spacing:0;box-shadow:0 2px 4px #2021160d;transition:background .16s,transform .16s}
.hero .button:hover{background:#606c38;transform:translateY(-1px)}
.hero .button:active{transform:translateY(0);background:#283618}
.download-icon{flex:none;opacity:.85}
.hero-assurance{font-size:11px;color:#606c38;margin:12px 0 0;line-height:1.5}
.hero-assurance span{padding:0 5px;color:#606c38}
.hero .small{font-size:10px;color:#606c38;margin:0;line-height:1.7}
.hero .video-wrap{border-radius:16px;outline:1px solid #33302012;outline-offset:-1px;box-shadow:0 4px 8px -4px #2f2b2514,0 24px 42px -27px #2f2b2545}
@media(max-width:800px){.hero{gap:32px}.hero h1{font-size:44px;letter-spacing:-2px}.hero .lede{font-size:14px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;gap:34px;padding:22px 0 44px;min-height:0}.hero .intro{padding:0 4px}.hero h1{font-size:49px;letter-spacing:-2.5px;margin-bottom:20px}.hero .lede{font-size:15px;margin-bottom:24px}.hero .video-wrap{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.hero .button{transition:none}.hero .button:hover,.hero .button:active{transform:none}}

.creator-footer{justify-content:center;border-top:0;margin-top:28px;padding:40px 0 76px;font-size:15px;color:#606c38}
.creator-footer a{display:inline-flex;align-items:center;gap:7px;width:auto;min-height:30px}
.creator-footer .made-by{color:#606c38}
.creator-footer svg{margin-left:5px;width:15px;height:15px;flex:none}

.works-with{display:flex;align-items:center;gap:16px;margin-bottom:22px;font-size:11px;color:#606c38}
.provider-name{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#606c38}
.provider-name img{display:block;flex:none}
@media(max-width:600px){.works-with{gap:12px;margin-bottom:20px}}

/* A quiet partner row separates the hero from the supporting copy. */
main>.works-with{justify-content:center;margin:0;padding:4px 0 34px;gap:22px}
main>.works-with .provider-name{font-size:14px;gap:5px}
.hover-note{left:auto;right:calc(100% - 4px)}
.hover-note path{transform:translateX(180px) scaleX(-1)}
@media(max-width:600px){.hover-note{left:auto;right:130px;top:34px}main>.works-with{gap:16px;padding-bottom:28px}}

/* Shared ResetMe palette: olive, forest, cream, sand, copper. */
:root{--olive:#606c38;--forest:#283618;--cream:#fefae0;--sand:#dda15e;--copper:#bc6c25}
::selection{background:var(--sand);color:var(--forest)}.brand{color:var(--forest)}.brand img{border-radius:0}.works-with{color:var(--olive)}.works-with span{color:var(--forest)}.hover-note{color:var(--olive)}.text-link{color:var(--forest);text-decoration:underline;text-decoration-color:var(--copper)}

.analytics-note{display:block;font-size:11px;opacity:.6;margin-left:auto;max-width:250px;text-align:right}.analytics-note a{text-decoration:underline}

/* Prompting: one product view, three outcomes, sources on demand. */
.hero .eyebrow{font-size:12px;margin-bottom:18px;letter-spacing:0}
.release-note{max-width:345px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}
.pattern-preview{margin:0;max-width:360px;width:100%;justify-self:center}
.pattern-panel{background:#11130c;color:var(--cream);padding:24px;border-radius:22px;box-shadow:0 8px 18px -12px #0003,0 25px 45px -24px #0005;background-image:radial-gradient(#fefae010 .8px,transparent .8px);background-size:7px 7px}
.panel-heading{display:flex;justify-content:space-between;color:#fefae099;font-size:13px}
.panel-tabs{display:flex;gap:22px;margin:20px 0 24px;font-size:13px;color:#fefae080}.panel-tabs strong{color:var(--cream);font-weight:550;border-bottom:1px solid #fefae080;padding-bottom:7px}
.panel-day{font-size:14px}.panel-time{display:flex;justify-content:space-between;align-items:center;margin:23px 0 26px;gap:12px}.panel-time strong{font-size:38px;letter-spacing:-1px;font-weight:550}.panel-time span{font-size:12px;line-height:1.4;color:#fefae0b0}
.pattern-grid{display:grid;grid-template-columns:1fr 1fr;margin:0;background:#28361888;border:1px solid #fefae025;border-radius:12px;overflow:hidden}.pattern-grid div{padding:16px 12px;margin:0;min-width:0}.pattern-grid div:nth-child(odd){border-right:1px solid #fefae025}.pattern-grid div:nth-child(n+3){border-top:1px solid #fefae025}.pattern-grid dt{font-size:11px;font-weight:500;color:#fefae0b0;margin-bottom:15px}.pattern-grid dd{display:flex;justify-content:space-between;align-items:center;color:var(--cream);font-size:28px;font-weight:550;line-height:1;gap:8px}.pattern-grid img{opacity:.75}
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding:42px 0}.outcomes h2{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin-bottom:12px}.outcomes p,.quiet p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.quiet{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:42px 0;border-top:1px solid var(--line)}.quiet h2{font-size:28px}.quiet .support-note{font-size:12px;margin-top:15px}
.research{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}.research summary{cursor:pointer;min-height:30px;padding:6px 0}.research summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.research-copy{max-width:720px;padding:8px 0}.research-copy a{text-decoration:underline;text-underline-offset:3px}.creator-footer{font-size:12px;padding:25px 0 40px;margin-top:0;align-items:center;justify-content:space-between}.analytics-note{max-width:230px;font-size:10px}
@media(max-width:800px){.hero{gap:28px}.pattern-panel{padding:20px}.panel-time strong{font-size:34px}.outcomes{gap:24px}.quiet{gap:36px}}
@media(max-width:600px){.hero h1{font-size:46px}.pattern-preview{max-width:340px}.outcomes{grid-template-columns:1fr;gap:26px;padding:32px 4px}.outcomes h2{margin-bottom:8px}.quiet{grid-template-columns:1fr;gap:22px;padding:32px 4px}.quiet h2{margin-bottom:12px}.analytics-note{margin-left:0;text-align:left;max-width:270px}.creator-footer{align-items:flex-start;flex-direction:column;gap:14px}.creator-footer a{min-height:30px}}
.panel-tabs button{font:inherit;color:#fefae080;background:transparent;border:0;border-bottom:1px solid transparent;padding:8px 0;cursor:pointer;min-height:36px}.panel-tabs button[aria-selected="true"]{color:var(--cream);border-bottom-color:#fefae080}.panel-tabs button:focus-visible{outline:2px solid var(--sand);outline-offset:4px}.pattern-panel [role="tabpanel"]{min-height:252px}.pattern-panel [hidden]{display:none}.usage-demo-row{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px;margin:18px 0}.usage-demo-row strong{font-weight:550}.usage-demo-bar{grid-column:1/-1;height:6px;background:#fefae025;border-radius:3px;overflow:hidden}.usage-demo-bar i{display:block;height:100%;background:#a4b775;border-radius:3px}.usage-demo-row small{grid-column:1/-1;color:#fefae099;font-size:10px}.demo-expiry{font-size:11px;color:#fefae0b0;margin-top:22px}
.research-link{display:inline-block;margin-top:12px;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}

/* Reset history uses the same arrow and ticket distinction as the native panel. */
.demo-expiry{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.demo-expiry>span:last-child{margin-left:auto;font-size:10px}.demo-expiry svg{flex:none}
.release-note a{text-decoration:underline;text-underline-offset:3px}
.reset-history{align-items:center}.history-illustration{margin:0;min-width:0}.history-demo{position:relative;height:152px;padding:34px 16px 16px;background:#11130c;border-radius:16px;color:var(--cream)}.history-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:5px;height:100%}.history-bars i{display:block;background:linear-gradient(90deg,#606c38,#a4b775);border-radius:4px;border:1px solid #fefae033}.history-marker{position:absolute;top:18px;bottom:16px;width:1px;border-left:1px dotted var(--sand);color:var(--sand)}.history-marker b{position:absolute;top:-7px;left:-10px;width:20px;height:20px;border-radius:50%;background:var(--sand);color:var(--forest);text-align:center;font-size:16px;line-height:20px}.history-marker.bank{border-color:#fefae080}.history-marker.bank b{background:#11130c;color:var(--cream);display:grid;place-items:center;border-radius:0}.history-illustration figcaption{margin-top:10px}
