/* LUMEN main page — sections added by Lumen/tools/build_home.py. Uses the variables of assets/lumen.css. */
.hero .lead{color:var(--sand);font-family:var(--serif);font-size:var(--step-1);line-height:1.3;margin-bottom:.8rem}
.hero .actions{align-items:center}
.hero .hero-note{margin:1.6rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.4;color:var(--sand-dim)}
.btn.ghost[data-buy]{border-color:var(--gold-soft);color:var(--gold)}

.sec > p{margin:0 0 1em;color:var(--sand-dim);max-width:34em}
.sec > p:last-child{margin-bottom:0}
.sec .big{font-family:var(--serif);font-size:var(--step-1);line-height:1.25;color:var(--sand)}
.lines{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.7rem;max-width:36em}
.lines li{position:relative;padding-left:1.6rem;color:var(--sand-dim)}
.lines li::before{content:"";position:absolute;left:.15rem;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 10px var(--gold-soft)}
.inside .lines li{color:var(--sand)}
.inside .lines{margin-top:1rem}

.steps.five li::before{content:counter(s,decimal-leading-zero)}
@media (min-width:760px){.steps.five{grid-template-columns:repeat(3,1fr);gap:2.2rem 2rem}}
.steps.five b{font-family:var(--serif);font-size:var(--step-1);line-height:1.2;margin-bottom:.4rem}
.steps .ask{list-style:none;margin:.6rem 0 0;padding:0 0 0 .9rem;border-left:1px solid var(--gold-soft);display:grid;gap:.25rem;
  font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--sand)}
.live-open{margin:1.4rem 0 0}

.faq-list{max-width:44rem;border-top:1px solid var(--sand-faint)}
.faq-list details{border-bottom:1px solid var(--sand-faint)}
.faq-list summary{list-style:none;cursor:pointer;padding:1.1rem 2.4rem 1.1rem 0;position:relative;font-weight:500;color:var(--sand)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font-family:var(--serif);
  font-size:1.6rem;line-height:1;color:var(--gold);transition:transform .25s}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-list details p{margin:0 0 1.2rem;color:var(--sand-dim);max-width:36em}

.founder .sign{margin-top:1.8rem;font-family:var(--serif);font-size:var(--step-1);line-height:1.35;color:var(--sand)}
.founder .sign span{font-style:italic}
.founder .sign b{font-weight:500}
.founder .sign small{font-family:var(--sans);font-size:var(--step--1);letter-spacing:.08em;color:var(--sand-dim)}
.steps .ask li{counter-increment:none}
.steps .ask li::before{content:none}

/* ===== theme switch (main page only; card pages stay dark) ===== */
.theme-btn .moon{display:none}
html[data-theme="light"] .theme-btn .sun{display:none}
html[data-theme="light"] .theme-btn .moon{display:block}

/* «Що всередині?» — always the inverse of the page, so it stands out in both themes */
.sec.inside{border-top:0;border-radius:22px;padding:2.2rem 1.5rem;margin-block:.5rem 2.5rem;color:var(--sand);
  --sand:#213f3c;--sand-dim:rgba(33,63,60,.8);--gold:#96701f;--gold-soft:rgba(232,196,110,.6);
  background:radial-gradient(80% 90% at 85% 0%,#fbf3da 0%,rgba(251,243,218,0) 70%),linear-gradient(160deg,#eef0e4,#dbe7e1);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
@media (min-width:760px){.sec.inside{padding:2.8rem 3rem}}
.sec.inside + .sec{border-top:0}
.sec.inside .lines{font-family:var(--serif);font-size:var(--step-1);line-height:1.25;gap:.6rem;margin-bottom:1.6rem}
.sec.inside .lines li::before{top:.55em}

/* ===== light theme «Небо і вода»: the misty sky and golden light of the card back ===== */
html[data-theme="light"]{color-scheme:light;--night:#e4ece6;--night-2:#d9e5e0;--night-3:#cbdad5;
  --sand:#213f3c;--sand-dim:rgba(33,63,60,.8);--sand-faint:rgba(33,63,60,.18);
  --gold:#96701f;--gold-soft:rgba(232,196,110,.6)}
html[data-theme="light"] body{background:linear-gradient(180deg,#c9dbd8 0,#e2ebe4 26rem,#f6f0dc 58rem,#f3ebd6 100%)}
html[data-theme="light"] .bar{background:linear-gradient(#c9dbd8 35%,rgba(201,219,216,.7) 70%,transparent)}
html[data-theme="light"] .langs,html[data-theme="light"] .icon-btn{background:rgba(255,255,255,.55)}
html[data-theme="light"] .btn{background:linear-gradient(180deg,#e3bd6a,#c99b3f);border-color:#c99b3f;color:#2b2410}
html[data-theme="light"] .btn:hover{box-shadow:0 10px 30px -10px var(--gold-soft)}
html[data-theme="light"] .btn.ghost{background:transparent;color:var(--sand);border-color:var(--sand-faint)}
html[data-theme="light"] .btn.ghost[data-buy]{border-color:var(--gold);color:var(--gold)}
html[data-theme="light"] .hero h1{color:#1b3532}
html[data-theme="light"] .hero .card3d::before{content:"";position:absolute;inset:-22%;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,rgba(255,226,150,.75),transparent)}
html[data-theme="light"] .card3d .back{box-shadow:0 34px 60px -24px rgba(33,63,60,.5),0 0 0 1px rgba(255,255,255,.5)}
html[data-theme="light"] .sec{border-top-color:rgba(150,112,31,.3)}
html[data-theme="light"] .lines li::before{box-shadow:none}
html[data-theme="light"] .order-form input[type=text],html[data-theme="light"] .order-form input[type=email],
html[data-theme="light"] .order-form textarea{background:rgba(255,255,255,.6)}
html[data-theme="light"] .order-form input:hover,html[data-theme="light"] .order-form textarea:hover{border-color:var(--gold)}
html[data-theme="light"] .order-form input:focus,html[data-theme="light"] .order-form textarea:focus{background:#fff}
html[data-theme="light"] .order-err{color:#a03a2a}
html[data-theme="light"] .order-ok{background:rgba(255,255,255,.5)}
html[data-theme="light"] .sec.inside{--sand:#f3ead6;--sand-dim:rgba(243,234,214,.8);--gold:#e3bd6a;--gold-soft:rgba(227,189,106,.4);
  background:radial-gradient(80% 90% at 85% 0%,rgba(227,189,106,.22) 0%,rgba(227,189,106,0) 70%),linear-gradient(160deg,#2a4c48,#1a302e);
  box-shadow:0 30px 60px -30px rgba(33,63,60,.6)}
html[data-theme="light"] .sec.inside .lines li::before{box-shadow:0 0 10px var(--gold-soft)}

/* ===== photos ===== */
.photo{display:block;margin:0}
.photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px;
  box-shadow:0 30px 50px -28px rgba(0,0,0,.75)}
.with-photo{display:grid;gap:1.8rem}
.with-photo .photo{max-width:24rem}
.inside.with-photo .photo{order:2}
@media (min-width:760px){
  .with-photo{align-items:center;gap:3rem}
  .inside.with-photo{grid-template-columns:1.25fr .9fr}
  .founder.with-photo{grid-template-columns:.8fr 1.2fr;align-items:start}
  .with-photo .photo{max-width:none}
}
.founder.with-photo > div > p{margin:0 0 1em;color:var(--sand-dim);max-width:34em}
.founder.with-photo > div > p.sign{margin-top:1.8rem;color:var(--sand)}
html[data-theme="light"] .founder .photo img{box-shadow:0 30px 50px -28px rgba(33,63,60,.55)}