/* Reference-led homepage. Navigation and dashboard styling remain in style.css. */
#stage.is-home{display:block;height:auto;min-height:calc(100svh - 86px)!important;background:#f8f9fb;overflow:hidden}
#stage.is-home>.skyline,#stage.is-home>.ambient{display:none}
.landing-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,88px);width:min(1500px,calc(100% - 12vw));min-height:calc(100svh - 86px);margin:0 auto;padding:60px 0}
.landing-intro[hidden]{display:none!important}
.landing-intro:before{content:'';position:absolute;z-index:-1;inset:0 -20vw;background:radial-gradient(ellipse at 66% 40%,#60aed00c,transparent 42%),radial-gradient(ellipse at 61% 65%,#d6003905,transparent 34%),linear-gradient(180deg,#f8f9fb,#ffffff 45%,#f5f6f9);pointer-events:none}
.landing-copy{position:relative;z-index:2}
.landing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #1b1d4d12;border-radius:30px;background:#fff;font:700 11px/1.3 Roboto,Arial,sans-serif;color:#465566;box-shadow:0 1px 2px #1b1d4d08;letter-spacing:.15px}
.landing-badge>span{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#166846}
.landing-copy h1{font:700 clamp(34px,3.55vw,62px)/1.13 Poppins,Arial,sans-serif;letter-spacing:-1.8px;color:#08090c;margin:28px 0 26px;text-shadow:none}
.landing-copy h1 strong{font-weight:700;display:inline-block;background:linear-gradient(105deg,#d60039 0%,#1b1d4d 52%,#166846 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.landing-copy>p{max-width:615px;font:400 clamp(15px,1.15vw,19px)/1.6 Roboto,Arial,sans-serif;color:#6b7481;margin:0;letter-spacing:0}
.landing-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:34px}
.landing-actions button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;border-radius:30px;padding:11px 20px;font:700 13px/1.3 Roboto,Arial,sans-serif;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;border:1px solid #1b1d4d20}
.landing-actions button span{font-size:18px;line-height:1;opacity:.55}
.landing-primary{background:linear-gradient(105deg,#1b1d4d,#166846);color:#fff;box-shadow:0 7px 12px #1b1d4d25}
.landing-secondary{background:#fff;color:#344052;box-shadow:0 1px 3px #1b1d4d08}
.landing-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1b1d4d20}
.landing-actions button:focus-visible{outline:3px solid #166846;outline-offset:4px}
/* Display only the artwork region of the supplied reference, without altering it. */
.landing-visual{position:relative;aspect-ratio:1;overflow:hidden;width:100%;background:#f4f5f8;box-shadow:-30px 0 80px #60aed008}
.landing-visual>img{position:absolute;width:320%;max-width:none;height:auto;left:-181.875%;top:-15%;display:block;pointer-events:none;user-select:none}
@media(min-width:1700px){.landing-intro{width:min(1600px,calc(100% - 22vw));grid-template-columns:minmax(0,1.27fr) minmax(0,1fr);gap:8vw}}
@media(max-width:1000px){.landing-intro{width:90%;gap:25px}.landing-copy h1{font-size:clamp(29px,3.7vw,40px);letter-spacing:-1px}.landing-badge{font-size:9px}.landing-actions{gap:10px}.landing-actions button{padding:11px 14px;font-size:12px}}
@media(max-width:700px){#stage.is-home{min-height:calc(100svh - 76px)!important}.landing-intro{grid-template-columns:1fr;min-height:calc(100svh - 76px);width:calc(100% - 40px);padding:42px 0 30px;gap:34px}.landing-copy h1{font-size:clamp(29px,7.5vw,45px);letter-spacing:-1.1px;margin:24px 0 21px}.landing-copy>p{font-size:15px;line-height:1.65}.landing-badge{font-size:10px}.landing-actions{margin-top:26px;gap:12px}.landing-visual{max-width:460px;justify-self:center}.landing-actions button{font-size:12px;min-height:44px}.landing-copy h1 strong{display:inline}.landing-copy{padding:0}}
@media(prefers-reduced-motion:reduce){.landing-actions button{transition:none}.landing-actions button:hover{transform:none}}

/* Reference typography: regular lead-in, medium italic Traditions, bold Tomorrow. */
.landing-copy h1{font-weight:400;line-height:1.12;letter-spacing:-1.5px;color:#1b1d4d}
.landing-copy h1 .heading-line{display:block;white-space:nowrap}
.landing-copy h1 em{font-weight:500;font-style:italic;color:#1b1d4d}
.landing-copy h1 strong{font-weight:700;font-style:normal;background:linear-gradient(105deg,#d60039 0%,#1b1d4d 52%,#166846 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(max-width:380px){.landing-copy h1{font-size:26px;letter-spacing:-1.1px}}

/* Extend gradient paint below the baseline without changing line spacing. */
.landing-copy h1 .heading-line{padding-bottom:.18em;margin-bottom:-.18em}
.landing-copy h1{display:flow-root}