/* Homepage composition. Shared colors, type and navigation stay in the site tokens. */
.marketing.refined-home [id] { scroll-margin-top: 90px; }
.refined-home .product-tour { width:100%; max-width:1160px; margin:0 auto; }
.refined-home .product-tour-head { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:0 0 20px; }
.refined-home .product-tour-head .eyebrow { margin:0; color:var(--fg-mute); }
.product-screen-choices { display:flex; flex-wrap:wrap; gap:4px; padding:5px; border:1px solid var(--line); border-radius:999px; background:var(--bg-1); }
.product-screen-choice { min-height:44px; border:0; padding:10px 20px; border-radius:999px; background:transparent; color:var(--fg-mute); font:500 14px/1.4 var(--font-ui); cursor:pointer; }
.product-screen-choice[aria-pressed=true] { background:var(--bg-3); color:var(--fg); box-shadow:var(--shadow-1); }
.product-screen-choice:hover { color:var(--fg); }
.product-screen-frame { overflow:hidden; border:1px solid var(--line-2); border-radius:20px; background:var(--bg-1); box-shadow:var(--shadow-2); }
.product-screen { margin:0; }
.product-screen[hidden] { display:none; }
.product-screen a { display:block; }
.product-screen img { display:block; width:100%; height:auto; aspect-ratio:16/9; }
.refined-home .product-screen figcaption { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:26px 30px; border-top:1px solid var(--line); }
.product-screen figcaption strong { font-size:20px; letter-spacing:-.025em; line-height:1.4; }
.product-screen figcaption p { margin:0; max-width:450px; font-size:14px; color:var(--fg-mute); line-height:1.65; }
.refined-home .product-tour-note { margin:16px 0 0; font-size:12px; line-height:1.6; color:var(--fg-mute); }
.refined-home .marketing-hero { padding-bottom:40px; }
/* Same 24px gutter as the sections: between 761 and 1208 px the strip used to touch the edges. */
.refined-home .proof-strip { width:min(1160px,calc(100% - 48px)); max-width:1160px; margin:0 auto; padding:24px 0; }
.refined-home .proof-strip div:first-child { display:none; }
.refined-home .proof-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
.refined-home .marketing-section { padding-block:80px; }
.refined-home .section-intro h2 { font-size:clamp(36px,4.2vw,60px); }
.refined-home .feature { padding:28px; min-height:0; }
.refined-home .feature h3 { margin-top:24px; }
.refined-home .showcase-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.refined-home .showcase-card { grid-column:auto; }
.refined-home .showcase-media { aspect-ratio:16/10; }
.refined-home .showcase-media video { width:100%; height:100%; object-fit:cover; }
.refined-home .showcase-caption { display:block; padding:20px 0; }
.refined-home .showcase-caption strong { font-size:22px; line-height:1.25; }
.refined-home .showcase-caption .showcase-meta { display:block; margin-top:10px; }
.refined-home .showcase-note { margin-top:20px; max-width:820px; font-size:12px; line-height:1.7; }
.home-detail-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; font:500 14px/1.5 var(--font-ui); color:var(--fg); text-decoration:none; }
.home-detail-link:hover { text-decoration:underline; text-underline-offset:5px; }
/* Three settings for the same production: a quiet editorial layout on wide screens. */
.refined-home .home-deployment-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:end; gap:48px; margin-bottom:40px; }
.home-deployment-heading .eyebrow { margin:0 0 16px; color:var(--fg-mute); }
.refined-home .home-deployment-heading h2 { margin:0; font-size:clamp(36px,4.2vw,60px); line-height:1.08; }
.home-deployment-lead { margin:0; max-width:420px; color:var(--fg-dim); font-size:17px; line-height:1.7; }
.home-deployment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-deployment-card { display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,var(--bg-2),var(--bg-1) 58%); min-width:0; }
.home-deployment-card-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.home-deployment-icon { display:grid; place-items:center; width:52px; height:52px; border:1px solid var(--line-2); border-radius:16px; background:var(--bg); }
.home-deployment-icon svg { width:26px; height:26px; fill:none; stroke:var(--fg-dim); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.home-deployment-number { color:var(--fg-mute); font-size:12px; font-variant-numeric:tabular-nums; }
.refined-home .home-deployment-card h3 { font-size:24px; line-height:1.25; margin:26px 0 14px; }
.home-deployment-card p { font-size:15px; line-height:1.75; color:var(--fg-dim); margin:0 0 24px; }
.home-deployment-card .home-detail-link { margin-top:auto; align-self:flex-start; padding-inline:0; text-align:left; white-space:normal; }
.home-deployment-footer { display:flex; justify-content:flex-end; padding-top:24px; }
.home-deployment-footer .deployment-detail { white-space:normal; text-align:left; }
.deployment-swipe-hint,.deployment-controls { display:none; }
.refined-home .security-section { padding-top:0; }
.refined-home .security-section .section-intro h2 { font-size:32px; }
.refined-home .security-section .section-intro { margin-bottom:24px; }
.refined-home .security-card { padding:24px; min-height:0; }
.refined-home .security-card h3 { margin-top:18px; font-size:22px; }
.refined-home .marketing-cta { margin:0; padding-block:80px; }
.refined-home .marketing-cta h2 { font-size:clamp(36px,4.2vw,56px); }
@media(max-width:1000px) {
  .refined-home .showcase-grid { grid-template-columns:1fr; }
  .refined-home .showcase-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:center; }
  .home-deployment-card { padding:22px; }
  .refined-home .home-deployment-card h3 { font-size:21px; }
  .refined-home .home-deployment-heading { gap:28px; }
}
@media(max-width:760px) {
  .refined-home .hero-intro { gap:16px; }
  .refined-home .product-tour-head { flex-direction:column; align-items:flex-start; gap:16px; }
  .product-screen-choices { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-radius:14px; }
  .product-screen-choice { padding:10px 6px; font-size:12px; border-radius:10px; }
  .product-screen-frame { border-radius:14px; }
  .refined-home .product-screen figcaption { flex-direction:column; align-items:flex-start; padding:20px; gap:8px; }
  .product-screen figcaption strong { font-size:18px; }
  .refined-home .product-tour-note { font-size:11px; }
  .refined-home .proof-strip { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; }
  .refined-home .marketing-section { padding-block:52px; }
  .refined-home .showcase-card { display:block; }
  .refined-home .showcase-grid { gap:24px; }
  .refined-home .showcase-media { aspect-ratio:16/9; }
  .refined-home .security-section { padding-top:0; }
  .refined-home .marketing-cta { padding-block:52px; }
}

