/* Clock's shared site layer. Keep the approved black/orange identity and native screenshots. */
.lc-page {
  --lc-ink:#f6f5ef; --lc-muted:#b9bec8; --lc-bg:#050607; --lc-panel:#13161b;
  --lc-paper:#f4f2eb; --lc-paper-ink:#191715; --lc-paper-muted:#58534c;
  --lc-orange:#ff8a3d; --lc-line:#3d424a; --lc-width:1240px; --lc-radius:18px;
  --lc-space:clamp(56px,6vw,88px); --lc-gutter:clamp(20px,4vw,56px);
  --guide-ink:var(--lc-ink); --guide-muted:var(--lc-muted); --guide-paper:var(--lc-bg);
  --guide-panel:var(--lc-panel); --guide-action:var(--lc-orange); --guide-line:var(--lc-line);
  background:var(--lc-bg); color:var(--lc-ink); font-size:18px; line-height:1.65;
}
.lc-page [hidden] { display:none !important; }
.lc-page :is(button,input) { font:inherit; }
.lc-page :is(button,a) { touch-action:manipulation; }
.lc-page :is(h1,h2,h3) { text-wrap:balance; }
.lc-page h2 { font:400 clamp(34px,4.2vw,58px)/1.08 Georgia,serif; letter-spacing:-.035em; }
.lc-page h3 { font:700 23px/1.3 "Cabinet Grotesk",sans-serif; letter-spacing:-.01em; }
.lc-page p { margin:0 0 22px; }
.lc-page :focus-visible { outline:3px solid var(--lc-orange); outline-offset:5px; }
.lc-page .skip-link { z-index:150; background:var(--lc-orange); color:#160a04; }
.lc-header { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:78px; padding:12px var(--lc-gutter); border-bottom:1px solid var(--lc-line); background:var(--lc-bg); }
.lc-brand { display:inline-flex; align-items:center; gap:11px; flex-shrink:0; min-height:44px; font-size:18px; font-weight:700; line-height:1.2; }
.lc-brand img { width:40px; height:40px; border-radius:9px; }
.lc-navigation,.lc-primary-nav,.lc-languages { display:flex; align-items:center; gap:26px; }
.lc-primary-nav a,.lc-languages a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:17px; font-weight:600; white-space:nowrap; }
.lc-primary-nav [aria-current],.lc-primary-nav a:hover { text-decoration:underline; text-underline-offset:7px; }
.lc-languages { gap:2px; }
.lc-languages a { min-width:44px; font-size:15px; color:var(--lc-muted); }
.lc-languages [aria-current] { color:var(--lc-ink); background:#292d34; border-radius:6px; }
.lc-menu-toggle,.lc-toc-toggle { display:inline-flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:8px 12px; border:1px solid var(--lc-line); background:transparent; color:inherit; cursor:pointer; }
.lc-button { display:inline-flex; justify-content:center; align-items:center; min-height:50px; gap:14px; padding:13px 20px; border:1px solid currentColor; color:inherit; background:transparent; font-size:18px; line-height:1.3; font-weight:700; text-decoration:none !important; transition:background .18s ease,transform .18s ease; }
.lc-primary { background:var(--lc-orange); color:#160a04; border-color:var(--lc-orange); }
.lc-button:hover { text-decoration:underline !important; text-underline-offset:4px; transform:translateY(-2px); }
.lc-primary:hover { background:#ffa36c; }
.lc-button:active { transform:translateY(0); }
.lc-button .ph,.lc-text-link .ph { font-size:20px; flex-shrink:0; }
.lc-text-link { display:inline-flex; align-items:center; min-height:44px; gap:12px; font-size:18px; font-weight:700; text-decoration:underline !important; text-underline-offset:5px; }
.lc-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:28px; }
.lc-kicker { color:var(--lc-muted); font-size:16px; line-height:1.5; font-weight:600; margin:0 0 22px !important; }
.lc-lead { color:var(--lc-muted); font-size:clamp(20px,1.8vw,23px); line-height:1.6; }
.lc-fine { max-width:85ch; color:var(--lc-muted); font-size:16px; line-height:1.65; margin:24px 0 !important; }
.lc-shell { width:min(var(--lc-width),calc(100% - var(--lc-gutter)*2)); margin-inline:auto; }
.lc-hero { width:min(1440px,100%); padding:clamp(48px,6vw,88px) var(--lc-gutter) 64px; margin-inline:auto; display:grid; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); align-items:center; gap:clamp(28px,4vw,64px); }
.lc-hero h1 { font:400 clamp(54px,6vw,86px)/1.01 Georgia,serif; letter-spacing:-.05em; margin:0 0 28px; }
.lc-hero h1 em { color:var(--lc-orange); font-weight:400; }
.lc-hero .lc-lead { max-width:48ch; }
.lc-hero .lc-fine { max-width:50ch; }
.lc-page .lc-hero-shot { margin:0 !important; }
.lc-hero-shot .guide-shot-link { padding:0; border:0; border-radius:26px; }
.lc-hero-shot .guide-enlarge { display:inline-flex; margin-left:10px; }
.lc-section { padding:var(--lc-space) 0; border-top:1px solid var(--lc-line); }
.lc-copy-split,.lc-section-heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,6vw,90px); align-items:start; }
.lc-copy-split h2 { max-width:13ch; }
.lc-uses { display:grid; gap:30px; }
.lc-uses article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:18px; }
.lc-uses .ph { color:var(--lc-orange); font-size:28px; margin-top:2px; }
.lc-uses h3 { margin-bottom:9px; }
.lc-uses p { color:var(--lc-muted); margin:0; }
.lc-faces { background:var(--lc-panel); }
.lc-face-picker { margin-top:36px; }
.lc-face-buttons { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:24px; }
.lc-face-buttons button { display:inline-flex; gap:10px; align-items:center; min-height:48px; background:transparent; color:var(--lc-ink); border:1px solid #67707d; border-radius:6px; padding:10px 18px; cursor:pointer; font-weight:700; }
.lc-face-buttons span { font-size:14px; color:var(--lc-muted); font-weight:400; }
.lc-face-buttons [aria-pressed="true"] { background:var(--lc-orange); color:#160a04; border-color:var(--lc-orange); }
.lc-face-buttons [aria-pressed="true"] span { color:#482717; }
.lc-face-panel { max-width:850px; margin-inline:auto; }
.lc-face-panel h3 { margin-bottom:20px; }
.lc-page .lc-face-panel .lc-shot { max-width:760px; }
.lc-face-panel + .lc-face-panel { margin-top:36px; }
.lc-face-picker.is-enhanced .lc-face-panel { margin-top:0; }
.lc-face-picker.is-enhanced .lc-face-panel h3 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.lc-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,6vw,90px); align-items:center; }
.lc-split h2 { margin-bottom:26px; }
.lc-split .lc-lead { max-width:47ch; margin-bottom:28px; }
.lc-page .lc-split .lc-shot { width:min(100%,280px); }
.lc-personal { background:var(--lc-paper); color:var(--lc-paper-ink); --lc-muted:var(--lc-paper-muted); }
.lc-personal .lc-shot { order:-1; }
.lc-personal .guide-shot-link { background:#d8d4ca; border-color:#b9b3a7; }
.lc-personal :is(figcaption,.guide-enlarge) { color:var(--lc-paper-muted); }
.lc-personal :focus-visible { outline-color:#a14320; }
.lc-pricing h2 { max-width:920px; margin-bottom:36px; }
.lc-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-block:1px solid var(--lc-line); }
.lc-plans article { padding:30px 36px 32px 0; }
.lc-plans article+article { padding-left:36px; border-left:1px solid var(--lc-line); }
.lc-plans .lc-kicker { color:var(--lc-orange); margin-bottom:12px !important; }
.lc-plans h3 { margin:0 0 24px; font-size:28px; }
.lc-plans ul { list-style:none; padding:0; }
.lc-plans li { display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; padding:10px 0; color:var(--lc-muted); }
.lc-plans .ph { color:var(--lc-orange); font-size:20px; margin-top:5px; }
.lc-privacy { background:var(--lc-panel); }
.lc-help-promo .lc-copy-split { align-items:center; }
.lc-help-promo h2 { max-width:21ch; margin-bottom:20px; font-size:clamp(32px,3.6vw,48px); }
.lc-help-promo .lc-button { justify-self:end; }
.lc-page .clock-newsletter { width:100%; max-width:none; margin:0; padding:var(--lc-space) max(var(--lc-gutter),calc((100% - var(--lc-width))/2)); grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,70px); }
.lc-page .clock-newsletter h2 { font-size:clamp(34px,3.5vw,50px); line-height:1.12; margin:18px 0 24px; }
.lc-page .clock-newsletter .section-number { font-size:15px; letter-spacing:.025em; }
.lc-page .clock-newsletter-copy>p:last-child { font-size:19px; }
.lc-page .newsletter-form { padding:0; background:transparent; border:0; }
.lc-page .newsletter-email-label { font-size:17px; }
.lc-page .newsletter-consent,.lc-page .newsletter-status { font-size:16px; }
.lc-page .newsletter-submit { font-size:18px; padding:14px 22px; }
.lc-page .studio-bridge { padding:var(--lc-space) max(var(--lc-gutter),calc((100% - var(--lc-width))/2)); }
.lc-page .studio-copy h2 { font-size:clamp(38px,4.4vw,62px); }
.lc-page .studio-copy p { font-size:19px; margin:24px 0; }
.lc-page .button-studio { font-size:18px; }
.lc-footer { padding:36px var(--lc-gutter); border-top:1px solid var(--lc-line); background:var(--lc-bg); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px 32px; color:var(--lc-muted); }
.lc-footer nav { display:flex; flex-wrap:wrap; gap:12px 24px; }
.lc-footer a { min-height:44px; display:inline-flex; align-items:center; font-size:16px; }
.lc-footer a:hover { color:var(--lc-ink); text-decoration:underline; }
.lc-footer p { flex-basis:100%; font-size:15px; margin:0; }
.lc-page .guide-hero { padding:48px 0; }
.lc-page .guide-hero h1 { font-size:clamp(38px,4.5vw,64px); }
.lc-page .guide-toc h2 { font:700 17px/1.4 "Cabinet Grotesk",sans-serif; }
.lc-page .guide-article h2 { font-size:clamp(30px,3vw,39px); overflow-wrap:anywhere; hyphens:auto; }
.lc-page .guide-toc { top:24px; }
.lc-page .guide-shell { padding-bottom:24px; }
.lc-page .lc-shot { margin:28px auto !important; }
.lc-page .lc-shot.guide-shot-phone { max-width:360px; }
.lc-page .lc-shot-wide { max-width:760px; }
.lc-page .guide-shot-link { padding:8px; border-radius:var(--lc-radius); }
.lc-page .lc-hero-shot .guide-shot-link { padding:0; border-radius:24px; }
.lc-page .guide-shot img { border-radius:10px; }
.lc-page .guide-shot figcaption { font-size:16px; }
.lc-page .guide-lightbox-body { grid-template-rows:minmax(0,1fr); grid-template-columns:minmax(0,1fr); }
.lc-topics { border-top:1px solid var(--lc-line); margin:0 0 30px; }
.lc-topics>a { display:grid; grid-template-columns:30px minmax(0,1fr) 24px; gap:20px; padding:28px 0; border-bottom:1px solid var(--lc-line); text-decoration:none !important; }
.lc-topics>a:hover strong { text-decoration:underline; text-underline-offset:5px; }
.lc-topics .ph { font-size:24px; margin-top:3px; color:var(--lc-orange); }
.lc-topics strong { display:block; font-size:23px; line-height:1.3; margin-bottom:10px; }
.lc-topics a>span>span { display:block; max-width:70ch; color:var(--lc-muted); font-size:18px; font-weight:400; line-height:1.6; }
.lc-contact { padding:36px 0; border-top:1px solid var(--lc-line); margin-top:44px; }
.lc-contact h2 { font-size:34px; margin-bottom:18px; }
.lc-contact p { max-width:66ch; color:var(--lc-muted); margin-bottom:24px; }
.lc-legacy-anchor { scroll-margin-top:24px; }
@media(min-width:1100px) { .lc-button { white-space:nowrap; } }
@media(max-width:1020px) {
  .lc-header { flex-wrap:wrap; gap:12px; }
  .lc-navigation { width:100%; justify-content:space-between; flex-wrap:wrap; gap:12px; }
  .lc-hero { grid-template-columns:1fr; padding-top:44px; }
  .lc-hero-copy { max-width:780px; }
  .lc-hero h1 { font-size:clamp(54px,8vw,80px); }
  .lc-hero-shot { width:min(760px,100%); }
}
@media(max-width:760px) {
  .lc-page { --lc-gutter:24px; --lc-space:52px; }
  .lc-header { padding:12px 20px; min-height:72px; }
  .lc-brand { font-size:16px; gap:8px; }
  .lc-brand img { width:32px; height:32px; }
  .lc-menu-toggle { font-size:16px; padding:8px 10px; }
  .lc-primary-nav { flex:1; gap:22px; }
  .lc-navigation>.lc-button { width:100%; margin-top:8px; }
  .lc-hero { padding:36px 24px 46px; gap:28px; }
  .lc-hero h1 { font-size:clamp(45px,10.6vw,64px); margin-bottom:24px; }
  .lc-kicker { font-size:15px; margin-bottom:20px !important; }
  .lc-actions { gap:12px 20px; margin-top:22px; }
  .lc-button { white-space:normal; text-align:left; font-size:17px; }
  .lc-text-link { font-size:17px; }
  .lc-fine { font-size:16px; }
  .lc-copy-split,.lc-section-heading,.lc-split { grid-template-columns:1fr; gap:28px; }
  .lc-copy-split h2 { max-width:21ch; }
  .lc-split h2 { margin-bottom:22px; }
  .lc-page .lc-split .lc-shot { max-width:280px; }
  .lc-personal .lc-shot { order:0; }
  .lc-face-buttons { justify-content:start; gap:8px; }
  .lc-face-buttons button { flex:1; padding:9px 8px; flex-direction:column; gap:2px; line-height:1.4; }
  .lc-face-buttons span { font-size:13px; }
  .lc-plans { grid-template-columns:1fr; }
  .lc-plans article { padding:28px 0; }
  .lc-plans article+article { border-left:0; border-top:1px solid var(--lc-line); padding-left:0; }
  .lc-help-promo .lc-button { justify-self:start; }
  .lc-page .clock-newsletter { grid-template-columns:1fr; }
  .lc-page .studio-bridge { grid-template-columns:1fr; gap:32px; }
  .lc-page .studio-copy h2 { font-size:40px; }
  .lc-page .button-studio { min-width:0; width:auto; max-width:100%; white-space:normal; }
  .lc-page .guide-shell { width:calc(100% - 40px); }
  .lc-page .guide-hero { padding:30px 0 36px; }
  .lc-page .guide-hero .guide-lead { font-size:20px; margin-top:22px; }
  .lc-page .guide-layout { display:block; }
  .lc-page .guide-toc { position:static; padding-top:14px; margin-bottom:32px; }
  .lc-toc-toggle { width:100%; border:0; padding:0 0 12px; font-weight:700; }
  .lc-page .guide-article { font-size:18px; line-height:1.7; }
  .lc-page .guide-article section { margin-bottom:40px; }
  .lc-page .guide-article h2 { font-size:30px; }
  .lc-page .guide-shot-link { padding:6px; }
  .lc-topics>a { grid-template-columns:25px minmax(0,1fr) 20px; gap:12px; padding:24px 0; }
  .lc-topics strong { font-size:21px; }
  .lc-topics a>span>span { font-size:17px; }
  .lc-contact h2 { font-size:31px; }
  .lc-footer { padding:28px 24px; }
}
@media(prefers-reduced-motion:reduce) { .lc-page *, .lc-page *::before, .lc-page *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
/* Lifestyle scenes retain the real app screen and responsive aspect ratio. */
.lc-page .lc-split .lc-lifestyle.lc-shot-wide { width:100%; max-width:760px; }
.lc-page .lc-lifestyle .guide-shot-link { padding:0; border:0; overflow:hidden; }
.lc-page .lc-bedside .lc-lifestyle { width:min(100%,360px); }