/*
Theme Name: AquaSerwis Szczecin
Theme URI: https://aquaserwis-szczecin.kanty90.chatgpt.site
Author: AquaSerwis
Description: Nowoczesny motyw typu one-page dla specjalisty zajmującego się serwisem akwariów.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aquaserwis
*/
:root{--navy:#06171c;--deep:#0b2930;--teal:#0fc7b2;--mint:#80f4d7;--ink:#10292e;--soft:#edf8f6;--white:#fff;--line:#cde4df;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:absolute;z-index:4;top:0;left:0;right:0;border-bottom:1px solid #ffffff2a;color:#fff}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-weight:800}.mark{width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;color:var(--mint)}.mark svg{width:25px}.menu{display:flex;gap:28px;align-items:center;margin:0;padding:0;list-style:none;font-size:14px;font-weight:650}.menu li:last-child a{border:1px solid #80f4d780;border-radius:999px;padding:9px 16px;color:var(--mint)}
.hero{min-height:760px;color:#fff;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(2,16,21,.95),rgba(2,16,21,.76) 38%,rgba(2,16,21,.12) 70%),var(--hero) center 78%/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--navy))}.hero-copy{position:relative;z-index:2;padding-top:76px;max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--mint);font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:1px;background:currentColor}h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 24px}.hero p{font-size:19px;line-height:1.7;color:#d6e8e8;max-width:580px;margin:0 0 34px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;font-weight:750;transition:.2s;border:1px solid transparent}.btn-primary{background:var(--teal);color:#021b1c;box-shadow:0 10px 32px #0fc7b238}.btn-primary:hover{transform:translateY(-2px);background:var(--mint)}.btn-ghost{border-color:#ffffff5e;color:#fff}.trust{display:flex;gap:28px;margin-top:42px;color:#d6e8e8;font-size:14px}.trust span{display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;background:var(--mint);border-radius:50%}
.dark{background:var(--navy);color:#fff;padding:90px 0 105px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-head h2,.light h2,.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 0}.section-head p{max-width:480px;color:#a9c1c3;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#0d3138,#092329);border:1px solid #1b454b;padding:28px;border-radius:var(--radius);min-height:255px}.num{font-size:13px;color:var(--mint);font-weight:800;letter-spacing:.12em}.card h3{font-size:22px;margin:34px 0 10px}.card p{color:#abc2c4;margin:0}
.light{padding:105px 0;background:var(--soft)}.process{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.process-intro p{color:#456369;max-width:440px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.step b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087f74}.step h3{margin:2px 0 5px;font-size:19px}.step p{margin:0;color:#587379}
.contact{padding:105px 0}.contact-box{border-radius:32px;background:var(--deep);color:#fff;padding:54px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-170px;top:-170px;background:#0fc7b21a;border:1px solid #80f4d729}.contact p{color:#b7ced0}.details{display:grid;gap:14px;align-content:center;position:relative;z-index:1}.detail{padding:17px 20px;border:1px solid #315159;border-radius:16px;background:#ffffff08}.detail small{display:block;color:#87a9ad;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.detail strong{font-size:17px}.accent{color:var(--mint)}.site-footer{background:#041216;color:#88a5a8;padding:28px 0}.foot{display:flex;justify-content:space-between;gap:20px;font-size:13px}.content-page{padding:130px 0 80px;min-height:70vh}.content-page h1{font-size:42px}
@media(max-width:800px){.menu li:not(:last-child){display:none}.hero{min-height:720px;background-position:62% 78%}.section-head{display:block}.section-head p{margin-top:18px}.cards{grid-template-columns:1fr}.process,.contact-box{grid-template-columns:1fr;gap:42px}.contact-box{padding:34px 25px}.trust,.foot{flex-direction:column;gap:9px}.dark,.light,.contact{padding:76px 0}.wrap{width:min(100% - 28px,1160px)}}