/* The household story and the time example share WAM's quiet red/teal signals. */
.origin-story{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:65px 0 85px;scroll-margin-top:30px}
.origin-story h2{font-size:43px;line-height:1.16;margin:20px 0 0;letter-spacing:-2px}
.origin-copy p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 18px}
.origin-copy .text-link{display:inline-block;margin-top:8px}
.time-story{padding:0 0 90px;scroll-margin-top:30px}.time-story .section-heading{margin-bottom:30px}
.time-example{border:1px solid var(--red-line);border-radius:8px;overflow:hidden;background:var(--surface-deep)}
.time-example-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 28px;border-bottom:1px solid var(--red-line)}
.time-example-top>.eyebrow{flex:1;min-width:180px;line-height:1.6}.time-example-top>p{font-size:12px;color:var(--muted);margin:0}
.budget-buttons{display:flex;gap:5px}.budget-buttons button{font:inherit;font-size:12px;padding:11px 13px;min-height:44px;border:1px solid #728087;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer}
.budget-buttons button[aria-pressed=true]{background:var(--teal);color:#111315;border-color:var(--teal)}
.time-example-body{display:grid;grid-template-columns:1.35fr 1fr}.time-example-rows{padding:8px 28px}
.time-example-row{display:flex;gap:14px;align-items:start;padding:24px 0;border-bottom:1px solid #ffffff12}.time-example-row:last-child{border-bottom:0}
.time-example-marker{color:var(--muted);font-size:19px;line-height:1.2;flex:none}.fits .time-example-marker{color:var(--teal)}
.time-example-row>div:first-of-type{flex:1;min-width:0}.time-example-row h3{font-size:15px;font-weight:500;margin:0 0 8px;line-height:1.3}
.time-example-row p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.time-example-row details{font-size:10px;margin-top:14px;color:var(--muted)}
.time-example-row summary{cursor:pointer;line-height:1.6;text-underline-offset:4px}.time-example-row details[open] p{margin-top:12px;max-width:280px}
.time-amount{flex:none;display:flex;flex-direction:column;text-align:right;gap:5px}.time-amount b{font:500 30px/1.1 ui-monospace,SFMono-Regular,monospace;color:var(--ink)}
.fits .time-amount b{color:var(--teal)}.untimed .time-amount b{color:var(--muted)}.time-amount small{font-size:9px;color:var(--muted)}
.time-example-result{padding:32px;background:linear-gradient(135deg,#283d3c70,#171c20);border-left:1px solid var(--red-line);display:flex;flex-direction:column;align-items:start;justify-content:center}
.time-example-result>strong{display:block;font-size:70px;font-weight:500;letter-spacing:-4px;line-height:1.1;margin:22px 0 15px;color:var(--teal)}
.time-example-result>strong span{display:block;font-size:13px;color:var(--ink);letter-spacing:0;line-height:1.6;margin-top:8px}
.time-example-result>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.time-left{border-top:1px solid #72808745;padding-top:17px;margin-top:22px;font-size:14px;color:var(--ink)}
.time-example-result>p.micro{font-size:10px;margin-top:20px;line-height:1.8}.time-example-disclosure{padding:18px 28px;margin:0;font-size:10px;line-height:1.8;color:var(--muted);border-top:1px solid var(--red-line);background:#11131545}
.time-boundary{font-size:12px;line-height:1.85;color:var(--muted);max-width:700px;margin:20px 0 0}
.trust-story{padding-bottom:85px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.trust-grid article{border-top:1px solid var(--red-line);padding-top:20px}
.trust-grid article>span{font:11px ui-monospace,monospace;color:var(--teal)}.trust-grid h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:18px 0 12px}
.trust-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.trust-story>.micro{margin-top:20px;font-size:11px;line-height:1.8;color:var(--muted)}
.time-surface .hint{font-size:11px;line-height:1.8;color:var(--muted)}
.sample-time-link{position:relative;text-align:left;padding:24px;background:#283634;border:1px solid #526e6a;color:#e0ecf3;border-radius:5px;font-size:14px;line-height:1.6}
.sample-time-link:hover{background:#3b4f4c}.sample-time-link>span{display:block;font-size:9px;color:#a3cec8;letter-spacing:1px;margin-bottom:10px}.sample-time-link>b{float:right;color:var(--teal)}
.sample-main .time-example-top{padding:18px;gap:15px}.sample-main .time-example-top>.eyebrow{font-size:8px;flex-basis:100%}.sample-main .time-example-body{grid-template-columns:1fr}
.sample-main .time-example-rows{padding-inline:18px}.sample-main .time-example-result{border-left:0;border-top:1px solid var(--red-line);padding:22px}.sample-main .time-example-result>strong{font-size:55px;margin-top:15px}.sample-main .time-example-disclosure{padding-inline:18px}
.sample-capture-history{border-top:1px solid var(--red-line);padding-top:20px;margin-top:24px;font-size:12px;color:var(--muted)}.sample-capture-history summary{cursor:pointer}.sample-capture-history article{padding:12px 0;border-bottom:1px solid #ffffff12}.sample-capture-history blockquote{margin:12px 0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.sample-capture-history p{line-height:1.8}
.story-page{max-width:1040px}.story-hero{padding:75px 0 65px;border-bottom:1px solid var(--red-line)}
.story-hero h1{font-size:clamp(48px,7vw,86px);font-weight:550;line-height:1.08;letter-spacing:-4px;margin:26px 0 32px}.story-hero h1>span{color:var(--teal)}
.story-deck{font-size:20px;line-height:1.8;max-width:730px;color:var(--muted)}.story-aside{font-size:11px;line-height:1.8;color:var(--muted);margin-top:24px}
.story-body{max-width:730px;margin:0 auto}.story-body>section{padding:60px 0;border-bottom:1px solid var(--red-line)}.story-body h2{font-size:43px;line-height:1.17;letter-spacing:-1.8px;margin:20px 0 28px}
.story-body section>p{font-size:16px;line-height:1.95;color:var(--muted);margin:0 0 20px}.story-body section>.micro{font-size:11px}
.story-handoff{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;background:linear-gradient(120deg,#283d3c60,#1b2126);border:1px solid var(--red-line);padding:28px;border-radius:6px;margin:30px 0 15px}
.story-handoff>div{display:flex;flex-direction:column;gap:13px}.story-handoff .eyebrow{font-size:8px;line-height:1.7}.story-handoff b{font-size:18px;font-weight:500;line-height:1.5}.story-handoff small{font-size:11px;line-height:1.8;color:var(--muted)}.story-arrow{color:var(--teal);font-size:25px}
.story-body .story-builder{border-bottom:0;padding-bottom:90px}.story-builder .hero-actions{margin-bottom:22px}
@media(max-width:1000px){.origin-story{gap:35px}.origin-story h2{font-size:36px}.time-example-body{grid-template-columns:1.2fr 1fr}.time-example-top{gap:15px}.time-example-top>.eyebrow{flex-basis:100%}.time-example-result{padding:24px}.time-example-rows{padding-inline:20px}}
@media(max-width:800px){.origin-story{grid-template-columns:1fr;padding-block:40px 65px;gap:25px}.origin-story h2{font-size:40px}.origin-copy{max-width:650px}.time-example-body{grid-template-columns:1fr}.time-example-result{border-left:0;border-top:1px solid var(--red-line)}.time-example-result>strong{font-size:60px}.trust-grid{grid-template-columns:1fr;gap:20px}.trust-grid p{max-width:600px}.trust-story{padding-bottom:65px}.time-story{padding-bottom:65px}.story-deck{font-size:18px}.story-hero{padding-top:45px}.story-body>section{padding-block:45px}}
@media(max-width:480px){.origin-story h2{font-size:32px;letter-spacing:-1.3px}.origin-copy p{font-size:14px}.time-example-top{padding:20px}.time-example-top>p{flex-basis:100%}.budget-buttons{width:100%}.budget-buttons button{flex:1}.time-example-rows{padding-inline:16px}.time-example-row{gap:10px}.time-example-row h3{font-size:14px}.time-amount b{font-size:26px}.time-amount small{font-size:8px}.time-example-row details{font-size:10px}.time-example-disclosure{padding-inline:20px}.time-boundary{font-size:11px}.trust-grid h3{font-size:21px}.story-hero h1{letter-spacing:-2.5px;font-size:47px}.story-deck{font-size:16px}.story-body h2{font-size:34px}.story-body section>p{font-size:15px}.story-handoff{grid-template-columns:1fr;padding:22px;gap:18px}.story-arrow{transform:rotate(90deg);justify-self:start}.story-handoff b{font-size:19px}.story-builder .hero-actions{align-items:start;flex-direction:column;gap:22px}.sample-main .time-example-top{padding:16px}.sample-main .time-example-row{gap:8px}.sample-main .time-amount b{font-size:23px}.sample-main .time-example-marker{font-size:15px}.sample-main .time-example-row h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.budget-buttons button{transition:none}}

.camera-demo-inline{display:inline-block;margin-top:9px;text-decoration:underline;text-underline-offset:4px;color:var(--teal)}.sample-camera-link{align-self:center;margin-top:18px;max-width:100%;font-size:12px;text-align:center}

/* Time is the lead: a usable window, hands-on work and machine time. */
.time-hero .hero-description{max-width:510px}.time-hero .hero-actions{gap:22px;flex-wrap:wrap}.time-hero h1 .soft-serif{white-space:normal}
.time-hero-art{padding:62px 26px;min-height:540px;background:radial-gradient(ellipse at 0 15%,#53e0cb0d,transparent 65%),#1b2126;border-color:var(--red-line)}
.time-hero-board{display:block;width:100%;max-width:445px;background:#171c20;border:1px solid #58646b;border-top-color:var(--red);border-radius:6px;padding:25px;box-shadow:0 20px 45px #0003;transition:border-color .2s}
.time-hero-board:hover{border-color:var(--teal)}.time-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--red-line)}
.time-board-head>span{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}.time-board-head>b{font-size:43px;font-weight:500;letter-spacing:-2px;line-height:1}.time-board-head>b>span{font-size:13px;letter-spacing:0;margin-left:7px;color:var(--muted)}
.time-board-job{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #ffffff0d}.time-job-number{font:10px ui-monospace,monospace;color:var(--teal)}.time-board-job>div{flex:1;min-width:0}.time-board-job b{font-size:14px;font-weight:500}.time-board-job small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}.time-board-job>strong{font-size:27px;font-weight:500;letter-spacing:-1px;color:var(--teal)}
.featured-fold{position:relative}.featured-fold:before{content:'';position:absolute;left:-10px;top:13px;bottom:13px;width:1px;background:var(--teal);box-shadow:0 0 10px #53e0cb66}
.time-board-total{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:22px 0 14px}.time-board-total b{font-size:23px;font-weight:500;letter-spacing:-.7px}.time-board-total small{font-size:10px;display:block;color:var(--muted);margin-top:6px}.time-board-total>span{color:var(--teal)}.time-board-total>div:last-child b{color:var(--teal)}
.time-board-rail{display:flex;gap:3px;height:7px}.time-board-rail>span{background:var(--teal);border-radius:2px;flex:4}.time-board-rail>span:nth-child(2){flex:6;background:#40b8aa}.time-board-rail>span:nth-child(3){flex:7;background:#3e8a84}.time-board-rail>i{flex:13;border:1px dashed #728087;border-radius:2px}
.time-board-return{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.7;margin:20px 0 0;color:var(--red)}.time-board-return>span:last-child{color:var(--muted);margin-left:auto}.time-signal{width:5px;height:5px;flex:none;border-radius:50%;background:var(--red);box-shadow:0 0 8px #ff626c88}
.time-story{padding-top:55px}.time-story h2{font-size:49px}.time-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0 0 30px}.time-benefits article{border-top:1px solid var(--red-line);padding-top:20px}.time-benefits article>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--teal)}.time-benefits h3{font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:18px 0 12px}.time-benefits p{font-size:13px;color:var(--muted);line-height:1.9}
.time-example-result>.time-left{font-size:24px;font-weight:500;letter-spacing:-.6px;color:var(--ink)}.outside-window .time-example-marker,.outside-window .time-amount{opacity:.5}
.window-plan{padding:26px 28px;background:#141a1e;border-top:1px solid var(--red-line)}.window-heading{display:flex;justify-content:space-between;gap:10px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);margin-bottom:18px}.window-heading>span:last-child{white-space:nowrap}
.window-track{display:flex;gap:4px;min-height:83px}.window-track>span{min-width:0;border-radius:4px;padding:15px 12px;display:flex;flex-direction:column;gap:10px;justify-content:center}.window-block{background:#294541;box-shadow:inset 0 0 0 1px #53e0cb45;color:var(--teal)}.window-block.block-fold{background:#31534e}.window-block.block-dishes{background:#233c3a}.window-track b{font-size:23px;font-weight:500;letter-spacing:-.5px}.window-track small{font-size:11px;line-height:1.4}.window-free{border:1px dashed #728087;color:var(--muted);background:repeating-linear-gradient(135deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 8px)}
.machine-lanes{display:grid;gap:18px;margin-top:25px}.machine-lane>div:first-child{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;font-size:11px;color:var(--muted);margin-bottom:9px}.machine-lane b{font-size:10px;font-weight:500;color:var(--red)}.machine-track{height:5px;background:#ffffff05;position:relative;border-radius:2px}.machine-track>span{display:block;height:100%;background:#ff626c66;box-shadow:0 0 8px #ff626c18}.machine-track i{position:absolute;right:-2px;top:-7px;line-height:18px;color:var(--red);font-style:normal}.window-explainer{margin:22px 0 0;font-size:12px;line-height:1.8;color:var(--muted);max-width:650px}
.sample-main .window-plan{padding:22px 18px}.sample-main .window-track>span{padding:13px 9px}.sample-main .window-track small{font-size:10px}
@media(max-width:1100px){.time-hero-art{padding-inline:20px}.time-hero-board{padding:22px}.time-hero h1{font-size:65px}.time-hero .hero-actions{gap:20px}.time-hero .hero-actions .text-link{font-size:12px}}
@media(max-width:800px){.time-hero-art{min-height:540px;padding:60px 24px}.time-hero h1{font-size:78px}.time-hero .hero-description{max-width:580px}.time-hero-board{max-width:530px}.time-benefits{grid-template-columns:1fr;gap:18px;padding-bottom:10px}.time-benefits p{max-width:580px}.time-benefits h3{font-size:25px}.time-story h2{font-size:40px}.time-story{padding-top:40px}.time-hero .hero-actions .text-link{font-size:14px}}
@media(max-width:480px){.time-hero h1{font-size:57px;letter-spacing:-3.7px}.time-hero-art{min-height:510px;padding:55px 12px}.time-hero-board{padding:19px 16px}.time-board-job{gap:10px}.time-board-job b{font-size:13px}.time-board-job small{font-size:10px}.time-board-total{gap:15px}.time-board-return>span:last-child{margin-left:12px}.time-hero-art .art-label{font-size:7px;letter-spacing:.6px}.time-hero .hero-actions{gap:20px}.time-hero .hero-actions .button{padding-inline:19px}.time-hero .hero-actions .text-link{font-size:12px}.time-story h2{font-size:34px;letter-spacing:-1.5px}.time-benefits h3{font-size:23px}.window-plan{padding:23px 16px}.window-track{gap:3px}.window-track>span{padding:14px 7px}.window-track b{font-size:21px}.window-track small{font-size:9px}.window-heading{font-size:8px;letter-spacing:.6px}.machine-lane>div:first-child{font-size:10px}.machine-lane b{font-size:9px}.window-explainer{font-size:11px}.sample-main .window-plan{padding:22px 14px}.sample-main .window-track>span{padding:12px 6px}.sample-main .window-track small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.time-hero-board{transition:none}}

/* The running-order view keeps the glasses' compact step/time/clock rhythm. */
.running-demo{background:#14191d}.running-demo .time-example-top{justify-content:space-between;padding:23px 26px;gap:18px}.running-demo .time-example-top>.eyebrow{min-width:150px;flex:1}.running-demo .budget-buttons{flex-wrap:wrap}.running-demo .budget-buttons button{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;padding-inline:14px}
.order-routine-picker{display:flex;flex-wrap:wrap;gap:8px;padding:18px 26px;border-bottom:1px solid #ffffff0c}.order-routine-picker>button{border:1px solid #526068;background:transparent;color:var(--muted);border-radius:4px;min-height:40px;padding:8px 13px;font-size:12px}.order-routine-picker>button[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:#53e0cb0c}.order-routine-picker small{font:9px ui-monospace,monospace;color:#89959e;margin-left:9px}
.order-summary{display:flex;align-items:center;gap:38px;padding:25px 28px;background:linear-gradient(110deg,#23363380,#182126)}.order-summary>div:first-child{min-width:145px;display:flex;flex-direction:column;gap:8px}.order-summary b{font:500 48px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-3px;color:var(--teal)}.order-summary>div>span{font-size:11px;color:var(--muted)}.order-summary strong{font-size:17px;font-weight:500;color:var(--ink)}.order-summary p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 0}.order-summary p:last-child{font-size:11px}
.order-screen{margin:0 25px 20px;border:1px solid #445058;border-top-color:var(--red-line);border-radius:5px;overflow:hidden;background:#111619;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.order-screen-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--red-line);color:var(--teal);font-size:12px;letter-spacing:.5px}.order-screen-head i{font-style:normal;color:#73878c;margin-inline:7px}.order-screen-head b{font-size:10px;white-space:nowrap;color:var(--muted);font-weight:400;letter-spacing:0}
.order-column-labels,.order-step{display:grid;grid-template-columns:22px 54px 1fr 64px;align-items:center;gap:12px}.order-column-labels{padding:11px 20px 8px;color:#8d9ca4;font-size:9px;letter-spacing:1px}.order-column-labels>span:last-child{text-align:right}.order-scroll{max-height:620px;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#49665f #111619}.order-scroll.order-expanded{max-height:none;overflow:visible}.order-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}.order-step{width:100%;min-height:43px;padding:9px 20px;border:0;border-bottom:1px solid #ffffff08;background:none;color:#dce3e7;text-align:left;font:inherit;font-size:13px;cursor:pointer}.order-step:hover,.order-step:focus-visible{background:#243c3880;outline-offset:-3px}.order-marker{font-size:16px;color:#9eacb4;text-align:center}.order-minutes{color:var(--teal);font-size:12px;font-variant-numeric:tabular-nums}.order-name{line-height:1.5;min-width:0;overflow-wrap:anywhere}.order-name>small{display:inline;font-size:9px;color:#889ba2;margin-left:13px;white-space:nowrap}.order-clock{font-size:11px;font-variant-numeric:tabular-nums;text-align:right;color:#a4b6bd}.order-later{color:#929fa7}.order-later .order-minutes{color:#8ba19e}.order-fits:not(.order-timer){background:#53e0cb07}.order-fits:not(.order-timer) .order-marker{color:var(--teal)}.order-timer .order-minutes,.order-timer .order-marker,.order-timer .order-clock{color:var(--red)}.order-timer{background:#ff626c04}.order-done .order-name{color:var(--teal);text-decoration:line-through;text-decoration-color:#53e0cb66}.order-done .order-marker,.order-done .order-minutes,.order-done .order-clock{color:var(--teal)}.order-done .order-name>small{text-decoration:none;color:#88aaa4}.order-done{background:#53e0cb07}
.order-gap{display:grid;grid-template-columns:54px 1fr 64px;gap:12px;padding:13px 20px 13px 54px;font-size:11px;color:#83c3b8;border-block:1px dashed #496b6255;background:repeating-linear-gradient(135deg,#53e0cb03 0,#53e0cb03 1px,transparent 1px,transparent 8px)}.order-gap>span:last-child{text-align:right;color:#a4b6bd}.order-gap small{font-size:9px;color:#839a9b;margin-left:9px}
.order-section-label{display:flex;justify-content:space-between;gap:14px;padding:19px 20px 10px;font-size:9px;letter-spacing:1px;color:#b9c6cc}.order-section-label>span{color:#71868a;letter-spacing:0}.order-screen-foot{padding:14px 20px;border-top:1px solid var(--red-line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8fa2aa}.order-screen-foot>button,.order-actions>button{background:none;border:0;color:var(--teal);font:inherit;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:4px;min-height:32px}.order-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 27px 20px;font-size:11px;color:var(--muted)}
.sample-main .running-demo .time-example-top{padding:18px}.sample-main .order-routine-picker{padding:15px 18px;gap:6px}.sample-main .order-routine-picker>button{font-size:11px;padding-inline:10px}.sample-main .order-summary{padding:23px 18px;gap:24px}.sample-main .order-summary>div:first-child{min-width:110px}.sample-main .order-screen{margin-inline:16px}.sample-main .order-step{grid-template-columns:20px 42px 1fr 52px;gap:8px;padding-inline:14px;font-size:12px}.sample-main .order-column-labels{grid-template-columns:20px 42px 1fr 52px;gap:8px;padding-inline:14px}.sample-main .order-name>small{display:block;margin-left:0}.sample-main .order-gap{grid-template-columns:42px 1fr 52px;padding-left:42px;padding-right:14px;gap:8px}.sample-main .order-gap small{display:block;margin-left:20px}.sample-main .order-screen-head{padding-inline:14px;font-size:10px}.sample-main .order-screen-foot{padding-inline:14px}.sample-main .order-screen-foot>span{font-size:9px}.sample-main .order-actions{padding-inline:18px}
@media(max-width:800px){.order-name>small{display:block;margin-left:0}.order-step{min-height:54px}.order-screen-head{font-size:11px}}
@media(max-width:480px){.running-demo .time-example-top{padding:20px 16px;gap:14px}.running-demo .budget-buttons{width:100%;gap:5px}.running-demo .budget-buttons button{flex:1;padding:10px 7px;font-size:10px;white-space:nowrap}.running-demo .time-example-top>.eyebrow{flex-basis:100%}.order-routine-picker{padding:14px 14px;gap:6px}.order-routine-picker>button{font-size:11px;padding:7px 11px;min-height:40px}.order-routine-picker small{margin-left:6px}.order-summary{padding:22px 16px;gap:18px;align-items:start}.order-summary>div:first-child{min-width:100px;max-width:100px}.order-summary b{font-size:38px;letter-spacing:-2px}.order-summary>div>span{font-size:10px;line-height:1.6}.order-summary strong{font-size:13px;line-height:1.6;display:block}.order-summary p{font-size:10px;margin-top:5px}.order-summary p:last-child{font-size:10px}.order-screen{margin:0 10px 15px}.order-screen-head{padding:15px 12px;gap:6px;font-size:9px;letter-spacing:0}.order-screen-head i{margin-inline:3px}.order-screen-head b{font-size:9px}.order-step,.sample-main .order-step{grid-template-columns:16px 32px 1fr 43px;gap:7px;padding:9px 10px;font-size:12px;min-height:55px}.order-column-labels,.sample-main .order-column-labels{grid-template-columns:16px 32px 1fr 43px;gap:7px;padding-inline:10px;font-size:8px}.order-minutes{font-size:10px}.order-clock{font-size:10px}.order-marker{font-size:15px}.order-name>small{font-size:9px}.order-section-label{font-size:8px;padding:17px 10px 10px;letter-spacing:.7px}.order-section-label>span{font-size:8px}.order-gap,.sample-main .order-gap{grid-template-columns:32px 1fr 43px;gap:7px;padding:13px 10px 13px 33px;font-size:10px}.order-gap small{display:block;margin-left:20px;font-size:8px}.order-scroll{max-height:545px}.order-screen-foot{padding:10px;font-size:9px}.order-screen-foot>button{font-size:9px;min-height:44px}.order-actions{padding:0 16px 16px;font-size:10px;gap:8px}.order-actions>button{min-height:44px}.sample-main .order-screen{margin-inline:8px}.sample-main .order-summary{gap:15px;padding-inline:14px}.sample-main .order-summary>div:first-child{min-width:85px;max-width:85px}.sample-main .order-screen-head{font-size:8px;padding-inline:10px}.sample-main .order-screen-foot{padding-inline:10px}.sample-main .order-screen-foot>span{font-size:8px}}
.order-window-boundary{padding:13px 20px;font:9px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.6px;color:#c4cdd2;border-block:1px solid #71808750;background:#28323980}.sample-main .order-window-boundary{padding-inline:14px}@media(max-width:480px){.order-window-boundary,.sample-main .order-window-boundary{padding:12px 10px;font-size:8px;letter-spacing:.2px}}

/* The list and the time to use it are one household experience. */
.time-hero h1{font-size:clamp(52px,5.5vw,80px);letter-spacing:-3.5px}.hero-camera-link{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.shared-package{display:grid;grid-template-columns:1fr 1.08fr;gap:75px;padding:65px 0 35px;scroll-margin-top:35px}.shared-package-copy h2{font-size:47px;line-height:1.14;letter-spacing:-2px;margin:23px 0 28px}.shared-package-copy>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:490px}.shared-package-flow{display:grid;gap:11px;margin:30px 0;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:#bdcbd0}.shared-package-flow>b{font-size:16px;font-weight:400;color:var(--teal)}.shared-package-copy>.text-link{font-size:13px}
.our-list{background:linear-gradient(140deg,#202b2b,#171c20 70%);border:1px solid #4c5e5e;border-top-color:var(--red);border-radius:7px;overflow:hidden;align-self:start;box-shadow:0 20px 45px #0003}.our-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 27px 23px;border-bottom:1px solid var(--red-line)}.our-list-head .eyebrow{font-size:8px}.our-list-head h3{font-size:35px;font-weight:550;letter-spacing:-1.5px;margin:12px 0 0}.our-list-head h3>span{color:var(--red)}.our-list-demo{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);border:1px solid #596970;border-radius:4px;padding:7px 8px}
.our-list-rows{padding:0 26px;max-height:475px;overflow:auto;scrollbar-width:thin;scrollbar-color:#49665f #171c20}.our-list-label{display:flex;justify-content:space-between;align-items:center;gap:14px;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.8px;color:#b3c2c8;padding:22px 0 10px}.our-list-label>span{letter-spacing:0;font-size:9px;color:#8ca29f}.our-task-label{padding-top:25px}.our-list-row{display:flex;align-items:center;gap:13px;width:100%;padding:16px 0;border:0;border-bottom:1px solid #ff626c18;background:none;color:var(--ink);text-align:left;font-size:15px;line-height:1.5;min-height:54px;cursor:pointer}.our-list-row>span:last-child{min-width:0;overflow-wrap:anywhere}.our-list-row strong{font-weight:650}.our-list-row small{font-size:11px;color:var(--muted)}.our-list-row small.urgent-marker{color:var(--red)}.our-list-row:hover{background:#53e0cb05}.our-check{display:grid;place-items:center;width:19px;height:19px;flex:none;border:1px solid #84929b;border-radius:5px;font-size:13px}.our-list-row.is-urgent:not(.is-done) .our-check{border-color:var(--red);box-shadow:0 0 8px #ff626c24}.our-list-row.is-done .our-check{background:var(--teal);border-color:var(--teal);color:#14191c}.our-list-row.is-done>span:last-child{color:#829995;text-decoration:line-through}.our-list-row.is-done .urgent-marker{color:#829995}.our-routine-link{display:flex;justify-content:space-between;gap:15px;padding:20px 0;color:var(--teal);font-size:11px;line-height:1.7}.our-routine-link>span{white-space:nowrap}
.our-list-form{padding:21px 26px 0}.our-list-form label{display:block;color:var(--teal);font-size:12px;margin-bottom:12px}.our-list-form>div{display:flex;border:1px solid #718087;border-radius:5px;background:#263a36;padding:5px;gap:5px}.our-list-form input{width:100%;min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:13px;padding:10px}.our-list-form input::placeholder{color:#a5b7b6;opacity:1}.our-list-form input:focus-visible{outline:2px solid var(--teal);outline-offset:1px;border-radius:3px}.our-list-form button{border:1px solid #e9eff2;border-radius:4px;background:#e9eff2;color:#14191c;font-size:12px;font-weight:650;padding:10px 14px;min-height:44px;white-space:nowrap}.our-list-form button>span{font-size:15px;margin-left:8px}.our-list-feedback{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:14px 26px 5px;min-height:60px}.our-list-feedback p{color:var(--teal);font-size:11px;line-height:1.8;margin:0;overflow-wrap:anywhere}.our-list-feedback button{background:none;border:0;color:var(--teal);font:inherit;font-size:11px;padding:0;min-height:30px;text-decoration:underline;text-underline-offset:4px}.our-list-feedback button:disabled{color:#718087;cursor:default}.our-list-next{display:block;padding:0 26px 24px;color:#acbdc5;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.shared-package{gap:45px}.shared-package-copy h2{font-size:41px}.our-list-head,.our-list-form,.our-list-feedback{padding-inline:20px}.our-list-rows{padding-inline:20px}.our-list-next{padding-inline:20px}}
@media(max-width:800px){.shared-package{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:25px}.shared-package-copy h2{font-size:45px}.shared-package-copy>p{max-width:640px}.shared-package-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;font-size:8px;line-height:1.8;margin-block:25px}.shared-package-flow>b{transform:rotate(-90deg)}.our-list{width:100%}.our-list-rows{max-height:430px}.time-hero h1{font-size:76px;letter-spacing:-4px}}
@media(max-width:480px){.time-hero h1{font-size:51px;letter-spacing:-3.3px}.shared-package-copy h2{font-size:36px;letter-spacing:-1.4px}.shared-package-copy>p{font-size:14px}.shared-package-flow{grid-template-columns:1fr;gap:8px;font-size:9px}.shared-package-flow>b{transform:none;font-size:14px}.shared-package-copy>.text-link{font-size:12px}.our-list-head{padding:22px 18px}.our-list-head h3{font-size:32px}.our-list-rows{padding-inline:18px}.our-list-row{font-size:16px;min-height:55px}.our-list-row small{font-size:11px}.our-list-label>span{font-size:8px}.our-list-form{padding-inline:14px}.our-list-form input{font-size:16px;padding:10px 7px}.our-list-form button{padding-inline:12px}.our-list-form button>span{margin-left:2px}.our-list-feedback{padding-inline:18px}.our-list-feedback button{min-height:40px}.our-list-next{padding:0 18px 24px}.our-list-feedback p{font-size:11px}.shared-package{scroll-margin-top:20px}.invitation h2{font-size:35px;letter-spacing:-1.5px}}
