/* Hallmark custom: Super Bendo's cycle diary, a scarlet printed cover opening onto an ivory journal; Georgia display, system sans body, native type and CSS petals only. Committed brand field. */
/* Critique: a product page must not promise that all app traffic stays offline; distinguish the private diary from connected pages in both product copy and the policy. */
:root{--paper:#faf7f2;--ink:#302b29;--muted:#75645e;--red:#b82434;--signal:#d92335;--rose:#f2dfd9;--cream:#fff8ef;--line:#dacdc3;--petal:#f5af9c;--focus:#9f1e2e;--display:Georgia,'Times New Roman',serif;--body:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--xs:8px;--sm:12px;--md:16px;--lg:24px;--xl:40px;--xxl:64px;--section:96px;--wide:1200px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:var(--lg)}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;font-synthesis:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;min-width:0}h1{font-size:clamp(3.25rem,8vw,6.6rem)}h2{font-size:clamp(2.4rem,4.5vw,4.2rem)}h3{font-size:1.7rem;letter-spacing:-.02em}p{max-width:64ch;text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:2px}button,input,textarea{font:inherit}.wrap{width:min(calc(100% - 80px),var(--wide));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--lg);min-height:112px}.brand{display:inline-flex;align-items:center;gap:var(--sm);font-family:var(--body);font-size:32px;font-weight:700;letter-spacing:-1.6px;text-decoration:none;line-height:1.2}.mark{font-size:40px;color:var(--signal);line-height:1}.header nav,.footer nav{display:flex;align-items:center;gap:var(--xl);font-size:14px}.header nav a{text-decoration:none;padding-block:var(--sm)}.header nav a:hover,.header nav a[aria-current=page]{text-decoration:underline}.skip{position:absolute;left:var(--md);top:var(--md);transform:translateY(-150%);background:var(--cream);color:var(--ink);padding:var(--md);z-index:10}.skip:focus{transform:none}.hero{background:var(--red);color:var(--cream)}.hero-inner{position:relative;min-height:590px;display:flex;align-items:center;padding-block:var(--xxl)}.hero-copy{position:relative;z-index:1;max-width:800px}.hero h1{max-width:14ch;margin-bottom:var(--lg)}.hero p{max-width:43ch;font-size:18px;margin-bottom:var(--xl)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:var(--sm) var(--lg);border-radius:8px;text-decoration:none;font-weight:700;font-size:15px}.button.light{background:var(--cream);color:var(--red)}.button:hover{transform:translateY(-2px);transition:transform 160ms var(--ease)}.hero a:focus-visible{outline-color:var(--cream)}.bloom{position:absolute;right:-120px;top:100px;width:450px;height:450px;opacity:.75}.petal{position:absolute;left:168px;top:0;width:114px;height:225px;border:1px solid var(--petal);border-radius:60% 60% 45% 45%;transform-origin:50% 100%;box-shadow:inset 0 0 0 8px var(--red),inset 0 0 0 9px var(--petal),inset 0 0 0 17px var(--red),inset 0 0 0 18px var(--petal),inset 0 0 0 26px var(--red),inset 0 0 0 27px var(--petal)}.p2{transform:rotate(72deg)}.p3{transform:rotate(144deg)}.p4{transform:rotate(216deg)}.p5{transform:rotate(288deg)}.bloom-center{position:absolute;left:200px;top:200px;width:50px;height:50px;border:1px solid var(--petal);border-radius:50%;background:var(--red)}.intro{padding-block:var(--section);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--section)}.section-lead p{margin-top:var(--lg);max-width:31ch;color:var(--muted)}.diary-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--xl)}.diary-pages article{padding-top:var(--md);border-top:1px solid var(--line)}.diary-pages p{margin-top:var(--md);color:var(--muted);font-size:15px}.checkin-section{background:var(--rose);color:var(--ink)}.checkin-inner{padding-block:var(--xxl);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--section)}.observations>p{max-width:43ch}.observations dl{margin:var(--lg) 0 0}.observations dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--lg);padding-block:var(--md);border-top:1px solid var(--line)}dt{font-weight:700}dd{margin:0;color:var(--muted)}.understand{padding-block:var(--section);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--section)}.understand p{margin-top:var(--lg);max-width:44ch}.quiet{font-size:14px;color:var(--muted)}.privacy-note{border-left:1px solid var(--line);padding-left:var(--xl);align-self:center}.privacy-note .small-petal{display:block;color:var(--signal);font-size:42px;line-height:1;margin-bottom:var(--lg)}.privacy-note p{font-size:15px}.text-link{display:inline-block;margin-top:var(--lg);color:var(--red);font-size:15px;font-weight:700}.questions{padding-block:var(--xxl) var(--section);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--section);border-top:1px solid var(--line)}.questions h2{max-width:12ch}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{padding:var(--lg) var(--lg) var(--lg) 0;cursor:pointer;font-size:17px;font-weight:700;list-style:none;position:relative}summary::after{content:'+';position:absolute;right:0;color:var(--red);font-size:24px;font-weight:400;line-height:1}details[open] summary::after{content:'−'}details p{padding-bottom:var(--lg);color:var(--muted);font-size:15px}.footer{border-top:1px solid var(--line);padding-block:var(--xl);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--xl)}.footer p{font-size:14px;color:var(--muted);margin-top:var(--md)}.footer nav{align-items:flex-start;gap:var(--lg);padding-top:var(--sm)}.footer div>a:not(.brand){font-size:14px;overflow-wrap:anywhere}.copyright{grid-column:1/-1;margin:0!important}.document-heading{padding-block:var(--xxl)}.document-heading h1{font-size:clamp(3rem,7vw,5.5rem);margin-block:var(--md) var(--lg)}.document-date{font-size:14px;color:var(--muted)}.lede{font-size:20px;max-width:52ch;color:var(--muted)}.document{display:grid;grid-template-columns:220px minmax(0,740px);gap:var(--section);padding-bottom:var(--section)}.contents{display:flex;flex-direction:column;gap:var(--md);position:sticky;top:var(--xl);align-self:start;font-size:14px}.document article>section{margin-bottom:var(--xl);scroll-margin-top:var(--xl)}.document h2{font-size:30px;margin-bottom:var(--lg);letter-spacing:-.02em}.document p+p{margin-top:var(--md)}.document article a{color:var(--red);overflow-wrap:anywhere}code{font-family:var(--body);font-weight:700;font-size:.95em;overflow-wrap:anywhere}.contact-heading{padding-block:var(--xxl) var(--section)}.contact-heading h1{margin-bottom:var(--lg);max-width:16ch}.contact-heading>p:last-child{font-size:15px;color:var(--muted)}.contact-address{padding-block:var(--xl);font-size:clamp(1.3rem,3.1vw,2.5rem);letter-spacing:-.025em;color:var(--red);overflow-wrap:anywhere}.contact-details{padding-block:var(--xxl) var(--section);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section)}.contact-details h2{font-size:32px;margin-bottom:var(--lg)}
@media(min-width:1600px){.bloom{right:-60px}}
@media(max-width:1000px){.intro,.checkin-inner,.understand,.questions{gap:var(--xl)}.document{gap:var(--xl);grid-template-columns:180px minmax(0,1fr)}.bloom{opacity:.28;right:-230px}.hero-copy{max-width:700px}.footer{grid-template-columns:minmax(0,1fr)}.footer nav{flex-wrap:wrap}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{min-height:120px;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--sm);padding-block:var(--lg)}.header nav{gap:var(--lg);font-size:13px}.brand{font-size:29px}.hero-inner{min-height:530px;padding-block:var(--xl)}.hero h1{font-size:clamp(3.1rem,12vw,4rem);max-width:12ch}.hero p{font-size:16px;max-width:30ch}.bloom{right:-280px;top:var(--xl);opacity:.22}.intro,.checkin-inner,.understand,.questions,.document,.contact-details{grid-template-columns:minmax(0,1fr);gap:var(--xl);padding-block:var(--xxl)}.diary-pages{gap:var(--lg)}.diary-pages h3{font-size:26px}.diary-pages p{font-size:14px}.privacy-note{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:var(--xl)}.observations dl div{grid-template-columns:90px minmax(0,1fr);gap:var(--md)}.questions h2{max-width:none}.footer{gap:var(--lg)}.footer nav{font-size:13px}.document-heading{padding-block:var(--xl) var(--lg)}.document-heading h1{font-size:50px}.lede{font-size:18px}.document{padding-top:var(--lg)}.contents{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:var(--lg);border-bottom:1px solid var(--line);gap:var(--sm);font-size:13px}.document h2{font-size:29px}.contact-heading{padding-block:var(--xl) var(--xxl)}.contact-address{font-size:25px}.contact-details{padding-top:var(--xl)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.button:hover{transform:none}}
