/* LUCIA Coastal Light — an original, bright tropical identity. */
:root{
  --bg:#f7f3ef;
  --bg2:#eaf7f6;
  --panel:rgba(255,255,255,.84);
  --panel2:#fffaf7;
  --text:#102c40;
  --muted:#5d7281;
  --cyan:#22b9cf;
  --mint:#2fcaa0;
  --blue:#578be8;
  --violet:#9166dd;
  --pink:#e9588f;
  --green:#24b887;
  --gold:#dc8b3c;
  --line:rgba(37,111,134,.18);
  --line2:rgba(37,75,94,.13);
  --shadow:0 24px 70px rgba(27,82,99,.14)
}

html{background:#f7f3ef}
body{
  background:
    radial-gradient(circle at 88% 2%,rgba(236,104,151,.18),transparent 25%),
    radial-gradient(circle at 8% 21%,rgba(37,190,207,.14),transparent 27%),
    linear-gradient(180deg,#fffaf7 0,#edf9f8 44%,#fff7f1 100%)!important;
  color:var(--text)!important
}
body:before{opacity:.015!important}
.noise{opacity:.015!important;mix-blend-mode:multiply}
h1,h2,h3{color:#102c40}
p{letter-spacing:.002em}

/* Navigation */
.nav,.topbar{
  background:rgba(255,252,249,.86)!important;
  border-bottom:1px solid rgba(37,111,134,.14)!important;
  box-shadow:0 8px 30px rgba(27,82,99,.07)
}
.brand,.brandcopy strong,.footerBrand{color:#102c40}
.brand small,.brandcopy small{color:#627b88!important}
.links,.navlinks{color:#405f70!important}
.links a:hover,.navlinks a:hover{color:#d84f87!important}
.logo,.brandmark{
  color:#0c2a38!important;
  background:linear-gradient(135deg,#8ef1da,#50d7e5 42%,#9ba9ef 72%,#ee8aae)!important;
  box-shadow:0 10px 28px rgba(47,175,190,.2)!important
}

/* Calls to action */
.btn.primary,.pill.primary,.primary.btn{
  color:#fff!important;
  background:linear-gradient(115deg,#ea5f94,#a865df 50%,#28bad0)!important;
  box-shadow:0 13px 34px rgba(164,89,176,.22)!important
}
.btn.ghost,.pill.ghost,.ghost.btn{
  color:#17384c!important;
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(37,111,134,.2)!important;
  box-shadow:0 8px 24px rgba(27,82,99,.06)
}
.btn:hover,.pill:hover{box-shadow:0 16px 38px rgba(112,92,158,.2)}
.kicker,.eyebrow,.status,.networkLabel{
  color:#176f82!important;
  border-color:rgba(34,185,207,.28)!important;
  background:rgba(255,255,255,.7)!important
}
.live-dot,.status:before,.open:before,.open-badge:before,.openBadge:before,.status-chip:before{background:#25ba8d!important}
.status-chip,.open,.open-badge,.openBadge{
  color:#147559!important;
  background:rgba(36,184,135,.1)!important;
  border-color:rgba(36,184,135,.22)!important
}
.limited,.testnetBadge{
  color:#965716!important;
  background:rgba(255,189,104,.15)!important;
  border-color:rgba(220,139,60,.28)!important
}

/* Main French hero: real tropical coastline with the product still in focus. */
.hero .visual{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.74);
  border-radius:34px;
  background:
    linear-gradient(90deg,rgba(255,250,247,.12),rgba(255,250,247,0) 55%),
    url('/assets/lucia-coast-hero-v1.webp') center/cover no-repeat!important;
  box-shadow:0 34px 90px rgba(29,92,108,.2),inset 0 0 0 1px rgba(255,255,255,.42)
}
.hero .visual .skyglow,.hero .visual .city,.hero .visual .coast,.hero .visual .road,.hero .visual .palm{display:none!important}
.hero .visual .phone{z-index:2}
.heroGrid{gap:clamp(34px,5vw,76px)}
.hero h1,.subhero h1,.growth-hero h1{color:#102c40}
.grad,.gradient{
  background:linear-gradient(100deg,#e4568c 0,#b164df 47%,#1aaec6 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important
}
.lead,.hero-lead,.section-copy,.head p,.sectionHead p,.section-head p,.networkIntro p,.networkCard>p{
  color:var(--muted)!important
}
.chips .chip,.trustline span{
  color:#355a6c!important;
  border-color:rgba(37,111,134,.2)!important;
  background:rgba(255,255,255,.65)!important
}
.proofbar,.metrics{
  border-color:rgba(37,111,134,.15)!important;
  background:rgba(255,255,255,.52)!important;
  box-shadow:0 18px 55px rgba(27,82,99,.08)!important
}
.proof+.proof,.metrics div{border-color:rgba(37,111,134,.13)!important}
.proof span,.metrics span{color:#627987!important}

/* Generated localized hero pages. */
body[data-page="index"] .shell.hero{
  width:min(1220px,calc(100% - 28px));
  min-height:720px;
  margin-top:26px;
  margin-bottom:26px;
  padding:72px clamp(26px,5vw,68px);
  border:1px solid rgba(255,255,255,.78);
  border-radius:36px;
  background:
    linear-gradient(90deg,rgba(255,250,247,.97) 0,rgba(255,250,247,.91) 39%,rgba(255,250,247,.36) 66%,rgba(255,250,247,.08) 100%),
    url('/assets/lucia-coast-hero-v1.webp') center/cover no-repeat!important;
  box-shadow:0 36px 90px rgba(29,92,108,.17)
}
body[data-page="index"] .device-stage{min-height:610px}

/* Light editorial surfaces */
.card,.content-card,.feature,.security-card,.trust-card,.promo-card,.proof,.step,.principle,.item,
.decision-stack>div,.connector,.runtime-step,.runtimeStep,.validation-card,.release-panel,.releaseMain,.releaseAside,
.growth-card,.networkCard,.networkBanner,.app-band,.access-card,.form-card,.formCard,details{
  color:#17364a;
  border-color:rgba(37,111,134,.16)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 18px 55px rgba(27,82,99,.09)!important;
  backdrop-filter:blur(12px)
}
.feature.large,.growth-card.investor,.growth-card.partner,.networkCard.investor,.networkCard.partner,.statement{
  background:
    radial-gradient(circle at 94% 4%,rgba(234,95,148,.16),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,249,248,.84))!important
}
.card p,.feature p,.security-card p,.trust-card span,.promo-card p,.promo p,.principle p,.item span,.step p,.step span,
.growth-card p,.growth-card ul,.networkList li,.content-card p,.validation-card p,.release-panel p,.runtime-step small,.runtimeStep span{
  color:#5f7482!important
}
.feature-icon,.featureIcon,.icon,.step-num,.stepNum,.decision-icon,.connector .symbol,.runtime-step>span,.runtimeStep b{
  color:#147b91!important;
  border-color:rgba(34,185,207,.2)!important;
  background:linear-gradient(135deg,rgba(64,211,218,.15),rgba(235,105,153,.12))!important
}
.mini-rows span,.checks .check,.check,.badge-line span,.badgeLine span,.tag{
  color:#3e5f70!important;
  border-color:rgba(37,111,134,.15)!important;
  background:rgba(244,251,250,.86)!important
}
.check:has(input:checked){border-color:rgba(34,185,207,.46)!important;background:rgba(34,185,207,.1)!important}
.validation-list,.validation{
  border-color:rgba(37,111,134,.16)!important;
  background:rgba(250,255,254,.72)!important
}
.validation-list div,.validationRow{
  color:#58717e!important;
  border-color:rgba(37,111,134,.12)!important;
  background:rgba(255,255,255,.55)!important
}
.validation-list b,.pass{color:#158364!important}
.pending,.validation-list .pending{color:#a8621e!important}
.legal-callout,.legalCallout{
  color:#5e6770!important;
  background:rgba(255,238,214,.64)!important;
  border-left-color:#df9250!important
}
.legal-callout strong,.legalCallout strong{color:#493522!important}

/* Security gets its own daylight waterfront moment. */
.banner{
  background:
    linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.72)),
    url('/assets/lucia-coast-trust-v1.webp') center/cover no-repeat!important
}
#security .split-section{
  padding:clamp(28px,5vw,60px);
  border:1px solid rgba(255,255,255,.8);
  border-radius:32px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.86) 52%,rgba(255,255,255,.68) 100%),
    url('/assets/lucia-coast-trust-v1.webp') center/cover no-repeat;
  box-shadow:0 24px 70px rgba(27,82,99,.13)
}
.networkBanner{
  background:
    linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.68)),
    url('/assets/lucia-coast-trust-v1.webp') center/cover no-repeat!important
}

/* Tester recruitment: inviting, readable and conversion-focused. */
.betaSec{
  padding-inline:14px;
  background:
    linear-gradient(90deg,rgba(247,252,250,.95),rgba(255,247,241,.8)),
    url('/assets/lucia-coast-trust-v1.webp') center/cover no-repeat!important
}
.betaSec:before{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)!important}
.beta-intake{
  overflow:hidden;
  border-color:rgba(255,255,255,.8)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.82)),
    url('/assets/lucia-coast-trust-v1.webp') center/cover no-repeat!important;
  box-shadow:0 28px 80px rgba(27,82,99,.15)!important
}
.beta-intro p,.betaPitch p{color:#55707f!important}

/* Forms */
.field input,.field select,.field textarea,.secure-form input,.secure-form select,.secure-form textarea,
.access-card input{
  color:#17364a!important;
  border-color:rgba(37,111,134,.2)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 2px rgba(27,82,99,.04);
  color-scheme:light!important
}
.field input::placeholder,.field textarea::placeholder{color:#82949e!important}
.field>label,.field>span,.secure-form label,.secure-form legend,fieldset legend{color:#405f70!important}
.consent,.privacyNote,.privacy-note,.form-note{color:#607886!important}
.consent a,.text-link{color:#087f9b!important}
.formStatus.ok{color:#147b5e!important}.formStatus.error{color:#c84666!important}

/* Preserve the deliberate dark product UI as the visual anchor. */
.phone,.screen,.terminal-card{color:#f7f8ff!important}
.terminal-card{background:#0a1420!important;border-color:#20394f!important;box-shadow:0 28px 70px rgba(20,46,59,.25)!important}
.phone h1,.phone h2,.phone h3,.phone b,.phone strong{color:#f7f8ff}

/* Subpages and footer */
.subhero,.growth-hero{
  background:
    radial-gradient(circle at 86% 16%,rgba(234,95,148,.16),transparent 26%),
    radial-gradient(circle at 65% 0,rgba(34,185,207,.13),transparent 31%)
}
.footer,footer{
  color:#b9cad2!important;
  border-top-color:rgba(255,255,255,.08)!important;
  background:#102d40!important
}
.footer .brand,.footer .brandcopy strong,footer .footerBrand{color:#fff!important}
.footer p,.footer a,footer a{color:#c4d2d8!important}
.footer .brandcopy small{color:#9fb5c0!important}

@media(max-width:980px){
  body[data-page="index"] .shell.hero{
    background:
      linear-gradient(180deg,rgba(255,250,247,.97) 0,rgba(255,250,247,.88) 46%,rgba(255,250,247,.28) 100%),
      url('/assets/lucia-coast-hero-v1.webp') center/cover no-repeat!important
  }
  #security .split-section{background-position:64% center}
}
@media(max-width:620px){
  .hero .visual{min-height:520px;background-position:60% center!important}
  body[data-page="index"] .shell.hero{
    width:min(100% - 18px,1220px);
    min-height:auto;
    margin-top:9px;
    padding:48px 20px 34px;
    border-radius:26px;
    background:
      linear-gradient(180deg,rgba(255,250,247,.98) 0,rgba(255,250,247,.93) 48%,rgba(255,250,247,.42) 100%),
      url('/assets/lucia-coast-hero-v1.webp') 58% center/cover no-repeat!important
  }
  body[data-page="index"] .device-stage{min-height:570px}
  .betaSec{padding-inline:0}
  .beta-intake{border-radius:24px!important}
  #security .split-section{padding:24px;border-radius:24px}
}
@media(prefers-reduced-motion:reduce){
  .btn,.pill{transition:none!important}
}