*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#12283d;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #1175ff;outline-offset:5px}.wrap{width:min(1200px,90%);margin:auto}header{background:#ffffffed;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7edf5;backdrop-filter:blur(15px)}header nav{height:88px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-weight:800;font-size:23px;line-height:1.1}.brand img{width:53px;height:53px}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#64788b;margin-top:5px}.links{display:flex;gap:28px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:7px;padding:15px 23px;background:#0876f9;color:white;font-weight:700;cursor:pointer;box-shadow:0 7px 20px #0077ff20}.btn:hover{background:#005ed5;transform:translateY(-1px)}.btn.light{background:#fff;color:#162f47;border:1px solid #d8e3ed;box-shadow:none}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#0876f9;display:block;margin-bottom:20px}.hero{padding:85px 0 65px;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#e4f1ff,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:50px}h1{font-size:clamp(43px,4.5vw,67px);line-height:1.06;letter-spacing:-3px;margin:0 0 27px}h1 em{font-style:normal;color:#0876f9}p{color:#627184}h1+p{max-width:510px;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 24px}.ticks{font-size:12px;color:#52687e;display:flex;gap:20px}.ticks span:before{content:'✓ ';color:#0876f9}.hero-art{position:relative;min-width:0}.hero-art img{width:100%;height:470px;object-fit:cover;border-radius:22px 22px 80px 22px;object-position:62%}.float{position:absolute;bottom:24px;left:-25px;background:#fff;box-shadow:0 15px 50px #1e46632b;border:1px solid #e2eaf2;border-radius:12px;padding:16px 22px;font-size:13px}.float b{display:block;font-size:19px}.float span{color:#0876f9}.strip{padding:27px 0;border-top:1px solid #e6eef5;border-bottom:1px solid #e6eef5}.strip .wrap{display:flex;justify-content:space-between;gap:20px;color:#627184;font-size:14px}.strip b{color:#17334e}section{padding:95px 0}h2{font-size:clamp(31px,3.4vw,45px);line-height:1.13;letter-spacing:-1.6px;margin:0 0 22px}h3{font-size:20px;line-height:1.3}.intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.intro p{max-width:390px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px 23px;border:1px solid #e1e9f1;border-radius:12px;display:flex;flex-direction:column;transition:.2s}.card:hover{border-color:#0876f9;box-shadow:0 15px 30px #163b5510;transform:translateY(-4px)}.icon{font-size:30px;color:#0876f9;margin-bottom:16px}.card p{font-size:14px;margin:0 0 25px}.card .more{color:#0876f9;font-size:13px;font-weight:700;margin-top:auto}.soft{background:#f3f8fd}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.manifesto{background:#102c49;border-radius:18px;padding:50px;color:#fff;position:relative;overflow:hidden}.manifesto:after{content:'↗';position:absolute;font-size:230px;color:#ffffff08;right:0;bottom:-100px}.manifesto p{color:#b4c9de}.manifesto h3{font-size:33px;font-weight:500;line-height:1.3}.principles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.principles h3{font-size:16px}.principles p{font-size:14px}.num{color:#0876f9;font-size:12px;font-weight:bold}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.steps article{border-top:2px solid #dde8f3;padding-top:20px}.steps strong{font-size:33px;color:#9db9d6}.steps p{font-size:14px}.projects{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.project{border:1px solid #dce7f2;border-radius:14px;overflow:hidden;background:#fff}.project img{width:100%;height:310px;object-fit:cover;display:block}.project:nth-child(2) img{object-position:top}.project div{padding:23px 28px}.project h3{margin:8px 0}.project p{font-size:14px}.tag{font-size:10px;letter-spacing:1px;color:#0876f9;text-transform:uppercase}.seo{max-width:800px}.faq{max-width:850px;margin:35px auto 0}details{border-bottom:1px solid #dbe5ee;padding:22px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#0876f9}details[open] summary:after{content:'−'}details p{font-size:15px;max-width:740px}.contact{background:#102c49;color:#fff}.contact p{color:#b1c5da}.contact .split{align-items:start}.contact h2{font-size:49px}.contact .eyebrow{color:#65b6ff}.contact-note{border-top:1px solid #34506d;padding-top:25px;margin-top:35px;font-size:14px}form{background:#fff;border-radius:16px;padding:34px;color:#142d45}label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}input,textarea,select{display:block;width:100%;border:1px solid #dce4ec;border-radius:6px;padding:12px;margin-top:7px;color:#18354f;background:#fbfcfe}textarea{resize:vertical;min-height:110px}.check{display:flex;gap:10px;font-size:11px;font-weight:400;color:#5d6f80;align-items:start}.check input{width:16px;margin:3px 0}.check a{text-decoration:underline}form .btn{width:100%}.form-info{font-size:11px!important;color:#65778b!important}#status{font-size:13px;color:#1760b0;margin-top:15px}.prepared{width:100%;min-height:180px}footer{padding:35px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer a{font-size:12px;color:#6a7e91}dialog{border:0;border-radius:15px;max-width:650px;width:90%;padding:35px;box-shadow:0 20px 90px #001c4a50}dialog::backdrop{background:#0c203c99}.mobile{display:none}.center{text-align:center}.small{font-size:12px}@media(max-width:1000px){.links{gap:15px}.grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:30px}h1{letter-spacing:-2px}.split{gap:35px}.hero-art img{height:420px}.contact h2{font-size:40px}}@media(max-width:720px){header nav{height:74px}.links{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:24px;box-shadow:0 10px 20px #0001}.links.open{display:flex;flex-direction:column}header nav>.btn{display:none}.mobile{display:block;background:none;border:0;font-size:25px;color:#123}.hero{padding:50px 0}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:40px}h1{font-size:48px}.hero-art img{height:340px}.float{left:12px}.strip .wrap{flex-wrap:wrap;font-size:12px;justify-content:center}.intro{display:block}.intro p{max-width:none}.grid{gap:12px}.card{padding:20px 17px}.card h3{font-size:17px}.steps{grid-template-columns:1fr 1fr;gap:25px}.projects{grid-template-columns:1fr}.project img{height:260px}section{padding:65px 0}.manifesto{padding:30px}.principles{gap:15px}.contact h2{font-size:40px}form{padding:25px}footer .wrap{align-items:start;flex-wrap:wrap}.ticks{gap:12px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.legal h2{font-size:27px;letter-spacing:-.6px;margin-top:38px}.legal a{color:#0876f9;text-decoration:underline}.legal p{line-height:1.8}footer .wrap{flex-wrap:wrap}

