/* Cadence website. Tokens follow DESIGN.md (companion "warm luminous" + birth timer dark). */
@font-face{font-family:Fraunces;src:url('/assets/fonts/Fraunces-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/fonts/Fraunces-Italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/DMSans-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/DMSans-SemiBold.woff') format('woff');font-weight:600;font-display:swap}

:root{
  --bg:#FFF9F4;--card:#FFFFFF;--ink:#3A2A24;--muted:#6E5B52;--line:#F0E4DA;
  --accent:#F29A6B;--accent-text:#B8643A;--accent-soft:#FDE7DA;
  --tint-symptom:#FFE3C2;--tint-weight:#E4EEDF;--tint-sleep:#E3E6F7;
  --night:#1C1A22;--night-surface:#26232E;--night-ink:#F2EEE9;--night-muted:#9B94A8;--night-line:#38343F;--night-accent:#E8A08C;
  --shadow-card:0 1px 3px rgba(58,42,36,.08);--shadow-hero:0 10px 30px rgba(120,70,40,.14);
  --display:Fraunces,Georgia,'Times New Roman',serif;--body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gutter:24px;--max:1160px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0;text-wrap:balance}
p{margin:0}
.wrap{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Header and navigation */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:56px;text-decoration:none;font:400 26px/1 var(--display);letter-spacing:-.02em}
.brand img{width:40px;height:40px;border-radius:10px;box-shadow:var(--shadow-card)}
.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:600}
.site-nav a:hover{background:var(--accent-soft)}
.site-nav a[aria-current=page]{background:var(--accent-soft)}
.site-nav .lang{border:1px solid var(--line)}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:600 16px/1.2 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform 120ms ease,background-color 120ms ease}
.button:hover{background:#2A1E1A}
.button:active{transform:scale(.97)}
.button.secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.button.secondary:hover{background:var(--accent-soft)}
.button.small{min-height:48px;padding:0 20px;font-size:15px}
.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.actions{display:flex;flex-wrap:wrap;gap:12px}

.label{font:600 13px/1.4 var(--body);color:var(--muted);letter-spacing:.01em}

/* Home hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;padding:40px 0 72px}
.hero h1{font-size:clamp(42px,5.6vw,80px);line-height:1.02;letter-spacing:-.035em}
.hero h1 em{font-style:italic;color:var(--accent-text);padding-right:.04em}
.hero .lede{margin:28px 0 36px;max-width:34ch;font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--card);box-shadow:var(--shadow-card);font-size:14px;font-weight:600}
.status::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--accent)}

/* Premium iPhone bezel. Proportions follow a 6.3-inch Pro phone; --w sets the size. */
.device{--w:320px;position:relative;flex:none;width:var(--w);height:calc(var(--w)*2.092);padding:calc(var(--w)*.03);border-radius:calc(var(--w)*.18);
  background:linear-gradient(135deg,#a1968e 0%,#665c56 10%,#3d3532 42%,#4f4641 70%,#8f847c 92%,#b3a89f 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 0 0 2.5px rgba(20,14,12,.55),inset 0 0 0 calc(var(--w)*.012) #4a413c,0 2px 3px rgba(40,24,16,.25),0 50px 90px -40px rgba(110,60,30,.55),0 24px 40px -24px rgba(58,42,36,.35)}
.device::before{content:'';position:absolute;left:calc(var(--w)*-.009);top:21%;width:calc(var(--w)*.012);height:5%;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#8a7f78,#4b433f);
  box-shadow:0 calc(var(--w)*.2) 0 #5a514c,0 calc(var(--w)*.34) 0 #5a514c}
.device::after{content:'';position:absolute;right:calc(var(--w)*-.009);top:30%;width:calc(var(--w)*.012);height:10%;border-radius:0 2px 2px 0;background:linear-gradient(270deg,#8a7f78,#4b433f)}
.device-screen{position:relative;width:100%;height:100%;overflow:hidden;border:calc(var(--w)*.014) solid #0b0908;border-radius:calc(var(--w)*.152);background:var(--screen,#FFF9F4);isolation:isolate}
.device-screen::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 26%);z-index:4}
.island{position:absolute;left:50%;top:calc(var(--w)*.03);width:calc(var(--w)*.3);height:calc(var(--w)*.088);transform:translateX(-50%);border-radius:999px;background:#050404;z-index:3}
.statusbar{position:absolute;left:0;right:0;top:0;height:4.2%;display:flex;align-items:center;justify-content:space-between;padding:0 9% 0 11%;font:600 calc(var(--w)*.043)/1 var(--body);color:var(--status,#3A2A24);z-index:2}
.statusbar svg{width:calc(var(--w)*.16);height:auto}
.shot{position:absolute;left:2.1%;top:4.2%;width:95.8%;height:auto;opacity:0;transition:opacity 280ms ease}
.shot.is-active,.shot:only-of-type{opacity:1}
.device canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* Hero: the app's breathing scenes, live in the phone */
.hero-phone{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;justify-self:end;isolation:isolate}
.hero-phone::before{content:'';position:absolute;left:50%;top:44%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--accent-soft),rgba(253,231,218,0));z-index:-1}
.hero-phone .device{--w:clamp(240px,21vw,290px)}
.guide{position:absolute;left:0;right:0;bottom:14%;text-align:center;pointer-events:none;z-index:2}
.cue{min-height:1.4em;font:italic 400 calc(var(--w)*.1)/1.3 var(--display);color:#3A2A24}
.hint{margin-top:8px;font-size:calc(var(--w)*.042);color:#6E5B52}
.scene-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.scene-picker button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:600 14px/1 var(--body);cursor:pointer}
.scene-picker button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* Inside the app: a pinned phone whose screen follows the story */
.story{position:relative;transition:background-color 600ms ease,color 600ms ease}
.story-grid{display:grid;grid-template-columns:1fr;gap:24px}
.step{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}
.step:first-child{border-top:0}
.step .device{--w:220px}
.step-label{font:600 15px/1.3 var(--body);color:var(--accent-text)}
.step h3{margin:10px 0 14px;font-size:clamp(30px,3.4vw,46px)}
.step p{color:var(--muted);max-width:44ch}
.step .ticks{margin-top:18px}
.step.night{background:var(--night);color:var(--night-ink);border-radius:28px;padding:32px;border:0}
.step.night p,.step.night .step-label{color:var(--night-muted)}
.step.night .ticks li::before{background:var(--night-surface);box-shadow:inset 0 0 0 4px var(--night-accent)}
.step .note{margin-top:20px;font-size:15px}
.story-pin{display:none}
@media (min-width:961px){
  .story.is-enhanced .story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
  .story.is-enhanced .story-pin{display:flex;justify-content:center;position:sticky;top:calc(50vh - 340px);height:680px;align-items:center}
  .story.is-enhanced .story-pin .device{--w:325px}
  .story.is-enhanced .step{display:flex;flex-direction:column;justify-content:center;min-height:78vh;padding:0;border:0;background:none;color:inherit}
  .story.is-enhanced .step > .device{display:none}
  .story.is-enhanced .step{opacity:.35;transition:opacity 280ms ease}
  .story.is-enhanced .step.is-active{opacity:1}
  .story.is-night{background:var(--night);color:var(--night-ink)}
  .story.is-night .section-head p,.story.is-night .step p,.story.is-night .step-label{color:var(--night-muted)}
  .story.is-night .ticks li::before{background:var(--night-surface);box-shadow:inset 0 0 0 4px var(--night-accent)}
  .story.is-night :focus-visible{outline-color:var(--night-ink)}
}

/* The film */
.film{margin:0;justify-self:center;width:min(300px,100%)}
.film video{display:block;width:100%;aspect-ratio:9/16;border-radius:28px;background:#FDE7DA;box-shadow:var(--shadow-hero)}
.film figcaption{margin-top:10px;font-size:14px;color:var(--muted);text-align:center}
.launch > *{min-width:0}
.store{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:24px 0 28px}
.store p{font-size:15px;color:var(--muted);max-width:34ch}
.divider{margin:8px 0 22px;border:0;border-top:1px solid var(--line)}
.launch h3{font:600 18px/1.3 var(--body);margin-bottom:6px}

/* Tick lists */
.ticks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.ticks li{position:relative;padding-left:30px}
.ticks li::before{content:'';position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 4px var(--accent)}

/* Sections */
.section{padding:96px 0}
.section-head{max-width:720px;margin-bottom:48px}
.section-head h2{font-size:clamp(34px,4.4vw,58px);line-height:1.06}
.section-head p{margin-top:18px;color:var(--muted);font-size:19px;max-width:56ch}

/* Privacy band */
.promise{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;padding:40px 48px;border-radius:28px;background:var(--accent-soft)}
.promise h2{font-size:clamp(28px,3.2vw,40px)}
.promise p{color:var(--muted);margin-top:10px;max-width:60ch}
.promise .lock{width:72px;height:72px;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:var(--shadow-card)}

/* Checklist teaser */
.teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.teaser h2{font-size:clamp(34px,4.4vw,58px)}
.teaser p{color:var(--muted);margin:18px 0 32px;font-size:19px;max-width:48ch}
.paper{background:var(--card);border-radius:24px;box-shadow:var(--shadow-hero);padding:28px;transform:rotate(1.5deg)}
.paper h3{font:600 15px/1.3 var(--body);color:var(--muted);margin-bottom:14px}
.paper ul{list-style:none;margin:0;padding:0}
.paper li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-weight:600}
.paper li:first-child{border-top:0}
.paper li span{font-weight:400;color:var(--muted);font-size:15px;white-space:nowrap}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.faq h2{font-size:clamp(34px,4.4vw,58px)}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;cursor:pointer;font:600 18px/1.4 var(--body);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);font:400 22px/1 var(--body)}
.faq details[open] summary::after{content:'\2212'}
.faq details p{padding:0 48px 24px 0;color:var(--muted)}

/* Launch and waitlist */
.launch{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:56px;border-radius:28px;background:var(--card);box-shadow:var(--shadow-card)}
.launch figure{margin:0;justify-self:center;width:min(320px,100%)}
.launch h2{font-size:clamp(32px,3.8vw,50px)}
.launch .lede{margin:16px 0 28px;color:var(--muted)}
.form-row{display:grid;gap:8px;margin-bottom:18px}
.form-row label{font-weight:600;font-size:15px}
.input{width:100%;min-height:56px;padding:0 18px;border:1.5px solid #CDBBAF;border-radius:16px;background:var(--card);color:var(--ink);font:400 17px/1.4 var(--body)}
.input:focus-visible{outline:3px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.input[aria-invalid=true]{border-color:#8A4B2B}
.consent{display:flex;gap:14px;align-items:flex-start;min-height:56px;padding:14px 0;font-size:16px;cursor:pointer}
.consent input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:var(--ink)}
.field-error{color:#8A4B2B;font-size:15px;font-weight:600}
.field-error:empty{display:none}
.form-note{font-size:14px;color:var(--muted);margin-top:14px}
.notice{padding:18px 20px;border-radius:16px;background:var(--bg);border:1px solid var(--line);font-size:16px}
.notice.ok{background:var(--tint-weight);border-color:transparent}
.notice.err{background:var(--tint-symptom);border-color:transparent}
.notice:empty{display:none}
.notice a{font-weight:600}
.turnstile{min-height:0;margin-bottom:12px}

/* Footer */
.site-footer{margin-top:96px;padding:48px 0 40px;border-top:1px solid var(--line)}
.footer-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.footer-grid nav{display:flex;flex-wrap:wrap;gap:4px 8px;max-width:640px}
.footer-grid nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 10px;font-size:15px;text-decoration:none}
.footer-grid nav a:hover{text-decoration:underline}
.byline{display:flex;flex-direction:column;gap:6px}
.byline small{font-size:14px;color:var(--muted)}
.byline small a{min-height:auto}
.disclaimer{margin-top:28px;font-size:14px;color:var(--muted);max-width:70ch}

/* Prose pages (privacy, support, website privacy, unsubscribe) */
.prose{max-width:720px;padding:32px 0 24px}
.prose h1{font-size:clamp(38px,5vw,60px);margin-bottom:12px}
.prose h2{font:600 22px/1.3 var(--body);letter-spacing:0;margin:40px 0 10px}
.prose p{margin:12px 0;color:var(--ink)}
.prose .meta,.prose .muted{color:var(--muted);font-size:15px}
.prose a{font-weight:600}
.prose .lang{display:none}

/* Hospital-bag checklist */
.tool-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;padding:32px 0 40px}
.tool-hero h1{font-size:clamp(42px,6vw,80px);line-height:1.02;letter-spacing:-.035em}
.tool-hero .lede{margin-top:20px;font-size:clamp(18px,1.6vw,21px);color:var(--muted);max-width:44ch}
.tool-intro{background:var(--card);border-radius:24px;padding:28px;box-shadow:var(--shadow-card);font-size:16px}
.tool-intro h2{font:600 17px/1.3 var(--body);letter-spacing:0;margin-bottom:10px}
.tool-intro ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:14px 0;background:rgba(255,249,244,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.progress{display:flex;align-items:center;gap:14px;font-weight:600}
.meter{width:140px;height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.meter span{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width 240ms ease}
.save-state{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted)}
.save-state::before{content:'';width:10px;height:10px;border-radius:50%;background:#CDBBAF;flex:none}
.save-state[data-state=saved]::before{background:#6F9B62}
.save-state[data-state=error]::before{background:#8A4B2B}
.save-state[data-state=dirty]::before{background:var(--accent)}
.tool-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;margin-top:32px}
.group{margin-bottom:40px}
.group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.group-head h2{font-size:clamp(28px,3vw,36px)}
.group-head .count{color:var(--muted);font-size:15px;font-weight:600}
.items{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.static-items li{padding:14px 18px;border-radius:16px;background:var(--card);box-shadow:var(--shadow-card)}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) 132px 132px auto;grid-template-areas:'pack name owner status act';align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:18px;background:var(--card);box-shadow:var(--shadow-card)}
.row .packed-toggle{grid-area:pack}.row .row-name{grid-area:name}.row .owner-field{grid-area:owner}.row .status-field{grid-area:status}.row .row-actions{grid-area:act}
.row.is-packed{background:#FBF4EE;box-shadow:none;outline:1px solid var(--line)}
.row.is-packed .row-name{text-decoration:line-through;text-decoration-color:rgba(58,42,36,.4);color:var(--muted)}
.packed-toggle{position:relative;width:48px;height:48px;border-radius:50%;border:1.5px solid #CDBBAF;background:var(--card);cursor:pointer;display:grid;place-items:center}
.packed-toggle[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.packed-toggle svg{width:22px;height:22px;opacity:0}
.packed-toggle[aria-pressed=true] svg{opacity:1}
.row-name,.row .owner-field,.row select{min-height:48px;border:1.5px solid transparent;border-radius:12px;background:transparent;color:var(--ink);font:600 16px/1.3 var(--body);padding:0 12px;width:100%}
.row-name:hover,.row .owner-field:hover,.row select:hover{border-color:var(--line)}
.row-name:focus-visible,.row .owner-field:focus-visible,.row select:focus-visible{outline:3px solid var(--ink);outline-offset:0;border-color:transparent;background:var(--bg)}
.row textarea.row-name{display:block;resize:none;overflow:hidden;padding:12px;line-height:1.35;height:48px}
.row .owner-field{font-weight:400;font-size:15px;background:var(--bg);border-color:var(--line)}
.row select{font-weight:400;font-size:15px;background:var(--bg);border-color:var(--line);cursor:pointer}
.row-actions{display:flex;gap:4px}
.icon-button{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;font:600 14px/1 var(--body)}
.icon-button:hover{background:var(--accent-soft);color:var(--ink)}
.icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}
.icon-button svg{width:22px;height:22px}
.icon-button.grab-toggle{display:inline-flex;gap:6px;padding:0 12px}
.add-row{flex-wrap:wrap}.add-row label{flex-basis:100%;font-weight:600;font-size:15px}.add-row .input{flex:1}
.add-row{display:flex;gap:10px;margin-top:12px}
.add-row .input{min-height:52px}
.add-row .button{min-height:52px}
.empty{padding:28px;border-radius:18px;border:1.5px dashed #E2CFC2;color:var(--muted);text-align:center}
.side{position:sticky;top:96px;display:grid;gap:16px}
.card{background:var(--card);border-radius:24px;padding:24px;box-shadow:var(--shadow-card)}
.card h2{font:400 26px/1.15 var(--display);margin-bottom:6px}
.card > p{color:var(--muted);font-size:15px}
.grab-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.grab-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--accent-soft);font-weight:600}
.grab-list li span{font-weight:400;color:var(--muted);font-size:14px}
.grab-empty{margin-top:12px;color:var(--muted);font-size:15px}
.save-card p{font-size:15px;color:var(--muted);margin:8px 0 16px}
.save-card .actions{flex-direction:column}
.save-card .button{width:100%}
.link-button{border:0;background:none;padding:0;min-height:48px;color:var(--ink);font:600 15px/1.3 var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:16px;max-width:calc(100% - 32px);padding:10px 10px 10px 22px;border-radius:999px;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-hero)}
.toast[hidden]{display:none}
.toast button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--bg);color:var(--ink);font:600 15px/1 var(--body);cursor:pointer}
.source{margin-top:24px;font-size:15px;color:var(--muted)}
.print-sheet{display:none}

@media (max-width:960px){
  .hero-phone{justify-self:center}
  .hero,.teaser,.launch,.faq,.tool-hero{grid-template-columns:1fr}
  .launch{padding:40px}
  .hero{gap:24px;padding-top:16px}
  .tool-layout{grid-template-columns:1fr}
  .side{position:static}
}
@media (max-width:640px){
  .row{grid-template-columns:48px minmax(0,.45fr) minmax(0,1fr) 48px;grid-template-areas:'pack name name remove' 'owner owner status grab';row-gap:6px;column-gap:8px;padding:10px}
  .row select,.row .owner-field{font-size:14px;padding:0 8px}
  .row .row-actions{display:contents}
  .row .grab-toggle{grid-area:grab;padding:0}.row .remove-button{grid-area:remove}
  .grab-toggle .btn-text{display:none}
}
@media (max-width:720px){
  .hero-phone{justify-self:center}
  .step{grid-template-columns:1fr;justify-items:start;gap:24px}
  .step .device{--w:200px;justify-self:center}
  .step.night{padding:28px 20px}
  :root{--gutter:16px}
  body{font-size:16px}
  .site-header{min-height:72px}
  .brand{font-size:22px;gap:10px}
  .brand img{width:36px;height:36px}
  .site-nav .hide-sm,.nav-long{display:none}
  .site-nav a{padding:0 12px;font-size:14px}
  .section{padding:64px 0}
  .hero .lede{margin:20px 0 28px}
  .promise{grid-template-columns:1fr;padding:32px 24px;gap:20px}
  .launch{padding:32px 24px}
  .store .button{white-space:normal;text-align:center;padding:12px 24px}
  .faq details p{padding-right:0}
  .actions .button{flex:1 1 auto}
  .add-row{flex-direction:column}
  .toolbar{position:static}
  .site-footer{margin-top:64px}
}
@media (max-width:360px){
  .brand span{display:none}
  .button{padding:0 20px}
}
@media (prefers-reduced-motion:reduce){
  .shot,.story,.step{transition:none!important}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .paper{transform:none}
}
@media print{
  @page{margin:16mm}
  body{background:#fff;color:#000;font-size:12pt}
  .site-header,.site-footer,.toolbar,.js-only,.is-ready .tool-layout,.tool-intro,.skip,.toast,.source,.no-print{display:none!important}
  .tool-hero{display:block;padding:0}
  .tool-hero h1{font-size:24pt}
  .tool-hero .lede{display:none}
  .print-sheet{display:block}
  .print-sheet h2{font:600 14pt/1.3 var(--body);margin:14pt 0 6pt}
  .print-sheet table{width:100%;border-collapse:collapse;font-size:11pt}
  .print-sheet th,.print-sheet td{text-align:left;padding:5pt 6pt;border-bottom:1px solid #999;vertical-align:top}
  .print-sheet th{font-weight:600}
  .print-sheet .box{width:18pt;font-size:14pt}
  .print-sheet tr{break-inside:avoid}
  .print-sheet .grab{border:1.5pt solid #000;padding:8pt 10pt;margin-top:10pt}
}