/* Feldkorb Landing — shared styles (editorial, Sage/Oliv + Fraunces × Geist) */
:root{
  --moss:#566246;--moss-deep:#3c4633;--sage:#a4c2a5;--sage-soft:#e7ede4;
  --bone:#f1f2eb;--paper:#fbfbf7;--mist:#d8dad3;
  --text:#4a4a48;--text2:#7c7e74;--muted:#7c7e74;--border:#dcddd4;--rule:#d8dad3;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bone);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--moss);text-decoration:none}a:hover{color:var(--moss-deep)}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background 300ms,border-color 300ms;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(241,242,235,0.88);backdrop-filter:blur(12px);border-color:var(--border)}
.nav-inner{display:flex;align-items:center;gap:32px;height:68px}
.logo{display:flex;align-items:center;gap:9px}
.wm{font-size:20px;letter-spacing:-0.01em;line-height:1;white-space:nowrap}
.wm .m{font-weight:400;color:rgba(255,255,255,0.72)}.wm .b{font-weight:600;color:#fff}
.nav.scrolled .wm .m{color:var(--text2)}.nav.scrolled .wm .b{color:var(--moss)}
.nav-links{display:flex;gap:26px;margin-left:auto}
.nav-links a{font-size:14px;font-weight:500;color:rgba(255,255,255,0.85)}
.nav.scrolled .nav-links a{color:var(--text2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:opacity 150ms,background 150ms}
.btn:hover{opacity:0.9}
.btn-nav{background:#fff;color:var(--moss-deep) !important;border-radius:11px;height:44px;padding:0 20px;font-size:14px}
.nav.scrolled .btn-nav{background:var(--moss);color:#fff !important}
.btn-login{background:transparent;color:#fff !important;border:1.5px solid rgba(255,255,255,0.45);border-radius:11px;height:44px;padding:0 20px;font-size:14px}
.nav.scrolled .btn-login{color:var(--moss-deep) !important;border-color:var(--border);background:#fff}
.btn-white{background:var(--bone);color:var(--moss-deep) !important;border-radius:12px;height:54px;padding:0 28px;font-size:15.5px}
.btn-glass{background:rgba(255,255,255,0.12);color:#fff !important;border:1.5px solid rgba(255,255,255,0.42);border-radius:12px;height:54px;padding:0 28px;font-size:15.5px;backdrop-filter:blur(6px)}
/* Cine hero */
.cine{position:relative;height:78vh;min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cine.tall{height:100vh;min-height:640px}
.cine-bg{position:absolute;inset:0}
.cine-bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);filter:saturate(0.82) contrast(0.98) brightness(0.97);transition:transform 1.6s cubic-bezier(0,0,0.2,1)}
.cine.inview .cine-bg img{transform:scale(1)}
.cine-shade{position:absolute;inset:0;background:linear-gradient(rgba(28,32,24,0.55),rgba(28,32,24,0.24) 45%,rgba(28,32,24,0.6))}
.cine-content{position:relative;z-index:2;text-align:center;padding:0 28px;max-width:880px}
.rv{opacity:0;transform:translateY(36px);transition:opacity 900ms cubic-bezier(0,0,0.2,1),transform 900ms cubic-bezier(0,0,0.2,1)}
.rv.d1{transition-delay:120ms}.rv.d2{transition-delay:260ms}.rv.d3{transition-delay:400ms}
.inview .rv,.rv.inview{opacity:1;transform:none}
.cine-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.78);margin-bottom:22px}
.cine-eyebrow::before,.cine-eyebrow::after{content:'';width:24px;height:1.5px;background:var(--sage)}
.cine h1{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(42px,5.6vw,76px);font-weight:350;letter-spacing:-0.025em;line-height:1.02;color:#fff;margin-bottom:22px;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,0.24)}
.cine h1 .soft,.cine .soft{color:rgba(255,255,255,0.72);font-style:italic;font-weight:380}
.cine p{font-size:clamp(16px,1.5vw,20px);color:rgba(255,255,255,0.86);max-width:600px;margin:0 auto 32px;text-wrap:pretty;text-shadow:0 2px 16px rgba(0,0,0,0.3)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
/* ── Editorial sections ── */
.section{padding:110px 0}
.sec-head{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:baseline;padding-bottom:36px;border-bottom:1px solid var(--text)}
.sec-index{font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}
.sec-index b{font-family:var(--serif);font-weight:500;color:var(--sage);margin-right:10px}
.section h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-0.02em;line-height:1.1;text-wrap:balance}
.sec-sub{font-size:16.5px;color:var(--text2);max-width:600px;margin-top:14px;text-wrap:pretty}
/* Steps: numbered editorial rows */
.how{margin-top:0}
.how-row{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:44px 0;border-bottom:1px solid var(--rule)}
.how-row:last-child{border-bottom:none}
.how-num{font-family:var(--serif);font-size:52px;font-weight:400;letter-spacing:-0.02em;line-height:0.9;color:var(--sage)}
.how-row h3{font-size:21px;font-weight:600;letter-spacing:-0.01em;margin-bottom:10px}
.how-row p{font-size:15.5px;color:var(--text2);max-width:680px}
.how-row .tip{display:flex;gap:10px;align-items:baseline;margin-top:14px;font-size:13.5px;color:var(--moss);font-weight:500;max-width:640px}
.how-row .tip::before{content:'→';flex-shrink:0}
/* Benefits: two-column editorial index */
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.benefit{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:30px 0;border-bottom:1px solid var(--rule);align-items:start}
.benefit .ic{color:var(--moss);padding-top:3px}
.benefit h3{font-size:16.5px;font-weight:600;margin-bottom:6px;letter-spacing:-0.01em}
.benefit p{font-size:14px;color:var(--text2)}
/* Market split */
.market{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.market-img{overflow:hidden;aspect-ratio:4/3;position:relative}
.market-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.85) contrast(0.98)}
.market-img::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(60,70,51,0.1)}
.market h2{font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-0.02em;line-height:1.12;text-wrap:balance}
.market .sec-index{margin-bottom:16px;display:block}
.market-points{margin-top:30px}
.market-point{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--rule);align-items:start}
.market-point .ic{color:var(--moss);padding-top:2px}
.market-point b{display:block;font-size:15px;margin-bottom:3px;font-weight:600}
.market-point p{font-size:13.5px;color:var(--text2)}
.slot-line{margin-top:24px;font-size:13px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted)}
.slot-line span{color:var(--moss-deep)}
.slot-line em{font-style:normal;color:var(--sage);margin:0 10px}
/* FAQ: bare rules */
.faq{margin-top:0}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;font-size:16px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:24px;font-weight:300;color:var(--muted);flex-shrink:0;line-height:1}
.faq details[open] summary::after{content:'−'}
.faq .faq-body{padding:0 0 24px;font-size:14.5px;color:var(--text2);max-width:760px}
/* CTA: full-bleed dark strip */
.cta-strip{background:var(--moss-deep);padding:96px 0;text-align:center}
.cta-strip h2{font-family:var(--serif);color:#fff;font-size:clamp(30px,3.4vw,46px);font-weight:380;letter-spacing:-0.015em}
.cta-strip p{color:rgba(255,255,255,0.68);font-size:16.5px;max-width:520px;margin:14px auto 36px}
footer{border-top:1px solid var(--border);padding:36px 0 44px}
.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot .wm .m{color:var(--text2)}.foot .wm .b{color:var(--moss)}
.foot-links{display:flex;gap:22px;font-size:13px}
.foot-links a{color:var(--muted)}
.foot-copy{font-size:12.5px;color:var(--muted)}
@media (max-width:860px){
  .nav-links{display:none}
  .benefits{grid-template-columns:1fr}
  .market{grid-template-columns:1fr;gap:40px}
  .how-row{grid-template-columns:1fr;gap:10px;padding:34px 0}
  .how-num{font-size:40px}
  .sec-head{grid-template-columns:1fr;gap:10px}
  .cine{min-height:520px}
}