/* Shared visual language for the four public marketing pages. Landing navigation
   comes directly from landing-carousel.css via the .lp-hero ancestor selector. */
.marketing-page{overflow:clip;background:#faf7f1;color:#0b4a3e}
.marketing-page .pg-hero.lp-hero{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:78svh;min-height:570px;max-height:800px;padding:110px 24px 90px;overflow:hidden;background:#d9eee8 url('assets/landing/hero-sky-2560.webp') center center/cover no-repeat;text-align:center;color:#0b4a3e}
.marketing-page .pg-hero.lp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 44% 32% at 50% 39%,#fff9eddb,transparent 100%),linear-gradient(to bottom,#eef9f442 0%,transparent 45%,#faf7f1 100%);pointer-events:none}
.marketing-page .pg-hero.lp-hero .pg-wrap{position:relative;z-index:1;width:min(100%,1000px);max-width:1000px;padding:0;margin:auto;pointer-events:auto}
.marketing-page .pg-hero.lp-hero h1{position:static;width:auto;max-width:960px;margin:0 auto;font:600 clamp(40px,4.4vw,64px)/1.08 Poppins,sans-serif;letter-spacing:-.045em;color:#0b4a3e;text-wrap:balance}
.marketing-page .pg-hero.lp-hero .pg-kicker{font:700 11px/1.5 Inter,sans-serif;letter-spacing:.18em;color:#0b5d4e;margin:0 auto 22px}
.marketing-page .pg-hero.lp-hero .pg-kicker span{color:#e3a72c;font-size:15px;vertical-align:middle;margin-right:7px}
.marketing-page .pg-hero.lp-hero .pg-lead{position:static;width:auto;max-width:720px;transform:none;font:400 clamp(16px,1.35vw,19px)/1.6 Inter,sans-serif;color:#40675c;margin:23px auto 29px}
.marketing-page .pg-hero.lp-hero .pg-actions{position:static;width:auto;height:auto;display:flex;justify-content:center;gap:28px;margin:0;flex-wrap:wrap}
.marketing-page .pg-hero.lp-hero .pg-actions>a,.marketing-page .pg-band .pg-actions>a,.marketing-page .story-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 24px;border-radius:999px;font:600 15px/1.3 Inter,sans-serif;text-decoration:none;box-shadow:none}
.marketing-page .pg-hero.lp-hero .pg-actions>a:first-child{background:#075649;border:1px solid #075649;color:white}
.marketing-page .pg-hero.lp-hero .pg-actions>a:nth-child(2){background:transparent;border:0;color:#0b4a3e;padding-inline:10px}
.marketing-page .pg-actions>a span{font-size:20px;font-weight:400;line-height:1}
.marketing-page .pg-wrap,.marketing-page .story-wrap{width:min(100%,1200px);max-width:1200px;margin-inline:auto;padding-inline:32px}
.marketing-page .pg-section{padding-top:105px;padding-bottom:0}
.marketing-page .pg-section:last-of-type{padding-bottom:20px}
.marketing-page .pg-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.marketing-page .pg-section:nth-of-type(even) .pg-copy{order:2}
.marketing-page .pg-copy .pg-kicker,.marketing-page .pg-section>.pg-kicker,.marketing-page .story-section-label .story-kicker{display:block;font:700 11px/1.5 Inter,sans-serif;letter-spacing:.16em;color:#17816c;text-transform:uppercase}
.marketing-page .pg-copy h2,.marketing-page .pg-section>h2,.marketing-page .story-section h2,.marketing-page .story-connection h2{font:600 clamp(32px,3vw,42px)/1.14 Poppins,sans-serif;letter-spacing:-.04em;color:#0b4a3e}
.marketing-page .pg-copy h2{max-width:560px}
.marketing-page .pg-copy>p:not(.pg-kicker),.marketing-page .pg-section>.pg-intro{font-size:16px;line-height:1.75;color:#55736b}
.marketing-page .pg-demo{position:relative;min-width:0;max-width:100%;padding:42px 0 0;background:#fff;border:1px solid #dde7de;border-radius:18px;box-shadow:0 20px 55px #144d3c1c;overflow:hidden}
.marketing-page .pg-demo:before{content:'●  ●  ●';position:absolute;top:0;left:0;right:0;height:40px;padding:10px 15px;box-sizing:border-box;background:#f5f8f4;border-bottom:1px solid #e4ece4;color:#b7ccc0;letter-spacing:5px;font-size:12px}
.marketing-page .pg-demo .lp-demo{border:0;border-radius:0;box-shadow:none}
.marketing-page .pg-demo figcaption{padding:10px 15px;margin:0;border-top:1px solid #edf1ec;background:#fff}
.marketing-page .pg-section>.pg-kicker,.marketing-page .pg-section>h2,.marketing-page .pg-section>.pg-intro{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.marketing-page .pg-section>.pg-intro{margin-top:20px}
.marketing-page .pg-card{border:1px solid #dfe8e2;border-radius:18px;background:#fff;box-shadow:0 12px 32px #17463a0c;height:100%;display:flex;flex-direction:column}
.marketing-page .pg-card>.pg-demo{box-shadow:none;margin-top:auto}
.marketing-page .pg-card>a:last-child{margin-top:auto;align-self:flex-start}
.marketing-page .pg-org-grid,.marketing-page .pg-cards{align-items:stretch;margin-top:40px}
.marketing-page .pg-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.marketing-page .pg-number{border-radius:0;width:auto;height:auto;background:none;color:#17816c;font:700 11px Inter,sans-serif;letter-spacing:.12em;justify-content:start}
.marketing-page .pg-cta-wrap{padding-top:112px;padding-bottom:64px}
.marketing-page .pg-band{border-radius:22px;background:#0b5145;padding:56px 64px;gap:32px}
.marketing-page .pg-band .pg-kicker{font:700 11px Inter,sans-serif;letter-spacing:.17em;color:#e7bd65}
.marketing-page .pg-band h2{color:white;font:600 clamp(32px,3.3vw,46px)/1.13 Poppins,sans-serif;letter-spacing:-.04em}
.marketing-page .pg-band p{color:#d3e8dd}
.marketing-page .pg-band .pg-actions>a:first-child,.marketing-page .story-actions>a:first-child{background:#f5b52e;border:1px solid #f5b52e;color:#123e34}
.marketing-page .pg-band .pg-actions>a:nth-child(2),.marketing-page .story-actions>a:nth-child(2){background:transparent;border:1px solid #b5d4c7;color:white}
.marketing-page .story-opening{padding-top:95px;padding-bottom:0}
.marketing-page .story-hero-photo{margin:0}
.marketing-page .story-hero-photo img{border-radius:20px;aspect-ratio:2/1}
.marketing-page .story-intro{margin:32px auto 0;max-width:850px;text-align:center;display:block;border:0;padding:0}
.marketing-page .story-intro p{margin-top:15px}
.marketing-page .story-section{display:block;padding-top:105px;padding-bottom:0;border:0}
.marketing-page .story-section-label{text-align:center;margin-bottom:14px}
.marketing-page .story-section-body>h2{text-align:center;max-width:850px;margin:0 auto 25px}
.marketing-page .story-prose-pair,.marketing-page .story-now-next{gap:24px}
.marketing-page .story-prose-pair>*,.marketing-page .story-now-next>article,.marketing-page .story-principles>li{background:#fff;border:1px solid #dfe8e2;border-radius:18px;padding:25px}
.marketing-page .story-connection{margin-top:105px;padding-block:85px}
.marketing-page .story-connection>.story-wrap{display:block}
.marketing-page .story-connection .story-section-label{text-align:center}
.marketing-page .story-connection h2{text-align:center}
.marketing-page .story-lead{text-align:center;margin-inline:auto}
.marketing-page .story-closing{width:min(100%,1200px);margin:105px auto 64px;padding:56px 64px;border:0;border-radius:22px;background:#0b5145;color:white}
.marketing-page .story-closing h2,.marketing-page .story-closing .story-kicker{color:white}
.marketing-page .story-closing p:not(.story-kicker){color:#d3e8dd}
.marketing-page .story-closing .story-kicker{letter-spacing:.17em;color:#e7bd65}
/* The existing landing nav geometry is used at the top of every page. */
.site:has(.marketing-page) .site-nav .site-links>a[aria-current=page]{background:transparent;color:#0f3d35;font-weight:600;box-shadow:inset 0 -2px #f5b52e;border-radius:0}
.site:has(.marketing-page) .site-nav .site-links>a:nth-child(3):not([aria-current=page]){font-weight:500}
.site:has(.marketing-page) .site-nav .site-cta>a:nth-child(3){display:none}
.site:has(.marketing-page) .site-nav.is-scrolled{position:fixed;height:auto;background:#faf7f1f5;border-bottom:1px solid #dce5db;box-shadow:0 5px 22px #163d3214;backdrop-filter:blur(12px)}
.site:has(.marketing-page) .site-nav.is-scrolled .in{top:0;margin:auto;min-height:70px}
.site:has(.marketing-page) .site-nav.is-scrolled .wordmark,.site:has(.marketing-page) .site-nav.is-scrolled .site-links>a,.site:has(.marketing-page) .site-nav.is-scrolled .site-cta>a{color:#0f3d35}
:root[data-theme=dark] .marketing-page{background:#11211d;color:#e7f5eb}
:root[data-theme=dark] .marketing-page .pg-hero.lp-hero{background-image:linear-gradient(#071d1da8,#052d2ab5),url('assets/landing/hero-sky-2560.webp')}
:root[data-theme=dark] .marketing-page .pg-hero.lp-hero::before{background:linear-gradient(to bottom,transparent 65%,#11211d 100%)}
:root[data-theme=dark] .marketing-page .pg-hero.lp-hero :is(h1,.pg-kicker,.pg-lead),:root[data-theme=dark] .marketing-page .pg-hero.lp-hero .pg-actions>a:nth-child(2),:root[data-theme=dark] .marketing-page :is(.pg-copy h2,.pg-section>h2,.story-section h2,.story-connection h2){color:#e7f5eb}
:root[data-theme=dark] .marketing-page :is(.pg-copy>p:not(.pg-kicker),.pg-section>.pg-intro){color:#b7d3c5}
:root[data-theme=dark] .marketing-page :is(.pg-card,.pg-demo,.story-prose-pair>*,.story-now-next>article,.story-principles>li){background:#20352d;border-color:#3b584a}
:root[data-theme=dark] .marketing-page .pg-demo:before{background:#1a3027;border-color:#3b584a}
:root[data-theme=dark] .site:has(.marketing-page) .site-nav.is-scrolled{background:#142a22f5;border-color:#3b584a}
:root[data-theme=dark] .site:has(.marketing-page) .site-nav.is-scrolled :is(.wordmark,.site-links>a,.site-cta>a){color:#e7f5eb}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .marketing-page{background:#11211d;color:#e7f5eb}:root:not([data-theme=light]) .marketing-page .pg-hero.lp-hero{background-image:linear-gradient(#071d1da8,#052d2ab5),url('assets/landing/hero-sky-2560.webp')}:root:not([data-theme=light]) .marketing-page .pg-hero.lp-hero::before{background:linear-gradient(to bottom,transparent 65%,#11211d 100%)}:root:not([data-theme=light]) .marketing-page .pg-hero.lp-hero :is(h1,.pg-kicker,.pg-lead),:root:not([data-theme=light]) .marketing-page .pg-hero.lp-hero .pg-actions>a:nth-child(2),:root:not([data-theme=light]) .marketing-page :is(.pg-copy h2,.pg-section>h2,.story-section h2,.story-connection h2){color:#e7f5eb}:root:not([data-theme=light]) .marketing-page :is(.pg-copy>p:not(.pg-kicker),.pg-section>.pg-intro){color:#b7d3c5}:root:not([data-theme=light]) .marketing-page :is(.pg-card,.pg-demo,.story-prose-pair>*,.story-now-next>article,.story-principles>li){background:#20352d;border-color:#3b584a}:root:not([data-theme=light]) .marketing-page .pg-demo:before{background:#1a3027;border-color:#3b584a}}
@media(max-width:900px){.marketing-page .pg-hero.lp-hero{min-height:620px;height:76svh;padding:105px 20px 70px}.marketing-page .pg-hero.lp-hero h1{font-size:clamp(38px,6vw,55px)}.marketing-page .pg-split{grid-template-columns:1fr;gap:30px}.marketing-page .pg-section:nth-of-type(even) .pg-copy{order:0}.marketing-page .pg-copy{text-align:center}.marketing-page .pg-copy h2{margin-inline:auto}.marketing-page .pg-copy>p:not(.pg-kicker){text-align:left}.marketing-page .pg-band{grid-template-columns:1fr;text-align:center;padding:44px}.marketing-page .pg-band .pg-actions{justify-content:center}.marketing-page .story-closing{text-align:center;display:block;padding:44px}.marketing-page .story-actions{justify-content:center;margin-top:25px}}
@media(max-width:700px){.marketing-page .pg-hero.lp-hero{height:75svh;min-height:580px;padding:100px 20px 75px}.marketing-page .pg-hero.lp-hero h1{font-size:clamp(34px,9vw,44px)}.marketing-page .pg-hero.lp-hero .pg-lead{font-size:16px}.marketing-page .pg-hero.lp-hero .pg-actions{gap:6px;flex-direction:column}.marketing-page .pg-hero.lp-hero .pg-actions>a{min-height:48px}.marketing-page .pg-wrap,.marketing-page .story-wrap{padding-inline:20px}.marketing-page .pg-section,.marketing-page .story-section{padding-top:78px}.marketing-page .pg-org-grid,.marketing-page .pg-cards,.marketing-page .story-prose-pair,.marketing-page .story-now-next{grid-template-columns:1fr}.marketing-page .pg-cta-wrap{padding-top:80px}.marketing-page .pg-band,.marketing-page .story-closing{padding:40px 25px}.marketing-page .pg-band .pg-actions{flex-direction:column}.marketing-page .story-opening{padding-top:70px}.marketing-page .story-connection{margin-top:78px;padding-block:65px}.marketing-page .story-closing{margin-top:80px;width:calc(100% - 40px)}.marketing-page .story-hero-photo img{aspect-ratio:6/5}.site:has(.marketing-page) .site-nav.is-scrolled .in{min-height:56px}}
@media(prefers-reduced-motion:reduce){.marketing-page *{animation:none!important;transition:none!important}}
/* The UI mocks already draw their own window chrome (.ld-window); don't add a second bar of dots. */
.marketing-page .pg-demo:has(.ld-window):before { display: none; }
.marketing-page .pg-demo:has(.ld-window) { padding-top: 0; }
/* Spacing rhythm (2026-10): content-driven hero, one section scale, spaced principle cards with the number inside. */
.marketing-page{--mk-section:clamp(64px,6.5vw,92px)}
.marketing-page .pg-hero.lp-hero{height:auto;min-height:0;max-height:none;padding:150px 24px 64px}
.marketing-page .pg-hero.lp-hero::before{background:radial-gradient(ellipse 44% 32% at 50% 42%,#fff9eddb,transparent 100%),linear-gradient(to bottom,#eef9f442 0%,transparent 55%,#faf7f1 100%)}
.marketing-page .pg-section,.marketing-page .story-section{padding-top:var(--mk-section)}
.marketing-page .pg-hero.lp-hero+.pg-section,.marketing-page .pg-hero.lp-hero+*{padding-top:calc(var(--mk-section) - 8px)}
.marketing-page .pg-cta-wrap{padding-top:var(--mk-section)}
.marketing-page .story-principles{gap:16px;margin-top:28px;align-items:stretch}
.marketing-page .story-principles>li{border:1px solid #dfe8e2;padding:22px 24px 24px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:8px;align-content:start}
.marketing-page .story-principles>li:before{content:none}
.marketing-page .story-principles .pr-num{grid-row:1/3;align-self:start;margin-top:3px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 7px;border-radius:999px;background:#e3f3ec;color:#0b5d4e;font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.04em}
.marketing-page .story-principles h3{margin:0;font-size:18px;line-height:1.4}
.marketing-page .story-principles p{margin:0;grid-column:2}
:root[data-theme=dark] .marketing-page .story-principles .pr-num{background:#143a33;color:#bfe6d6}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .marketing-page .story-principles .pr-num{background:#143a33;color:#bfe6d6}}
@media(max-width:900px){.marketing-page .pg-hero.lp-hero{padding:132px 20px 56px}}
@media(max-width:700px){.marketing-page{--mk-section:60px}.marketing-page .pg-hero.lp-hero{padding:118px 20px 44px}.marketing-page .story-principles{gap:12px}.marketing-page .story-principles>li{padding:18px 18px 20px}}

/* Tactile press feedback for public calls to action. */
.marketing-page .pg-actions>a,.marketing-page .story-actions>a{transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.marketing-page .pg-actions>a:active,.marketing-page .story-actions>a:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.marketing-page .pg-actions>a:active,.marketing-page .story-actions>a:active{transform:none}}
::view-transition-old(main-content),::view-transition-new(main-content){animation-timing-function:var(--ease-out)}
/* Auth and access screens (index.html #/login, #/signin, #/talent-login, #/partner-login, #/create): same sky hero
   and transparent nav as the landing page, form in a frosted card. */
.marketing-page.auth-page .pg-hero.lp-hero.auth-hero{min-height:100svh;align-items:flex-start;padding:140px 20px 80px;text-align:left}
.marketing-page .pg-hero.lp-hero.auth-hero .pg-wrap{width:min(100%,560px);max-width:560px}
.marketing-page .pg-hero.lp-hero.auth-hero.auth-wide .pg-wrap{width:min(100%,1040px);max-width:1040px}
.marketing-page .auth-hero .login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none}
.marketing-page .auth-hero .login-card{display:flex;flex-direction:column;align-items:flex-start}
.marketing-page .auth-hero .login-card .btn{margin-top:auto;white-space:nowrap}
@media(max-width:860px){.marketing-page .auth-hero .login-grid{grid-template-columns:1fr}}
.marketing-page .auth-hero .formwrap,.marketing-page .auth-hero .login-wrap{margin:0 auto;padding:0;max-width:none;text-align:left}
.marketing-page .auth-hero .login-wrap>h1{font:600 clamp(34px,4vw,52px)/1.08 Poppins,sans-serif;letter-spacing:-.045em;color:#0b4a3e;text-align:center;margin:0 0 10px}
.marketing-page .auth-hero .login-wrap>.pp-sub{text-align:center;color:#40675c;margin:0 auto 28px !important;max-width:620px}
.marketing-page .auth-hero .panel{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 30px 80px rgba(6,51,43,.14);padding:34px}
.marketing-page .auth-hero .panel h1{font:600 clamp(30px,3vw,40px)/1.1 Poppins,sans-serif;letter-spacing:-.04em;color:#0f172a}
.marketing-page .auth-hero .backlink{display:inline-flex;margin:0 0 14px;color:#0b4a3e;font-weight:600;text-decoration:none}
.marketing-page .auth-hero .backlink:hover{text-decoration:underline}
.marketing-page .auth-hero .btn:not(.btn-quiet):not(.btn-gold){border-radius:999px}
.marketing-page .auth-hero .login-grid{gap:18px}
:root[data-theme=dark] .marketing-page .auth-hero .panel{background:rgba(22,40,34,.9);border-color:#3b584a}
:root[data-theme=dark] .marketing-page .auth-hero .panel h1,:root[data-theme=dark] .marketing-page .auth-hero .login-wrap>h1{color:#e7f5eb}
@media(max-width:700px){.marketing-page.auth-page .pg-hero.lp-hero.auth-hero{padding:110px 16px 56px}.marketing-page .auth-hero .panel{padding:24px 20px}}
/* Request a Demo: the form section follows the sky hero directly. */
.marketing-page .pg-request{padding-top:calc(var(--mk-section) - 8px)}