/*
 * Marketing site v3 — owner-requested overrides (2026-11-01).
 * site.css stays exactly as exported (brief rule 1); these rules load after
 * each page's own styles. Copied to public/site/ by build-site.mjs.
 */

/* Desktop zoom now comes from site.css (80% above 1000px, export 2026-11-01).
   --site-zoom mirrors it so the full-screen heroes below cover the real
   screen height (viewport units are scaled by zoom). */
:root { --site-zoom: 1; }
@media (min-width: 1001px) { :root { --site-zoom: 0.8; } }

/* Wider content on every page (site.css default 1240px), so the hero uses the
   screen width and the nav, hero and page content stay aligned. */
:root { --wrap: 1480px; }

/* Home hero fills the first screen below the sticky nav. Viewport units are
   scaled by zoom, so divide by it to cover the real screen height. */
html[data-page="index"] .phead {
    min-height: calc(100svh / var(--site-zoom) - 65px);
    display: flex;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 40px;
}
html[data-page="index"] .phead > .wrap { width: 100%; }
html[data-page="index"] .phead h1 { margin-top: 0; }

/* Home, Enterprise and Incubators heroes also fill the first screen. */
html[data-page="enterprise"] .phead,
html[data-page="incubators"] .phead {
    min-height: calc(100svh / var(--site-zoom) - 65px);
    display: flex;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 40px;
}
html[data-page="enterprise"] .phead > .wrap,
html[data-page="incubators"] .phead > .wrap { width: 100%; }
html[data-page="enterprise"] .phead h1,
html[data-page="incubators"] .phead h1 { margin-top: 0; }

/* No sideways scroll on the narrowest phones (360px): the interview card's
   step row (.ck__spine) set the minimum width of the hero and use-case grids,
   and the home call-to-action button label (.cxs__r .btn) set the width of its box.
   Let those columns shrink and the step row wrap onto a second line. */
@media (max-width: 420px) {
    .hx, .ucx-row, .cxs__b { grid-template-columns: minmax(0, 1fr); }
    .hx > *, .ucx-row > *, .cxs__b > *, .ck { min-width: 0; }
    .ck__spine { flex-wrap: wrap; row-gap: 8px; }
    .cxs__r .btn { white-space: normal; max-width: 100%; }
}

/* Sign-up Terms/Privacy checkbox (owner, 2026-11-01), in the form's note style. */
.pgx-form label.mc-consent { flex-direction: row; align-items: flex-start; gap: 10px; font-family: inherit; font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: none; line-height: 1.5; color: var(--fg2); }
.mc-consent input { width: 16px; height: 16px; margin: 3px 0 0; flex: none; accent-color: var(--ink); }
.mc-consent a { color: var(--ink); font-weight: 600; }

/* Every page: the platform's default canvas — Aurora colour cycle + drifting
   Waves dunes (owner, 2026-11-01: Thesis first, then the whole site). Same
   layers and timings as globals.css
   (html[data-bg-theme="aurora"][data-bg-pattern="waves"]). */
html[data-page] body {
    background-color: #EFF3F9;
    background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='260' viewBox='0 0 1100 260' preserveAspectRatio='none'%3E%3Cpath d='M0 140 C 183 80 367 80 550 140 C 733 200 917 200 1100 140 L1100 260 L0 260 Z' fill='rgba(31,35,40,0.035)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1280' height='280' viewBox='0 0 1280 280' preserveAspectRatio='none'%3E%3Cpath d='M0 150 C 213 70 427 70 640 150 C 853 230 1067 230 1280 150 L1280 280 L0 280 Z' fill='rgba(31,35,40,0.05)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='300' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 170 C 240 90 480 90 720 170 C 960 250 1200 250 1440 170 L1440 300 L0 300 Z' fill='rgba(31,35,40,0.07)'/%3E%3C/svg%3E");
    background-size: 1100px 360px, 1280px 390px, 1440px 420px;
    background-repeat: repeat-x, repeat-x, repeat-x;
    background-position-y: 100%, 100%, 100%;
    background-attachment: fixed, fixed, fixed;
    animation: mc-waves 32s linear infinite, mc-bg-aurora 48s ease-in-out infinite;
}
/* Let the hero show the canvas too (it paints the flat page colour). */
html[data-page] .phead { background: transparent; }
@keyframes mc-waves {
    from { background-position-x: 0, 0, 0; }
    to   { background-position-x: -1100px, -1280px, -1440px; }
}
@keyframes mc-bg-aurora {
    0%, 100% { background-color: #EEF3FB; }
    20%      { background-color: #F0F5F0; }
    40%      { background-color: #F4F1FB; }
    60%      { background-color: #FBF1F2; }
    80%      { background-color: #FAF6EE; }
}
@media (prefers-reduced-motion: reduce) {
    html[data-page] body { animation: none; }
}