.story{padding-block:96px;border-top:1px solid var(--line)}
.story-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:5vw;align-items:start}
.story-head h2,.trust h2,.faq h2,.final-cta h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,4.6rem);font-weight:400;letter-spacing:-.05em;line-height:1.03}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
.story-grid article{padding:12px 12px 26px;border:1px solid var(--line);border-radius:18px;background:#fff}
.story-image{aspect-ratio:16/9;overflow:hidden;border-radius:11px;background:#e8f2f9}
.story-image img{display:block;width:100%;height:100%;object-fit:contain}
.story-grid article>span{display:block;margin:22px 10px 10px;color:#4f82b0;font-size:.72rem;font-weight:800;letter-spacing:.1em}
.story-grid h3{margin:0 10px 12px;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:400;line-height:1.12}
.story-grid p{margin:0 10px;color:var(--muted);font-size:.9rem;line-height:1.65}
.trust{padding-block:96px;background:var(--navy-deep);color:#fff}
.trust-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.trust h2{font-size:clamp(2.5rem,4.5vw,4.1rem)}
.trust ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.trust li{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.trust li strong{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:400}
.trust li span{color:#bfd2e2;font-size:.88rem;line-height:1.6}
.plans{padding-block:100px}
.billing-toggle{width:max-content;display:flex;gap:4px;margin:32px auto 40px;padding:4px;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.billing-toggle button{padding:9px 15px;border:0;border-radius:999px;background:transparent;color:#cbdcea;font:inherit;font-size:.82rem;cursor:pointer}
.billing-toggle button.active{background:#fff;color:var(--navy);font-weight:700}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}
.plan-grid article{position:relative;display:flex;flex-direction:column;min-height:510px;padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.07)}
.plan-grid article.featured{background:#fff;color:var(--ink)}
.badge{position:absolute;top:18px;right:18px;padding:6px 9px;border-radius:999px;background:#d8f4f0;color:#12665d;font-size:.68rem;font-weight:800}
.plan-name{margin:0 0 18px;color:#9fc8ea;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.featured .plan-name{color:#2674a9}
.price{display:flex;align-items:baseline;gap:8px;margin:0 0 22px}
.price strong{font-family:Georgia,"Times New Roman",serif;font-size:2.65rem;font-weight:400}
.price span{color:#a8bfd2;font-size:.8rem}.featured .price span,.featured>p{color:var(--muted)}
.plan-grid article>p:not(.plan-name):not(.price){min-height:70px;color:#c4d6e4;font-size:.9rem;line-height:1.6}
.plan-grid ul{display:grid;gap:12px;margin:10px 0 30px;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.16);list-style:none;font-size:.86rem}
.featured ul{border-color:var(--line)}.plan-grid li:before{content:"✓";margin-right:9px;color:var(--teal);font-weight:900}
.plan-grid .button{width:100%;margin-top:auto}.button[disabled]{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}
.ghost-light{border-color:rgba(255,255,255,.4);background:transparent;color:#fff}.featured .ghost-light{border-color:var(--navy);color:var(--navy)}
.plans-note{max-width:760px;margin:26px auto 0}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding-block:100px}.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}summary{padding:24px 36px 24px 0;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;cursor:pointer}details p{max-width:680px;margin:0 0 25px;color:var(--muted);font-size:.95rem;line-height:1.7}
.final-cta{padding-block:95px;background:#eaf4fb;text-align:center}.final-cta h2{max-width:800px;margin:0 auto 28px}.final-cta .eyebrow{color:#3975a7}
@media(max-width:900px){.story-head,.trust-grid,.faq{grid-template-columns:1fr;gap:32px}.story-grid{grid-template-columns:1fr}.story-grid article{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:24px}.story-image{grid-row:1/5}.story-grid article>span{margin-top:14px}.plan-grid{grid-template-columns:1fr}.plan-grid article{min-height:auto}.plan-grid article>p:not(.plan-name):not(.price){min-height:0}.trust li{grid-template-columns:1fr}}
@media(max-width:620px){.story-head h2,.trust h2,.faq h2,.final-cta h2{font-size:2.55rem}.story,.faq{padding-block:70px}.story-grid article{display:block}.story-grid article>span{margin-top:22px}.plan-grid article{padding:24px}.trust{padding-block:72px}.trust li{gap:8px}.final-cta{padding-block:72px}}

/* Zwarty rytm całego serwisu */
.hero{min-height:650px}
.hero-inner{padding-top:140px}
.intro{padding-block:72px 62px}
.feature-strip{margin-top:44px}
.feature-strip article{min-height:210px}
.feature-strip h3{margin-top:34px}
.demo-callout{padding-block:60px}
.story{padding-block:64px}
.story-grid{margin-top:38px}
.trust{padding-block:64px}
.plans{padding-block:72px}
.faq{padding-block:68px}
.final-cta{padding-block:64px}
footer{min-height:100px}
@media(max-width:900px){
  .hero{min-height:680px}
  .hero-inner{padding-top:125px}
  .demo-callout{gap:32px}
}
@media(max-width:620px){
  .hero{min-height:650px}
  .hero-inner{padding-top:108px}
  .intro{padding-block:56px 50px}
  .feature-strip{margin-top:36px}
  .demo-callout{padding-block:50px}
  .story,.faq{padding-block:52px}
  .story-grid{margin-top:34px}
  .trust,.plans,.final-cta{padding-block:54px}
  footer{min-height:auto}
}
