/* Concept 02: the original word-block personality, with Concept 01's spacing. */
.hrt-section{padding:0 0 90px}.hrt-heading{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:end}.hrt-heading h2{font-size:46px}.hrt-heading h2>span{display:inline-block;background:var(--block-yellow);padding:0 6px 5px;transform:rotate(-1deg)}.hrt-heading>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:490px}.hrt-loop{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.hrt-loop li{position:relative;padding:24px 20px;background:#f0ece3;border:1.5px solid var(--ink);border-radius:8px}.hrt-step{display:block;font-family:var(--mono);font-size:10px;margin-bottom:17px}.hrt-loop strong{display:block;font-family:var(--display);font-size:27px;line-height:1.2;letter-spacing:-.04em}.hrt-loop small{display:block;font-size:11px;margin-top:9px}.hrt-loop .hrt-beep{background:var(--block-pink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}.hrt-loop .hrt-reset{background:#e2f1c7}.hrt-arrow{position:absolute;right:-20px;top:calc(50% - 15px);font-size:23px;z-index:2}.hrt-context{margin-top:27px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:start}.hrt-context>p{font-size:12px;line-height:1.85;color:var(--muted)}.hrt-context strong{color:var(--ink)}.hrt-context .text-link{font-size:11px;justify-self:end;margin-top:3px;gap:10px}
@media(max-width:900px){.hrt-section{padding-bottom:70px}.hrt-heading{gap:35px}.hrt-heading h2{font-size:36px}.hrt-heading>p{font-size:14px}.hrt-loop{gap:17px}.hrt-loop li{padding:20px 14px}.hrt-loop strong{font-size:23px}.hrt-loop small{font-size:10px}.hrt-arrow{right:-17px;font-size:20px}.hrt-context{gap:25px}.hrt-context .text-link{font-size:10px}}
@media(max-width:680px){.hrt-section{padding-bottom:60px}.hrt-heading{grid-template-columns:1fr;gap:24px}.hrt-heading h2{font-size:36px}.hrt-heading>p{font-size:15px}.hrt-loop{grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}.hrt-loop li{padding:21px 15px}.hrt-loop strong{font-size:24px}.hrt-loop small{font-size:10px}.hrt-arrow{display:none}.hrt-context{grid-template-columns:1fr;gap:17px;margin-top:24px}.hrt-context>p{font-size:12px}.hrt-context .text-link{justify-self:start;font-size:11px}.hrt-step{margin-bottom:13px}}
:root{--pink:#f35587;--cyan:#afe4ee;--lime:#c4ef79;--block-pink:#f35587;--block-yellow:#ffdb62;--block-cyan:#77d6ee;--block-lime:#c4ef79}
.site-header .brand{background:var(--block-yellow);border:2px solid var(--ink);border-radius:7px;box-shadow:3px 3px 0 var(--ink);padding:8px 13px;transform:rotate(-1.5deg);font-size:22px;letter-spacing:-.9px}
.site-header .brand svg{display:none}.site-header .brand-period{color:var(--ink)}
.hero{padding-top:45px;padding-bottom:66px;gap:65px}
.hero-copy>.eyebrow{margin-bottom:24px}
.hero .block-headline{font-size:clamp(58px,5.45vw,75px);font-weight:700;line-height:1;letter-spacing:-.065em;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.word-row{display:flex;gap:12px;align-items:center;white-space:nowrap}
.word-block{display:inline-block;border:2.5px solid var(--ink);border-radius:9px;box-shadow:4px 4px 0 var(--ink);padding:5px 12px 10px;transform-origin:center}
.block-pink{background:var(--block-pink);color:var(--ink);transform:rotate(-2deg)}
.block-yellow{background:var(--block-yellow);transform:rotate(1deg)}
.block-cyan{background:var(--block-cyan);transform:rotate(-1.5deg)}
.block-lime{background:var(--block-lime);transform:rotate(1.5deg)}
.hero-description{margin-top:30px;max-width:440px}
.hero-visual{padding-top:43px}.demo-window{box-shadow:5px 6px 0 var(--ink);transform:rotate(1deg)}
.demo-stage{background-color:var(--cyan)}.demo-controls{margin-top:29px}
.section-sticker{display:inline-block;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.06em;border:1.5px solid var(--ink);border-radius:4px;padding:5px 8px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-1.5deg)}
.sticker-pink{background:#f7b7cc}.sticker-cyan{background:var(--block-cyan)}.sticker-lime{background:var(--block-lime)}.sticker-yellow{background:var(--block-yellow)}
.section-number{font-size:8px;margin-left:12px;letter-spacing:.04em;white-space:nowrap}
.privacy-section .section-sticker{border-color:#09070a;box-shadow:2px 2px 0 #09070a}.privacy-section .section-number{color:#c8c0ce}
.step-number{border-radius:7px;box-shadow:2px 2px 0 var(--ink);font-weight:600}.steps article:nth-child(1) .step-number{transform:rotate(-3deg)}.steps article:nth-child(2) .step-number{transform:rotate(2deg)}.steps article:nth-child(3) .step-number{transform:rotate(-2deg)}
.habit-tab.is-selected{background:var(--block-yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.pricing-section{background:#f5edda}.pricing-copy>.section-label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pricing-copy .section-number{margin:0}
.price-block{border-color:#c9bfa7}.price-block .once{display:inline-block;background:var(--block-yellow);padding:4px 7px;border:1px solid var(--ink);border-radius:3px;transform:rotate(-1deg)}
@media(min-width:1441px){.hero{padding-top:58px;padding-bottom:80px;gap:78px}.hero .block-headline{font-size:77px}}
@media(max-width:1120px){.hero{gap:40px}.hero .block-headline{font-size:61px;gap:11px}.word-block{padding:5px 10px 9px}.section-number{display:block;margin:12px 0 0}.pricing-copy .section-number{display:none}}
@media(max-width:900px){.site-header .brand{font-size:20px;padding:7px 10px}.hero{gap:30px;padding-top:35px;padding-bottom:55px}.hero .block-headline{font-size:49px;gap:11px}.word-row{gap:9px}.word-block{border-width:2px;border-radius:7px;box-shadow:3px 3px 0 var(--ink);padding:5px 9px 8px}.hero-description{margin-top:25px}.hero-visual{padding-top:35px}.section-sticker{font-size:9px}.section-number{font-size:7px}}
@media(max-width:680px){.site-header .brand{font-size:20px;padding:7px 10px}.hero{gap:45px;padding-top:29px;padding-bottom:43px}.hero .block-headline{font-size:clamp(48px,12.4vw,73px);gap:12px}.word-row{gap:10px}.word-block{border-radius:7px;padding:5px 10px 9px;box-shadow:3px 3px 0 var(--ink)}.hero-copy>.eyebrow{margin-bottom:25px}.hero-description{margin-top:29px}.hero-visual{padding-top:38px}.section-number{display:inline;margin-left:10px;font-size:7px}.privacy-section .section-number{display:block;margin:13px 0 0}.pricing-copy .section-number{display:none}.section-sticker{font-size:9px}.demo-window{box-shadow:4px 5px 0 var(--ink)}}
@media(max-width:370px){.site-header .brand{font-size:17px;padding:7px 9px}.hero .block-headline{font-size:43px;gap:11px}.word-block{padding:5px 8px 8px}.word-row{gap:9px}.section-number{display:block;margin:12px 0 0}.hero-copy>.eyebrow{font-size:7px}}