.refined-home :is(.hero-actions,.waitlist-form) .btn{min-height:44px}

.refined-home .waitlist-form > .btn{margin-top:20px}

/* Native scroll and snapping work without JS; controls enhance the same track. */
@media(max-width:760px) {
  .refined-home .home-deployment-heading { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:24px; }
  .refined-home .home-deployment-heading h2 { font-size:clamp(34px,9vw,46px); }
  .home-deployment-lead { max-width:36ch; font-size:16px; line-height:1.65; }
  .deployment-swipe-hint { display:flex; align-items:center; gap:12px; margin:0 0 12px; color:var(--fg-mute); font-size:12px; }
  .home-deployment-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:86%; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding:4px 0 14px; scrollbar-width:thin; scrollbar-color:var(--line-2) transparent; }
  .home-deployment-card { scroll-snap-align:start; padding:24px; }
  .refined-home .home-deployment-card h3 { font-size:23px; }
  .home-deployment-grid:focus-visible { outline:2px solid var(--focus); outline-offset:4px; border-radius:20px; }
  .deployment-controls:not([hidden]) { display:flex; align-items:center; justify-content:center; gap:4px; padding-top:10px; }
  .deployment-arrow { min-width:44px; width:44px; height:44px; padding:10px; border-radius:50%; }
  .deployment-arrow svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  .deployment-dots { display:flex; align-items:center; }
  .deployment-dot { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; border-radius:50%; cursor:pointer; }
  .deployment-dot span { display:block; width:7px; height:7px; border-radius:999px; background:var(--line-2); }
  .deployment-dot[aria-current=true] span { width:22px; background:var(--fg); }
  .deployment-status { min-width:36px; margin-left:8px; color:var(--fg-mute); font-size:12px; font-variant-numeric:tabular-nums; }
  .home-deployment-footer { justify-content:flex-start; padding-top:18px; }
  .home-deployment-footer .deployment-detail { padding-inline:0; line-height:1.6; }
}