:root{
--color-bg-primary:#07141b;
--color-bg-secondary:#0d2028;
--color-bg-tertiary:#12313a;
--color-accent-ruby:#31a89a;
--color-accent-ruby-light:#78d2c5;
--color-accent-gold:#ff9b7b;
--color-text-primary:#f7f0e5;
--color-text-secondary:#b9c8c8;
--color-surface-overlay:rgba(7,20,27,.24);
--color-ink:#07141b;
--color-paper:#f2eadc;
--color-mist:#d9e7e3;

--font-heading:'Cormorant Garamond','Georgia',serif;
--font-body:'Manrope','Arial',sans-serif;

--fs-1:clamp(3.2rem,7vw,6.8rem);
--fs-2:clamp(2.4rem,4.7vw,4.6rem);
--fs-3:clamp(1.45rem,2.3vw,2rem);
--fs-4:1.18rem;
--fs-5:1rem;
--fs-6:.78rem;

--space-1:.25rem;
--space-2:.55rem;
--space-3:1rem;
--space-4:1.75rem;
--space-5:3.25rem;
--space-6:clamp(5rem,10vw,9rem);

--radius-0:0;
--radius-sm:2px;
--radius-md:18px;
--radius-lg:34px;
--shadow-soft:0 28px 80px rgba(0,0,0,.25);
--container-max:1240px;
--container-pad:clamp(1.25rem,4vw,3rem);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--fs-5);line-height:1.72;text-rendering:optimizeLegibility;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 5%,rgba(49,168,154,.15),transparent 28%),radial-gradient(circle at 92% 18%,rgba(255,155,123,.08),transparent 24%)}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
img{background:var(--color-bg-secondary);border-radius:var(--radius-lg)}
a{color:var(--color-accent-ruby-light);text-decoration:none;transition:color .25s ease,background .25s ease,transform .25s ease,border-color .25s ease}
a:hover{color:var(--color-accent-gold)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:4px}
button,.btn-primary,.btn-secondary,.hero-cta,.cta-button,.pakiety-btn{font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;border-radius:999px;border:1px solid transparent;padding:.9rem 1.35rem;cursor:pointer;transition:all .25s ease}
button,.btn-primary,.hero-cta,.cta-button,.pakiety-btn{background:var(--color-accent-ruby);color:#04120f}
button:hover,.btn-primary:hover,.hero-cta:hover,.cta-button:hover,.pakiety-btn:hover{background:var(--color-accent-ruby-light);color:var(--color-ink);transform:translateY(-2px)}
.btn-secondary{border-color:rgba(247,240,229,.35);color:var(--color-text-primary);display:inline-block}
.btn-secondary:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold);transform:translateY(-2px)}
button:disabled{opacity:.6;cursor:not-allowed}
input,textarea,select{font-family:var(--font-body);font-size:var(--fs-5);background:rgba(7,20,27,.72);color:var(--color-text-primary);border:1px solid rgba(120,210,197,.3);border-radius:12px;padding:.9rem 1rem;width:100%}
input[type="checkbox"],input[type="radio"]{width:auto;accent-color:var(--color-accent-ruby);margin-right:.55rem}
input:focus,textarea:focus,select:focus{border-color:var(--color-accent-ruby-light)}
textarea{resize:vertical;min-height:150px}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.035em;line-height:.98;color:var(--color-text-primary)}
h1{font-size:var(--fs-1);margin-bottom:var(--space-4);text-wrap:balance}
h2{font-size:var(--fs-2);margin-bottom:var(--space-4);text-wrap:balance}
h3{font-size:var(--fs-3);margin-bottom:var(--space-3)}
h4{font-size:var(--fs-4);margin-bottom:var(--space-2)}
h5{font-size:var(--fs-5);margin-bottom:var(--space-2)}
h6{font-size:var(--fs-6);margin-bottom:var(--space-2)}
p{margin-bottom:var(--space-3);color:var(--color-text-secondary)}
small{font-size:var(--fs-6);color:var(--color-text-secondary)}
ul,ol{margin-bottom:var(--space-3);padding-left:1.25rem}
blockquote{margin-bottom:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--color-accent-gold);color:var(--color-text-secondary)}
hr{border:0;border-top:1px solid rgba(120,210,197,.22);margin:var(--space-5) 0}
.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);width:100%}
.section{padding-block:var(--space-6);position:relative}
main>.section:nth-child(even){background:rgba(13,32,40,.62)}
main>.section:nth-child(3n){background:linear-gradient(135deg,rgba(18,49,58,.78),rgba(7,20,27,.2))}
.surface,.surface-alt{position:relative;border-radius:var(--radius-md);padding:clamp(1.5rem,3vw,2.6rem);overflow:hidden}
.surface{background:rgba(242,234,220,.06);border:1px solid rgba(242,234,220,.16)}
.surface-alt{background:var(--color-paper);border:0;color:var(--color-ink);box-shadow:0 16px 44px rgba(0,0,0,.12)}
.surface-alt h2,.surface-alt h3,.surface-alt h4{color:var(--color-ink)}
.surface-alt p{color:#355059}
.surface-alt::before{content:"";position:absolute;width:90px;height:6px;top:0;left:0;background:var(--color-accent-gold)}
.stack>*+*{margin-top:var(--space-3)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;min-width:0}
.row{display:flex;flex-wrap:wrap;gap:var(--space-4);min-width:0}.row>*{min-width:0;flex:1 1 auto}
.center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}
.heading-accent{color:var(--color-accent-gold)}
.overlay-hover{position:relative;overflow:hidden}.overlay-hover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,20,27,.65));opacity:.4;transition:opacity .3s ease}.overlay-hover:hover::after{opacity:.1}
.overlay-hover img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.overlay-hover:hover img{transform:scale(1.025)}
.card>*:last-child,.surface>*:last-child,.surface-alt>*:last-child{margin-bottom:0}
.section-kicker{display:block;color:var(--color-accent-ruby-light);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}
.feature-band{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,7vw,7rem);align-items:start}
.feature-band__intro{position:sticky;top:120px}.feature-band__intro p{max-width:42ch}
.feature-list{display:grid;gap:1px;background:rgba(120,210,197,.2);border-block:1px solid rgba(120,210,197,.2)}
.feature-list article{background:var(--color-bg-primary);padding:clamp(1.5rem,3vw,2.5rem);display:grid;grid-template-columns:72px 1fr;gap:1rem}
.feature-list strong{color:var(--color-accent-gold);font-size:.74rem;letter-spacing:.14em}.feature-list p{max-width:52ch}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(120,210,197,.2);border:1px solid rgba(120,210,197,.2)}
.metric{background:var(--color-bg-secondary);padding:clamp(1.5rem,3vw,3rem)}.metric strong{display:block;font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,5rem);line-height:1;color:var(--color-accent-gold)}.metric span{color:var(--color-text-secondary);font-size:.82rem}
@media(max-width:900px){.feature-band{grid-template-columns:1fr}.feature-band__intro{position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.section{padding-block:4.5rem}.feature-list article{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}h1{font-size:clamp(3rem,15vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
ul{list-style:none!important}.nav-toggle{flex-direction:column}
