/* Public service pages, matching the devek.pl portfolio. */
.seo-page{background:var(--bg);color:var(--ink)}
.seo-header{max-width:1500px;margin:auto;min-height:94px;padding:22px 44px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}
.seo-brand{display:flex;align-items:center;gap:11px;font:600 28px/1 var(--heading);letter-spacing:-1px;flex-shrink:0}.seo-brand img{border-radius:9px;object-fit:cover}.seo-brand>span>span{color:var(--accent)}
.seo-header nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;flex-wrap:wrap}.seo-header nav a{font-size:12px;color:var(--muted);position:relative;padding:7px 0;white-space:nowrap}.seo-header nav a:hover,.seo-header nav a[aria-current]{color:var(--ink)}.seo-header nav a:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}.seo-header nav a:hover:after,.seo-header nav a[aria-current]:after{transform:scaleX(1)}
.seo-account{font-size:12px;padding:10px 14px;border:1px solid #41513c;border-radius:7px;white-space:nowrap}
.seo-container{width:min(1240px,calc(100% - 88px));margin:auto}.seo-breadcrumb{padding-top:32px;font-size:11px;color:#a4afa2}.seo-breadcrumb ol{display:flex;gap:12px;list-style:none;padding:0;margin:0}.seo-breadcrumb li+li:before{content:'/';margin-right:12px;color:#677561}.seo-breadcrumb [aria-current]{color:#e4ebdb}
.seo-hero{padding:70px 0 88px;max-width:980px}.seo-kicker{font:600 10px/1.6 var(--body);letter-spacing:.16em;color:var(--accent);display:block}.seo-hero h1{font:500 clamp(46px,6.5vw,86px)/1.05 var(--heading);letter-spacing:-3px;margin:25px 0 27px}.seo-hero h1>span{color:#b7c5af}.seo-hero p{max-width:660px;font-size:17px;line-height:1.9;color:var(--muted);margin:0}.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.seo-actions .button{font-size:12px}
.seo-section{padding:65px 0;border-top:1px solid var(--line)}.seo-section h2,.seo-cta h2{font:500 clamp(28px,3.4vw,44px)/1.15 var(--heading);letter-spacing:-1.3px;margin:13px 0 24px}.seo-section-head{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:32px}.seo-section-head h2{margin-bottom:0}.seo-section-head>p{max-width:430px;color:var(--muted);font-size:14px;margin:0}.seo-grid,.seo-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seo-card{border:1px solid #3b4a34;border-radius:12px;padding:32px;display:flex;flex-direction:column;background:#162019;transition:transform .2s,border-color .2s}.seo-card:hover{transform:translateY(-3px);border-color:#9cbd71}.seo-card h3,.seo-feature-grid h3,.seo-project h3{font:500 24px/1.3 var(--heading);margin:20px 0 13px;letter-spacing:-.5px}.seo-card p,.seo-feature-grid p,.seo-project p{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 20px}.seo-card-link{display:flex;justify-content:space-between;margin-top:auto;color:#d1edb3;font-size:12px}.seo-note{font-size:12px;line-height:1.8;color:#94a18d;margin-top:25px;max-width:850px}.seo-split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.seo-split p{font-size:14px;color:var(--muted);line-height:1.9}.seo-text-link{color:var(--accent);font-size:13px}.seo-steps{padding-left:24px;margin:0;display:grid;gap:25px}.seo-steps li{padding-left:14px}.seo-steps li::marker{color:var(--accent);font-size:13px}.seo-steps p{margin:6px 0 0}.seo-steps strong{font-weight:600}
.seo-feature-grid article{padding:28px;border:1px solid var(--line);border-radius:10px;background:#141e17}.seo-feature-grid article>span{font-size:11px;color:var(--accent)}.seo-feature-grid h3{font-size:21px;margin:15px 0 13px}.seo-feature-grid p{margin:0}.seo-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.seo-faq details{border-bottom:1px solid var(--line);padding:21px 0}.seo-faq details:first-child{padding-top:0}.seo-faq summary{list-style:none;cursor:pointer;font-size:15px;font-weight:500;display:flex;justify-content:space-between;gap:20px}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary span{color:var(--accent);font-size:20px;transition:transform .2s}.seo-faq details[open] summary span{transform:rotate(45deg)}.seo-faq details p{font-size:14px;line-height:1.9;color:var(--muted);margin:17px 25px 0 0}
.seo-host-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:75px;max-width:none;align-items:center}.seo-host-hero h1{font-size:clamp(46px,5.5vw,74px)}.seo-price-card{padding:32px;border:1px solid #4d623b;border-radius:14px;background:#1b281b}.seo-price-card>span{font-size:10px;letter-spacing:.15em;color:var(--accent);display:block}.seo-price-card strong{display:block;font:500 54px/1.2 var(--heading);margin:23px 0 0;letter-spacing:-2px}.seo-price-card small{font-size:12px;color:var(--muted)}.seo-price-card p{font-size:13px;line-height:1.8;margin-top:25px}.seo-price-card>a{display:block;margin-top:28px;border-top:1px solid #415536;padding-top:18px;font-size:13px;color:var(--accent)}
.seo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.seo-project{border:1px solid #36432f;border-radius:12px;overflow:hidden;background:#152018}.seo-project>a{display:block;background:#111712;overflow:hidden}.seo-project img{display:block;width:100%;height:340px;object-fit:contain;padding:20px;transition:transform .25s}.seo-project>a:hover img{transform:scale(1.025)}.seo-project>div{padding:26px}.seo-project h3{font-size:22px;margin:12px 0}.seo-project p{margin:0}
.seo-cta{margin:25px 0 50px;padding:36px;border:1px solid #4d6039;border-radius:13px;background:#1d2919;display:flex;gap:30px;justify-content:space-between;align-items:center}.seo-cta h2{font-size:32px;margin:14px 0}.seo-cta p{font-size:13px;color:var(--muted);margin:0}.seo-cta>.button{flex-shrink:0;font-size:12px}.seo-related{display:flex;gap:12px 27px;flex-wrap:wrap;padding:0 0 45px;font-size:12px;color:#c4d7b1}.seo-related a[aria-current]{color:var(--accent)}.seo-footer{padding:25px 44px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);flex-wrap:wrap}.seo-footer>a{font:500 20px var(--heading);color:var(--ink);margin-right:auto}.seo-footer>span:last-child{font-size:10px}
.seo-page a:focus-visible,.seo-page summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}.seo-page .button:active,.seo-card:active{transform:translateY(1px)}
.seo-root #hero-title{font-size:clamp(47px,5.3vw,76px);line-height:1.1}.seo-root .seo-discover{padding-block:60px;border-top:1px solid var(--line)}.seo-discover h2{font:500 32px/1.25 var(--heading);margin:0 0 25px}.seo-discover nav{display:flex;gap:12px;flex-wrap:wrap}.seo-discover nav a{padding:13px 18px;border:1px solid #3e4d35;border-radius:8px;color:#d7e8c4;font-size:13px;transition:border-color .2s,background .2s}.seo-discover nav a:hover{border-color:var(--accent);background:#1b2819}.seo-root footer .seo-publisher{font-size:11px;color:var(--muted)}
@media(max-width:1050px){.seo-header{padding:20px 28px;gap:22px;flex-wrap:wrap}.seo-header nav{order:3;flex-basis:100%;justify-content:flex-start;gap:12px 24px}.seo-account{margin-left:auto}.seo-host-hero{gap:35px}.seo-hero h1{letter-spacing:-2px}.seo-container{width:calc(100% - 56px)}.seo-host-hero h1{font-size:58px}.seo-hero p{font-size:16px}.seo-split,.seo-faq{gap:40px}.seo-section-head{gap:30px}.seo-price-card{padding:26px}}
@media(max-width:650px){.seo-header{padding:20px;gap:18px}.seo-header nav{gap:8px 18px}.seo-header nav a{font-size:11px}.seo-brand{font-size:25px}.seo-brand img{width:30px;height:30px}.seo-account{font-size:11px;padding:9px 11px}.seo-container{width:calc(100% - 40px)}.seo-breadcrumb{font-size:10px;padding-top:24px}.seo-hero{padding:45px 0 52px}.seo-hero h1,.seo-host-hero h1{font-size:46px;letter-spacing:-1.8px;margin:20px 0 23px}.seo-hero p{font-size:14px;line-height:1.85}.seo-actions{gap:10px;margin-top:25px}.seo-actions .button{font-size:11px;padding:12px 16px}.seo-host-hero,.seo-grid,.seo-feature-grid,.seo-gallery,.seo-split,.seo-faq{grid-template-columns:1fr;gap:22px}.seo-section{padding:42px 0}.seo-section-head{display:block;margin-bottom:25px}.seo-section-head>p{margin-top:20px;font-size:13px}.seo-section h2{font-size:30px;letter-spacing:-.8px}.seo-card{padding:25px}.seo-card h3{font-size:23px}.seo-price-card{margin-top:12px;padding:26px}.seo-price-card strong{font-size:48px}.seo-feature-grid article{padding:24px}.seo-project img{height:280px;padding:14px}.seo-project>div{padding:23px}.seo-faq summary{font-size:14px}.seo-cta{display:block;padding:25px;margin:15px 0 35px}.seo-cta h2{font-size:28px}.seo-cta>.button{margin-top:25px}.seo-footer{padding:25px 20px;gap:15px}.seo-footer>span{flex-basis:100%}.seo-related{gap:12px 22px;font-size:11px}.seo-root #hero-title{font-size:clamp(42px,10.8vw,62px)}.seo-root .seo-discover{padding-block:40px}.seo-discover h2{font-size:28px}.seo-discover nav{gap:10px}.seo-discover nav a{padding:11px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.seo-page *, .seo-discover *{transition:none!important;scroll-behavior:auto!important}}