
/* Nest English — Homepage Phase 1: Hero + Global Shell
   Purpose: premium hero world, responsive composition, dark-mode parity.
   Scoped to landing/header/nav so the rest of the SPA remains behaviorally unchanged. */
:root{
  --nest-forest:#0f4b39;
  --nest-forest-strong:#0a3a2c;
  --nest-forest-bright:#1d6b50;
  --nest-ivory:#f7f0e2;
  --nest-sage:#dfe8da;
  --nest-gold:#d49a2d;
  --nest-amber:#e2ad48;
  --nest-bark:#70543b;
}
html.dark{
  --nest-forest:#1f6a50;
  --nest-forest-strong:#123e31;
  --nest-forest-bright:#2b7e5d;
  --nest-ivory:#17231d;
  --nest-sage:#233b31;
  --nest-gold:#d7a143;
  --nest-amber:#c7862b;
}

/* Global shell */
nav.glass-panel{
  background:rgba(249,245,235,.76) !important;
  border-color:rgba(47,96,75,.14) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  box-shadow:0 12px 34px -22px rgba(23,67,50,.38), inset 0 1px 0 rgba(255,255,255,.58) !important;
}
html.dark nav.glass-panel{
  background:rgba(12,31,23,.78) !important;
  border-color:rgba(155,202,176,.13) !important;
  box-shadow:0 14px 38px -24px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.nest-topnav-links{align-self:stretch}
.nest-topnav-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:.35rem .72rem;
  border:0;
  background:transparent;
  color:#26463a;
  border-radius:999px;
  cursor:pointer;
  transition:color 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.nest-topnav-link:hover{color:var(--nest-forest);background:rgba(222,235,225,.66);transform:translateY(-1px)}
.nest-topnav-link.is-active{color:var(--nest-forest);background:rgba(222,235,225,.82)}
.nest-topnav-link.is-active::after{
  content:"";position:absolute;left:50%;bottom:.1rem;width:22px;height:2px;border-radius:999px;background:var(--nest-gold);transform:translateX(-50%);opacity:.95
}
html.dark .nest-topnav-link{color:#d7e5dc}
html.dark .nest-topnav-link:hover,html.dark .nest-topnav-link.is-active{color:#f4f0e5;background:rgba(41,80,63,.72)}
.nest-nav-cta{
  background:linear-gradient(135deg,var(--nest-forest) 0%,var(--nest-forest-bright) 100%);
  box-shadow:0 10px 24px -12px rgba(15,75,57,.62);
}
.nest-nav-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}
html.dark .nest-nav-cta{box-shadow:0 12px 26px -14px rgba(0,0,0,.72)}

/* Hero world */
.nest-home-hero{
  min-height:clamp(640px,calc(100svh - 80px),860px);
  display:flex;
  align-items:stretch;
  padding:clamp(28px,4vw,58px) clamp(18px,4vw,48px) clamp(26px,4vw,44px);
  isolation:isolate;
  background:linear-gradient(180deg,#f6efe2 0%,#edf2e6 72%,#e9efe8 100%);
}
html.dark .nest-home-hero{
  background:linear-gradient(180deg,#0f241b 0%,#11291f 72%,#10261d 100%);
}
.nest-hero-world{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.nest-hero-picture{position:absolute;inset:0;display:block}
.nest-hero-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.nest-hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,46,34,.16),transparent 32%,transparent 68%,rgba(10,46,34,.08)),linear-gradient(180deg,rgba(255,255,255,.02),rgba(247,240,226,.7) 82%,rgba(235,242,233,.96) 100%)}
.nest-hero-readable-zone{position:absolute;inset:0;background:radial-gradient(circle at 52% 42%,rgba(255,249,232,.72),rgba(255,249,232,.22) 28%,transparent 58%)}
html.dark .nest-hero-vignette{background:linear-gradient(90deg,rgba(3,23,16,.44),rgba(3,23,16,.12) 30%,rgba(3,23,16,.16) 70%,rgba(3,23,16,.52)),linear-gradient(180deg,rgba(7,27,19,.10),rgba(9,31,22,.70) 82%,rgba(10,30,22,.98) 100%)}
html.dark .nest-hero-readable-zone{background:radial-gradient(circle at 52% 40%,rgba(37,72,56,.34),rgba(12,35,25,.18) 28%,transparent 60%)}
.nest-home-hero-inner{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(300px,.76fr);gap:clamp(28px,5vw,84px);align-items:center;width:min(1200px,100%);margin-inline:auto}
.nest-hero-copy{max-width:720px;padding-inline:clamp(8px,1.5vw,18px)}
.nest-hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.52rem .85rem;border-radius:999px;background:rgba(247,240,226,.78);border:1px solid rgba(113,141,116,.28);color:#315845;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px -16px rgba(33,61,48,.38)}
.nest-hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nest-gold);box-shadow:0 0 0 4px rgba(212,154,45,.12)}
html.dark .nest-hero-eyebrow{background:rgba(15,49,37,.74);border-color:rgba(140,192,160,.24);color:#e7f0e6}
.nest-hero-title{font-size:clamp(3.1rem,6vw,6.4rem);color:#183d31;margin-top:1.1rem;text-wrap:balance;max-width:820px}
.nest-hero-title .gradient-text{background:linear-gradient(115deg,#0e5a41 0%,#2c7759 54%,#b07d2e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.dark .nest-hero-title{color:#f5f0e4}
html.dark .nest-hero-title .gradient-text{background:linear-gradient(115deg,#f2ebd9 0%,#a7d7bd 52%,#dbb35a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nest-hero-desc{margin-top:1.25rem;color:#415b4f;font-size:clamp(1rem,1.5vw,1.16rem)}
html.dark .nest-hero-desc{color:#cadbd1}
.nest-hero-copy .hero-cta-row{margin-top:1.8rem}
.nest-hero-copy .hero-cta-row .pulse-cta{
  background:linear-gradient(135deg,var(--nest-forest-strong),var(--nest-forest-bright)) !important;
  box-shadow:0 16px 34px -18px rgba(15,75,57,.68), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.nest-hero-copy .hero-cta-row .pulse-cta:hover{filter:brightness(1.05);transform:translateY(-2px)}
.nest-hero-copy .hero-cta-row>button:nth-child(2){
  background:rgba(247,240,226,.74) !important;
  border:1px solid rgba(57,88,70,.28) !important;
  color:#234638 !important;
  box-shadow:0 10px 24px -18px rgba(28,60,45,.34)
}
html.dark .nest-hero-copy .hero-cta-row>button:nth-child(2){background:rgba(15,45,34,.64) !important;border-color:rgba(153,196,172,.24) !important;color:#f1eee5 !important}
.nest-hero-proof-row{display:flex;flex-wrap:wrap;gap:.55rem .65rem;margin-top:1.6rem !important;max-width:720px}
.nest-proof-item{display:inline-flex;align-items:center;gap:.42rem;padding:.46rem .68rem;border-radius:999px;background:rgba(248,244,233,.54);border:1px solid rgba(111,139,116,.24);color:#345244;font-size:.72rem;font-weight:800;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.nest-proof-item i{color:var(--nest-forest);font-size:.72rem}
html.dark .nest-proof-item{background:rgba(15,45,34,.64);border-color:rgba(149,195,170,.20);color:#dfeae2}
html.dark .nest-proof-item i{color:#cfa041}

/* Preview card becomes a floating glass report snapshot rather than a detached white box. */
.nest-hero-preview{background:rgba(247,240,226,.56) !important;border:1px solid rgba(93,122,100,.28) !important;backdrop-filter:blur(18px) saturate(135%) !important;-webkit-backdrop-filter:blur(18px) saturate(135%) !important;box-shadow:0 24px 70px -34px rgba(36,68,51,.48), inset 0 1px 0 rgba(255,255,255,.58) !important;max-width:430px !important}
html.dark .nest-hero-preview{background:rgba(13,37,28,.70) !important;border-color:rgba(142,194,165,.16) !important;box-shadow:0 26px 70px -36px rgba(0,0,0,.74), inset 0 1px 0 rgba(255,255,255,.06) !important}
.nest-preview-kicker{display:flex;align-items:center;gap:.55rem;color:#4e6759;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;margin-bottom:1rem}
html.dark .nest-preview-kicker{color:#c8d8cf}
.nest-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--nest-gold);box-shadow:0 0 0 5px rgba(212,154,45,.12)}
.nest-hero-preview .text-indigo-600{color:var(--nest-forest) !important}
html.dark .nest-hero-preview .text-indigo-600{color:#a8d9bf !important}
.nest-hero-preview .text-emerald-600{color:#2c7857 !important}
html.dark .nest-hero-preview .text-emerald-600{color:#d4ac50 !important}
.nest-hero-preview .bg-slate-50{background:rgba(247,240,226,.52) !important}
html.dark .nest-hero-preview .dark\:bg-slate-900\/50{background:rgba(4,22,16,.26) !important}

/* Falling leaves: harmonize with the art direction. */
.nest-leaves{position:absolute !important;inset:0 !important;overflow:hidden;pointer-events:none;z-index:2 !important;opacity:1 !important}
.nest-leaves span{background:linear-gradient(145deg,#dba84a 0%,#c88725 38%,#3e805e 70%,#24543f 100%) !important;filter:drop-shadow(0 3px 5px rgba(57,54,28,.20));animation-duration:var(--leaf-speed,18s) !important}
.nest-leaves span:nth-child(1){--leaf-speed:17s}.nest-leaves span:nth-child(2){--leaf-speed:30s}.nest-leaves span:nth-child(3){--leaf-speed:24s}.nest-leaves span:nth-child(4){--leaf-speed:28s}.nest-leaves span:nth-child(5){--leaf-speed:25s}.nest-leaves span:nth-child(6){--leaf-speed:22s}.nest-leaves span:nth-child(7){--leaf-speed:16s}.nest-leaves span:nth-child(8){--leaf-speed:21s}.nest-leaves span:nth-child(9){--leaf-speed:19s}
html.dark .nest-leaves span{background:linear-gradient(145deg,#e2ae4b 0%,#b97a27 34%,#4c946d 72%,#285640 100%) !important;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35))}

@media (max-width: 1023.98px){
  .nest-home-hero-inner{grid-template-columns:minmax(0,1fr);gap:28px;text-align:center}
  .nest-hero-copy{max-width:820px;margin-inline:auto;text-align:center}
  .nest-hero-copy .text-left-adaptive{text-align:center}
  .nest-hero-proof-row{justify-content:center}
  .nest-hero-preview{margin-inline:auto}
  .nest-hero-title{font-size:clamp(3rem,8vw,5.2rem)}
}
@media (max-width: 767.98px){
  .nest-home-hero{min-height:680px;padding:28px 16px 36px}
  .nest-home-hero-inner{gap:22px}
  .nest-hero-title{font-size:clamp(2.7rem,11vw,4.1rem);line-height:1.0;margin-top:.9rem}
  .nest-hero-desc{font-size:.98rem;margin-top:1rem;max-width:34rem;margin-inline:auto}
  .nest-hero-copy .hero-cta-row{margin-top:1.45rem}
  .nest-hero-copy .hero-cta-row button{width:100%;min-height:52px}
  .nest-hero-proof-row{margin-top:1.25rem !important}
  .nest-proof-item{font-size:.68rem;padding:.42rem .58rem}
  .nest-hero-preview{max-width:520px !important;width:min(100%,520px)}
  .nest-hero-vignette{background:linear-gradient(180deg,rgba(247,240,226,.05),rgba(247,240,226,.16) 34%,rgba(246,239,225,.76) 78%,rgba(235,242,233,.98) 100%)}
  html.dark .nest-hero-vignette{background:linear-gradient(180deg,rgba(6,25,17,.10),rgba(8,31,22,.28) 38%,rgba(9,30,21,.80) 79%,rgba(10,30,22,.99) 100%)}
}
@media (max-width: 479.98px){
  .nest-home-hero{min-height:700px;padding-inline:13px}
  .nest-topnav-links{display:none}
  .nest-hero-eyebrow{font-size:.62rem;padding:.48rem .7rem}
  .nest-hero-title{font-size:clamp(2.45rem,12vw,3.45rem)}
  .nest-hero-proof-row{gap:.45rem;max-width:100%;}
  .nest-proof-item{font-size:.62rem;flex:1 1 calc(50% - .45rem);justify-content:center}
}
@media (prefers-reduced-motion: reduce){
  .nest-leaves span{animation:none !important;opacity:.65 !important}
  .nest-hero-copy .hero-cta-row .pulse-cta::before{display:none !important}
}
