/* Product-led home, using complete original captures without added pixel effects. */
.product-hero{padding-top:46px;padding-bottom:44px}.product-intro{display:grid;grid-template-columns:1.05fr 1fr;column-gap:65px;align-items:start}.product-intro>.eyebrow{grid-column:1/-1;margin-bottom:23px;font-size:9px}.product-intro h1{grid-row:2/4;margin:0;font-size:clamp(48px,5.4vw,72px);line-height:1.03;letter-spacing:-3.7px;font-weight:550}.product-intro h1>span{color:var(--teal)}.product-intro>p{margin:2px 0 22px;font-size:15px;line-height:1.8;color:#b5c0c7;max-width:490px}.product-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.product-actions>.button{font-size:13px;padding:17px 20px}.product-actions>.text-link{font-size:12px}
.product-pair{display:grid;grid-template-columns:1.65fr 1fr;gap:25px;margin-top:38px;align-items:start}.product-pair figure{margin:0;min-width:0;border:1px solid #47545b;border-top-color:var(--red-line);border-radius:6px;overflow:hidden;background:#171c20}.product-pair figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #ff626c24;font:9px ui-monospace,monospace;letter-spacing:.5px;color:#aebcc3}.product-pair figcaption b{font-weight:500;color:var(--teal)}.product-pair figcaption>span{font-size:8px;letter-spacing:0}.product-glasses>a{display:block;background:#090b0a;padding:16px 12px}.product-glasses img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;filter:none}.product-glasses>p{margin:0;padding:18px 20px;font-size:12px;color:#b9c6cb;border-top:1px solid #ff626c24}.product-phone>a{display:block;max-height:350px;overflow:hidden}.product-phone img{display:block;width:100%;height:auto}.product-phone figcaption{padding-inline:16px}
.product-values{padding-top:5px;padding-bottom:54px}.product-value-heading{display:flex;align-items:center;gap:25px;margin-bottom:24px}.product-value-heading .eyebrow{font-size:9px}.product-value-heading h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-1px}.product-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--red-line);padding-top:25px}.product-value-grid article{min-width:0}.product-value-number{font:9px ui-monospace,monospace;color:var(--teal);letter-spacing:.7px}.product-value-grid h3{font-size:26px;font-weight:500;letter-spacing:-.8px;line-height:1.17;margin:18px 0 14px}.product-value-grid p{font-size:13px;line-height:1.8;color:#b3c0c7;margin:0 0 18px}.product-value-grid .text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.product-pair a:focus-visible{outline:3px solid var(--teal);outline-offset:-4px}
/* The list has full routines in the page flow, with no nested scroll area. */
.focused-page .our-list-rows{max-height:none;overflow:visible}.our-routines{margin-top:25px;border-top:1px solid var(--red-line)}.our-routines>h4{display:flex;justify-content:space-between;gap:12px;font:10px ui-monospace,monospace;color:#b3c2c8;padding-top:8px;letter-spacing:.7px}.our-routines>h4 span{color:var(--muted);font-size:9px;letter-spacing:0}.our-routine{margin:15px 0 22px;padding:15px;border:1px solid #435159;border-top-color:var(--red-line);border-radius:5px;background:#1c2429}.our-routine header{display:flex;align-items:center;justify-content:space-between;gap:10px}.our-routine h5{margin:0;font-size:19px;font-weight:550}.our-routine header>span{font-size:11px;color:#adbdc5}.our-routine ol{list-style:none;padding:0;margin:14px 0 0}.our-routine li{display:flex;align-items:center;gap:7px;border-top:1px solid #ff626c1c}.our-step{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:52px;text-align:left;background:none;border:0;padding:8px 0;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.our-step .our-check{width:17px;height:17px;flex:none}.our-step-label{flex:1;overflow-wrap:anywhere}.our-step small{font-size:10px;color:#b2bfc7;white-space:nowrap}.our-step[aria-checked=true] .our-check{background:var(--teal);border-color:var(--teal);color:#14201e}.our-step[aria-checked=true] .our-step-label{text-decoration:line-through;color:#96a8a9}.our-step[aria-checked=true] small{color:var(--teal)}.our-step-start{flex:none;min-height:44px;padding:5px 8px;background:none;border:1px solid #6b7a83;border-radius:4px;color:#dce7ed;font:inherit;font-size:10px;cursor:pointer}.our-step-start:hover{border-color:var(--teal)}.our-step small[data-clock-state=running]{color:var(--red);animation:our-clock-pulse 1.2s ease-in-out infinite}.our-step small[data-clock-state=ready]{color:var(--red);font-weight:650}.our-step:focus-visible,.our-step-start:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@keyframes our-clock-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:1000px){.product-intro{gap:0 35px}.product-intro h1{font-size:58px}.product-actions{gap:16px}.product-pair{grid-template-columns:1.5fr 1fr;gap:18px}.product-pair figcaption{flex-direction:column;align-items:start;gap:7px}.product-phone>a{max-height:310px}.product-value-grid{gap:24px}}
@media(max-width:700px){.product-hero{padding-top:28px;padding-bottom:32px}.product-intro{grid-template-columns:1fr}.product-intro>.eyebrow{font-size:8px;line-height:1.7;margin-bottom:19px}.product-intro h1{grid-row:auto;font-size:57px;letter-spacing:-3px}.product-intro>p{margin:23px 0 20px;font-size:14px;line-height:1.75}.product-actions{gap:18px}.product-actions>.button{font-size:12px;padding:15px 14px}.product-actions>.text-link{font-size:11px}.product-pair{grid-template-columns:1.35fr 1fr;gap:10px;margin-top:28px}.product-pair figcaption{padding:12px 10px;font-size:8px;line-height:1.4}.product-pair figcaption>span{font-size:7px}.product-glasses>a{padding:14px 3px}.product-glasses>p{font-size:10px;line-height:1.7;padding:12px 10px}.product-phone>a{max-height:210px}.product-value-heading{display:block}.product-value-heading h2{margin-top:14px;font-size:29px;line-height:1.15}.product-value-grid{grid-template-columns:1fr;gap:25px;padding-top:22px}.product-value-grid article+article{border-top:1px solid var(--red-line);padding-top:23px}.product-value-grid h3{margin-top:13px}.product-value-grid h3 br{display:none}.product-value-grid p{max-width:520px;margin-bottom:8px}.product-values{padding-bottom:30px}.our-routine{padding:13px 10px}.our-step{font-size:13px;gap:8px}.our-step small{font-size:9px}.our-step-start{font-size:10px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.our-step small[data-clock-state=running]{animation:none}}
/* Keep the entire app capture visible beside the full glasses framebuffer. */
.product-phone>a{display:flex;justify-content:center;max-height:none;padding:12px;background:#0e1113}.product-phone img{width:auto;max-width:100%;height:390px;object-fit:contain}
@media(max-width:1000px){.product-phone img{height:330px}}
@media(max-width:700px){.product-phone>a{padding:7px}.product-phone img{height:auto;max-height:285px;width:100%;object-fit:contain}}

.our-list-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.our-example-day{min-height:44px;border:0;border-bottom:1px solid #677780;background:none;padding:7px 0;color:var(--teal);font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.our-example-day:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
/* App-style routine glance: progress, current step, and optional detail. */
.compact-routine{padding:16px;margin:12px 0}.our-routine-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0;border:0;background:none;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.our-routine-toggle b{flex:1;font-size:18px;font-weight:550}.our-routine-toggle>span{font-size:12px;color:#b5c3cb}.our-routine-toggle i{font-size:12px;font-style:normal;color:var(--muted)}.our-routine-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.our-progress{display:flex;gap:5px;margin:13px 0 16px}.our-progress>span{flex:1;height:7px;background:#344047;border-radius:2px}.our-progress>span.done{background:var(--teal)}.our-progress>span.current{box-shadow:inset 0 0 0 1px var(--teal)}.our-current{display:flex;align-items:center;gap:8px;min-height:44px}.our-current>span{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.our-current>small{font-size:11px;color:#c3d0d7;white-space:nowrap}.our-current>small[data-clock-state=running]{color:var(--red);animation:our-clock-pulse 1.2s ease-in-out infinite}.our-current>small[data-clock-state=ready]{color:var(--red);font-weight:650}.our-step-done{flex:none;min-height:40px;border:1px solid #64747e;background:none;border-radius:4px;color:var(--ink);font:inherit;font-size:11px;padding:5px 9px;cursor:pointer}.our-all-done{color:var(--teal)}.our-routines{margin-top:18px}.routine-empty-copy{color:var(--muted);font-size:13px;line-height:1.8}
@media(max-width:600px){.compact-routine{padding:13px}.our-current{flex-wrap:wrap}.our-current>span{flex-basis:35%}.our-step-done{min-height:44px}}
@media(prefers-reduced-motion:reduce){.our-current>small[data-clock-state=running]{animation:none}}
.our-progress>span[data-clock-state=running]{background:var(--red);box-shadow:none;animation:our-clock-pulse 1.2s ease-in-out infinite}.our-progress>span[data-clock-state=ready]{background:var(--red);box-shadow:none}
@media(prefers-reduced-motion:reduce){.our-progress>span[data-clock-state=running]{animation:none}}