/* Homepage only. Shared product, pricing and signup behaviour remain unchanged. */
.home{color:#171b19;background:#f7f8f5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
.home *{box-sizing:border-box}
.home a{color:inherit;text-underline-offset:5px}
.home a:focus-visible,.home button:focus-visible,.home [role=tabpanel]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.home a,.home button{touch-action:manipulation}
.home-skip{position:absolute;left:20px;top:-100px;z-index:20;background:#f7f8f5;padding:7px 10px;font-size:13px;border:1px solid #dce0d8;border-radius:6px}
.home-skip:focus{top:8px}
.home .home-skip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.home-header,.home main{max-width:1160px;margin:auto;padding:0 32px}
.home-header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d8}
.home-brand{font-size:23px;letter-spacing:2px;text-decoration:none;border-bottom:0}
.home-header nav{display:flex;gap:26px;font-size:14px}
.home-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:0}
.home-eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:#54665b}
.home-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:44px 0 56px}
.home h1{font-size:clamp(40px,5vw,68px);line-height:1.07;letter-spacing:-2.8px;font-weight:500;margin:20px 0 24px;text-transform:none;text-wrap:balance}
.home-intro{max-width:470px;font-size:19px;color:#556059}
.home a.home-cta{display:inline-flex;align-items:center;justify-content:center;background:#101713;color:white;text-decoration:none;border-radius:12px;min-height:48px;padding:12px 23px;font-weight:500;margin-top:10px;text-align:center}
.home-hero-secondary{margin-left:26px}
.home-note{font-size:12px;color:#59685e;margin-top:16px}
.home figure{margin:0;min-width:0}
.home-hero figure{text-align:center}
/* One proportional frame: 1206 × 2620 screen plus 30 units of bezel per side. */
.home-phone{width:min(292px,100%);margin:auto}
.home figcaption{font-size:12px;color:#59685e;margin-top:14px}
.appearance-preview-controls{display:inline-flex;align-items:center;gap:3px;margin:14px 0 0;padding:3px;border:1px solid #d7d8d2;border-radius:9px;background:rgba(255,255,255,.68);color:#536057;font-size:12px}
.appearance-preview-controls>span{padding:0 8px}
.appearance-preview-controls button{min-height:44px;padding:5px 12px;border:0;border-radius:6px;background:transparent;color:#384139;font:inherit;cursor:pointer}
.appearance-preview-controls button[aria-pressed="true"]{background:#202923;color:#fff}
.appearance-preview-controls button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.appearance-preview-note{margin:5px 0 0;color:#59685e;font-size:11px;line-height:1.45}
.home-hero .appearance-preview-controls{margin-top:13px}
.home-strip{border-top:1px solid #dce0d8;border-bottom:1px solid #dce0d8;display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#4d6055;font-size:13px}
.home-first-read{padding:48px 0 52px;border-bottom:1px solid #d9d5cd}
.home-first-read-head{max-width:650px;margin-bottom:28px}
.home-first-read-head h2{font-size:30px;line-height:1.18;letter-spacing:-.7px;font-weight:500;margin:10px 0 10px;text-wrap:balance}
.home-first-read-head>p{max-width:520px;margin:0;color:#556059;font-size:15px}
.home-first-read-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.home-first-read-steps li{min-width:0;padding:0 24px;border-left:1px solid #d9d5cd}
.home-first-read-steps li:first-child{padding-left:0;border-left:0}
.home-first-read-steps li>span{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#54665b}
.home-first-read-steps h3{font-size:17px;line-height:1.3;font-weight:500;margin:9px 0 5px}
.home-first-read-steps p{max-width:300px;color:#556059;font-size:14px;line-height:1.5;margin:0}
.home-gallery{padding:72px 0 80px;border-bottom:1px solid #dce0d8;scroll-margin-top:20px}
.home-gallery-head{max-width:600px;margin-bottom:32px}
.home-gallery-head h2{font-size:38px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:12px 0 16px}
.home-gallery-head p{max-width:480px;margin:0;color:#556059;font-size:15px}
.home-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-gallery-grid figure{min-width:0}
.home-gallery-grid figcaption{font-size:13px;color:#4d6055;margin-top:12px;text-align:center;text-wrap:balance}
.home-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0;border-bottom:1px solid #dce0d8;scroll-margin-top:20px}
.home-story h2,.home .waitlist h2{font-size:38px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:16px 0 20px;text-transform:none}
.home-story p{color:#556059;max-width:430px;font-size:17px}
.home-crop{width:min(320px,100%);margin-inline:auto}
.home-story figcaption{text-align:center}
.home-quick figure{order:-1}
.home-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.home-controls{display:flex;gap:6px;margin:24px 0 8px}
.home-controls button{border:1px solid #ccd5cc;border-radius:9px;padding:10px 14px;background:transparent;min-height:44px;font:inherit;font-size:13px;color:#171b19;cursor:pointer}
.home-controls button[aria-selected=true]{background:#e3ede5;border-color:#91ae9a;color:#145a3b}
.home .home-fine{font-size:12px}
.home .waitlist{padding:72px 0;background:transparent;border:0;scroll-margin-top:20px}
.home .waitlist>.container{max-width:680px;margin:0 auto;padding:0;text-align:center}
.home .waitlist .home-fine{max-width:600px;margin:0 auto 32px;line-height:1.6}
.home .waitlist .hero-form{border-radius:12px;box-shadow:none}
.home .waitlist .hero-form .cta{font-family:inherit;font-size:14px;letter-spacing:0;text-transform:none;min-height:48px;box-shadow:none}
.home .waitlist .google-cta{border-radius:12px;box-shadow:none;font-family:inherit;font-size:14px;letter-spacing:0;text-transform:none}
.home .waitlist .waitlist-preview,.home .waitlist .pricing-line{font-family:inherit;font-size:13px;letter-spacing:0;text-transform:none;line-height:1.6;color:#59685e}
.home .waitlist .form-status{font-size:14px;line-height:1.5}
.home .waitlist .lede{font-size:17px;color:#556059}
.home .hero-form{margin-top:24px}
.home .hero-form input{font-size:16px;min-width:0}
.home .hero-form button{background:#101713;color:white;border-radius:12px}
.home .footer{background:transparent;border-top:1px solid #dce0d8;color:#59685e}
.home .footer p{font-family:inherit;font-size:13px;line-height:1.8;letter-spacing:0;text-transform:none}
.home .founder-pulse{animation:none}
.home .editorial{opacity:1;transform:none}
@media(max-width:760px){
 .home-header,.home main{padding-left:22px;padding-right:22px}
 .home-header{height:64px}.home-brand{font-size:20px}.home-header nav{gap:16px;font-size:12px}
 .home-hero{grid-template-columns:1fr;gap:28px;padding:28px 0 36px}
 .home h1{font-size:38px;letter-spacing:-1.4px;margin:12px 0 16px}.home h1 br{display:none}
 .home-intro{font-size:16px;margin:0 0 12px}.home a.home-cta{margin-top:5px}.home-hero-secondary{margin-left:14px}.home-note{margin:12px 0 0}
 .home-phone{width:min(248px,100%)}
 .home-hero .appearance-preview-controls{margin-top:10px}
 .home-hero figcaption{font-size:11px;text-align:center}
 .home-strip{flex-direction:column;gap:7px;padding:20px 0}
 .home-first-read{padding:38px 0 42px}
 .home-first-read-head{margin-bottom:23px}.home-first-read-head h2{font-size:26px}.home-first-read-head>p{font-size:15px}
 .home-first-read-steps{grid-template-columns:1fr;gap:0}
 .home-first-read-steps li,.home-first-read-steps li:first-child{padding:16px 0;border-left:0;border-top:1px solid #d9d5cd}
 .home-first-read-steps h3{margin-top:6px}.home-first-read-steps p{max-width:34em}
 .home-gallery{padding:46px 0}.home-gallery-head{display:block;margin-bottom:24px}.home-gallery-head h2{font-size:31px;margin:12px 0 16px}.home-gallery-head p{font-size:16px}.home-gallery-grid{display:flex;overflow-x:auto;gap:14px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.home-gallery-grid::-webkit-scrollbar{display:none}.home-gallery-grid figure{flex:0 0 78vw;scroll-snap-align:start}.home-gallery-grid figcaption{font-size:13px;line-height:1.4;margin-top:8px}
 .home-story{grid-template-columns:1fr;gap:24px;padding:46px 0}
 .home-story h2,.home .waitlist h2{font-size:31px;margin:12px 0 16px}.home-story p{font-size:16px}
 .home-quick figure{order:0}.home-controls{margin:18px 0 0;flex-wrap:wrap}.home .waitlist{padding:44px 0}.home-eyebrow{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Card-stock depth uses static vector relief, so scrolling does not animate the backdrop. */
.home { background: #ECE9E1; color: #202325; }
/* The hero relief bleeds past the viewport; clip it so the page cannot scroll sideways (hidden still allows wheel scrolling). */
body.home { overflow-x: clip; }
@media (max-width: 1160px) { .home main { overflow-x: clip; } }
.home-hero { position: relative; isolation: isolate; }
.home-hero::before { content: ""; position: absolute; z-index: -1; pointer-events: none; width: min(860px, 82vw); aspect-ratio: 1000 / 650; right: -150px; bottom: -110px; background: url('/assets/daymark-relief.svg') center / contain no-repeat; opacity: .32; mask-image: linear-gradient(to bottom, #000 60%, transparent 100%); }
.home-header,.home-gallery,.home-story,.home-strip { border-color: #D9D5CD; }
.home-brand { display: inline-flex; align-items: center; font-family: 'Geist', sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .5em; text-transform: uppercase; }
.home-brand::before { content: ""; width: 32px; height: 32px; flex: none; margin-right: 12px; background: url('/assets/daymark-ink.svg?v=20260926') center / contain no-repeat; }
html[data-theme="dark"] .home-brand::before { filter: invert(1); }
.home a.home-cta,.home .hero-form button { background: #202325; color: #FFFFFF; }
@media(max-width: 760px) { .home-hero::before { width: 118vw; right: -39vw; bottom: 0; opacity: .22; } }
@media(max-width: 520px) { .home-header { height: auto; flex-direction: column; justify-content: center; gap: 12px; padding-top: 10px; padding-bottom: 10px; } .home-header nav { justify-content: center; gap: 14px; } .home-brand { font-size: 12px; letter-spacing: .38em; } .home-brand::before { width: 27px; height: 27px; margin-right: 9px; } }

html[data-theme=dark] .home,html[data-theme=dark] .home-header,html[data-theme=dark] .home-strip,html[data-theme=dark] .home-first-read,html[data-theme=dark] .home-gallery,html[data-theme=dark] .home-story,html[data-theme=dark] .home .waitlist,html[data-theme=dark] .home .footer{background-color:var(--paper);color:var(--ink);border-color:var(--rule)}
html[data-theme=dark] .home .home-hero::before{filter:invert(1);opacity:.12}
html[data-theme=dark] .home .home-eyebrow,html[data-theme=dark] .home .home-intro,html[data-theme=dark] .home .home-note,html[data-theme=dark] .home .home-fine,html[data-theme=dark] .home .home-first-read-head>p,html[data-theme=dark] .home .home-first-read-steps p,html[data-theme=dark] .home .home-first-read-steps li>span,html[data-theme=dark] .home .home-gallery-head>p,html[data-theme=dark] .home .home-story p,html[data-theme=dark] .home figcaption,html[data-theme=dark] .home .footer,html[data-theme=dark] .home .waitlist .lede,html[data-theme=dark] .home .waitlist .waitlist-preview,html[data-theme=dark] .home .waitlist .pricing-line{color:var(--ink-2)}
html[data-theme=dark] .home a.home-cta,html[data-theme=dark] .home .hero-form button{background:#ece9e1;color:#202325}
html[data-theme=dark] .home .home-controls button{border-color:var(--rule);color:var(--ink)}
html[data-theme=dark] .home .home-controls button[aria-selected=true]{background:#293d34;border-color:#527b66;color:#a4e3c4}
.home .hero-form input:focus-visible{outline:none}
.home .waitlist .hero-form,.home .waitlist .google-cta,.home .waitlist .google-mark,html[data-theme=dark] .home .waitlist .hero-form,html[data-theme=dark] .home .waitlist .google-cta,html[data-theme=dark] .home .waitlist .google-mark{background:#fff;color:#202325;border-color:rgba(32,35,37,.14)}
.home .waitlist .google-cta:hover,html[data-theme=dark] .home .waitlist .google-cta:hover{background:#fff;border-color:rgba(32,35,37,.34)}
.home .waitlist .hero-form input,html[data-theme=dark] .home .waitlist .hero-form input{color:#202325}
.home .waitlist .hero-form input::placeholder,html[data-theme=dark] .home .waitlist .hero-form input::placeholder{color:#8a8d8f}
html[data-theme=dark] .home .waitlist .hero-form button{background:#202325;color:#fff!important}
.home .waitlist .hero-form:has(input:focus-visible),html[data-theme=dark] .home .waitlist .hero-form:has(input:focus-visible){border-color:rgba(32,35,37,.6);box-shadow:none}
html[data-theme=dark] .home .waitlist .hero-form:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}