:root{--paper:#fff;--ink:#20313c;--navy:#12303f;--muted:#5e7079;--teal:#146e76;--teal-wash:#e7f3f5;--tint:#f2f6f6;--line:#e3e9e9;--radius-panel:30px;--radius-tile:16px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--page-slide-dur:.25s;--page-fade-dur:.25s;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0s;--page-exit-enabled:1;--page-slide-ease:cubic-bezier(.22, 1, .36, 1);--page-fade-ease:cubic-bezier(.22, 1, .36, 1);--toast-open:.35s;--toast-close:.25s;--acc-expand:.25s;--acc-collapse:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1);--toast-distance:16px;--toast-blur:2px;--toast-scale:.97;--toast-ease:cubic-bezier(.22, 1, .36, 1);--shake-distance:6px;--shake-overshoot:4px;--shake-dur-a:80ms;--shake-dur-b:60ms;--shake-ease:cubic-bezier(.22, 1, .36, 1);--revert-hold:3s;--revert-dur:.28s;--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}p,li,dd,summary{text-wrap:pretty}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.05rem}a{color:var(--teal)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 16px}.nav{border-bottom:1px solid var(--line)}.nav-inner,.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-top:14px;padding-bottom:14px;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.brand-name{letter-spacing:-.02em;font-weight:700}.brand-by{color:var(--muted);font-size:.85rem;text-decoration:none}.footer{border-top:1px solid var(--line);margin-top:48px}.footer-links{gap:16px;font-size:.9rem;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.hero{background:var(--tint);padding:40px 0 56px}.hero-inner{align-items:start;gap:32px;display:grid}h1{color:var(--navy);font-size:clamp(2.25rem,4.6vw,3.5rem);font-weight:700;line-height:1.05}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.lead{color:var(--muted);font-size:1.05rem}.hero-sub{margin-bottom:24px;font-size:1.125rem}.hero-btn-wrap,.app-btn-wrap{margin:0 0 28px}.btn{background:var(--teal);color:#fff;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-quiet{background:var(--teal-wash);color:var(--navy)}.btn-paper{background:var(--paper);color:var(--navy)}.text-btn{color:var(--teal);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-weight:600;text-decoration:underline}.text-link{font-weight:600}.builder-fallback{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper);color:var(--muted);margin:0;padding:20px;box-shadow:0 24px 60px -28px #146e7659}.builder-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);padding:22px 18px;box-shadow:0 24px 60px -28px #146e7659}.step-kicker{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:700}.progress{gap:6px;margin-bottom:18px;display:flex}.progress-seg{background:var(--line);border-radius:999px;flex:1;height:4px}.progress-seg.on{background:var(--teal)}.step-title{margin-bottom:6px;font-size:1.35rem}.step-helper{color:var(--muted);margin:0 0 16px;font-size:.95rem}.choice-list{gap:10px;margin-top:16px;display:grid}.choice{text-align:left;border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--paper);width:100%;color:inherit;font:inherit;cursor:pointer;padding:14px 16px;display:block}.choice:hover{border-color:var(--teal);background:var(--tint)}.choice[aria-pressed=true]{border-color:var(--teal);background:var(--teal-wash)}.choice-title{font-weight:700;display:block}.choice-desc{color:var(--muted);font-size:.9rem;line-height:1.4;display:block}.back-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:6px 2px;text-decoration:underline}.cue-form,.gate-form{margin-top:18px}.field-label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.field-box{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--paper)}.field-box.is-error{border-color:#b3261e}.field-input{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--paper);width:100%;min-height:52px;color:inherit;font:inherit;padding:0 14px}.field-box .field-input{background:0 0;border:0}.field-help{color:var(--muted);margin:8px 0 0;font-size:.85rem}.field-error{color:#b3261e;margin:8px 0 0;font-size:.9rem;font-weight:600}.builder-actions{margin-top:16px}.builder-actions .btn{width:100%}.hp{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-row{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.preview-step{background:var(--teal-wash);color:var(--navy);letter-spacing:.06em;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700}.preview-commit{border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);text-align:center;letter-spacing:.12em;flex:1 0 100%;padding:6px 0;font-size:.75rem;font-weight:700}.preview-word{margin:0 0 12px;font-weight:700}.gate-line{color:var(--muted);margin:0}.result-wrap{max-width:40rem}.notice{border-radius:var(--radius-tile);background:var(--teal-wash);color:var(--navy);margin:0 0 16px;padding:12px 14px;font-size:.95rem}.card-page{padding:0}.size-toggle{background:var(--tint);border-radius:999px;gap:6px;margin-bottom:16px;padding:6px;display:flex}.size-btn{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-weight:700}.size-btn[aria-pressed=true]{background:var(--paper);color:var(--navy);box-shadow:0 1px 3px #12303f26}.card-frame{height:calc(var(--card-h,5in) * var(--card-scale,1));overflow:hidden}.card-frame .routine-card{transform:scale(var(--card-scale,1));transform-origin:0 0}.routine-card{overflow-wrap:anywhere;color:#000;background:#fff;border:1px dashed gray;flex-direction:column;gap:5pt;width:3.5in;height:5in;padding:12pt;font-size:6.6pt;line-height:1.3;display:flex;overflow:hidden}.routine-card[data-size=letter]{gap:10pt;width:8.5in;height:11in;padding:36pt;font-size:10pt}.card-head{border-bottom:1pt solid #000;justify-content:space-between;align-items:baseline;gap:8pt;padding-bottom:4pt;display:flex}.card-title{letter-spacing:.1em;font-size:1.15em;font-weight:700}.card-kind{color:#666;letter-spacing:.06em}.card-band{letter-spacing:.1em;color:#666;margin:0;font-size:.92em;font-weight:700}.card-steps{gap:4pt;display:grid}.card-step{grid-template-columns:10pt 42pt 1fr;align-items:start;gap:4pt;display:grid}.routine-card[data-size=letter] .card-step{grid-template-columns:18pt 72pt 1fr;gap:8pt}.card-step-n{font-weight:700}.card-step-title{letter-spacing:.08em;font-weight:700}.card-step-detail{color:#000}.card-commit{text-align:center;letter-spacing:.04em;border-top:1pt solid #000;border-bottom:1pt solid #000;margin:0;padding:3pt 0;font-weight:700}.card-rules{gap:3pt;margin:0;display:grid}.card-rule{grid-template-columns:52pt 1fr;gap:4pt;display:grid}.routine-card[data-size=letter] .card-rule{grid-template-columns:90pt 1fr;gap:8pt}.card-rule dt{letter-spacing:.08em;color:#666;font-weight:700}.card-rule dd{margin:0}.card-extras{border-top:1pt solid #000;gap:12pt;padding-top:10pt;display:grid}.card-extra-title{letter-spacing:.06em;margin:0 0 3pt;font-weight:700}.card-extra-body{color:#333;margin:0 0 6pt}.card-boxes{flex-wrap:wrap;gap:6pt;display:flex}.card-box{color:#666;border:.75pt solid #000;justify-content:center;align-items:center;width:20pt;height:20pt;font-size:.72em;display:inline-flex}.card-foot{color:#666;border-top:1pt solid #000;justify-content:space-between;gap:8pt;margin-top:auto;padding-top:4pt;display:flex}.caption{color:var(--muted);margin:12px 0 16px;font-size:.85rem}.card-actions .btn{width:100%}.card-actions .btn-quiet{margin-top:18px}.text-actions{gap:18px;margin-top:18px;display:flex}.editor{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--paper);margin:0 0 18px}.editor-head{width:100%;color:var(--navy);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:14px 40px 14px 16px;font-weight:700;display:block;position:relative}.editor-head:after{content:"+";color:var(--teal);margin-top:-.7em;font-size:1.25rem;line-height:1.4;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;right:16px}.t-acc[data-open=true] .editor-head:after{transform:rotate(45deg)}.editor .t-acc-panel-inner{padding:0 16px}.t-acc[data-open=true] .editor .t-acc-panel-inner,.editor.t-acc[data-open=true] .t-acc-panel-inner{padding-bottom:16px}.editor-help{margin:0 0 14px}.editor-field{margin-bottom:14px}.field-textarea{resize:vertical;min-height:84px;padding:12px 14px;line-height:1.4}@media (prefers-reduced-motion:reduce){.editor-head:after{transition:none}}.section{padding:64px 0}.section-get,.section-faq{background:var(--paper)}.section-how{background:var(--tint)}.section-app{background:var(--teal);color:#fff}h2{color:var(--navy);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700}.section-app h2{color:#fff}.section-head{max-width:40rem;margin-bottom:36px}.get-grid,.how-grid,.app-grid{gap:32px;display:grid}.sample{margin:0}.sample-card .card-frame{filter:drop-shadow(0 18px 40px #146e7638)}.get-list{color:var(--muted);gap:22px;margin:0;padding:0;list-style:none;display:grid}.get-list strong{color:var(--navy);display:block}.timeline{margin:0;padding:0;list-style:none}.timeline-step{padding-bottom:28px;padding-left:52px;position:relative}.timeline-step:before{content:"";background:var(--line);width:2px;position:absolute;top:34px;bottom:0;left:13px}.timeline-step:last-child{padding-bottom:0}.timeline-step:last-child:before{display:none}.timeline-step p{color:var(--muted);margin:0}.why-title{font-size:1.35rem}.why p{color:var(--muted)}.section-app p{color:#ffffffe0}.app-shot{aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:22px;width:min(100%,300px);height:auto;margin:0 auto;display:block;box-shadow:0 30px 70px -30px #00000073}.num-badge{background:var(--teal-wash);width:28px;height:28px;color:var(--teal);border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:700;display:inline-flex}.timeline-step .num-badge{background:var(--teal);color:#fff;margin-bottom:0;position:absolute;top:0;left:0}.faq-wrap{max-width:44rem}.faq details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 32px 16px 0;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--teal);margin-top:-.7em;font-size:1.25rem;line-height:1.4;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;right:0}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--muted);margin:0 0 16px}@media (prefers-reduced-motion:reduce){.faq summary:after{transition:none}}@media (width>=40rem){.builder-panel{padding:28px 26px}.card-actions .btn{width:auto}}@media (width<=59.999rem){.builder{max-width:40rem}}@media (width>=60rem){.hero{padding:72px 0 88px}.hero-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}.hero-copy .hero-btn-wrap{display:none}.section{padding:96px 0}.get-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px}.get-list{grid-template-columns:1fr 1fr;gap:22px 28px}.how-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:56px}.app-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:48px}}.t-page-slide{position:relative}.t-page-slide .t-page[data-page-id="1"]{--t-page-from-x:calc(var(--page-slide-distance) * -1)}.t-page-slide .t-page[data-page-id="2"]{--t-page-from-x:var(--page-slide-distance)}.t-page-slide .t-page{opacity:0;pointer-events:none;transform:translateX(calc(var(--t-page-from-x,0px) * var(--page-exit-enabled)));filter:blur(calc(var(--page-blur) * var(--page-exit-enabled)));transition:opacity var(--page-fade-dur) var(--page-fade-ease), transform var(--page-slide-dur) var(--page-slide-ease), filter var(--page-slide-dur) var(--page-slide-ease);will-change:opacity, transform, filter;position:absolute;inset:0}.t-page-slide[data-page="1"] .t-page[data-page-id="1"],.t-page-slide[data-page="2"] .t-page[data-page-id="2"]{opacity:1;pointer-events:auto;filter:blur();transition-delay:var(--page-stagger);transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-page-slide .t-page{transition:none!important}}.builder-panel.t-page-slide{display:grid}.builder-panel .t-page{grid-area:1/1;position:relative}.t-acc-panel{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true] .t-acc-panel{transition:grid-template-rows var(--acc-expand) var(--acc-ease);grid-template-rows:1fr}.t-acc-panel-inner{opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse) var(--acc-ease), filter var(--acc-collapse) var(--acc-ease);overflow:hidden}.t-acc[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur();transition:opacity var(--acc-expand) var(--acc-ease), filter var(--acc-expand) var(--acc-ease)}@media (prefers-reduced-motion:reduce){.t-acc-panel,.t-acc-panel-inner{transition:none!important}}.t-toast{opacity:0;transform:translateY(var(--toast-distance)) scale(var(--toast-scale));filter:blur(var(--toast-blur));will-change:transform, opacity, filter;transition:opacity var(--toast-close) var(--toast-ease), transform var(--toast-close) var(--toast-ease), filter var(--toast-close) var(--toast-ease)}.t-toast.is-open{opacity:1;filter:blur();transition:opacity var(--toast-open) var(--toast-ease), transform var(--toast-open) var(--toast-ease), filter var(--toast-open) var(--toast-ease);transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.t-toast{transition:none!important}}.t-toast{background:var(--navy);color:#fff;text-align:center;pointer-events:none;z-index:20;border-radius:999px;width:160px;margin-left:-80px;padding:10px 0;font-size:.9rem;font-weight:600;position:fixed;bottom:20px;left:50%}.t-input{will-change:transform;transition:border-color .15s ease-out}.t-input.is-error{transition:border-color var(--revert-dur,.28s) ease-out}.t-error-msg{opacity:0;visibility:hidden;transition:opacity var(--revert-dur,.28s) ease-out, visibility 0s linear var(--revert-dur,.28s)}.t-input-wrap.is-error .t-error-msg{opacity:1;visibility:visible;transition:opacity var(--revert-dur,.28s) ease-out, visibility 0s linear 0s}.t-input.is-shaking{animation:t-input-shake calc(var(--shake-dur-a) * 2 + var(--shake-dur-b) * 2) linear}@keyframes t-input-shake{0%{animation-timing-function:var(--shake-ease);transform:translate(0)}28.57%{transform:translateX(var(--shake-distance));animation-timing-function:var(--shake-ease)}57.14%{transform:translateX(calc(var(--shake-distance) * -1));animation-timing-function:var(--shake-ease)}78.57%{transform:translateX(var(--shake-overshoot));animation-timing-function:var(--shake-ease)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.t-input{animation:none!important;transform:none!important}}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);will-change:transform, opacity, filter;display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}.t-stagger-line--4{transition-delay:calc(var(--stagger-stagger) * 3)}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}.t-stagger.is-hiding .t-stagger-line{opacity:0;filter:blur();transition:opacity .2s,transform linear,filter linear;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-stagger-line{transition:none!important}}.hero-copy:not(.t-stagger) .t-stagger-line{opacity:1;filter:none;transform:none}.reveal{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(12px)}.reveal.revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (prefers-reduced-motion:no-preference){.btn,.choice,.size-btn{transition:transform .15s ease-out,border-color .15s ease-out,background-color .15s ease-out}.btn:hover,.choice:hover{transform:translateY(-1px)}.btn:active,.choice:active{transform:scale(.98)}}