/* FS4U – wspólna szata graficzna v2. Wzorzec: jasny, chłodny błękit + biel + granat/niebieski. */
:root{--fs-navy:#0a2750;--fs-blue:#087cff;--fs-blue2:#1679e8;--fs-bg:#e7f2fb;--fs-bg2:#eef6fd;--fs-line:#d5e3ef;--fs-muted:#607894;--fs-white:#fff}
html,body{background:var(--fs-bg);color:var(--fs-navy)}
body{font-family:Inter,Arial,Helvetica,sans-serif}
.container{width:min(1425px,calc(100% - 100px));margin:0 auto}
/* HEADER */
.site-header{height:114px;background:#fff;border-bottom:1px solid #e1eaf2;position:relative;z-index:50}
.nav-wrap{height:100%;display:flex;align-items:center}
.logo{width:285px;flex:0 0 285px;height:84px;display:flex;align-items:center}
.logo-image{display:block;width:225px;height:auto;object-fit:contain}
.main-nav{display:flex;align-items:center;justify-content:center;gap:39px;flex:1;height:100%}
.nav-link{border:0;background:transparent;color:var(--fs-navy);font-size:15px;font-weight:800;cursor:pointer;padding:18px 0;white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--fs-blue)}
.nav-link.active{position:relative}
.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fs-blue)}
.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}
.dropdown-button{display:flex;align-items:center;gap:6px}
.chevron{font-size:14px}
.dropdown-panel{display:none;position:absolute;top:84px;left:50%;transform:translateX(-50%);width:300px;background:#fff;border:1px solid var(--fs-line);border-radius:12px;padding:9px;box-shadow:0 18px 45px rgba(16,57,95,.15)}
.nav-dropdown:hover .dropdown-panel,.nav-dropdown.open .dropdown-panel{display:block}
.dropdown-item{display:flex;gap:12px;padding:12px;border-radius:9px;color:var(--fs-navy)}
.dropdown-item:hover{background:#edf6ff}
.dropdown-icon{width:38px;height:38px;border-radius:10px;background:#e5f1ff;color:var(--fs-blue);display:grid;place-items:center;font-size:19px}
.dropdown-item strong,.dropdown-item small{display:block}.dropdown-item small{margin-top:3px;color:var(--fs-muted);font-size:12px}
.nav-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}
.cart-link{width:40px;height:46px;display:grid;place-items:center;color:var(--fs-navy)}
.cart-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.client-button{height:50px;border:1px solid #d3e0ec;border-radius:9px;background:#fff;padding:0 20px;display:inline-flex;align-items:center;font-size:14px;font-weight:800}
.login-button,.order-button{height:50px;border-radius:9px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:850}
.login-button{background:var(--fs-blue);border:1px solid var(--fs-blue);color:#fff;box-shadow:0 10px 25px rgba(8,124,255,.18)}
.login-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.order-button{background:var(--fs-blue);border:1px solid var(--fs-blue);color:#fff;box-shadow:0 10px 25px rgba(8,124,255,.18)}
.logout-link{color:#31506f;font-size:13px;font-weight:750;white-space:nowrap}.logout-link:hover{color:var(--fs-blue)}
.mobile-toggle{display:none}
/* GLOBAL PAGE SURFACES */
main{background:var(--fs-bg)}
.site-footer{background:var(--fs-navy);color:#fff;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner span{color:#b8cbe1}
/* LIGHT HERO FOR ALL SUBPAGES */
.pricing-hero,.order-hero,.service-hero,.account-hero,.hc-hero{color:var(--fs-navy)!important;background:linear-gradient(115deg,#e9f4fc 0%,#e5f1fb 56%,#d9eafd 100%)!important;position:relative;overflow:hidden}
.pricing-hero:after,.order-hero:after,.service-hero:after,.account-hero:after,.hc-hero:after{content:"";position:absolute;right:-90px;top:-150px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(55,145,255,.17),rgba(55,145,255,0) 68%);pointer-events:none}
.pricing-hero h1,.order-hero h1,.service-hero h1,.account-hero h1,.hc-hero h1{color:var(--fs-navy)!important}
.pricing-hero p,.order-hero p,.service-hero p,.account-hero p,.hc-hero p{color:#4f6886!important}
.pricing-kicker,.order-kicker,.service-kicker,.account-kicker,.hc-kicker{color:var(--fs-blue)!important}
/* CONTENT */
.pricing-section,.order-section,.plans-section,.account-section,.thankyou-section,.hc-page,.hc-content{background:var(--fs-bg)!important}
.pricing-card,.order-box,.plan-card,.account-box,.thankyou-card,.hc-card,.hc-info{background:#fff;border-color:var(--fs-line);box-shadow:0 10px 28px rgba(35,83,125,.055)}
.pricing-card h3,.plan-card h3,.account-box h2,.thankyou-card h1,.hc-card h2,.hc-info h3{color:var(--fs-navy)}
.pricing-price strong,.plan-price strong,.selected-price strong{color:var(--fs-navy)}
.pricing-order,.plan-button,.submit-order,.account-submit,.hc-button,.thankyou-primary{background:var(--fs-blue)}
.pricing-order:hover,.plan-button:hover,.submit-order:hover,.account-submit:hover,.hc-button:hover,.thankyou-primary:hover{background:#066fe7}
/* PRICING */
.pricing-section{padding:68px 0 88px}.pricing-service{max-width:1200px}.pricing-service-heading h2{color:var(--fs-navy)}
.pricing-service-icon,.plan-icon{background:#e3f0fd;color:var(--fs-blue)}
.pricing-card.popular,.plan-card.featured{border-color:var(--fs-blue)}
.pricing-badge,.plan-badge{background:var(--fs-blue)}
/* ORDER */
.order-section{padding:66px 0 90px}.order-form input,.order-form textarea,.hc-form input,.hc-form textarea,.account-form input{background:#fbfdff;border-color:#cfddea}
/* SERVICE */
.service-hero{padding:28px 0 62px}.service-breadcrumb{color:#6a809a}.service-breadcrumb a{color:var(--fs-blue)}.service-hero-icon{background:#e4f1fe;border-color:#c8def4;color:var(--fs-blue);box-shadow:0 0 60px rgba(31,125,229,.12)}
.plans-section{padding:68px 0 82px}.service-bottom{background:var(--fs-bg)!important}.service-bottom-grid{background:#fff;border-color:var(--fs-line)}
/* ACCOUNT */
.account-hero{padding:72px 0 58px}.account-hero .account-kicker{color:var(--fs-blue)!important}.account-section{padding:58px 0 85px}
.account-layout{gap:26px}.account-muted{color:#647b96}.service-card{border-color:var(--fs-line);box-shadow:0 7px 22px rgba(35,83,125,.045)}
.service-card-icon{background:#e5f1ff;color:var(--fs-blue)}
.service-card h3,.service-card-title,.section-heading h2{color:var(--fs-navy)}
/* HELP / CONTACT */
.hc-page{min-height:100vh}.hc-hero{padding:18px 0 72px}.hc-breadcrumb{color:#6a809a}.hc-breadcrumb a{color:var(--fs-blue)}.hc-faq details{border-color:var(--fs-line);box-shadow:0 8px 22px rgba(35,83,125,.045)}
.hc-contact-grid{background:var(--fs-bg)}
/* THANK YOU */
.thankyou-section{min-height:650px;padding:75px 0}.success-icon{background:#e6f6ee;color:#159258}.thankyou-card{border-radius:14px}
/* INFO */
.info-page,.info-content{background:var(--fs-bg)!important}
/* Mobile */
@media(max-width:1200px){.container{width:calc(100% - 60px)}.logo{width:235px;flex-basis:235px}.logo-image{width:205px}.main-nav{gap:24px}.nav-actions{gap:9px}.cart-link{display:none}.pricing-service{width:calc(100% - 40px)}}
@media(max-width:920px){.site-header{height:86px}.nav-wrap{justify-content:space-between}.logo{width:190px;flex-basis:190px;height:64px}.logo-image{width:175px}.mobile-toggle{display:block;border:0;background:none;color:var(--fs-navy);font-size:28px;order:3}.main-nav{display:none;position:absolute;top:86px;left:0;right:0;height:auto;background:#fff;padding:14px 25px;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 16px 30px rgba(8,38,78,.1)}.main-nav.open{display:flex}.nav-dropdown{height:auto;display:block}.dropdown-panel{position:static;transform:none;width:auto;box-shadow:none;border:0;padding:0}.nav-actions{margin-left:auto}.order-button{padding:0 15px}.hero-grid{grid-template-columns:1fr}.hero-visual{height:390px}.trust-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:calc(100% - 30px)}.nav-actions .logout-link{display:none}.client-button{padding:0 13px}.order-button{padding:0 13px;font-size:12px}.logo{width:165px;flex-basis:165px}.logo-image{width:155px}.hero h1{font-size:42px}.hero-benefits{flex-direction:column;gap:14px}.hero-buttons{flex-direction:column}.btn{width:100%}.domain-inner{grid-template-columns:1fr}.trust-grid,.services-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:15px}.pricing-service-heading{grid-template-columns:52px 1fr}.pricing-service-link{grid-column:2}}
/* INFO – ten sam język wizualny co strona główna */
.info-hero{padding:28px 0 66px!important;background:linear-gradient(115deg,#e9f4fc 0%,#e5f1fb 56%,#d9eafd 100%)!important;color:var(--fs-navy)!important;position:relative;overflow:hidden}
.info-hero:after{content:"";position:absolute;right:-100px;top:-170px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(55,145,255,.17),rgba(55,145,255,0) 68%)}
.info-breadcrumb{color:#6a809a!important}.info-breadcrumb a{color:var(--fs-blue)!important}.info-kicker{color:var(--fs-blue)!important}.info-hero h1{color:var(--fs-navy)!important}.info-hero p{color:#4f6886!important}.info-icon{background:#e4f1fe!important;border-color:#c8def4!important;color:var(--fs-blue)!important}
.info-content{padding:66px 0 90px!important;background:var(--fs-bg)!important}.info-main-card,.info-side-card,.benefit-card,.info-cta{background:#fff!important;border-color:var(--fs-line)!important;box-shadow:0 9px 26px rgba(35,83,125,.05)!important}.info-cta{background:#f3f8fd!important}
/* Spójne elementy pomocnicze */
.section-heading h2,.section-heading.left h2{color:var(--fs-navy)!important}.pricing-service-heading p,.service-bottom p{color:#607894}