/*
Theme Name: Studio Web Portfolio Zgodny
Theme URI: https://example.com/
Author: Studio Web
Description: Nowoczesny motyw portfolio do prezentacji motywów WordPress i realizacji.
Version: 1.2.0
Text Domain: studio-web
*/
:root{--navy:#0c2853;--navy2:#081b3b;--coral:#ff6c58;--paper:#fff;--mist:#f5f8fc;--ink:#17243b;--muted:#60708c;--line:#dce4ef;--gold:#f5bc37}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:var(--paper);line-height:1.55}.sw-wrap{width:min(1180px,92%);margin:auto}.sw-screen-reader{position:absolute;left:-9999px}.sw-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.sw-header-inner{min-height:82px;display:flex;align-items:center;gap:24px}.sw-brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:1.23rem;font-weight:800;text-decoration:none}.custom-logo-link{display:block;max-width:170px}.custom-logo{display:block;max-height:58px;width:auto}.sw-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--navy) 0 48%,var(--coral) 49% 100%);position:relative}.sw-mark:after{content:"";position:absolute;inset:10px;border-radius:4px;background:#fff;transform:rotate(45deg)}.sw-nav{margin-left:auto}.sw-nav ul{display:flex;gap:27px;list-style:none;margin:0;padding:0}.sw-nav a{font-weight:700;color:var(--navy);text-decoration:none}.sw-nav a:hover{color:var(--coral)}.sw-menu-button{display:none;margin-left:auto;background:var(--navy);color:#fff;border:0;border-radius:9px;padding:10px 13px;font:inherit;font-weight:800}.sw-hero{overflow:hidden;background:linear-gradient(125deg,#fff 0%,#f6faff 55%,#e9f0fb 100%);padding:78px 0 68px}.sw-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.sw-kicker{display:inline-block;color:var(--coral);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.sw-hero h1{font-family:Georgia,serif;color:var(--navy);font-size:clamp(2.65rem,5.1vw,4.65rem);line-height:1.02;margin:13px 0 20px}.sw-hero p{font-size:1.15rem;color:#475674;max-width:590px;margin:0 0 29px}.sw-buttons{display:flex;flex-wrap:wrap;gap:12px}.sw-button{display:inline-block;padding:13px 21px;border-radius:8px;border:2px solid var(--coral);font-weight:800;text-decoration:none}.sw-button.primary{color:#fff;background:var(--coral)}.sw-button.secondary{color:var(--navy);border-color:var(--navy)}.sw-button:hover{transform:translateY(-2px)}.sw-device-stage{position:relative;min-height:380px}.sw-device-laptop{position:absolute;right:3%;top:15px;width:83%;height:310px;padding:13px;border:11px solid #13233d;border-radius:18px 18px 8px 8px;background:#f9fbff;box-shadow:0 22px 36px #0a1c3b35}.sw-device-laptop:after{content:"";position:absolute;bottom:-19px;left:-7%;width:114%;height:20px;border-radius:0 0 40px 40px;background:#425169}.sw-demo-top{height:28px;border-radius:5px;background:var(--navy)}.sw-demo-main{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;padding:19px}.sw-demo-copy{padding-top:12px}.sw-demo-copy b{display:block;color:var(--navy);font-family:Georgia,serif;font-size:1.55rem;line-height:1.12}.sw-demo-copy i{display:block;width:78%;height:8px;margin:13px 0;background:#c5d5ea}.sw-demo-image{height:180px;border-radius:12px;background:linear-gradient(150deg,#d8e8fa,#8fb5da 55%,#254a78)}.sw-demo-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sw-demo-cards span{height:42px;border:1px solid #d6e0ef;border-radius:7px;background:#fff}.sw-device-phone{position:absolute;z-index:2;right:0;bottom:0;width:150px;height:286px;padding:22px 9px 9px;border:8px solid #17243b;border-radius:25px;background:#fff;box-shadow:0 16px 28px #091b3638}.sw-device-phone:before{content:"";position:absolute;top:7px;left:50%;width:48px;height:5px;border-radius:9px;background:#17243b;transform:translateX(-50%)}.sw-device-phone span{display:block;height:56px;margin-bottom:8px;border-radius:7px;background:linear-gradient(135deg,#dceaf9,#80afd7)}.sw-benefits{padding:26px 0;background:#fff;border-bottom:1px solid var(--line)}.sw-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sw-benefit{display:flex;gap:15px;padding:6px 31px;border-right:1px solid var(--line)}.sw-benefit:last-child{border:0}.sw-benefit-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:#edf5fd;font-size:1.5rem}.sw-benefit h3{margin:1px 0 3px;color:var(--navy);font-size:1.03rem}.sw-benefit p{margin:0;color:var(--muted);font-size:.91rem}.sw-section{padding:76px 0}.sw-section.mist{background:var(--mist)}.sw-title{text-align:center;margin:0 0 9px;font-family:Georgia,serif;color:var(--navy);font-size:clamp(2rem,4vw,3rem)}.sw-subtitle{max-width:640px;margin:0 auto 35px;color:var(--muted);text-align:center}.sw-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.sw-theme-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 9px 25px #0b1f3b12}.sw-theme-thumb{display:block;height:218px;background:linear-gradient(135deg,#e8f4ff,#b6d7f6);padding:14px;text-decoration:none}.sw-theme-thumb span{display:block;height:100%;border-radius:8px;background:linear-gradient(155deg,#fff 0 13%,#f5b3ad 13% 17%,#fef7ee 17% 100%);box-shadow:inset 0 0 0 1px #dbe3eb}.sw-theme-card:nth-child(2) .sw-theme-thumb{background:#152b50}.sw-theme-card:nth-child(2) .sw-theme-thumb span{background:linear-gradient(155deg,#091b3c 0 12%,#e3595c 12% 16%,#244c7e 16% 100%)}.sw-theme-card:nth-child(3) .sw-theme-thumb{background:#e8e4dc}.sw-theme-card:nth-child(3) .sw-theme-thumb span{background:linear-gradient(155deg,#142a45 0 14%,#f1ba50 14% 18%,#eeeae1 18% 100%)}.sw-theme-card img{width:100%;height:100%;object-fit:cover;border-radius:8px}.sw-theme-body{padding:20px}.sw-theme-body h3{margin:0 0 4px;font-size:1.25rem;color:var(--navy)}.sw-theme-body p{margin:0 0 17px;color:var(--muted)}.sw-card-link{color:var(--navy);font-weight:800;text-decoration:none}.sw-card-link:hover{color:var(--coral)}.sw-center{text-align:center;margin-top:33px}.sw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:steps}.sw-step{position:relative;padding:27px 24px 24px;border:1px solid var(--line);border-radius:12px;background:#fff}.sw-step:before{counter-increment:steps;content:"0" counter(steps);display:block;margin-bottom:12px;color:var(--coral);font-size:1.8rem;font-weight:900}.sw-step h3{margin:0 0 6px;color:var(--navy)}.sw-step p{margin:0;color:var(--muted)}.sw-cta{padding:48px 0;background:linear-gradient(118deg,var(--navy2),var(--navy));color:#fff}.sw-cta-inner{display:flex;gap:30px;align-items:center;justify-content:space-between}.sw-cta h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3.4vw,2.8rem);margin:0 0 5px}.sw-cta p{margin:0;color:#dce7fc}.sw-cta .sw-button.secondary{border-color:#fff;color:#fff}.sw-page{padding:60px 0}.sw-page article,.sw-article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:clamp(22px,5vw,55px)}.sw-page h1,.sw-article h1{color:var(--navy)}.sw-article img{max-width:100%;height:auto}.sw-footer{padding:32px 0;background:#061a3b;color:#dce8ff;text-align:center}.sw-footer p{margin:0}.sw-footer a{color:#fff}.sw-empty{padding:30px;border:1px dashed #b9c9dc;border-radius:12px;color:var(--muted);text-align:center}.sw-theme-meta{color:var(--muted);font-size:.9rem;margin-bottom:18px}
@media(max-width:800px){.sw-header-inner{min-height:68px}.sw-menu-button{display:block}.sw-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid var(--coral);padding:10px 4%;box-shadow:0 10px 20px #0a1d3d1c}.sw-nav.open{display:block}.sw-nav ul{display:block}.sw-nav li{border-bottom:1px solid var(--line)}.sw-nav li:last-child{border:0}.sw-nav a{display:block;padding:11px 3px}.sw-hero{padding:47px 0}.sw-hero-grid{grid-template-columns:1fr}.sw-device-stage{min-height:310px}.sw-device-laptop{width:88%;height:245px}.sw-demo-main{padding:12px}.sw-demo-image{height:130px}.sw-device-phone{width:120px;height:226px}.sw-benefit-grid,.sw-theme-grid,.sw-steps{grid-template-columns:1fr}.sw-benefit{border:0;border-bottom:1px solid var(--line);padding:14px 0}.sw-section{padding:52px 0}.sw-cta-inner{align-items:flex-start;flex-direction:column}.sw-theme-thumb{height:225px}}