/* Aktualizacja 20261015-5: obrazy, menu usług i stopka */
.service-menu{position:relative;margin:0;padding:0;border:0}.service-menu summary{font-weight:400;font-size:14px;gap:8px;padding:10px 0}.service-menu summary:after{content:'⌄';color:#0876f9}.service-dropdown{position:absolute;top:100%;left:-20px;min-width:300px;max-height:70vh;overflow:auto;background:#fff;border:1px solid #dae5ef;border-radius:10px;box-shadow:0 15px 35px #12283d20;padding:10px;display:grid;gap:2px;z-index:30}.service-dropdown a{padding:10px 12px;border-radius:5px;line-height:1.4}.service-dropdown a:hover,.service-dropdown a[aria-current="page"]{background:#edf5ff;color:#0876f9}.service-card-image{width:calc(100% + 46px);max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;margin:-28px -23px 23px;border-radius:11px 11px 0 0}.card{overflow:hidden}.about-image{width:100%;height:auto;border-radius:10px;margin-bottom:25px}.manifesto{padding:35px}.results-image{width:100%;height:auto;border-radius:14px;margin-bottom:35px}.contact-image{width:100%;height:auto;max-height:260px;object-fit:cover;border-radius:12px;margin:15px 0}.contact{background:#102c49 url('/assets/20-phl-cta-background.webp') center/cover no-repeat}.contact-note{margin-top:20px}.process-icon{display:block;margin-bottom:15px}.steps strong{font-size:20px}.service-page-image{display:block;width:100%;height:auto;margin-top:35px;border-radius:16px}.projects{grid-template-columns:repeat(3,minmax(0,1fr))}.project img{height:auto;aspect-ratio:4/3;object-fit:cover}.footer-content{align-items:start!important;display:grid!important;grid-template-columns:1fr 1.5fr 1fr}.footer-services,.footer-contact{display:grid;gap:9px}.footer-services strong,.footer-contact strong{font-size:13px}.footer-services a,.footer-contact a{font-size:12px}.footer-services a:hover,.footer-contact a:hover{color:#0876f9}.links a[aria-current="page"]{color:#0876f9;font-weight:bold}
@media(max-width:1000px){header nav{gap:18px}.links{gap:16px}header nav>.btn{font-size:12px;padding:12px}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.service-dropdown{position:static;min-width:0;box-shadow:none;max-height:none;margin-top:6px}.service-menu summary{font-size:16px}.links.open{max-height:calc(100dvh - 74px);overflow:auto;gap:15px}.service-card-image{width:calc(100% + 34px);margin:-20px -17px 20px}.projects{grid-template-columns:1fr}.manifesto{padding:25px}.footer-content{grid-template-columns:1fr!important;gap:30px}.contact-image{max-height:none}.hero-art img{object-position:center}}

/* Brand palette V1.0 — Navy #071B35, Blue #087BFF, Sky #58C3FF, Ice #F0F7FF */
:root{--navy:#071b35;--blue:#087bff;--sky:#58c3ff;--ice:#f0f7ff}
/* Shared center alignment; the service disclosure has exactly the same box as links. */
header nav .links{align-items:center}
header nav .links>a,header nav .service-menu>summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0;line-height:24px;font-size:14px;font-weight:400;white-space:nowrap}
header nav .service-menu{align-self:center;flex:none;line-height:24px;margin:0;padding:0;border:0}
header nav .service-menu>summary{gap:9px;list-style:none}
header nav .service-menu>summary::-webkit-details-marker{display:none}
header nav .service-menu>summary::after,header nav .service-menu[open]>summary::after{content:'';display:block;width:6px;height:6px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
header nav .service-menu[open]>summary::after{transform:rotate(225deg);margin-top:3px}
header{border-bottom:1px solid #cddff1;background:#f0f7fff5}
body{background:var(--ice);color:var(--navy)}
.hero{position:relative;background:radial-gradient(ellipse at 95% 0%,#087bff55,transparent 58%),linear-gradient(125deg,#071b35,#103864);color:#fff;border-bottom:4px solid var(--blue)}
.hero h1{color:#fff}.hero h1 em{color:var(--sky)}.hero p{color:#d2e4f6}.hero .eyebrow{color:#8cd6ff}.hero .ticks{color:#d3e6f8}.hero .ticks span:before{color:var(--sky)}.hero a:not(.btn){color:#8cd6ff!important}.hero .btn.light{background:#ffffff0d;color:#fff;border-color:#ffffff66}.hero .float{color:var(--navy);border-top:4px solid var(--blue)}.hero .float span{color:#0560ca}.hero-art img{box-shadow:0 22px 55px #0004;border:1px solid #7bc4ff55}
.btn{background:var(--blue)}.btn:hover{background:#0065db}.eyebrow,.num,.icon,.tag{color:#0066d6}
.strip{background:var(--blue);border:0}.strip .wrap,.strip b{color:#fff}
#uslugi{background:linear-gradient(180deg,#e2efff,var(--ice))}.card{background:#fff;border-color:#cbdff6;box-shadow:0 6px 20px #071b3508;border-bottom:4px solid #087bff}.card h3{color:var(--navy)}.card:hover{box-shadow:0 15px 30px #087bff22;border-color:var(--blue)}
.soft{background:#e3f0ff}#dlaczego{background:linear-gradient(110deg,#d8eaff,#f0f7ff)}.manifesto{background:var(--navy);border:1px solid #1e568f}.principles article{border-left:3px solid var(--blue);padding-left:16px}
#wspolpraca{background:linear-gradient(120deg,#075ed1,#087bff);color:#fff}#wspolpraca .eyebrow{color:#d6f0ff}#wspolpraca h2,#wspolpraca h3{color:#fff}.steps article{border-top-color:#ffffff66}.steps p{color:#e2efff}.steps strong{color:#bce8ff}.process-icon{background:#fff;border-radius:14px;box-shadow:0 7px 20px #003d8b22}
#projekty{background:var(--ice)}.project{border-color:#c2d8f1;box-shadow:0 7px 25px #071b3508}.project div{border-top:4px solid var(--blue)}
#faq{background:linear-gradient(130deg,#dbeaff,#eef7ff)}.faq details{background:#ffffffd9;border:1px solid #c8dbf0;border-radius:9px;margin-bottom:12px;padding:20px 24px}.faq summary{color:var(--navy)}.faq details[open]{border-left:4px solid var(--blue)}
.contact{border-top:4px solid var(--sky)}form{border-top:5px solid var(--blue);box-shadow:0 20px 60px #0003}input,textarea,select{background:#f0f7ff;border-color:#c5d9ed}
footer{background:var(--navy);color:#fff;border-top:1px solid #28517b}footer p,footer a{color:#c4d9ee}.footer-services a:hover,.footer-contact a:hover{color:var(--sky)}
.legal{background:#fff;border:1px solid #d1e2f4;border-top:5px solid var(--blue);border-radius:12px;padding:40px}.legal h1,.legal h2{color:var(--navy)}
@media(max-width:720px){header nav .links{align-items:stretch;background:var(--ice)}header nav .links>a,header nav .service-menu>summary{justify-content:flex-start;min-height:44px;font-size:16px;width:100%}header nav .service-menu{align-self:stretch;width:100%}.service-dropdown{background:#fff}.hero .float{max-width:calc(100% - 24px)}.hero{background:radial-gradient(ellipse at 100% 25%,#087bff55,transparent 65%),var(--navy)}.legal{padding:25px}.faq details{padding:18px}}

/* Dodatkowy dział wiedzy — dotychczasowy wygląd agencji zachowany. */
.footer-content{grid-template-columns:1fr 1.4fr 1.1fr 1.2fr}
.footer-online strong a{font-size:13px;color:inherit}
@media(min-width:721px) and (max-width:1250px){header nav.wrap{flex-wrap:wrap}header nav .links{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap;gap:8px 22px}header nav>.btn{margin-left:auto}}
@media(min-width:721px){.earning-menu .service-dropdown{min-width:280px}}
@media(max-width:1000px) and (min-width:721px){.footer-content{grid-template-columns:1fr 1fr}}

/* Keep action buttons readable inside article and legal content. */
.legal a.btn{color:#fff;text-decoration:none}.legal a.btn.light{color:#162f47}