:root { --ink:#0c2d4a; --navy:#092843; --gold:#c79a47; --paper:#fbf9f5; --cream:#f3eee5; --mist:#e8e5df; --line:rgba(12,45,74,.15); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Manrope',sans-serif; }
a { color:inherit; text-decoration:none; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:'Cormorant Garamond',serif; font-weight:500; letter-spacing:-.035em; }
h2 { font-size:clamp(48px,5.2vw,84px); line-height:.98; }
em { color:var(--gold); font-weight:400; }
.eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 26px; color:var(--gold); text-transform:uppercase; font-size:10px; font-weight:800; letter-spacing:.24em; }
.eyebrow > span { width:28px; height:1px; background:var(--gold); }
.centered { justify-content:center; }

.site-header { height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,6.5vw,100px); background:var(--navy); color:white; border-bottom:1px solid rgba(255,255,255,.09); position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:7px; color:var(--gold); font-family:'Manrope',sans-serif; font-size:25px; font-weight:500; letter-spacing:.12em; white-space:nowrap; }
.brand-mark { width:36px; height:36px; border:2px solid var(--gold); border-radius:50%; display:grid; place-items:center; }
.brand-mark i { width:20px; height:20px; border:2px solid var(--gold); border-radius:50%; position:relative; }
.brand-mark i::after { content:''; position:absolute; inset:4px; border:1px solid var(--gold); border-radius:50%; }
nav { display:flex; gap:clamp(22px,3vw,44px); font-family:'Cormorant Garamond',serif; font-size:17px; }
nav a { transition:color .2s; }
nav a:hover { color:var(--gold); }
.header-cta { border:1px solid var(--gold); color:var(--gold); padding:11px 18px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

.hero { min-height:565px; display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); overflow:hidden; }
.hero-copy { padding:clamp(62px,7vw,92px) clamp(28px,6.8vw,104px) 54px; background:linear-gradient(90deg,#faf8f3 82%,rgba(250,248,243,.86)); position:relative; z-index:2; }
h1 { margin:0; font-size:clamp(68px,6.4vw,101px); line-height:.83; }
.hero-lead { max-width:580px; margin:35px 0 0; font-family:'Cormorant Garamond',serif; font-size:clamp(20px,1.5vw,25px); line-height:1.35; }
.hero-detail { max-width:510px; margin:17px 0 0; color:rgba(12,45,74,.7); font-size:13px; line-height:1.6; }
.hero-actions { margin-top:26px; }
.primary-button,.buy-button,.light-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; transition:transform .2s,box-shadow .2s; }
.primary-button { padding:15px 20px 15px 24px; border-radius:12px; background:linear-gradient(135deg,#d7b468,#bd8e37); color:#142d3f; font-family:'Cormorant Garamond',serif; font-size:18px; box-shadow:0 10px 28px rgba(168,120,39,.18); }
.primary-button:hover,.buy-button:hover,.light-button:hover { transform:translateY(-2px); }
.primary-button span { font-size:22px; }
.hero-price { display:flex; gap:10px; margin:18px 0 0; color:rgba(12,45,74,.7); font-family:'Cormorant Garamond',serif; font-size:16px; }
.hero-visual { min-height:565px; background:linear-gradient(rgba(9,40,67,.05),rgba(9,40,67,.12)),url('/klid_uprostred_chaosu/assets/barushow-barbara-stage.jpg') 57% center/cover no-repeat; }

.promise { padding:95px clamp(28px,7vw,110px) 100px; text-align:center; }
.promise h2 { max-width:980px; margin:0 auto; }
.promise-line { width:42px; height:1px; margin:25px auto 20px; background:var(--gold); }
.promise-grid { display:grid; grid-template-columns:repeat(3,1fr); max-width:1280px; margin:0 auto; }
.promise-grid article { padding:28px 45px 0; min-height:230px; border-right:1px solid var(--line); }
.promise-grid article:last-child { border-right:0; }
.round-icon { width:66px; height:66px; display:grid; place-items:center; margin:0 auto 24px; border:1px solid var(--gold); border-radius:50%; color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:31px; }
.promise-grid h3 { margin:0 0 10px; font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:500; }
.promise-grid p { max-width:320px; margin:0 auto; color:rgba(12,45,74,.67); font-size:13px; line-height:1.7; }

.recognition { display:grid; grid-template-columns:1fr .86fr; gap:clamp(55px,8vw,120px); padding:125px clamp(28px,7vw,110px); background:var(--navy); color:white; position:relative; }
.recognition-copy h2 { font-size:clamp(52px,5vw,78px); }
.recognition-lead { max-width:610px; margin:32px 0 0; color:rgba(255,255,255,.63); font-size:14px; line-height:1.85; }
.recognition-list { padding-top:32px; }
.recognition-list p { display:flex; gap:22px; margin:0; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.14); font-family:'Cormorant Garamond',serif; font-size:21px; line-height:1.3; }
.recognition-list span { color:var(--gold); font-family:'Manrope',sans-serif; font-size:10px; padding-top:7px; }
.relief-note { grid-column:1/-1; display:flex; align-items:center; gap:38px; padding:28px 34px; margin-top:10px; border:1px solid rgba(199,154,71,.45); background:rgba(255,255,255,.04); }
.relief-note p { margin:0; color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:25px; white-space:nowrap; }
.relief-note strong { font-size:13px; line-height:1.7; font-weight:500; }

.mechanism { padding:120px clamp(28px,8vw,130px); text-align:center; background:var(--cream); }
.mechanism h2 { margin-bottom:35px; }
.mechanism-lead { max-width:820px; margin:0 auto; color:rgba(12,45,74,.68); font-size:14px; line-height:1.9; }
.signal-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:24px; align-items:center; max-width:1020px; margin:65px auto 0; }
.signal-flow span { min-height:104px; display:grid; place-items:center; padding:20px; border:1px solid rgba(199,154,71,.55); border-radius:14px; background:rgba(255,255,255,.5); font-family:'Cormorant Garamond',serif; font-size:21px; }
.signal-flow b { color:var(--gold); font-size:22px; }

.phases { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(65px,9vw,140px); padding:130px clamp(28px,7vw,110px); }
.section-intro { align-self:start; position:sticky; top:40px; }
.section-intro h2 { font-size:clamp(54px,5.5vw,86px); }
.section-intro > p:last-child { max-width:440px; margin:34px 0 0; color:rgba(12,45,74,.66); font-size:13px; line-height:1.85; }
.phase { display:grid; grid-template-columns:70px 1fr; gap:25px; padding:0 0 45px; margin-bottom:45px; border-bottom:1px solid var(--line); }
.phase:last-child { margin-bottom:0; }
.phase-number { width:56px; height:56px; display:grid; place-items:center; border:1px solid var(--gold); border-radius:50%; color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:20px; }
.phase-label { margin:3px 0 12px; color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.2em; }
.phase h3 { margin:0 0 16px; font-family:'Cormorant Garamond',serif; font-size:32px; font-weight:500; }
.phase div > p:not(.phase-label) { color:rgba(12,45,74,.66); font-size:13px; line-height:1.8; }
.phase ul { margin:22px 0 0; padding:0; list-style:none; }
.phase li { padding:8px 0 8px 24px; position:relative; font-size:12px; }
.phase li::before { content:'✓'; position:absolute; left:0; color:var(--gold); }

.daily { display:grid; grid-template-columns:1fr 1fr; min-height:690px; background:var(--navy); color:white; }
.daily-art { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 42%,rgba(199,154,71,.23),transparent 26%),linear-gradient(145deg,#153c59,#092843); }
.daily-art::before,.daily-art::after { content:''; position:absolute; border:1px solid rgba(199,154,71,.38); border-radius:50%; }
.daily-art::before { width:430px; height:430px; }.daily-art::after { width:580px; height:580px; }
.daily-art span { z-index:1; color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:180px; line-height:.8; }
.daily-art p { z-index:1; margin:22px 0 0; color:rgba(255,255,255,.8); font-family:'Cormorant Garamond',serif; font-size:26px; text-align:center; line-height:1.2; }
.daily-copy { display:flex; flex-direction:column; justify-content:center; padding:90px clamp(40px,8vw,125px); }
.daily-copy h2 { color:var(--gold); font-size:clamp(55px,5.6vw,88px); }
.practice-meaning { margin:25px 0 24px; font-family:'Cormorant Garamond',serif; font-size:23px; line-height:1.45; }
.daily-copy > p:not(.eyebrow):not(.practice-meaning) { color:rgba(255,255,255,.63); font-size:13px; line-height:1.85; }
.daily blockquote { margin:28px 0 0; padding:20px 0 20px 24px; border-left:1px solid var(--gold); color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:25px; font-style:italic; }

.included { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(65px,9vw,140px); padding:130px clamp(28px,7vw,110px); background:var(--cream); }
.compact h2 { font-size:clamp(52px,5.2vw,80px); }
.included-list { border-top:1px solid var(--line); }
.included-list article { display:grid; grid-template-columns:50px .72fr 1fr; gap:24px; align-items:start; padding:30px 0; border-bottom:1px solid var(--line); }
.included-list span { color:var(--gold); font-family:'Cormorant Garamond',serif; font-style:italic; }
.included-list h3 { margin:0; font-family:'Cormorant Garamond',serif; font-size:25px; font-weight:500; }
.included-list p { margin:0; color:rgba(12,45,74,.64); font-size:12px; line-height:1.7; }

.format-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:0 clamp(28px,7vw,110px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.format-strip div { min-height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border-right:1px solid var(--line); text-align:center; }
.format-strip div:first-child { border-left:1px solid var(--line); }
.format-strip strong { color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:50px; font-weight:500; }
.format-strip span { font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }

.about { display:grid; grid-template-columns:1fr 1fr; min-height:700px; }
.about-image { background:linear-gradient(rgba(9,40,67,.08),rgba(9,40,67,.08)),url('/klid_uprostred_chaosu/assets/barushow-audience.jpg') center center/cover no-repeat; }
.about-copy { display:flex; flex-direction:column; justify-content:center; padding:90px clamp(40px,8vw,125px); background:var(--cream); }
.about-copy h2 { font-size:clamp(54px,5.6vw,88px); }
.about-lead { margin:32px 0 20px; font-family:'Cormorant Garamond',serif; font-size:23px; line-height:1.5; }
.about-copy > p:not(.eyebrow):not(.about-lead) { color:rgba(12,45,74,.66); font-size:13px; line-height:1.85; }
.signature { margin-top:25px; color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:31px; font-style:italic; }

.offer { display:grid; grid-template-columns:1fr .78fr; gap:clamp(60px,9vw,140px); align-items:center; padding:125px clamp(28px,8vw,130px); background:#e5e9e7; }
.offer-copy h2 { font-size:clamp(62px,6vw,96px); }
.offer-copy > p:not(.eyebrow) { max-width:560px; margin:30px 0; color:rgba(12,45,74,.68); font-size:14px; line-height:1.85; }
.offer-badges { display:flex; flex-wrap:wrap; gap:10px; }
.offer-badges span { padding:10px 14px; border:1px solid rgba(12,45,74,.22); border-radius:999px; font-size:10px; font-weight:700; }
.price-card { padding:48px; background:var(--navy); color:white; border-radius:3px; box-shadow:0 26px 70px rgba(9,40,67,.18); }
.price-card > p { color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.22em; }
.price-card h3 { margin:12px 0 25px; font-family:'Cormorant Garamond',serif; font-size:38px; font-weight:500; }
.price-card ul { margin:0 0 28px; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.14); }
.price-card li { padding:13px 0 13px 24px; border-bottom:1px solid rgba(255,255,255,.14); position:relative; font-size:12px; }
.price-card li::before { content:'✓'; position:absolute; left:0; color:var(--gold); }
.price { display:flex; align-items:end; justify-content:space-between; margin:18px 0 25px; }
.price span { color:rgba(255,255,255,.55); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.price strong { color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:44px; font-weight:500; }
.buy-button { width:100%; padding:17px 20px; background:linear-gradient(135deg,#d7b468,#bd8e37); color:var(--navy); border-radius:8px; font-family:'Cormorant Garamond',serif; font-size:18px; }
.price-card small { display:block; margin-top:15px; color:rgba(255,255,255,.5); font-size:9px; text-align:center; }

.faq { display:grid; grid-template-columns:.6fr 1.4fr; gap:clamp(70px,10vw,170px); padding:130px clamp(28px,7vw,110px); }
.faq-title h2 { font-size:clamp(60px,6.5vw,100px); }
.faq-list { border-top:1px solid var(--line); }
details { border-bottom:1px solid var(--line); }
summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:20px; padding:27px 0; font-family:'Cormorant Garamond',serif; font-size:23px; font-weight:500; }
summary::-webkit-details-marker { display:none; }
summary span { color:var(--gold); font-family:'Manrope',sans-serif; font-size:24px; font-weight:300; transition:transform .2s; }
details[open] summary span { transform:rotate(45deg); }
details p { max-width:700px; margin:-5px 50px 27px 0; color:rgba(12,45,74,.64); font-size:13px; line-height:1.8; }

.final-cta { display:flex; min-height:610px; flex-direction:column; align-items:center; justify-content:center; padding:90px 28px; background:radial-gradient(circle at center,rgba(199,154,71,.14),transparent 31%),var(--navy); color:white; text-align:center; overflow:hidden; }
.final-cta h2 { max-width:1050px; font-size:clamp(56px,6.8vw,108px); }
.final-cta > p:not(.eyebrow) { margin:30px 0; color:rgba(255,255,255,.62); font-size:13px; }
.light-button { padding:16px 21px 16px 25px; border-radius:10px; background:var(--paper); color:var(--navy); font-family:'Cormorant Garamond',serif; font-size:18px; box-shadow:0 12px 35px rgba(0,0,0,.15); }
.light-button span { color:var(--gold); font-size:22px; }

footer { min-height:130px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:28px clamp(28px,6.5vw,100px); background:var(--navy); color:rgba(255,255,255,.58); border-top:1px solid rgba(255,255,255,.09); font-size:9px; }
footer .brand { font-size:18px; } footer .brand-mark { width:28px; height:28px; } footer .brand-mark i { width:15px; height:15px; }
footer p { margin:0; text-align:center; } footer > div { display:flex; justify-content:flex-end; gap:22px; }

@media (max-width:950px) {
  nav { display:none; }
  .hero,.daily,.about { grid-template-columns:1fr; }
  .hero-copy { order:1; }.hero-visual { min-height:520px; order:0; background-position:57% center; }
  .promise-grid { grid-template-columns:1fr; }.promise-grid article { border-right:0; border-bottom:1px solid var(--line); }
  .recognition,.phases,.included,.offer,.faq { grid-template-columns:1fr; }
  .section-intro { position:static; }.recognition { gap:35px; }.relief-note { display:block; }.relief-note p { white-space:normal; margin-bottom:12px; }
  .signal-flow { grid-template-columns:1fr; }.signal-flow b { transform:rotate(90deg); }
  .daily-art { min-height:600px; }.about-image { min-height:620px; background-position:center center; }
  .format-strip { grid-template-columns:1fr 1fr; }.format-strip div:nth-child(3) { border-left:1px solid var(--line); }
}
@media (max-width:560px) {
  .site-header { height:72px; padding:0 20px; }.brand { font-size:17px; }.brand-mark { width:28px; height:28px; }.brand-mark i { width:15px; height:15px; }.header-cta { display:none; }
  .hero-visual { min-height:390px; }.hero-copy { padding:52px 22px 55px; } h1 { font-size:59px; }.hero-lead { font-size:20px; }.primary-button { width:100%; gap:12px; font-size:16px; }
  .promise,.recognition,.mechanism,.phases,.included,.offer,.faq { padding:80px 22px; }
  h2 { font-size:46px; }.recognition h2,.section-intro h2,.compact h2,.offer-copy h2,.faq-title h2 { font-size:49px; }
  .recognition-list p { font-size:19px; }.phase { grid-template-columns:48px 1fr; gap:16px; }.phase-number { width:44px; height:44px; }
  .daily-art { min-height:480px; }.daily-art span { font-size:135px; }.daily-art::before { width:320px; height:320px; }.daily-art::after { width:430px; height:430px; }.daily-copy { padding:75px 24px; }
  .included-list article { grid-template-columns:38px 1fr; }.included-list p { grid-column:2; }
  .format-strip { padding:0; }.format-strip div { min-height:135px; }.format-strip strong { font-size:40px; }.format-strip span { font-size:8px; }
  .about-image { min-height:500px; }.about-copy { padding:75px 24px; }.price-card { padding:35px 25px; }.price { align-items:flex-start; flex-direction:column; gap:8px; }
  .faq { gap:45px; }.final-cta { min-height:560px; }.final-cta h2 { font-size:51px; }
  footer { grid-template-columns:1fr; justify-items:center; gap:25px; padding:38px 22px; } footer > div { justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }