@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#f4f3f0;--paper:#fbfaf7;--ink:#111315;--muted:#707478;--silver:#aeb2b5;
  --line:rgba(17,19,21,.13);--dark:#0b0d0f;--white:#fff;--shadow:0 30px 80px rgba(0,0,0,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-2}
.noise{position:fixed;inset:-50%;pointer-events:none;opacity:.025;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(190,195,198,.17),transparent 67%);transform:translate(-50%,-50%);z-index:2;mix-blend-mode:multiply}
.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:20;background:rgba(244,243,240,.55);backdrop-filter:blur(18px)}
.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font:800 13px Manrope;letter-spacing:.18em}.brand-mark{font:800 18px Manrope;letter-spacing:-.08em}
.nav-links{display:flex;gap:34px}.nav-links a,.footer-links a{color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:.06em;transition:.25s}.nav-links a:hover,.footer-links a:hover{color:var(--ink)}
.nav-cta{font:700 12px Manrope;color:var(--ink);text-decoration:none;padding:12px 16px;border:1px solid var(--line);border-radius:999px}.nav-cta span{margin-left:10px}.menu{display:none;border:0;background:none;font-size:22px}
.hero{min-height:100vh;padding:150px 5vw 60px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:4vw;position:relative;isolation:isolate}.hero-grid{position:absolute;inset:82px 0 0;background:linear-gradient(90deg,transparent 49.9%,var(--line) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,var(--line) 50%,transparent 50.1%);background-size:120px 120px;opacity:.22;mask-image:radial-gradient(circle at 65% 45%,black,transparent 70%);z-index:-1}
.orb{position:absolute;border-radius:50%;filter:blur(1px);border:1px solid rgba(0,0,0,.1);box-shadow:inset 10px 10px 25px rgba(255,255,255,.7),inset -15px -15px 25px rgba(0,0,0,.08)}.orb-a{width:220px;height:220px;right:4%;top:14%;background:radial-gradient(circle at 35% 30%,#fff,#d6d8d9 40%,#8c9195 100%);opacity:.25;animation:float 8s ease-in-out infinite}.orb-b{width:70px;height:70px;left:7%;bottom:18%;background:linear-gradient(145deg,#fff,#a2a7aa);opacity:.5;animation:float 5s ease-in-out infinite reverse}
.eyebrow,.section-kicker{font:700 10px Manrope;letter-spacing:.2em;color:#777c80}.eyebrow span{display:inline-block;width:32px;height:1px;background:#74797c;vertical-align:middle;margin-right:10px}.hero h1{font:800 clamp(48px,6.1vw,100px)/.92 Manrope;letter-spacing:-.065em;margin:24px 0}.hero h1 em,.cta h2 em{font-style:normal;background:linear-gradient(110deg,#151719,#a2a7aa,#222426);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:590px;color:#62676a;font-size:16px;line-height:1.75;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 19px;border-radius:999px;text-decoration:none;font:700 11px Manrope;letter-spacing:.04em;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{color:white;background:#101214;box-shadow:0 14px 35px rgba(0,0,0,.18)}.button-ghost{color:var(--ink);border:1px solid var(--line)}.button-light{color:#0d0f10;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.2)}.hero-trust{display:flex;gap:14px;align-items:center;margin-top:70px;font:700 8px Manrope;letter-spacing:.2em;color:#929699}.hero-trust i{width:3px;height:3px;background:#999;border-radius:50%}
.hero-logo{perspective:1400px;transform-style:preserve-3d}.logo-frame{position:relative;padding:20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);transform:rotateY(-6deg) rotateX(2deg);transition:transform .12s ease;transform-style:preserve-3d}.logo-frame:after{content:"";position:absolute;inset:8px;border:1px solid rgba(0,0,0,.08);pointer-events:none}.logo-frame img{display:block;width:100%;height:auto;position:relative;z-index:1}.frame-corner{position:absolute;width:24px;height:24px;border-color:#7e8386;z-index:3}.c1{left:-7px;top:-7px;border-left:1px solid;border-top:1px solid}.c2{right:-7px;top:-7px;border-right:1px solid;border-top:1px solid}.c3{left:-7px;bottom:-7px;border-left:1px solid;border-bottom:1px solid}.c4{right:-7px;bottom:-7px;border-right:1px solid;border-bottom:1px solid}.logo-caption{display:flex;justify-content:space-between;margin-top:13px;font:700 8px Manrope;letter-spacing:.18em;color:#8b8f92}.section{padding:130px 7vw}.manifesto{background:#0c0e10;color:#f1f1ef;position:relative;overflow:hidden}.manifesto:before{content:"AI";position:absolute;right:-.05em;top:-.35em;font:800 36vw/.8 Manrope;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);pointer-events:none}.manifesto .section-kicker{color:#8f9498}.manifesto-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;position:relative;z-index:1}.manifesto h2,.audience h2,.process h2,.services h2{font:700 clamp(44px,6.5vw,92px)/.92 Manrope;letter-spacing:-.065em;margin:35px 0}.manifesto h2 span,.services h2 span,.audience h2 span,.process h2 span{color:#8f9498}.manifesto-text{padding-top:70px;color:#9da1a4;line-height:1.8;font-size:16px}.manifesto-text p{max-width:500px;margin:0 0 24px}.manifesto-text strong{color:#f4f4f2}.text-link{display:inline-flex;color:white;text-decoration:none;border-bottom:1px solid #555;padding:12px 0;font:700 11px Manrope;gap:30px}.stat-strip{margin-top:100px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}.stat-strip div{padding:28px 0;border-right:1px solid rgba(255,255,255,.12);padding-left:25px}.stat-strip div:first-child{padding-left:0}.stat-strip strong{display:block;font:500 42px Manrope}.stat-strip span{font:700 8px Manrope;letter-spacing:.18em;color:#73787b}
.services{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-head>p{max-width:430px;color:#72777a;line-height:1.75;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:530px;padding:32px;background:linear-gradient(145deg,#fff,#e9e9e7);border:1px solid #fff;box-shadow:0 18px 50px rgba(0,0,0,.06);position:relative;transition:box-shadow .4s,transform .15s;transform-style:preserve-3d}.service-card:hover{box-shadow:0 30px 70px rgba(0,0,0,.13)}.service-card.featured{background:linear-gradient(145deg,#181a1c,#08090a);color:white}.card-no{font:700 9px Manrope;letter-spacing:.2em;color:#999}.card-icon{position:absolute;right:30px;top:25px;font-size:38px;color:#8d9295}.service-card h3{font:700 30px Manrope;margin:100px 0 16px;letter-spacing:-.04em}.service-card p{color:#72777a;line-height:1.7;font-size:14px;max-width:330px}.featured p{color:#a8abad}.service-card ul{padding:0;margin:30px 0;list-style:none;color:#6d7275;font:600 10px Manrope;letter-spacing:.08em;text-transform:uppercase}.featured ul{color:#b4b8ba}.service-card li{padding:9px 0;border-bottom:1px solid var(--line)}.featured li{border-color:rgba(255,255,255,.12)}.service-card>a{position:absolute;bottom:32px;left:32px;color:inherit;text-decoration:none;font:700 10px Manrope;letter-spacing:.08em}.service-card>a span{margin-left:20px}
.audience{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:linear-gradient(135deg,#e5e5e2,#f6f5f2)}.audience-visual{height:580px;display:grid;place-items:center;position:relative;perspective:1000px}.wire-orb{width:330px;height:330px;border-radius:50%;position:relative;transform-style:preserve-3d;animation:spin 16s linear infinite;box-shadow:0 40px 90px rgba(0,0,0,.18),inset 0 0 40px rgba(255,255,255,.8);background:radial-gradient(circle at 35% 30%,#fff,#c5c9cb 45%,#6e7376 100%)}.wire-orb:before,.wire-orb:after{content:"";position:absolute;inset:20px;border:1px solid rgba(0,0,0,.25);border-radius:50%;transform:rotateX(70deg)}.wire-orb:after{transform:rotateY(70deg)}.wire-core{position:absolute;inset:0;display:grid;place-items:center;font:800 50px Manrope;letter-spacing:-.1em;color:#fff;text-shadow:0 2px 15px #333;z-index:2}.wire-orb span{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #333}.wire-orb span:nth-child(1){top:8%;left:48%}.wire-orb span:nth-child(2){top:43%;right:4%}.wire-orb span:nth-child(3){bottom:9%;left:24%}.wire-orb span:nth-child(4){top:29%;left:5%}.wire-orb span:nth-child(5){bottom:25%;right:17%}.orbit-label{position:absolute;font:700 8px Manrope;letter-spacing:.2em;color:#777}.label-one{top:18%;left:20%}.label-two{right:11%;top:42%}.label-three{bottom:18%;left:29%}.audience-copy h2{margin-top:35px}.big-copy{font-size:18px;line-height:1.7;color:#686d70;max-width:550px}.beginner-list{margin:38px 0}.beginner-list>div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.beginner-list b{font:700 9px Manrope;color:#8d9295}.beginner-list strong{font:700 14px Manrope;display:block}.beginner-list small{display:block;color:#777c7f;margin-top:6px;line-height:1.5}
.process{background:#f0efec}.process h2{margin-bottom:65px}.process-line{height:1px;background:var(--line);position:relative}.process-line:before{content:"";position:absolute;left:0;top:-2px;width:4px;height:4px;background:#111;border-radius:50%}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:35px 25px;border-right:1px solid var(--line);min-height:220px}.step:first-child{padding-left:0}.step span{font:700 10px Manrope;color:#8b8f92}.step h3{font:700 23px Manrope;letter-spacing:-.04em;margin:50px 0 10px}.step p{font-size:13px;color:#777c7f;line-height:1.6;max-width:220px}
.cta{background:#0b0d0f;color:white;min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;position:relative;overflow:hidden}.cta-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.06) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.06) 50%,transparent 50.2%);background-size:100px 100px;opacity:.4}.cta-content,.cta-code{position:relative;z-index:1}.cta .section-kicker{color:#888d91}.cta h2{font:800 clamp(50px,7vw,105px)/.9 Manrope;letter-spacing:-.07em;margin:30px 0}.cta p{color:#9ca1a4;max-width:440px;line-height:1.7;margin-bottom:30px}.cta-code{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.35);backdrop-filter:blur(15px);transform:perspective(1000px) rotateY(-7deg) rotateX(4deg);transition:transform .2s}.code-top{height:45px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:7px;padding:0 15px}.code-top>span{width:7px;height:7px;border-radius:50%;background:#888}.code-top small{margin-left:auto;font:700 7px Manrope;letter-spacing:.18em;color:#777}.cta pre{padding:30px;overflow:auto;color:#c9cdcf;font:500 13px/2.1 ui-monospace,SFMono-Regular,Menlo,monospace}.cta pre code{white-space:pre}
footer{padding:38px 5vw;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;background:#08090a;color:#888;border-top:1px solid rgba(255,255,255,.1)}.footer-brand{font:800 14px Manrope;color:#e8e8e6;letter-spacing:.15em}.footer-brand span{margin-right:8px}.footer-links{display:flex;gap:25px}.footer-links a{color:#7c8184}.footer-links+small{grid-column:1/-1;text-align:center;color:#4f5457;font-size:9px;letter-spacing:.06em}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-25px) rotate(8deg)}}@keyframes spin{to{transform:rotateY(360deg) rotateX(8deg)}}@media(max-width:900px){.nav-links,.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:130px}.hero-logo{order:-1}.hero h1{font-size:54px}.logo-frame{transform:none}.section{padding:90px 6vw}.manifesto-layout,.audience,.cta{grid-template-columns:1fr}.manifesto-text{padding-top:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:450px}.audience-visual{height:420px}.process-grid{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.cta-code{margin-top:10px}.stat-strip{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-links+small{grid-column:1;text-align:left}}
@media(max-width:520px){.hero{padding-top:110px}.hero h1{font-size:44px}.hero-lead{font-size:14px}.hero-trust{gap:8px;font-size:7px}.manifesto h2,.audience h2,.process h2,.services h2{font-size:48px}.section-head{display:block}.section-head>p{margin-top:0}.stat-strip strong{font-size:30px}.service-card{padding:25px}.audience-visual{height:350px}.wire-orb{width:250px;height:250px}.process-grid{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.step h3{margin-top:25px}.cta{min-height:600px}.cta pre{font-size:10px;padding:20px}}


/* ===== WARTOŚCI / MISJA / WIZJA ===== */
.values{background:#f7f6f3;position:relative;overflow:hidden}.values:after{content:"";position:absolute;right:-160px;top:90px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 35px rgba(0,0,0,.018),0 0 0 90px rgba(0,0,0,.012);pointer-events:none}.values-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.values-intro h2{font:700 clamp(48px,6vw,86px)/.92 Manrope;letter-spacing:-.065em;margin:35px 0 60px}.values-intro h2 span{color:#92979a}.values-intro>p{color:#707579;line-height:1.8;max-width:450px;margin-bottom:65px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}.value-card{min-height:480px;padding:30px;background:linear-gradient(145deg,#fff,#e8e8e5);border:1px solid #fff;box-shadow:0 20px 55px rgba(0,0,0,.07);position:relative}.value-dark{background:linear-gradient(145deg,#181a1c,#08090a);color:#fff}.value-number{font:700 9px Manrope;letter-spacing:.2em;color:#858a8d}.value-symbol{position:absolute;right:28px;top:20px;font:300 46px Manrope;color:#9da2a5}.value-card h3{font:700 30px Manrope;letter-spacing:-.04em;margin:95px 0 25px}.value-card p{font-size:13px;line-height:1.7;color:#74797c;max-width:350px}.value-dark p{color:#a6abad}.value-card strong{color:#222}.value-dark strong{color:#fff}

/* ===== OPINIE ===== */
.testimonials{background:#e7e6e2;overflow:hidden}.testimonials-head{align-items:end}.testimonial-stage{display:grid;grid-template-columns:55px minmax(0,1fr) 55px;align-items:center;gap:20px}.testimonial-track{min-height:410px;position:relative}.testimonial{display:none;min-height:410px;padding:55px 7vw;background:linear-gradient(145deg,#fafaf8,#dededb);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(0,0,0,.10);position:relative}.testimonial.active{display:block;animation:testimonialIn .5s ease}.quote-mark{font:800 100px/.6 Georgia;color:#9b9fa1;position:absolute;top:55px;left:45px}.testimonial>p{font:500 clamp(22px,2.6vw,38px)/1.35 Manrope;letter-spacing:-.035em;max-width:900px;margin:35px 0 55px;position:relative;z-index:1}.client{display:flex;align-items:center;gap:14px}.client-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#a6aaad);font:700 10px Manrope;box-shadow:0 8px 18px rgba(0,0,0,.14)}.client strong,.client small{display:block}.client strong{font:700 11px Manrope}.client small{font-size:10px;color:#777c7f;margin-top:4px}.testimonial-arrow{width:55px;height:55px;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:rgba(255,255,255,.45);font-size:20px;cursor:pointer;transition:.25s}.testimonial-arrow:hover{background:#111;color:#fff;transform:scale(1.06)}.testimonial-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}.testimonial-dots button{width:5px;height:5px;border:0;border-radius:50%;background:#a3a7a9;padding:0;cursor:pointer}.testimonial-dots button.active{width:22px;border-radius:10px;background:#111}.testimonial-note{text-align:center;color:#888d90;font-size:9px;margin-top:22px}@keyframes testimonialIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}

/* ===== FORMULARZ ===== */
.cta{grid-template-columns:.85fr 1.15fr;gap:6vw}.contact-panel{position:relative;z-index:2;padding:38px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 100px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.contact-heading>span{font:700 8px Manrope;letter-spacing:.2em;color:#8e9396}.contact-heading h3{font:700 31px Manrope;letter-spacing:-.045em;margin:12px 0 8px}.contact-heading p{font-size:12px;line-height:1.6;color:#9ea3a6;max-width:500px;margin-bottom:28px}.contact-form label{display:block;font:700 9px Manrope;letter-spacing:.08em;color:#aeb2b5;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:#fff;border-radius:2px;outline:none;font:400 12px "DM Sans";transition:border-color .25s,background .25s}.contact-form select{appearance:auto}.contact-form textarea{resize:vertical;min-height:105px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f7477}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#d9dddf;background:rgba(255,255,255,.06)}.consent{display:flex!important;align-items:flex-start;gap:9px;font:400 9px "DM Sans"!important;letter-spacing:0!important;color:#777c7f!important}.consent input{width:auto!important;margin:1px 0 0!important;accent-color:#fff}.contact-form .button{border:0;cursor:pointer;margin-top:5px}.form-message{min-height:18px;margin-top:13px;font-size:10px;color:#c7cbcd}.cta-mini{font:600 10px Manrope;letter-spacing:.04em;color:#92979a;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);max-width:390px}.cta-mini span{display:inline-block;width:30px;color:#fff}.cta-code{display:none}

/* nav now has more links */
@media(max-width:1100px){.nav-links{gap:18px}.nav-links a{font-size:10px}}
@media(max-width:900px){.values-intro,.values-grid{grid-template-columns:1fr}.values-intro>p{margin-bottom:35px}.values-grid{gap:12px}.value-card{min-height:390px}.testimonial-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.testimonial{padding:45px 35px;min-height:450px}.testimonial>p{font-size:22px}.testimonial-arrow{width:42px;height:42px}.cta{grid-template-columns:1fr}.contact-panel{margin-top:20px}.cta-mini{max-width:none}.form-row{grid-template-columns:1fr}}
@media(max-width:520px){.values-intro h2{font-size:48px}.value-card{min-height:auto;padding:24px}.value-card h3{margin-top:65px}.testimonial{padding:35px 25px;min-height:500px}.testimonial>p{font-size:20px;margin-top:50px}.quote-mark{left:25px}.testimonial-stage{grid-template-columns:1fr}.testimonial-arrow{position:absolute;z-index:3;bottom:14px}.testimonial-stage{position:relative}.testimonial-arrow.prev{left:25px}.testimonial-arrow.next{right:25px}.testimonial-track{width:100%}.testimonial-dots{margin-bottom:15px}.contact-panel{padding:25px}.cta h2{font-size:50px}}


/* ===== AKADEMIA AI ===== */
.academy{background:#0a0c0e;color:#f3f3f1;position:relative;overflow:hidden}.academy:before{content:"AI";position:absolute;right:-.06em;bottom:-.28em;font:800 32vw/.75 Manrope;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}.academy-glow{position:absolute;width:620px;height:620px;right:-160px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(206,210,212,.12),transparent 65%);filter:blur(10px);pointer-events:none}.academy .section-kicker{color:#8c9195;position:relative;z-index:1}.academy-head{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;position:relative;z-index:1}.academy-head h2{font:800 clamp(48px,6.3vw,92px)/.9 Manrope;letter-spacing:-.07em;margin:35px 0 55px}.academy-head h2 span{color:#858b8f}.academy-intro{padding-bottom:55px}.academy-badge{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;font:700 8px Manrope;letter-spacing:.15em;color:#a7acaf;margin-bottom:20px}.academy-badge span{font-size:6px;color:#e6e7e5}.academy-intro p{font-size:14px;line-height:1.8;color:#969b9e;max-width:460px}.academy-intro strong{color:#f1f1ef}.academy-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;position:relative;z-index:1}.academy-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.academy-product{min-height:375px;padding:24px;background:linear-gradient(145deg,#202326,#0f1113);border:1px solid rgba(255,255,255,.12);position:relative;transition:transform .3s,box-shadow .3s;overflow:hidden}.academy-product:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,#cbd0d2,transparent 68%);opacity:.08}.academy-product:hover{transform:translateY(-8px);box-shadow:0 25px 70px rgba(0,0,0,.35)}.product-top{display:flex;justify-content:space-between;font:700 7px Manrope;letter-spacing:.16em;color:#777d80}.product-top b{color:#aeb3b6}.product-icon{font-size:38px;color:#b9bec0;margin:58px 0 20px}.academy-product h3{font:700 21px Manrope;letter-spacing:-.04em;margin:0 0 12px}.academy-product p{font-size:12px;line-height:1.65;color:#8e9497}.product-tag{position:absolute;bottom:23px;left:24px;font:700 7px Manrope;letter-spacing:.14em;color:#72787b}.academy-access{padding:34px;background:linear-gradient(145deg,#f5f5f2,#cfd1d1);color:#101214;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative}.access-top{display:flex;justify-content:space-between;font:700 8px Manrope;letter-spacing:.17em;color:#666b6e;border-bottom:1px solid rgba(0,0,0,.13);padding-bottom:16px}.academy-access h3{font:800 clamp(31px,3.3vw,50px)/.95 Manrope;letter-spacing:-.06em;margin:55px 0 18px}.academy-access h3 em{font-style:normal;color:#8a8f92}.academy-access>p{font-size:12px;line-height:1.7;color:#676c6f;max-width:440px}.academy-form{margin-top:25px}.academy-form label{display:block;font:700 8px Manrope;letter-spacing:.1em;color:#666b6e;margin-bottom:12px}.academy-form input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.48);color:#111315;outline:none;font:400 12px "DM Sans"}.academy-form input:focus{border-color:#222;background:#fff}.academy-form input::placeholder{color:#969a9c}.academy-consent{display:flex!important;gap:8px;align-items:flex-start;margin-top:16px}.academy-consent input{width:auto!important;margin:0!important;accent-color:#111}.academy-consent span{font:400 8px/1.5 "DM Sans"!important;letter-spacing:0!important;color:#777c7f}.academy-form .button{margin-top:7px;border:0;cursor:pointer}.academy-message{font-size:9px;line-height:1.5;color:#555a5d;margin-top:10px;min-height:15px}.access-foot{display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.13);margin-top:30px;padding-top:14px;font:700 7px Manrope;letter-spacing:.14em;color:#767b7e}

@media(max-width:1000px){.academy-head,.academy-grid{grid-template-columns:1fr}.academy-intro{padding-bottom:35px}.academy-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.academy-products{grid-template-columns:1fr}.academy-product{min-height:300px}.academy-access{padding:26px}.academy-access h3{margin-top:40px}.access-foot{gap:10px;flex-wrap:wrap}}


/* ===== BRAND QUOTES ===== */
.manifesto-quote{margin-top:35px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);font:600 16px/1.5 Manrope;color:#f2f2f0;letter-spacing:-.02em}.academy-quote{font:600 18px/1.35 Manrope;letter-spacing:-.025em;color:#222426;margin:12px 0 20px;max-width:450px}.cta h2 em{display:inline}
@media(max-width:520px){.manifesto-quote{font-size:14px}.academy-quote{font-size:16px}}


/* ===== LOGO-FIRST BRAND PRESENTATION ===== */
.brand img{display:block;width:112px;height:auto;max-height:42px;object-fit:contain;object-position:left center;filter:none}
.hero-logo{position:relative}
.hero-logo-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px;font:700 8px Manrope;letter-spacing:.2em;color:#8b9093}.hero-logo-label b{font-weight:700}
.logo-frame{background:rgba(255,255,255,.5);box-shadow:0 40px 110px rgba(0,0,0,.16),0 0 0 1px rgba(255,255,255,.8);padding:24px}
.logo-caption{font-size:8px}
.hero-brand-statement{margin-top:28px;padding-left:2px;font:500 clamp(18px,2vw,26px)/1.05 Manrope;letter-spacing:-.035em;color:#8b9092}.hero-brand-statement strong{color:#202326;font-weight:700}
.hero-logo:before{content:"";position:absolute;inset:28px -22px -18px 22px;border:1px solid rgba(0,0,0,.07);z-index:-1;transform:translateZ(-20px)}
@media(min-width:901px){
  .hero{grid-template-columns:.82fr 1.18fr;gap:5vw}
  .hero-logo{min-width:0}
  .logo-frame img{width:100%}
}
@media(max-width:900px){.brand img{width:94px}.hero-logo-label{margin-top:0}.logo-frame{padding:18px}.hero-brand-statement{margin-top:20px}}


/* =========================================================
   AI AGENCJA — SILVER MONUMENT EDITION
   Art direction: liquid silver / museum-tech / quiet luxury
   ========================================================= */
:root{
  --bg:#d9dcde;
  --paper:#e9eaeb;
  --ink:#151719;
  --muted:#666b6f;
  --silver:#b9bdc0;
  --silver-light:#f4f5f5;
  --silver-dark:#8c9296;
  --line:rgba(20,23,25,.14);
}
body{
  background:
    radial-gradient(circle at 72% 10%,rgba(255,255,255,.95),transparent 24%),
    radial-gradient(circle at 15% 55%,rgba(255,255,255,.55),transparent 28%),
    linear-gradient(125deg,#c4c8ca 0%,#eef0f0 35%,#b5babc 67%,#e4e6e6 100%);
  color:#151719;
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.38;
  background:
    repeating-linear-gradient(100deg,rgba(255,255,255,.10) 0,rgba(255,255,255,.10) 1px,transparent 1px,transparent 13px),
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.22) 38%,transparent 52%);
  mix-blend-mode:soft-light;
}
.nav{
  background:rgba(224,226,227,.56);
  border-bottom-color:rgba(0,0,0,.10);
  box-shadow:0 8px 35px rgba(30,33,35,.06);
}
.hero{
  min-height:100svh;
  padding:132px 5vw 70px;
  grid-template-columns:.72fr 1.28fr;
  gap:4vw;
  overflow:hidden;
}
.hero-grid{
  opacity:.13;
  background-size:160px 160px;
  mask-image:radial-gradient(circle at 75% 50%,black,transparent 62%);
}
.hero-copy{
  max-width:560px;
}
.hero h1{
  font-size:clamp(34px,4.05vw,64px);
  line-height:.98;
  letter-spacing:-.06em;
  margin:20px 0;
}
.hero-lead{
  font-size:14px;
  max-width:480px;
  color:#5f6468;
}
.hero-trust{margin-top:48px}
.hero-logo-monument{
  align-self:center;
  justify-self:end;
  width:min(100%,850px);
  position:relative;
}
.hero-logo-monument .logo-frame{
  padding:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(191,195,197,.55));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:
    0 55px 120px rgba(27,30,32,.20),
    inset 0 1px rgba(255,255,255,.9),
    0 0 0 1px rgba(80,84,87,.08);
  transform:rotateY(-4deg) rotateX(2deg);
}
.hero-logo-monument .logo-frame img{
  width:100%;
  min-height:260px;
  object-fit:contain;
}
.logo-aura{
  position:absolute;
  width:76%;
  aspect-ratio:1;
  right:4%;
  top:12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.82),rgba(197,201,203,.28) 42%,transparent 70%);
  filter:blur(15px);
  transform:translateZ(-40px);
  animation:metalPulse 7s ease-in-out infinite;
}
.hero-logo-monument:after{
  content:"";
  position:absolute;
  width:65%;
  height:20%;
  right:10%;
  bottom:2%;
  background:rgba(45,48,50,.24);
  filter:blur(30px);
  border-radius:50%;
  z-index:-2;
}
.hero-brand-statement{
  font-size:15px;
  color:#707579;
  letter-spacing:-.02em;
}
.frame-corner{border-color:#555b5f}
@keyframes metalPulse{
  50%{transform:scale(1.08) translateZ(-40px);opacity:.65}
}

/* Smaller editorial headings throughout */
.manifesto h2,.audience h2,.process h2,.services h2,
.values-intro h2,.academy-head h2{
  font-size:clamp(37px,4.8vw,67px);
}
.cta h2{
  font-size:clamp(40px,5vw,70px);
}

/* Silver "dark" sections instead of black */
.silver-dark{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.35),transparent 28%),
    linear-gradient(135deg,#8e9498,#d8dbdc 45%,#9da2a5);
  color:#17191b;
}
.silver-dark .section-kicker{color:#555b5f}
.silver-dark:before{color:transparent;-webkit-text-stroke-color:rgba(0,0,0,.08)}
.silver-dark .manifesto-text{color:#555b60}
.silver-dark .manifesto-text strong{color:#17191b}
.silver-dark .text-link{color:#151719;border-color:rgba(0,0,0,.25)}
.silver-dark .stat-strip{border-top-color:rgba(0,0,0,.16)}
.silver-dark .stat-strip div{border-right-color:rgba(0,0,0,.12)}
.silver-dark .stat-strip span{color:#5d6266}
.silver-dark .manifesto-quote{border-color:rgba(0,0,0,.14);color:#151719}

/* Silver cards */
.services{background:rgba(237,238,238,.72)}
.service-card{
  background:linear-gradient(145deg,#f8f9f9,#bfc3c5);
  border-color:rgba(255,255,255,.8);
  box-shadow:0 22px 55px rgba(33,36,38,.10);
}
.service-card.featured{
  background:linear-gradient(145deg,#dfe2e3,#9ba0a3);
  color:#151719;
}
.featured p,.featured ul{color:#60666a}
.featured li{border-color:rgba(0,0,0,.12)}

/* Values silver treatment */
.values{background:linear-gradient(135deg,#c2c6c8,#f3f4f4 44%,#b2b6b9)}
.value-card{background:linear-gradient(145deg,#fafbfb,#c5c9cb)}
.value-dark{background:linear-gradient(145deg,#e4e6e7,#a4a9ac);color:#151719}

/* Academy: polished graphite-silver instead of black */
.academy{
  background:
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.6),transparent 25%),
    linear-gradient(135deg,#9da2a5,#e8e9e9 48%,#a9aeb1);
  color:#151719;
}
.academy:before{-webkit-text-stroke-color:rgba(0,0,0,.07)}
.academy .section-kicker{color:#555b5f}
.academy-head h2 span{color:#62686c}
.academy-intro p{color:#5d6367}
.academy-intro strong{color:#151719}
.academy-badge{border-color:rgba(0,0,0,.16);color:#555b5f}
.academy-quote{color:#242729}
.academy-products{grid-template-columns:repeat(3,1fr)}
.academy-product{
  background:linear-gradient(145deg,#f1f2f2,#9da2a5);
  color:#151719;
  border-color:rgba(255,255,255,.8);
  box-shadow:0 25px 65px rgba(25,28,30,.12);
}
.academy-product p{color:#5e6468}
.product-top,.product-top b,.product-tag{color:#62686c}
.product-icon{color:#50565a}
.academy-access{
  background:linear-gradient(145deg,#f8f9f9,#c4c8ca);
  box-shadow:0 35px 90px rgba(25,28,30,.2);
}

/* Testimonials become a silver gallery */
.testimonials{background:linear-gradient(135deg,#c4c8ca,#f0f1f1,#b6bbbd)}
.testimonial{
  background:linear-gradient(145deg,#fafbfb,#c6cacb);
}

/* Silver CTA / contact */
.silver-cta{
  background:
    radial-gradient(circle at 80% 30%,rgba(255,255,255,.72),transparent 30%),
    linear-gradient(135deg,#8e9498,#e9eaeb 48%,#a5aaad);
  color:#151719;
}
.silver-cta .section-kicker{color:#565c60}
.silver-cta h2 em{background:linear-gradient(110deg,#202326,#6d7377,#111315);-webkit-background-clip:text;background-clip:text}
.silver-cta p{color:#555b5f}
.silver-cta .cta-grid{opacity:.18;background:linear-gradient(90deg,transparent 49.8%,rgba(0,0,0,.10) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(0,0,0,.10) 50%,transparent 50.2%)}
.silver-cta .cta-mini{color:#555b5f;border-bottom-color:rgba(0,0,0,.12)}
.silver-cta .cta-mini span{color:#151719}
.contact-panel{
  background:rgba(255,255,255,.38);
  border-color:rgba(255,255,255,.8);
  box-shadow:0 35px 100px rgba(28,31,33,.18);
}
.contact-heading>span,.contact-heading p{color:#62686b}
.contact-heading h3{color:#151719}
.contact-form label{color:#555b5f}
.contact-form input,.contact-form select,.contact-form textarea{
  background:rgba(255,255,255,.42);
  border-color:rgba(0,0,0,.14);
  color:#151719;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#858a8d}
.consent,.academy-consent{color:#656b6e!important}
.form-message{color:#555b5f}

/* More visual depth without heavy darkness */
.section{position:relative}
.section:after{
  content:"";
  position:absolute;
  pointer-events:none;
  width:380px;height:380px;border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  right:-190px;top:25%;
  box-shadow:0 0 0 30px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025);
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:115px}
  .hero-logo-monument{order:-1;width:100%;justify-self:stretch}
  .hero-logo-monument .logo-frame{padding:22px}
  .hero-logo-monument .logo-frame img{min-height:0}
  .hero h1{font-size:43px}
}
@media(max-width:520px){
  .brand img{width:88px}
  .hero-logo-monument .logo-frame{padding:15px}
  .hero h1{font-size:37px}
  .hero-lead{font-size:13px}
}


/* ===== EDITORIAL QUOTE + LARGE STATEMENT ===== */
.manifesto-text{
  padding-top:20px;
  max-width:650px;
}
.manifesto-quote{
  border:0;
  padding:0;
  margin:0 0 42px;
}
.manifesto-quote-hero{
  font-family:"Manrope", "DM Sans", sans-serif;
  font-size:clamp(38px,4.6vw,72px);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:500;
  color:#151719;
  max-width:650px;
  text-wrap:balance;
}
.manifesto-text p{
  font-size:clamp(15px,1.25vw,19px);
  line-height:1.75;
  max-width:610px;
}
.manifesto-text .text-link{
  font-size:13px;
  margin-top:12px;
  padding-bottom:14px;
}
.stat-strip{
  margin-top:115px;
}
.stat-strip div{
  padding:34px 0 34px 28px;
}
.stat-strip strong{
  font-family:"Manrope",sans-serif;
  font-size:clamp(42px,4.4vw,68px);
  line-height:.9;
  letter-spacing:-.07em;
  font-weight:500;
  margin-bottom:13px;
}
.stat-strip span{
  font-size:11px;
  letter-spacing:.17em;
  font-weight:700;
}
.silver-dark .stat-strip strong{
  color:#111315;
}
@media(max-width:900px){
  .manifesto-text{padding-top:0;max-width:none}
  .manifesto-quote-hero{font-size:46px}
  .stat-strip{margin-top:75px}
}
@media(max-width:520px){
  .manifesto-quote-hero{font-size:36px}
  .manifesto-text p{font-size:14px}
  .stat-strip strong{font-size:43px}
  .stat-strip span{font-size:8px}
}


/* =========================================================
   TRUE LOGO PALETTE — PEARL / SILVER / GRAPHITE
   No gold, beige, cream or warm accent colors.
   ========================================================= */
:root{
  --logo-white:#f7f7f6;
  --logo-pearl:#e8e9e9;
  --logo-silver:#c8cbcd;
  --logo-mid:#9da2a5;
  --logo-steel:#70767a;
  --logo-graphite:#3d4246;
  --logo-black:#17191b;
  --bg:#e3e5e6;
  --paper:#eef0f0;
  --ink:#17191b;
  --muted:#686e72;
  --line:rgba(23,25,27,.14);
}

/* Neutral metallic foundation */
body{
  background:
    radial-gradient(circle at 72% 7%,rgba(255,255,255,.98),transparent 24%),
    radial-gradient(circle at 12% 48%,rgba(255,255,255,.62),transparent 28%),
    linear-gradient(135deg,#c3c7c9 0%,#f4f5f5 32%,#b8bdc0 64%,#e7e9e9 100%);
}
body:before{
  background-image:
    linear-gradient(rgba(40,44,47,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(40,44,47,.025) 1px,transparent 1px);
}
body:after{
  background:
    repeating-linear-gradient(100deg,rgba(255,255,255,.09) 0,rgba(255,255,255,.09) 1px,transparent 1px,transparent 13px),
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.28) 38%,transparent 52%);
}

.nav{
  background:rgba(232,234,235,.72);
  border-bottom:1px solid rgba(45,49,52,.12);
}
.nav-links a,.footer-links a{color:#62686c}
.nav-links a:hover,.footer-links a:hover{color:#17191b}
.nav-cta{border-color:rgba(45,49,52,.16);color:#272b2e}

/* Hero */
.hero-grid{
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(55,59,62,.14) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(55,59,62,.14) 50%,transparent 50.1%);
}
.eyebrow,.section-kicker{color:#70767a}
.eyebrow span{background:#70767a}
.hero h1{color:#1a1d1f}
.hero h1 em{
  background:linear-gradient(105deg,#202427,#8c9296,#303539);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{color:#62686c}
.hero-trust{color:#747a7e}
.button-primary{background:#24282b;color:#fff}
.button-ghost{border-color:rgba(30,34,37,.16);color:#202427}
.hero-logo-label,.logo-caption{color:#6f7579}

/* Neutral silver cards */
.services{background:rgba(236,238,238,.84)}
.service-card{
  background:linear-gradient(145deg,#fafbfb,#c3c7c9);
  border-color:rgba(255,255,255,.85);
}
.service-card.featured{
  background:linear-gradient(145deg,#e1e3e4,#a1a6a9);
  color:#17191b;
}
.service-card p,.featured p{color:#62686c}
.service-card li,.featured li{color:#60666a;border-color:rgba(35,39,42,.12)}

/* Values / mission */
.values{
  background:
    radial-gradient(circle at 80% 10%,rgba(255,255,255,.65),transparent 26%),
    linear-gradient(135deg,#c2c6c8,#f3f4f4 44%,#adb2b5);
}
.value-card{
  background:linear-gradient(145deg,#fbfcfc,#c4c8ca);
}
.value-dark{
  background:linear-gradient(145deg,#e2e4e5,#9ea4a7);
  color:#17191b;
}
.value-card p,.value-dark p{color:#62686a}

/* Manifesto */
.silver-dark{
  background:
    radial-gradient(circle at 78% 12%,rgba(255,255,255,.55),transparent 28%),
    linear-gradient(135deg,#b7bdc0,#eef0f0 45%,#9fa5a8);
  color:#17191b;
}
.silver-dark .section-kicker{color:#555b5f}
.silver-dark .manifesto-text{color:#565c60}
.silver-dark .manifesto-text strong{color:#17191b}
.silver-dark .manifesto-quote-hero{color:#17191b}
.silver-dark .text-link{color:#17191b;border-color:rgba(23,25,27,.24)}
.silver-dark .stat-strip{border-color:rgba(23,25,27,.15)}
.silver-dark .stat-strip div{border-color:rgba(23,25,27,.12)}
.silver-dark .stat-strip strong{color:#202427}
.silver-dark .stat-strip span{color:#60666a}

/* Academy */
.academy{
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.72),transparent 25%),
    linear-gradient(135deg,#aeb4b7,#f0f2f2 48%,#b8bdc0);
}
.academy-product{
  background:linear-gradient(145deg,#f1f3f3,#9da3a6);
  color:#17191b;
  border-color:rgba(255,255,255,.82);
}
.academy-access{background:linear-gradient(145deg,#fafbfb,#c5c9cb)}
.academy-product p,.academy-intro p{color:#60666a}
.academy-badge{color:#596065;border-color:rgba(25,29,31,.16)}

/* Testimonials */
.testimonials{
  background:
    radial-gradient(circle at 15% 15%,rgba(255,255,255,.62),transparent 28%),
    linear-gradient(135deg,#c4c8ca,#f1f2f2,#b5babd);
}
.testimonial{background:linear-gradient(145deg,#fafbfb,#c6cacb)}
.testimonial>p{color:#25292c}

/* CTA / form */
.silver-cta{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.82),transparent 28%),
    linear-gradient(135deg,#aab0b3,#f2f3f3 48%,#b7bcc0);
}
.silver-cta .cta-grid{
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(40,44,47,.11) 50%,transparent 50.2%),
    linear-gradient(0deg,transparent 49.8%,rgba(40,44,47,.11) 50%,transparent 50.2%);
}
.contact-panel{
  background:rgba(248,249,249,.48);
  border-color:rgba(255,255,255,.88);
}
.contact-form input,.contact-form select,.contact-form textarea{
  background:rgba(255,255,255,.54);
  border-color:rgba(35,39,42,.14);
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:#555b5f;background:rgba(255,255,255,.82);
}
.button-light{
  background:#202427;color:#fff;
}

/* Footer follows graphite from the logo */
footer{
  background:#3b4044;
  color:#c5c9cb;
  border-top-color:rgba(255,255,255,.14);
}
.footer-brand{color:#f1f2f2}
.footer-links a{color:#b5babc}
.footer-links a:hover{color:#fff}

/* Silver navigation icon */
.card-icon,.value-symbol,.product-icon{color:#6c7276}
.orb-a{background:radial-gradient(circle at 35% 30%,#fff,#cbd0d2 40%,#777e82 100%)}
.orb-b{background:linear-gradient(145deg,#fff,#aeb4b7)}


/* ===== LARGER EDITORIAL CONTENT — REQUESTED ===== */
.values-intro h2{
  font-size:clamp(48px,5.4vw,78px);
}
.values-intro>p{
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.8;
}
.value-card{
  min-height:540px;
  padding:36px;
}
.value-card h3{
  font-size:34px;
  margin-top:90px;
}
.value-card p{
  font-size:15px;
  line-height:1.8;
  max-width:390px;
}
.value-number{
  font-size:11px;
}
.value-symbol{
  font-size:54px;
}

/* Business section */
.section-head>p{
  font-size:16px;
  line-height:1.8;
  max-width:520px;
}
.services h2{
  font-size:clamp(46px,5vw,74px);
}
.service-card{
  min-height:575px;
  padding:36px;
}
.service-card h3{
  font-size:32px;
}
.service-card p{
  font-size:15px;
  line-height:1.8;
}
.service-card ul{
  font-size:11px;
  line-height:1.4;
}
.service-card>a{
  font-size:12px;
}

/* Everyone section */
.audience h2{
  font-size:clamp(46px,5vw,74px);
}
.big-copy{
  font-size:20px;
  line-height:1.8;
}
.beginner-list>div{
  padding:23px 0;
  grid-template-columns:48px 1fr;
}
.beginner-list b{
  font-size:11px;
}
.beginner-list strong{
  font-size:16px;
}
.beginner-list small{
  font-size:12px;
  line-height:1.65;
}

/* Academy */
.academy-head h2{
  font-size:clamp(48px,5.4vw,78px);
}
.academy-intro p{
  font-size:16px;
  line-height:1.8;
}
.academy-quote{
  font-size:22px;
  line-height:1.35;
}
.academy-badge{
  font-size:9px;
}
.academy-product{
  min-height:430px;
  padding:30px;
}
.academy-product h3{
  font-size:25px;
}
.academy-product p{
  font-size:14px;
  line-height:1.8;
}
.product-top{
  font-size:9px;
}
.product-icon{
  font-size:46px;
  margin-top:65px;
}
.product-tag{
  font-size:8px;
}
.academy-access h3{
  font-size:clamp(38px,4vw,58px);
}
.academy-access>p{
  font-size:14px;
  line-height:1.8;
}

/* Keep typography elegant rather than oversized on phones */
@media(max-width:700px){
  .value-card{min-height:auto;padding:28px}
  .value-card h3{font-size:30px;margin-top:65px}
  .value-card p{font-size:14px}
  .service-card{min-height:500px;padding:28px}
  .service-card h3{font-size:29px}
  .service-card p{font-size:14px}
  .big-copy{font-size:17px}
  .beginner-list strong{font-size:15px}
  .academy-product{min-height:350px}
  .academy-product h3{font-size:23px}
  .academy-product p{font-size:13px}
}


/* =========================================================
   WARM SILVER — PEARL METAL, NOT GREY
   Warmth comes from soft ivory/champagne undertones while
   preserving the silver identity of the original logo.
   ========================================================= */
:root{
  --warm-white:#fbfaf7;
  --warm-pearl:#f1eee9;
  --warm-silver:#ddd9d3;
  --warm-silver-mid:#c9c4bd;
  --warm-steel:#a9a49e;
  --warm-graphite:#55514d;
  --warm-black:#252321;
}

/* Global warm metallic atmosphere */
body{
  background:
    radial-gradient(circle at 72% 5%,rgba(255,253,248,.98),transparent 24%),
    radial-gradient(circle at 12% 48%,rgba(250,247,241,.72),transparent 29%),
    radial-gradient(circle at 55% 100%,rgba(203,198,191,.42),transparent 34%),
    linear-gradient(125deg,#c9c4bd 0%,#f4f1ec 32%,#d1ccc5 64%,#eeeae4 100%);
  color:#252321;
}
body:after{
  background:
    repeating-linear-gradient(100deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 14px),
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.30) 38%,transparent 52%);
  opacity:.7;
}

/* Warm pearl navigation */
.nav{
  background:rgba(239,236,231,.76);
  border-bottom-color:rgba(62,57,52,.12);
}
.nav-links a,.footer-links a{color:#6f6963}
.nav-links a:hover,.footer-links a:hover{color:#252321}
.nav-cta{color:#302d2a;border-color:rgba(62,57,52,.16)}
.brand img{filter:none}

/* Hero */
.hero-grid{
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(86,80,74,.10) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(86,80,74,.10) 50%,transparent 50.1%);
}
.eyebrow,.section-kicker{color:#77716b}
.eyebrow span{background:#77716b}
.hero h1{color:#282522}
.hero h1 em{
  background:linear-gradient(105deg,#292622,#9d9891,#403c38);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{color:#706a64}
.hero-trust{color:#817b75}

/* Logo surroundings become warm silver, while logo itself is untouched */
.hero-logo-monument .logo-frame{
  background:linear-gradient(145deg,rgba(255,253,249,.82),rgba(205,200,193,.62));
  border-color:rgba(255,253,249,.94);
  box-shadow:
    0 55px 120px rgba(70,63,56,.16),
    inset 0 1px rgba(255,255,255,.95),
    0 0 0 1px rgba(80,73,67,.06);
}
.logo-aura{
  background:radial-gradient(circle,rgba(255,251,243,.9),rgba(211,205,197,.32) 43%,transparent 70%);
}
.hero-brand-statement{color:#817a73}
.hero-brand-statement strong{color:#2b2825}

/* Warm silver sections */
.services{
  background:rgba(242,239,234,.88);
}
.service-card{
  background:linear-gradient(145deg,#fcfaf7,#d3cec7);
  border-color:rgba(255,253,249,.9);
  box-shadow:0 22px 55px rgba(70,63,56,.10);
}
.service-card.featured{
  background:linear-gradient(145deg,#e7e2db,#b8b2aa);
  color:#292623;
}
.service-card p,.featured p{color:#716b65}
.service-card li,.featured li{color:#6d6761;border-color:rgba(60,54,49,.12)}

/* Values */
.values{
  background:
    radial-gradient(circle at 80% 10%,rgba(255,253,248,.72),transparent 26%),
    linear-gradient(135deg,#cec9c2,#f7f4ef 44%,#bbb5ad);
}
.value-card{
  background:linear-gradient(145deg,#fffdf9,#d4cfc8);
  border-color:rgba(255,253,249,.9);
}
.value-dark{
  background:linear-gradient(145deg,#e8e3dc,#b8b2aa);
  color:#292623;
}
.value-card p,.value-dark p{color:#706a64}

/* Manifesto */
.silver-dark{
  background:
    radial-gradient(circle at 78% 12%,rgba(255,253,248,.66),transparent 28%),
    linear-gradient(135deg,#c2bcb4,#f4f1eb 45%,#ada69e);
  color:#292623;
}
.silver-dark .section-kicker{color:#69635d}
.silver-dark .manifesto-text{color:#655f59}
.silver-dark .manifesto-text strong,
.silver-dark .manifesto-quote-hero{color:#292623}
.silver-dark .text-link{color:#292623;border-color:rgba(48,43,39,.20)}
.silver-dark .stat-strip{border-color:rgba(48,43,39,.14)}
.silver-dark .stat-strip div{border-color:rgba(48,43,39,.11)}
.silver-dark .stat-strip strong{color:#2b2825}
.silver-dark .stat-strip span{color:#706a64}

/* Audience */
.audience{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,253,248,.7),transparent 30%),
    linear-gradient(135deg,#d2cdc6,#f3f0eb);
}
.orbit-label{color:#716b65}

/* Academy */
.academy{
  background:
    radial-gradient(circle at 82% 10%,rgba(255,253,248,.82),transparent 25%),
    linear-gradient(135deg,#bdb7af,#f4f1ec 48%,#c7c1b9);
  color:#292623;
}
.academy-product{
  background:linear-gradient(145deg,#f7f4ef,#b7b1a9);
  color:#292623;
  border-color:rgba(255,253,249,.9);
  box-shadow:0 25px 65px rgba(70,63,56,.12);
}
.academy-access{
  background:linear-gradient(145deg,#fffdf9,#d1cbc4);
  box-shadow:0 35px 90px rgba(70,63,56,.18);
}
.academy-product p,.academy-intro p{color:#6e6862}
.academy-badge{color:#665f59;border-color:rgba(48,43,39,.15)}
.academy-quote{color:#302c28}

/* Testimonials */
.testimonials{
  background:
    radial-gradient(circle at 15% 15%,rgba(255,253,248,.7),transparent 28%),
    linear-gradient(135deg,#cec8c0,#f3f0eb,#c1bbb3);
}
.testimonial{
  background:linear-gradient(145deg,#fffdf9,#d0cbc4);
}
.testimonial>p{color:#302c28}
.client small{color:#746e68}

/* CTA */
.silver-cta{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,253,248,.86),transparent 28%),
    linear-gradient(135deg,#bdb7af,#f3f0eb 48%,#c7c1b9);
  color:#292623;
}
.silver-cta .section-kicker{color:#6a645e}
.silver-cta h2 em{
  background:linear-gradient(110deg,#312d29,#8c857d,#3d3833);
  -webkit-background-clip:text;background-clip:text;
}
.silver-cta p{color:#6d6761}
.silver-cta .cta-grid{
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(55,49,44,.09) 50%,transparent 50.2%),
    linear-gradient(0deg,transparent 49.8%,rgba(55,49,44,.09) 50%,transparent 50.2%);
}
.silver-cta .cta-mini{color:#6d6761;border-bottom-color:rgba(55,49,44,.12)}
.silver-cta .cta-mini span{color:#292623}
.contact-panel{
  background:rgba(255,253,249,.48);
  border-color:rgba(255,253,249,.92);
  box-shadow:0 35px 100px rgba(70,63,56,.16);
}
.contact-heading>span,.contact-heading p{color:#706a64}
.contact-heading h3{color:#292623}
.contact-form label{color:#665f59}
.contact-form input,.contact-form select,.contact-form textarea{
  background:rgba(255,253,249,.58);
  border-color:rgba(55,49,44,.14);
  color:#292623;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:#756e67;background:rgba(255,253,249,.88);
}
.button-primary,.button-light{background:#302c28;color:#fff}

/* Footer: warm graphite */
footer{
  background:#4a4540;
  color:#d7d1ca;
  border-top-color:rgba(255,253,249,.14);
}
.footer-brand{color:#faf7f2}
.footer-links a{color:#c7c0b9}
.footer-links a:hover{color:#fff}


/* ===== HERO HIERARCHY — LOGO + BRAND STATEMENT ===== */
.hero h1{
  font-size:clamp(30px,3.35vw,54px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:600;
  margin:18px 0 20px;
}
.hero-logo-monument{
  width:min(100%,980px);
  transform:translateX(2%);
}
.hero-logo-monument .logo-frame{
  padding:30px;
}
.hero-logo-monument .logo-frame img{
  width:100%;
  min-height:320px;
}
.hero-brand-statement{
  margin-top:34px;
  padding:0;
  border:0;
  color:#272421;
  font-family:"Manrope",sans-serif;
  letter-spacing:-.055em;
  line-height:.92;
}
.hero-brand-statement span,
.hero-brand-statement strong{
  display:block;
}
.hero-brand-statement span{
  font-size:clamp(34px,4.4vw,70px);
  font-weight:500;
  color:#2b2825;
}
.hero-brand-statement strong{
  font-size:clamp(46px,5.7vw,88px);
  font-weight:800;
  margin-top:5px;
  background:linear-gradient(105deg,#292622,#8f8982,#3c3732);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-logo-label{
  font-size:9px;
  letter-spacing:.24em;
}
.logo-caption{
  font-size:8px;
}
@media(max-width:900px){
  .hero h1{font-size:38px}
  .hero-logo-monument{width:100%;transform:none}
  .hero-logo-monument .logo-frame img{min-height:0}
  .hero-brand-statement{margin-top:24px}
  .hero-brand-statement span{font-size:40px}
  .hero-brand-statement strong{font-size:54px}
}
@media(max-width:520px){
  .hero h1{font-size:32px}
  .hero-brand-statement span{font-size:32px}
  .hero-brand-statement strong{font-size:42px}
  .hero-logo-monument .logo-frame{padding:12px}
}


/* =========================================================
   FINAL HERO — WARM CREAM / PEARL, CLEAN NOT GREY OR GOLD
   ========================================================= */
:root{
  --cream-0:#fffdf9;
  --cream-1:#faf7f1;
  --cream-2:#f3eee6;
  --cream-3:#e9e2d8;
  --cream-silver:#d8d3cc;
  --cream-graphite:#4b4946;
  --cream-ink:#242321;
}

/* Clean warm cream atmosphere — no dirty grey, no yellow-gold cast */
body{
  background:
    radial-gradient(circle at 72% 5%,rgba(255,255,252,.98),transparent 26%),
    radial-gradient(circle at 12% 42%,rgba(255,252,246,.82),transparent 31%),
    linear-gradient(135deg,#e9e3da 0%,#faf7f1 34%,#f1ece4 68%,#fffdf9 100%);
  color:var(--cream-ink);
}
body:after{
  background:
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.32) 40%,transparent 55%);
  opacity:.5;
}

/* Hero */
.nav{
  background:rgba(250,247,241,.78);
  border-bottom-color:rgba(60,57,53,.09);
}
.hero{
  grid-template-columns:.62fr 1.38fr;
  gap:3vw;
  background:transparent;
}
.hero h1{
  font-size:clamp(29px,3.05vw,50px);
  line-height:1.03;
  font-weight:600;
}
.hero-lead{color:#68645f}
.hero-trust{color:#77726d}

/* Make the original logo the visual monument */
.hero-logo-monument{
  width:min(100%,1120px);
  justify-self:end;
  transform:translateX(3%);
}
.hero-logo-monument .logo-frame{
  padding:22px;
  background:linear-gradient(145deg,rgba(255,255,252,.88),rgba(239,235,229,.72));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:
    0 50px 120px rgba(75,70,64,.12),
    0 0 0 1px rgba(90,85,79,.045),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.hero-logo-monument .logo-frame img{
  width:100%;
  min-height:390px;
  object-fit:contain;
}
.logo-aura{
  width:84%;
  right:3%;
  top:8%;
  background:radial-gradient(circle,rgba(255,255,250,.95),rgba(224,219,212,.20) 44%,transparent 70%);
  filter:blur(18px);
}
.hero-brand-statement{
  margin-top:22px;
  letter-spacing:-.045em;
  line-height:.98;
}
.hero-brand-statement span{
  font-size:clamp(25px,2.7vw,43px);
  font-weight:500;
  color:#35322f;
}
.hero-brand-statement strong{
  font-size:clamp(31px,3.35vw,52px);
  font-weight:700;
  margin-top:2px;
  color:#4c4945;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
.hero-logo-label,.logo-caption{color:#77716b}

/* Warm cream sections */
.values{
  background:linear-gradient(135deg,#eee8df,#fffdf9 48%,#e9e3da);
}
.services{
  background:rgba(250,247,241,.9);
}
.service-card{
  background:linear-gradient(145deg,#fffdf9,#eee9e2);
  border-color:rgba(255,255,255,.92);
  box-shadow:0 22px 55px rgba(65,60,54,.08);
}
.service-card.featured{
  background:linear-gradient(145deg,#f1ece5,#d8d2ca);
  color:#282623;
}
.audience{
  background:linear-gradient(135deg,#eee8df,#fffdf9);
}
.testimonials{
  background:linear-gradient(135deg,#e9e3da,#fffdf9,#eee8df);
}
.testimonial{
  background:linear-gradient(145deg,#fffdf9,#eee9e2);
}
.academy{
  background:linear-gradient(135deg,#e9e3da,#fffdf9 48%,#eee8df);
}
.academy-product{
  background:linear-gradient(145deg,#fffdf9,#e5dfd7);
}
.academy-access{
  background:linear-gradient(145deg,#fffdf9,#ebe5dd);
}
.silver-dark{
  background:linear-gradient(135deg,#e8e2d9,#fffdf9 45%,#ded7ce);
  color:#282623;
}
.silver-cta{
  background:linear-gradient(135deg,#e9e3da,#fffdf9 48%,#eee8df);
  color:#282623;
}

/* Avoid metallic grey cast in controls */
.contact-panel{
  background:rgba(255,253,249,.68);
  border-color:rgba(255,255,255,.94);
}
.contact-form input,.contact-form select,.contact-form textarea{
  background:rgba(255,253,249,.78);
}
.button-primary,.button-light{
  background:#302d2a;
}

/* Mobile keeps logo dominant */
@media(max-width:900px){
  .hero{
    grid-template-columns:1fr;
  }
  .hero-logo-monument{
    width:100%;
    transform:none;
  }
  .hero-logo-monument .logo-frame img{
    min-height:0;
  }
  .hero-brand-statement span{font-size:31px}
  .hero-brand-statement strong{font-size:39px}
}
@media(max-width:520px){
  .hero h1{font-size:31px}
  .hero-logo-monument .logo-frame{padding:11px}
  .hero-brand-statement span{font-size:26px}
  .hero-brand-statement strong{font-size:32px}
}


/* ===== FINAL TYPOGRAPHIC HIERARCHY ===== */
.hero h1{
  font-size:clamp(27px,2.75vw,46px);
  line-height:1.05;
  letter-spacing:-.05em;
  max-width:650px;
}
.hero-lead{
  font-size:16px;
  line-height:1.75;
  max-width:590px;
}
.hero-brand-statement{
  margin:25px 0 25px;
  padding:0;
  line-height:.95;
}
.hero-brand-statement span{
  font-size:clamp(29px,3.1vw,48px);
  font-weight:500;
}
.hero-brand-statement strong{
  font-size:clamp(36px,3.9vw,60px);
  font-weight:750;
}
.hero-logo-monument{
  width:min(100%,1220px);
  transform:translateX(4%);
}
.hero-logo-monument .logo-frame{
  padding:17px;
}
.hero-logo-monument .logo-frame img{
  min-height:440px;
}

/* General copy is now deliberately more readable */
.manifesto-text p,
.values-intro>p,
.value-card p,
.section-head>p,
.service-card p,
.big-copy,
.beginner-list small,
.academy-intro p,
.academy-product p,
.academy-access>p,
.testimonial-note{
  font-size:16px;
  line-height:1.8;
}
.value-card p{max-width:430px}
.service-card p{max-width:390px}
.beginner-list strong{font-size:17px}
.academy-product p{font-size:15px}

/* Testimonials: more human, less corporate */
.testimonial>p{
  font-size:clamp(20px,2.25vw,31px);
  line-height:1.45;
}
.testimonial-note{
  font-size:11px;
}
@media(max-width:900px){
  .hero h1{font-size:34px}
  .hero-logo-monument{width:100%;transform:none}
  .hero-logo-monument .logo-frame img{min-height:0}
  .hero-brand-statement span{font-size:34px}
  .hero-brand-statement strong{font-size:44px}
  .manifesto-text p,.values-intro>p,.value-card p,.section-head>p,.service-card p,.big-copy,.beginner-list small,.academy-intro p,.academy-product p,.academy-access>p{font-size:15px}
}
@media(max-width:520px){
  .hero h1{font-size:29px}
  .hero-brand-statement span{font-size:28px}
  .hero-brand-statement strong{font-size:35px}
  .hero-logo-monument .logo-frame{padding:9px}
  .hero-lead{font-size:14px}
}


/* =========================================================
   BACKGROUND MATCHED TO THE ORIGINAL LOGO
   Palette sampled from the supplied logo:
   #F6F4F1 / #E3DED9 / #C2BDB8 / #969491 / #636464 / #353738
   ========================================================= */
:root{
  --logo-bg:#f6f4f1;
  --logo-cream:#e3ded9;
  --logo-stone:#c2bdb8;
  --logo-silver:#969491;
  --logo-charcoal:#636464;
  --logo-deep:#353738;
  --logo-ink:#242627;
}

/* The page now follows the actual neutral/warm palette of the supplied logo,
   rather than the previous cream/yellow direction. */
body{
  background:
    radial-gradient(circle at 70% 8%,rgba(246,244,241,.98),transparent 24%),
    radial-gradient(circle at 10% 42%,rgba(227,222,217,.72),transparent 30%),
    radial-gradient(circle at 80% 85%,rgba(194,189,184,.32),transparent 30%),
    linear-gradient(135deg,#c2bdb8 0%,#e3ded9 29%,#f6f4f1 52%,#e3ded9 76%,#969491 100%);
  color:#353738;
}
body:after{
  background:
    linear-gradient(110deg,transparent 18%,rgba(246,244,241,.32) 38%,transparent 54%),
    repeating-linear-gradient(100deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 16px);
  opacity:.42;
}
.nav{
  background:rgba(246,244,241,.72);
  border-bottom-color:rgba(53,55,56,.12);
}
.nav-links a,.footer-links a{color:#636464}
.nav-links a:hover,.footer-links a:hover{color:#353738}
.nav-cta{color:#353738;border-color:rgba(53,55,56,.16)}

.hero-grid{
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(99,100,100,.10) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(99,100,100,.10) 50%,transparent 50.1%);
}
.hero h1{color:#353738}
.hero h1 em{
  background:linear-gradient(105deg,#353738,#969491,#535556);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{color:#636464}
.hero-brand-statement span{color:#353738}
.hero-brand-statement strong{color:#636464}
.hero-logo-monument .logo-frame{
  background:linear-gradient(145deg,rgba(246,244,241,.88),rgba(227,222,217,.72));
  border-color:rgba(246,244,241,.95);
  box-shadow:0 50px 120px rgba(53,55,56,.13),0 0 0 1px rgba(99,100,100,.06),inset 0 1px rgba(255,255,255,.96);
}
.logo-aura{
  background:radial-gradient(circle,rgba(246,244,241,.92),rgba(194,189,184,.28) 45%,transparent 70%);
}

/* All major sections now use the logo's exact family of neutrals */
.services{background:rgba(246,244,241,.88)}
.service-card{background:linear-gradient(145deg,#f6f4f1,#e3ded9);border-color:rgba(246,244,241,.92)}
.service-card.featured{background:linear-gradient(145deg,#e3ded9,#c2bdb8);color:#353738}
.service-card p,.featured p,.service-card li,.featured li{color:#636464}

.values{background:linear-gradient(135deg,#c2bdb8,#f6f4f1 48%,#e3ded9)}
.value-card{background:linear-gradient(145deg,#f6f4f1,#e3ded9)}
.value-dark{background:linear-gradient(145deg,#e3ded9,#c2bdb8);color:#353738}
.value-card p,.value-dark p{color:#636464}

.silver-dark{
  background:linear-gradient(135deg,#c2bdb8,#f6f4f1 45%,#969491);
  color:#353738;
}
.silver-dark .section-kicker{color:#636464}
.silver-dark .manifesto-text{color:#636464}
.silver-dark .manifesto-text strong,.silver-dark .manifesto-quote-hero{color:#353738}
.silver-dark .text-link{color:#353738;border-color:rgba(53,55,56,.20)}
.silver-dark .stat-strip{border-color:rgba(53,55,56,.14)}
.silver-dark .stat-strip div{border-color:rgba(53,55,56,.11)}
.silver-dark .stat-strip strong{color:#353738}
.silver-dark .stat-strip span{color:#636464}

.audience{background:linear-gradient(135deg,#e3ded9,#f6f4f1)}
.testimonials{background:linear-gradient(135deg,#c2bdb8,#f6f4f1,#e3ded9)}
.testimonial{background:linear-gradient(145deg,#f6f4f1,#e3ded9)}
.testimonial>p{color:#353738}

.academy{background:linear-gradient(135deg,#c2bdb8,#f6f4f1 48%,#e3ded9);color:#353738}
.academy-product{background:linear-gradient(145deg,#f6f4f1,#c2bdb8);color:#353738}
.academy-access{background:linear-gradient(145deg,#f6f4f1,#e3ded9)}
.academy-product p,.academy-intro p{color:#636464}
.academy-badge{color:#636464;border-color:rgba(53,55,56,.15)}

.silver-cta{
  background:linear-gradient(135deg,#c2bdb8,#f6f4f1 48%,#e3ded9);
  color:#353738;
}
.silver-cta .section-kicker{color:#636464}
.silver-cta h2 em{
  background:linear-gradient(105deg,#353738,#969491,#535556);
  -webkit-background-clip:text;background-clip:text;
}
.silver-cta p,.silver-cta .cta-mini{color:#636464}
.contact-panel{background:rgba(246,244,241,.66);border-color:rgba(246,244,241,.94)}
.contact-form input,.contact-form select,.contact-form textarea{background:rgba(246,244,241,.76);border-color:rgba(53,55,56,.13);color:#353738}
.button-primary,.button-light{background:#353738;color:#f6f4f1}
footer{background:#353738;color:#c2bdb8}
.footer-brand{color:#f6f4f1}
.footer-links a{color:#c2bdb8}
.footer-links a:hover{color:#f6f4f1}


/* =========================================================
   COMPACT HERO COMPOSITION
   The logo dominates; text is compact and editorial.
   ========================================================= */
.hero{
  grid-template-columns:.56fr 1.44fr;
  gap:4vw;
  padding-top:118px;
  padding-bottom:48px;
  align-items:center;
}
.hero-copy{
  max-width:520px;
  align-self:center;
}
.hero .eyebrow{
  font-size:8px;
  letter-spacing:.18em;
  margin-bottom:15px;
}
.hero h1{
  font-size:clamp(24px,2.35vw,38px);
  line-height:1.08;
  letter-spacing:-.045em;
  max-width:520px;
  margin:13px 0 16px;
}
.hero-lead{
  font-size:13px;
  line-height:1.65;
  max-width:480px;
  margin-bottom:20px;
}
.hero-actions{
  gap:9px;
}
.hero-actions .button{
  padding:12px 15px;
  gap:18px;
  font-size:9px;
}
.hero-trust{
  margin-top:28px;
  font-size:7px;
}
.hero-logo-monument{
  width:min(100%,1240px);
  transform:translateX(2%);
  justify-self:end;
}
.hero-logo-monument .logo-frame{
  padding:13px;
}
.hero-logo-monument .logo-frame img{
  min-height:470px;
}
.hero-brand-statement{
  margin-top:15px;
  line-height:.96;
  text-align:left;
}
.hero-brand-statement span{
  font-size:clamp(21px,2vw,32px);
  font-weight:500;
}
.hero-brand-statement strong{
  display:inline;
  font-size:clamp(26px,2.45vw,39px);
  font-weight:700;
  margin-left:7px;
  color:#636464;
}
.logo-caption{
  margin-top:8px;
  font-size:7px;
}

/* Make the first screen feel more spacious without larger copy */
.hero-grid{opacity:.10}

@media(max-width:900px){
  .hero{
    grid-template-columns:1fr;
    padding-top:105px;
  }
  .hero-logo-monument{
    order:-1;
    width:100%;
    transform:none;
  }
  .hero-logo-monument .logo-frame img{min-height:0}
  .hero-copy{max-width:650px}
  .hero h1{font-size:31px}
  .hero-lead{font-size:14px}
  .hero-brand-statement span{font-size:25px}
  .hero-brand-statement strong{font-size:30px}
}
@media(max-width:520px){
  .hero h1{font-size:27px}
  .hero-lead{font-size:13px}
  .hero-logo-monument .logo-frame{padding:8px}
  .hero-brand-statement span{font-size:21px}
  .hero-brand-statement strong{font-size:25px;margin-left:4px}
  .logo-caption{font-size:6px}
}


/* ===== BUSINESS + PRIVATE PRODUCT OFFER ===== */
.audience{
  background:linear-gradient(135deg,#e3ded9,#f6f4f1 48%,#d2ccc5);
}
.audience-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:8vw;
  align-items:end;
  margin:35px 0 65px;
}
.audience-head h2{
  font-size:clamp(42px,5vw,72px);
  line-height:.96;
  letter-spacing:-.065em;
  margin:0;
}
.audience-head h2 span{color:#77716b}
.audience-intro p{
  max-width:500px;
  font-size:16px;
  line-height:1.8;
  color:#636464;
}
.offer-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.offer-panel{
  padding:34px;
  background:linear-gradient(145deg,#f8f6f2,#ded8d1);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 28px 80px rgba(53,55,56,.09);
}
.private-panel{
  background:linear-gradient(145deg,#f1ede7,#d0cac3);
}
.offer-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:17px;
  border-bottom:1px solid rgba(53,55,56,.13);
  color:#6a6560;
  font:700 8px Manrope;
  letter-spacing:.16em;
}
.offer-top b{font-weight:700}
.offer-panel h3{
  font:700 clamp(35px,3.4vw,52px)/.95 Manrope;
  letter-spacing:-.06em;
  margin:50px 0 17px;
}
.offer-panel h3 em{font-style:normal;color:#7a746e}
.offer-panel>p{
  max-width:530px;
  font-size:14px;
  line-height:1.75;
  color:#65605a;
}
.product-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:38px 0 34px;
  border-top:1px solid rgba(53,55,56,.12);
}
.product-item{
  min-height:125px;
  padding:19px 18px 18px 0;
  border-bottom:1px solid rgba(53,55,56,.10);
}
.product-item:nth-child(odd){border-right:1px solid rgba(53,55,56,.10);padding-right:20px}
.product-item:nth-child(even){padding-left:20px}
.product-item span{
  display:block;
  font:700 8px Manrope;
  letter-spacing:.12em;
  color:#8a847e;
  margin-bottom:14px;
}
.product-item strong{
  display:block;
  font:700 16px/1.15 Manrope;
  letter-spacing:-.025em;
  color:#353738;
}
.product-item small{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1.55;
  color:#706a64;
}
.offer-panel .text-link{
  font-size:11px;
  border-bottom:1px solid rgba(53,55,56,.18);
  padding-bottom:10px;
  color:#353738;
}
.audience-strip{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:50px;
  padding:20px 0;
  border-top:1px solid rgba(53,55,56,.12);
  border-bottom:1px solid rgba(53,55,56,.12);
  font:700 8px Manrope;
  letter-spacing:.18em;
  color:#77716b;
}
@media(max-width:900px){
  .audience-head,.offer-columns{grid-template-columns:1fr}
  .audience-head{gap:25px}
  .offer-panel{padding:26px}
}
@media(max-width:600px){
  .product-grid{grid-template-columns:1fr}
  .product-item:nth-child(odd){border-right:0;padding-right:0}
  .product-item:nth-child(even){padding-left:0}
  .audience-strip{font-size:7px}
}


/* =========================================================
   SECTION 02 — IMMEDIATE AUDIENCE DECLARATION
   Compact, premium, directly after the logo hero.
   ========================================================= */
.audience{
  min-height:auto;
  padding-top:92px;
  padding-bottom:82px;
}
.audience-head{
  grid-template-columns:1.2fr .8fr;
  gap:6vw;
  margin:25px 0 38px;
  align-items:end;
}
.audience-head h2{
  font-size:clamp(35px,4vw,58px);
  line-height:.98;
  letter-spacing:-.06em;
}
.audience-intro p{
  font-size:14px;
  line-height:1.65;
  max-width:430px;
}
.offer-columns{
  gap:10px;
}
.offer-panel{
  padding:26px;
  min-height:0;
}
.offer-top{
  font-size:7px;
  padding-bottom:13px;
}
.offer-panel h3{
  font-size:clamp(28px,2.8vw,40px);
  margin:34px 0 12px;
}
.offer-panel>p{
  font-size:13px;
  line-height:1.6;
  margin-bottom:0;
}
.product-grid{
  margin:24px 0 22px;
}
.product-item{
  min-height:94px;
  padding:14px 15px 13px 0;
}
.product-item:nth-child(even){padding-left:15px}
.product-item span{
  font-size:7px;
  margin-bottom:9px;
}
.product-item strong{
  font-size:13px;
}
.product-item small{
  font-size:10px;
  line-height:1.4;
  margin-top:5px;
}
.offer-panel .text-link{
  font-size:10px;
}
.audience-strip{
  margin-top:30px;
  padding:14px 0;
  font-size:7px;
}
@media(max-width:900px){
  .audience{padding-top:70px;padding-bottom:65px}
  .audience-head{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
}
@media(max-width:600px){
  .offer-panel{padding:22px}
  .product-grid{grid-template-columns:1fr}
  .product-item,.product-item:nth-child(even),.product-item:nth-child(odd){
    border-right:0;padding-left:0;padding-right:0;
  }
}


/* ===== PERSPEKTYWA — CLEAN EDITORIAL, NO STATS ===== */
.manifesto{
  min-height:auto;
  padding-top:120px;
  padding-bottom:120px;
}
.manifesto-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:9vw;
  align-items:end;
  margin-top:55px;
}
.manifesto-title h2{
  font-size:clamp(46px,5.5vw,82px);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:600;
  margin:0;
}
.manifesto-title h2 strong{
  font-weight:700;
  color:#636464;
}
.manifesto-text{
  max-width:590px;
  padding:0;
}
.manifesto-quote-hero{
  font-size:clamp(30px,3.3vw,52px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:500;
  margin:0 0 35px;
}
.manifesto-text p{
  font-size:16px;
  line-height:1.8;
  color:#636464;
  margin:0 0 18px;
}
.manifesto-text p strong{color:#353738}
.manifesto-text .text-link{
  display:inline-flex;
  margin-top:18px;
  font-size:11px;
  color:#353738;
  border-color:rgba(53,55,56,.2);
}
@media(max-width:900px){
  .manifesto{padding-top:85px;padding-bottom:85px}
  .manifesto-layout{grid-template-columns:1fr;gap:40px;margin-top:38px}
  .manifesto-title h2{font-size:48px}
  .manifesto-quote-hero{font-size:36px}
}
@media(max-width:520px){
  .manifesto-title h2{font-size:39px}
  .manifesto-quote-hero{font-size:30px}
  .manifesto-text p{font-size:14px}
}


/* =========================================================
   REAL WEBSITE HERO PROPORTIONS
   Bigger logo, smaller editorial headline.
   Designed for normal desktop viewport, not poster scale.
   ========================================================= */
.hero{
  min-height:calc(100svh - 78px);
  height:auto;
  padding:92px 5vw 52px;
  grid-template-columns:.52fr 1.48fr;
  gap:4.5vw;
  align-items:center;
}
.hero-copy{
  max-width:470px;
}
.hero .eyebrow{
  font-size:7px;
  line-height:1.3;
  letter-spacing:.17em;
  margin-bottom:14px;
}
.hero h1{
  font-size:clamp(24px,2.15vw,34px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:600;
  margin:12px 0 16px;
  max-width:450px;
}
.hero-lead{
  font-size:12px;
  line-height:1.7;
  max-width:430px;
  margin-bottom:18px;
}
.hero-actions .button{
  padding:11px 14px;
  font-size:8px;
}
.hero-trust{
  margin-top:25px;
  font-size:7px;
}
.hero-logo-monument{
  width:min(100%,1320px);
  max-width:none;
  justify-self:end;
  transform:none;
}
.hero-logo-monument .logo-frame{
  padding:10px;
}
.hero-logo-monument .logo-frame img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:clamp(420px,66vh,720px);
  object-fit:contain;
}
.hero-logo-monument .hero-logo-label{
  font-size:7px;
  margin-bottom:7px;
}
.hero-logo-monument .logo-caption{
  font-size:6px;
  margin-top:7px;
}
.hero-brand-statement{
  margin-top:13px;
  line-height:1;
}
.hero-brand-statement span{
  font-size:20px;
  font-weight:500;
}
.hero-brand-statement strong{
  font-size:25px;
  font-weight:700;
  margin-left:5px;
}

/* The second section is a website section, not a poster */
.audience{
  padding:78px 5vw 72px;
  min-height:auto;
}
.audience-head{
  margin:18px 0 32px;
}
.audience-head h2{
  font-size:clamp(34px,3.7vw,52px);
}
.audience-intro p{
  font-size:13px;
  line-height:1.7;
}
.offer-panel h3{
  font-size:32px;
}
@media(max-width:1100px){
  .hero{grid-template-columns:.62fr 1.38fr;gap:3vw}
  .hero-logo-monument .logo-frame img{max-height:58vh}
}
@media(max-width:900px){
  .hero{
    min-height:auto;
    padding:95px 6vw 55px;
    grid-template-columns:1fr;
    gap:32px;
  }
  .hero-logo-monument{
    order:-1;
    width:100%;
  }
  .hero-logo-monument .logo-frame img{
    max-height:none;
  }
  .hero-copy{max-width:650px}
  .hero h1{font-size:30px}
  .hero-lead{font-size:14px}
  .hero-brand-statement span{font-size:23px}
  .hero-brand-statement strong{font-size:29px}
}
@media(max-width:520px){
  .hero{padding-top:88px}
  .hero h1{font-size:27px}
  .hero-lead{font-size:13px}
  .hero-brand-statement span{font-size:20px}
  .hero-brand-statement strong{font-size:25px}
}


/* =========================================================
   AI ORB VISUAL — exact supplied image, used three times.
   Integrated into the real website layout, never as a poster.
   ========================================================= */
.ai-orb-hero{margin-top:14px;display:flex;align-items:center;gap:14px;max-width:420px}
.ai-orb-image{width:118px;height:118px;flex:0 0 118px;overflow:hidden;border-radius:50%;background:#f6f4f1;box-shadow:0 18px 40px rgba(53,55,56,.10);border:1px solid rgba(255,255,255,.9)}
.ai-orb-image img{width:100%;height:100%;object-fit:cover;display:block}
.ai-orb-statement{font:500 15px/1.15 Manrope;color:#636464;letter-spacing:-.03em}
.ai-orb-statement strong{display:block;font-weight:700;color:#353738}
.ai-orb-insert{width:190px;flex:0 0 190px;align-self:end}
.ai-orb-insert img{display:block;width:100%;height:auto}
.ai-orb-insert p{font:500 13px/1.25 Manrope;color:#636464;margin:8px 0 0;letter-spacing:-.02em}
.ai-orb-insert p strong{display:block;color:#353738}
.ai-orb-academy{margin-top:36px;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:28px;padding-top:30px;border-top:1px solid rgba(53,55,56,.12)}
.ai-orb-academy img{width:210px;height:auto;display:block}
.ai-orb-academy div span{display:block;font:700 8px Manrope;letter-spacing:.18em;color:#77716b;margin-bottom:10px}
.ai-orb-academy div strong{display:block;font:600 clamp(24px,2.8vw,40px)/.98 Manrope;letter-spacing:-.055em;color:#353738;max-width:520px}
@media(max-width:900px){
 .ai-orb-hero{max-width:360px}
 .ai-orb-image{width:92px;height:92px;flex-basis:92px}
 .ai-orb-insert{width:150px;flex-basis:150px}
 .ai-orb-academy{grid-template-columns:150px 1fr;gap:20px}
 .ai-orb-academy img{width:150px}
}
@media(max-width:600px){
 .ai-orb-hero{gap:10px}
 .ai-orb-image{width:76px;height:76px;flex-basis:76px}
 .ai-orb-statement{font-size:13px}
 .ai-orb-insert{width:120px;flex-basis:120px}
 .ai-orb-academy{grid-template-columns:1fr;gap:14px}
 .ai-orb-academy img{width:150px}
 .ai-orb-academy div strong{font-size:28px}
}


/* =========================================================
   ORB — LARGE + CENTERED IN THE WEBSITE SECTION
   This is the supplied AI visual, not a separate page.
   ========================================================= */
.manifesto-layout{
  grid-template-columns:1fr 1fr;
  align-items:start;
}
.ai-orb-insert{
  grid-column:1 / -1;
  grid-row:2;
  width:min(440px,42vw);
  justify-self:center;
  align-self:center;
  margin:18px auto 0;
  text-align:center;
}
.ai-orb-insert img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 28px 45px rgba(53,55,56,.10));
}
.ai-orb-insert p{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.2;
}
.ai-orb-insert p strong{
  display:inline;
  margin-left:4px;
}
.manifesto-text{
  grid-column:2;
}
.manifesto-title{
  grid-column:1;
}
@media(max-width:900px){
  .manifesto-layout{
    grid-template-columns:1fr;
  }
  .manifesto-title,.manifesto-text,.ai-orb-insert{
    grid-column:1;
  }
  .ai-orb-insert{
    grid-row:auto;
    width:min(390px,78vw);
    margin-top:10px;
  }
}


/* =========================================================
   LARGE AI ORB — ACTUAL WEBSITE COMPONENT
   Reintroduced as a prominent central visual, with the exact
   supplied ai-orb.png and the requested statement.
   ========================================================= */
.manifesto-layout{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(420px,1.25fr) minmax(250px,.85fr);
  gap:4vw;
  align-items:center;
}
.manifesto-title{grid-column:1}
.ai-orb-center{
  grid-column:2;
  justify-self:center;
  width:min(100%,560px);
  text-align:center;
  position:relative;
}
.ai-orb-center img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 30px 55px rgba(53,55,56,.13));
}
.ai-orb-center p{
  margin:10px 0 0;
  font:500 clamp(18px,1.7vw,27px)/1.1 Manrope;
  letter-spacing:-.035em;
  color:#353738;
}
.ai-orb-center p strong{font-weight:700;color:#636464}
.manifesto-text{
  grid-column:3;
  padding-top:0;
}
.ai-orb-academy-center{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin:8px auto 45px;
  width:min(100%,760px);
}
.ai-orb-academy-center img{
  width:300px;
  height:auto;
  display:block;
  filter:drop-shadow(0 22px 45px rgba(53,55,56,.12));
}
.ai-orb-academy-center span{
  font:500 clamp(18px,1.8vw,28px)/1.05 Manrope;
  letter-spacing:-.035em;
  color:#353738;
}
.ai-orb-academy-center span strong{font-weight:700;color:#636464}

@media(max-width:1050px){
  .manifesto-layout{grid-template-columns:1fr 1fr;gap:4vw}
  .manifesto-title{grid-column:1}
  .ai-orb-center{grid-column:2;grid-row:1 / span 2;width:min(100%,460px)}
  .manifesto-text{grid-column:1;grid-row:2}
}
@media(max-width:900px){
  .manifesto-layout{grid-template-columns:1fr;gap:30px}
  .manifesto-title,.ai-orb-center,.manifesto-text{grid-column:1;grid-row:auto}
  .ai-orb-center{width:min(100%,430px)}
  .manifesto-text{padding-top:0}
  .ai-orb-academy-center{flex-direction:column;gap:10px;text-align:center}
  .ai-orb-academy-center img{width:min(300px,75vw)}
}


/* =========================================================
   INTERACTIVE ROTATING AI — copied in spirit from v3,
   integrated into the current AI AGENCJA website.
   ========================================================= */
.interactive-orb-wrap{
  position:relative;
  display:grid;
  place-items:center;
  min-height:520px;
  perspective:1200px;
  transform-style:preserve-3d;
}
.wire-orb{
  width:clamp(330px,34vw,500px);
  height:clamp(330px,34vw,500px);
  border-radius:50%;
  position:relative;
  transform-style:preserve-3d;
  animation:aiOrbSpin 16s linear infinite;
  background:radial-gradient(circle at 35% 30%,#fff,#c5c9cb 45%,#6e7376 100%);
  box-shadow:0 40px 90px rgba(0,0,0,.16),inset 0 0 40px rgba(255,255,255,.82);
  cursor:grab;
  transition:filter .25s ease;
}
.wire-orb:before,.wire-orb:after{
  content:"";
  position:absolute;
  inset:7%;
  border:1px solid rgba(53,55,56,.26);
  border-radius:50%;
  pointer-events:none;
}
.wire-orb:before{transform:rotateX(70deg)}
.wire-orb:after{transform:rotateY(70deg)}
.wire-orb:active{cursor:grabbing}
.wire-core{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font:800 clamp(54px,5vw,76px) Manrope;
  letter-spacing:-.1em;
  color:#fff;
  text-shadow:0 2px 15px #333;
  z-index:2;
  pointer-events:none;
}
.wire-orb span{
  position:absolute;
  width:clamp(10px,1vw,14px);
  height:clamp(10px,1vw,14px);
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 8px #333;
  z-index:3;
}
.wire-orb span:nth-child(1){top:8%;left:48%}
.wire-orb span:nth-child(2){top:43%;right:4%}
.wire-orb span:nth-child(3){bottom:9%;left:24%}
.wire-orb span:nth-child(4){top:29%;left:5%}
.wire-orb span:nth-child(5){bottom:25%;right:17%}
.orbit-label{position:absolute;font:700 8px Manrope;letter-spacing:.2em;color:#77716b;z-index:4;pointer-events:none}
.interactive-orb-wrap .label-one{top:18%;left:18%}
.interactive-orb-wrap .label-two{right:12%;top:43%}
.interactive-orb-wrap .label-three{bottom:17%;left:25%}
.orb-statement{
  position:absolute;
  bottom:22px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  font:500 clamp(18px,1.7vw,25px)/1.1 Manrope;
  letter-spacing:-.035em;
  color:#353738;
  z-index:5;
}
.orb-statement strong{font-weight:700;color:#636464}
.orb-hint{
  position:absolute;
  bottom:-2px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  font:600 7px Manrope;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#8a8580;
}
@keyframes aiOrbSpin{
  from{transform:rotateY(0deg) rotateX(0deg)}
  to{transform:rotateY(360deg) rotateX(0deg)}
}
@media (prefers-reduced-motion:reduce){
  .wire-orb{animation:none}
}
@media(max-width:900px){
  .interactive-orb-wrap{min-height:440px}
  .wire-orb{width:min(390px,78vw);height:min(390px,78vw)}
}


/* =========================================================
   READABILITY + BETTER WEB DENSITY
   Less empty space, more readable copy, still premium.
   ========================================================= */

/* Normal website rhythm */
.section{
  padding:88px 6vw;
}
.section-kicker{
  font-size:9px;
  letter-spacing:.16em;
}
.hero{
  min-height:calc(100svh - 76px);
  padding:92px 5vw 48px;
}
.hero-copy{
  max-width:500px;
}
.hero h1{
  font-size:clamp(27px,2.45vw,39px);
  line-height:1.08;
}
.hero-lead{
  font-size:14px;
  line-height:1.72;
}
.hero-trust{
  margin-top:34px;
  font-size:8px;
}

/* Section 02: readable, compact, clearly web-like */
.audience{
  padding-top:82px;
  padding-bottom:78px;
}
.audience-head{
  margin:20px 0 34px;
}
.audience-head h2{
  font-size:clamp(35px,3.8vw,56px);
}
.audience-intro p{
  font-size:15px;
  line-height:1.72;
}
.offer-panel{
  padding:28px;
}
.offer-panel h3{
  font-size:clamp(30px,2.8vw,42px);
}
.offer-panel>p{
  font-size:14px;
  line-height:1.72;
}
.product-item strong{
  font-size:14px;
}
.product-item small{
  font-size:11px;
  line-height:1.5;
}

/* Perspective: eliminate the accidental empty column/row feel.
   Title + orb sit on the left, readable copy sits on the right. */
.manifesto{
  padding-top:90px;
  padding-bottom:90px;
}
.manifesto-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "title text"
    "orb text";
  column-gap:6vw;
  row-gap:22px;
  align-items:center;
  margin-top:42px;
}
.manifesto-title{
  grid-area:title;
}
.ai-orb-center{
  grid-area:orb;
  min-height:380px;
}
.manifesto-text{
  grid-area:text;
  padding-top:0;
  max-width:540px;
  font-size:16px;
  line-height:1.8;
}
.manifesto-text p{
  max-width:540px;
  margin-bottom:22px;
}
.manifesto-quote-hero{
  font-size:clamp(27px,2.9vw,43px);
  margin-bottom:28px;
}
.manifesto h2{
  font-size:clamp(39px,4.7vw,66px);
  margin:0;
}

/* Orb remains large but doesn't create giant dead space */
.ai-orb-center .wire-orb{
  width:310px;
  height:310px;
}
.orb-statement{
  font-size:16px;
}
.orb-hint{
  font-size:9px;
}

/* Values and services: larger readable copy */
.values{
  padding-top:88px;
  padding-bottom:88px;
}
.values-intro>p,
.value-card p,
.section-head>p,
.service-card p,
.big-copy,
.beginner-list small,
.academy-intro p,
.academy-product p,
.academy-access>p{
  font-size:15px;
  line-height:1.78;
}
.value-card h3{
  font-size:30px;
}
.service-card h3{
  font-size:30px;
}

/* Academy: reduce vertical gaps and make explanatory copy easier to read */
.academy{
  padding-top:88px;
  padding-bottom:88px;
}
.academy-head{
  margin-bottom:38px;
}
.academy-intro p{
  max-width:540px;
}
.academy-products{
  gap:12px;
}
.academy-product{
  padding:28px;
}
.academy-product h3{
  font-size:24px;
}
.academy-product p{
  font-size:14px;
}
.academy-access{
  padding:30px;
}
.academy-access>p{
  font-size:14px;
}

/* Testimonials */
.testimonials{
  padding-top:88px;
  padding-bottom:88px;
}
.testimonial>p{
  font-size:18px;
  line-height:1.55;
}
.testimonial-note{
  font-size:11px;
  line-height:1.6;
}

/* Contact */
.silver-cta{
  padding-top:88px;
  padding-bottom:88px;
}
.contact-form input,.contact-form select,.contact-form textarea{
  font-size:14px;
}

/* Responsive */
@media(max-width:900px){
  .section{padding:72px 6vw}
  .hero{padding:82px 6vw 46px}
  .manifesto-layout{
    grid-template-columns:1fr;
    grid-template-areas:"title" "orb" "text";
    gap:28px;
  }
  .manifesto-text{max-width:680px}
  .ai-orb-center{min-height:360px}
}
@media(max-width:520px){
  .section{padding:62px 6vw}
  .hero{padding-top:72px}
  .hero h1{font-size:28px}
  .hero-lead{font-size:13px}
  .audience-intro p,
  .offer-panel>p,
  .values-intro>p,
  .value-card p,
  .service-card p,
  .big-copy,
  .academy-intro p,
  .academy-product p,
  .academy-access>p{
    font-size:14px;
  }
  .ai-orb-center .wire-orb{width:260px;height:260px}
}


/* =========================================================
   FINAL CLEAN WEB TYPOGRAPHY
   Compact spacing, restrained headings, no decorative strip.
   ========================================================= */

/* Remove the distracting bottom bar completely */
.audience-strip{display:none !important}

/* Reduce section heights and whitespace */
.section{
  padding-top:64px;
  padding-bottom:64px;
}
.hero{
  min-height:calc(100svh - 72px);
  padding-top:72px;
  padding-bottom:38px;
}
.audience,
.manifesto,
.values,
.academy,
.testimonials,
.silver-cta{
  padding-top:64px;
  padding-bottom:64px;
}

/* Smaller, more website-like headings */
.hero h1{
  font-size:clamp(23px,1.9vw,31px);
  line-height:1.1;
  letter-spacing:-.035em;
}
.hero-lead{
  font-size:13px;
  line-height:1.65;
}

.audience-head{
  margin:16px 0 26px;
}
.audience-head h2,
.audience h2{
  font-size:clamp(30px,3.15vw,44px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.audience-intro p{
  font-size:14px;
  line-height:1.65;
}
.offer-panel h3{
  font-size:clamp(26px,2.3vw,35px);
  line-height:1;
}
.offer-panel{
  padding:24px;
}
.product-grid{
  margin:20px 0 18px;
}
.product-item{
  min-height:84px;
  padding-top:12px;
  padding-bottom:12px;
}

/* Perspective is compact and balanced around the orb */
.manifesto{
  min-height:auto;
}
.manifesto-layout{
  margin-top:30px;
  row-gap:12px;
}
.manifesto-title h2,
.manifesto h2{
  font-size:clamp(34px,3.7vw,52px);
  line-height:.98;
}
.manifesto-quote-hero{
  font-size:clamp(24px,2.45vw,36px);
  margin-bottom:22px;
}
.manifesto-text p{
  font-size:14px;
  line-height:1.7;
  margin-bottom:14px;
}
.ai-orb-center{
  min-height:320px;
}
.ai-orb-center .wire-orb{
  width:280px;
  height:280px;
}

/* Values / services */
.values-intro h2,
.services h2,
.academy-head h2,
.audience h2{
  font-size:clamp(31px,3.4vw,48px);
}
.values-intro>p,
.value-card p,
.section-head>p,
.service-card p,
.big-copy,
.beginner-list small,
.academy-intro p,
.academy-product p,
.academy-access>p{
  font-size:14px;
  line-height:1.7;
}
.value-card{
  min-height:390px;
  padding:26px;
}
.value-card h3{
  font-size:26px;
  margin-top:55px;
}
.service-card{
  min-height:450px;
  padding:26px;
}
.service-card h3{
  font-size:27px;
}

/* Academy and testimonials become denser */
.academy-head{
  margin-bottom:28px;
}
.academy-product{
  min-height:350px;
  padding:24px;
}
.academy-product h3{
  font-size:22px;
}
.testimonial>p{
  font-size:16px;
  line-height:1.55;
}
.testimonials{
  padding-bottom:58px;
}

/* Contact */
.silver-cta{
  padding-top:64px;
  padding-bottom:64px;
}
.contact-heading h3{
  font-size:clamp(28px,3vw,42px);
}

@media(max-width:900px){
  .section,.audience,.manifesto,.values,.academy,.testimonials,.silver-cta{
    padding-top:52px;
    padding-bottom:52px;
  }
  .hero{
    padding-top:70px;
    padding-bottom:36px;
  }
  .audience-head h2,
  .values-intro h2,
  .services h2,
  .academy-head h2{
    font-size:34px;
  }
}
@media(max-width:520px){
  .hero h1{font-size:26px}
  .hero-lead{font-size:13px}
  .audience-head h2,
  .values-intro h2,
  .services h2,
  .academy-head h2{font-size:29px}
  .manifesto h2{font-size:33px}
  .manifesto-quote-hero{font-size:26px}
  .ai-orb-center{min-height:290px}
  .ai-orb-center .wire-orb{width:245px;height:245px}
}


/* =========================================================
   FULL-WIDTH OFFER — USE THE PAGE, NOT TWO NARROW COLUMNS
   ========================================================= */
.audience{
  padding-left:clamp(28px,4vw,64px);
  padding-right:clamp(28px,4vw,64px);
}
.audience-head{
  width:100%;
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:1.25fr .75fr;
  gap:7vw;
}
.offer-columns{
  width:100%;
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:18px;
}
.offer-panel{
  width:100%;
  padding:34px 38px;
}
.offer-panel h3{
  font-size:clamp(30px,2.55vw,40px);
}
.offer-panel>p{
  max-width:760px;
  font-size:15px;
  line-height:1.72;
}
.product-grid{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:30px;
}
.product-item{
  min-height:108px;
  padding:18px 22px 17px 0;
}
.product-item:nth-child(even){
  padding-left:22px;
}
.product-item strong{
  font-size:15px;
}
.product-item small{
  font-size:12px;
  line-height:1.55;
  max-width:300px;
}
.offer-panel .text-link{
  font-size:11px;
  margin-top:4px;
}
@media(min-width:1300px){
  .offer-columns{gap:24px}
  .offer-panel{padding:38px 42px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .product-item{min-height:115px}
}
@media(max-width:900px){
  .offer-columns{
    grid-template-columns:1fr;
    gap:14px;
  }
  .offer-panel{padding:28px}
}
@media(max-width:600px){
  .audience{padding-left:20px;padding-right:20px}
  .offer-panel{padding:22px}
  .product-grid{grid-template-columns:1fr}
  .product-item,.product-item:nth-child(even),.product-item:nth-child(odd){
    padding-left:0;
    padding-right:0;
    border-right:0;
  }
}


/* =========================================================
   FIX: TWO WIDE EQUAL COLUMNS
   Business + Private should fill the whole browser width.
   ========================================================= */
.audience{
  width:100%;
  max-width:none;
  padding-left:3vw;
  padding-right:3vw;
}
.audience-head{
  width:100%;
  max-width:none;
  grid-template-columns:1fr 1fr;
  gap:6vw;
}
.offer-columns{
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
}
.offer-panel{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:38px 42px;
}
.offer-panel h3{
  font-size:clamp(32px,2.8vw,44px);
}
.offer-panel>p{
  max-width:720px;
  font-size:15px;
  line-height:1.75;
}
.product-grid{
  width:100%;
  grid-template-columns:1fr 1fr;
  column-gap:26px;
  row-gap:0;
}
.product-item{
  min-width:0;
  min-height:116px;
  padding:20px 22px 18px 0;
}
.product-item:nth-child(even){
  padding-left:22px;
  padding-right:0;
}
.product-item strong{
  font-size:15px;
}
.product-item small{
  font-size:12px;
  max-width:none;
  line-height:1.55;
}

/* At very wide desktop sizes, give the two panels even more breathing room. */
@media(min-width:1400px){
  .audience{
    padding-left:2.5vw;
    padding-right:2.5vw;
  }
  .offer-columns{gap:24px}
  .offer-panel{padding:42px 48px}
  .product-grid{column-gap:34px}
}

/* Tablet/mobile: only stack when the viewport genuinely needs it. */
@media(max-width:900px){
  .audience-head{
    grid-template-columns:1fr;
  }
  .offer-columns{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .audience{
    padding-left:18px;
    padding-right:18px;
  }
  .offer-panel{padding:24px 22px}
  .product-grid{grid-template-columns:1fr}
  .product-item,
  .product-item:nth-child(even),
  .product-item:nth-child(odd){
    padding-left:0;
    padding-right:0;
    border-right:0;
  }
}


/* =========================================================
   SECTION 02 — CENTERED INTRO + FULL-WIDTH TWO PANELS
   ========================================================= */
.audience{
  width:100%;
  max-width:none;
  padding-left:3vw;
  padding-right:3vw;
}
.audience-head{
  display:block;
  width:100%;
  max-width:980px;
  margin:0 auto 48px;
  text-align:center;
}
.audience-head h2{
  font-size:clamp(32px,3.4vw,50px);
  line-height:1.04;
  margin:0 auto 18px;
}
.audience-head h2 br{display:none}
.audience-intro{
  width:100%;
}
.audience-intro p{
  max-width:820px;
  margin:0 auto;
  font-size:15px;
  line-height:1.75;
}
.offer-columns{
  width:100%;
  max-width:none;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
}
.offer-panel{
  width:100%;
  min-width:0;
  padding:38px 42px;
}
@media(min-width:1400px){
  .audience-head{max-width:1100px;margin-bottom:54px}
  .audience-head h2{font-size:52px}
  .audience-intro p{font-size:16px;max-width:900px}
  .offer-columns{gap:24px}
  .offer-panel{padding:42px 50px}
}
@media(max-width:900px){
  .audience-head{margin-bottom:34px}
  .offer-columns{grid-template-columns:1fr}
}


/* =========================================================
   SECTION 02 — HARD FULL-BLEED FIX
   Intro centered; two panels span the entire browser width.
   ========================================================= */
#audyt-placeholder{display:none}

#audience,
section.audience{
  width:100vw !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:2.2vw !important;
  padding-right:2.2vw !important;
}

section.audience .audience-head{
  display:block !important;
  width:min(100%,1100px) !important;
  max-width:1100px !important;
  margin:0 auto 44px !important;
  text-align:center !important;
}
section.audience .audience-head>div:first-child,
section.audience .audience-head .audience-intro{
  width:100% !important;
  max-width:none !important;
}
section.audience .audience-head h2{
  width:100% !important;
  max-width:none !important;
  margin:0 auto 18px !important;
  text-align:center !important;
  font-size:clamp(30px,3vw,46px) !important;
}
section.audience .audience-head h2 br{
  display:none !important;
}
section.audience .audience-intro p{
  width:min(100%,920px) !important;
  max-width:920px !important;
  margin:0 auto !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

section.audience .offer-columns{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  gap:18px !important;
}
section.audience .offer-panel{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:34px 3.2vw !important;
}
section.audience .product-grid{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
section.audience .product-item small{
  max-width:100% !important;
}

@media(min-width:1500px){
  section.audience{
    padding-left:1.6vw !important;
    padding-right:1.6vw !important;
  }
  section.audience .offer-columns{
    gap:22px !important;
  }
  section.audience .offer-panel{
    padding-left:3vw !important;
    padding-right:3vw !important;
  }
}
@media(max-width:900px){
  section.audience .offer-columns{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:600px){
  section.audience{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  section.audience .product-grid{
    grid-template-columns:1fr !important;
  }
}


/* FINAL STRUCTURAL FIX: the SECTION itself must NOT be a 2-column grid.
   The two-column grid belongs ONLY to .offer-columns. */
section.audience{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
}
section.audience .audience-head{
  display:block !important;
}
section.audience .offer-columns{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important;
}


/* =========================================================
   SECTION 01 — ELEGANT HERO TYPOGRAPHY
   Larger, refined headline without making the whole hero oversized.
   ========================================================= */
.hero h1{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size:clamp(34px,3.15vw,50px) !important;
  line-height:1.03 !important;
  letter-spacing:-.035em !important;
  font-weight:500 !important;
  max-width:600px !important;
}
.hero h1 em{
  font-style:italic !important;
  font-weight:500 !important;
}
.hero-lead{
  font-size:14px !important;
  line-height:1.7 !important;
  max-width:540px !important;
}
@media(max-width:900px){
  .hero h1{font-size:36px !important}
}
@media(max-width:520px){
  .hero h1{font-size:30px !important}
}


/* =========================================================
   HERO TYPE HIERARCHY — slogan small, main statement large
   ========================================================= */
.hero h1{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size:clamp(18px,1.65vw,27px) !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  font-weight:500 !important;
  max-width:470px !important;
  margin:12px 0 20px !important;
}
.hero h1 em{
  font-style:italic !important;
  font-weight:500 !important;
}
.hero-lead{
  font-family: Manrope, Arial, sans-serif !important;
  font-size:clamp(19px,1.7vw,28px) !important;
  line-height:1.32 !important;
  letter-spacing:-.025em !important;
  font-weight:500 !important;
  max-width:700px !important;
  margin-bottom:24px !important;
}
@media(max-width:900px){
  .hero h1{font-size:21px !important}
  .hero-lead{font-size:20px !important}
}
@media(max-width:520px){
  .hero h1{font-size:19px !important}
  .hero-lead{font-size:17px !important}
}


/* =========================================================
   HERO — FINAL REQUESTED TYPOGRAPHIC HIERARCHY
   Brand statement large; supporting message smaller italic.
   ========================================================= */
.hero h1{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size:clamp(31px,3.05vw,49px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  max-width:620px !important;
  margin:12px 0 18px !important;
}
.hero h1 em{
  font-style:italic !important;
  font-weight:500 !important;
}
.hero-lead{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size:clamp(15px,1.25vw,20px) !important;
  line-height:1.48 !important;
  letter-spacing:-.01em !important;
  font-style:italic !important;
  font-weight:400 !important;
  max-width:610px !important;
  margin-bottom:22px !important;
}
@media(max-width:900px){
  .hero h1{font-size:36px !important}
  .hero-lead{font-size:17px !important}
}
@media(max-width:520px){
  .hero h1{font-size:30px !important}
  .hero-lead{font-size:15px !important}
}

.private-panel .product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:600px){
  .private-panel .product-grid{grid-template-columns:1fr}
}


/* =========================================================
   AI AGENCJA — PREMIUM DIGITAL TYPOGRAPHY
   Consistent geometric / digital editorial headings.
   No layout or copy changes.
   ========================================================= */

/* Main heading font: geometric, precise, contemporary */
h1,h2,h3,h4,
.hero h1,
.audience-head h2,
.offer-panel h3,
.manifesto h2,
.values-intro h2,
.value-card h3,
.service-card h3,
.academy-head h2,
.academy-product h3,
.testimonial>p,
.contact-heading h3{
  font-family:"Space Grotesk","Sora","Manrope",Arial,sans-serif !important;
  font-weight:500;
  letter-spacing:-.045em;
}

/* Stronger digital character for the most important brand statements */
.hero h1,
.audience-head h2,
.manifesto h2,
.offer-panel h3,
.academy-head h2{
  font-weight:600;
}

/* Italic emphasis stays elegant rather than decorative */
h1 em,h2 em,h3 em{
  font-family:"Space Grotesk","Sora","Manrope",Arial,sans-serif !important;
  font-style:italic;
  font-weight:500;
}

/* Keep body copy human and exceptionally readable */
p,li,input,select,textarea,button{
  font-family:"Manrope",Arial,sans-serif;
}

/* Digital section labels */
.section-kicker,
.eyebrow,
.offer-top,
.product-item span,
.logo-caption,
.hero-trust,
.academy-badge{
  font-family:"Space Grotesk","Manrope",Arial,sans-serif !important;
}

/* Refined letter spacing for the agency's strongest lines */
.hero h1{
  letter-spacing:-.052em;
}
.offer-panel h3{
  letter-spacing:-.055em;
}
.manifesto h2{
  letter-spacing:-.06em;
}


/* =========================================================
   DEFINITIVE FONT OVERRIDE
   Space Grotesk is explicitly loaded above and applied to
   every visible heading. This prevents fallback to Georgia,
   Times or the previous heading font.
   ========================================================= */
html body h1,
html body h2,
html body h3,
html body h4,
html body .hero h1,
html body .audience-head h2,
html body .offer-panel h3,
html body .manifesto h2,
html body .values-intro h2,
html body .value-card h3,
html body .service-card h3,
html body .academy-head h2,
html body .academy-product h3,
html body .contact-heading h3{
  font-family:"Space Grotesk", sans-serif !important;
  font-style:normal;
  font-weight:500;
  letter-spacing:-0.045em;
}

/* Brand headline: digital rather than editorial serif */
html body .hero h1 em,
html body .offer-panel h3 em,
html body h2 em,
html body h3 em{
  font-family:"Space Grotesk", sans-serif !important;
  font-style:italic;
  font-weight:500;
}

/* All small digital labels use the same family */
html body .section-kicker,
html body .eyebrow,
html body .offer-top,
html body .product-item span,
html body .logo-caption,
html body .hero-trust,
html body .academy-badge{
  font-family:"Space Grotesk", sans-serif !important;
}

/* Body remains Manrope for contrast/readability */
html body p,
html body li,
html body a,
html body button,
html body input,
html body select,
html body textarea{
  font-family:"Manrope", sans-serif !important;
}


/* =========================================================
   04 — ZWIASTUNY / AKTUALNOŚCI
   Interactive editorial cards, premium digital treatment.
   ========================================================= */
.trailers{
  overflow:hidden;
  position:relative;
}
.trailers-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:7vw;
  align-items:end;
  margin:26px 0 38px;
}
.trailers-head h2{
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(42px,5.2vw,72px);
  line-height:.92;
  letter-spacing:-.065em;
  margin:0;
}
.trailers-head h2 span{font-style:italic;font-weight:400}
.trailers-head p{
  max-width:560px;
  font-size:15px;
  line-height:1.75;
  margin:0;
}
.trailers-marquee{
  width:100%;
  margin-left:0;
  padding:14px 18px;
  border-top:1px solid rgba(38,39,39,.15);
  border-bottom:1px solid rgba(38,39,39,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 26px;
  overflow:visible;
  white-space:normal;
  box-sizing:border-box;
  font-family:"Space Grotesk",sans-serif;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.18em;
}
.trailers-marquee i{font-style:normal;font-size:15px}
.trailers-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.trailer-card{
  position:relative;
  min-height:455px;
  padding:22px;
  border:1px solid rgba(35,36,36,.15);
  background:rgba(255,255,255,.23);
  transition:transform .45s ease,background .45s ease,box-shadow .45s ease;
  overflow:hidden;
}
.trailer-card:hover{
  transform:translateY(-8px);
  background:rgba(255,255,255,.48);
  box-shadow:0 24px 60px rgba(45,45,45,.10);
}
.trailer-card.featured{
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(220,220,218,.28));
}
.trailer-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-family:"Space Grotesk",sans-serif;
  font-size:9px;
  letter-spacing:.14em;
}
.trailer-meta b{font-weight:500}
.trailer-visual{
  height:190px;
  margin:20px -22px 24px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at center,rgba(255,255,255,.72),rgba(191,192,190,.22) 55%,rgba(70,72,72,.06));
}
.trailer-orb{
  width:100px;height:100px;border-radius:50%;
  border:1px solid rgba(40,40,40,.42);
  box-shadow:0 0 0 16px rgba(50,50,50,.025),0 0 0 34px rgba(50,50,50,.018);
  animation:trailerSpin 10s linear infinite;
}
.trailer-orb:before,.trailer-orb:after{
  content:"";position:absolute;border:1px solid rgba(40,40,40,.25);border-radius:50%;
}
.trailer-orb:before{inset:-25px 15px;transform:rotate(35deg)}
.trailer-orb:after{inset:15px -25px;transform:rotate(-35deg)}
.visual-word,.visual-grid span,.visual-lines span,.visual-signal span{
  font-family:"Space Grotesk",sans-serif;
  font-size:10px;
  letter-spacing:.32em;
  position:absolute;
}
.visual-grid{
  background-image:linear-gradient(rgba(40,40,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,40,40,.08) 1px,transparent 1px);
  background-size:26px 26px;
}
.visual-lines:before{
  content:"";position:absolute;inset:28px;
  background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(35,35,35,.11) 18px 19px);
  transform:skewY(-8deg);
}
.visual-signal:before{
  content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(35,35,35,.18);border-radius:50%;
  box-shadow:0 0 0 28px rgba(35,35,35,.025),0 0 0 58px rgba(35,35,35,.018);
}
.trailer-card h3{
  font-family:"Space Grotesk",sans-serif !important;
  font-size:25px;
  letter-spacing:-.04em;
  margin:0 0 12px;
}
.trailer-card p{
  font-size:13px;
  line-height:1.7;
  margin:0 0 22px;
}
.trailer-card a{
  font-family:"Space Grotesk",sans-serif;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@keyframes trailerSpin{to{transform:rotate(360deg)}}

@media(max-width:1000px){
  .trailers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .trailers-head{grid-template-columns:1fr;gap:18px}
  .trailers-grid{grid-template-columns:1fr}
  .trailer-card{min-height:390px}
}


/* =========================================================
   BRAND QUOTES — editorial / digital premium treatment
   ========================================================= */
.hero-quote-jobs{
  margin:0 0 24px;
  max-width:430px;
  font-family:"Space Grotesk",sans-serif;
}
.hero-quote-jobs span{
  display:block;
  font-size:clamp(13px,1.05vw,16px);
  line-height:1.45;
  letter-spacing:-.015em;
  font-style:italic;
}
.hero-quote-jobs small,
.business-quote-drucker small,
.business-quote-team small{
  display:block;
  margin-top:8px;
  font-family:"Space Grotesk",sans-serif;
  font-size:9px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.business-quote-drucker{
  max-width:620px;
  margin:0 0 24px;
  padding:16px 0 16px 18px;
  border-left:1px solid rgba(35,36,36,.28);
}
.business-quote-drucker span{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(15px,1.25vw,20px);
  line-height:1.42;
  letter-spacing:-.025em;
  font-style:italic;
}
.business-quote-team{
  max-width:700px;
  margin:24px 0 20px;
  padding:18px 0 4px;
  border-top:1px solid rgba(35,36,36,.15);
}
.business-quote-team span{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:15px;
  line-height:1.55;
  letter-spacing:-.015em;
  font-style:italic;
}
@media(max-width:600px){
  .hero-quote-jobs{margin-bottom:18px}
  .business-quote-drucker{margin-bottom:20px}
  .business-quote-team span{font-size:14px}
}


/* Quotes in the "Od pomysłu do projektu" section */
.process-quotes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:34px 0 38px;
}
.process-quotes blockquote{
  margin:0;
  padding:28px 30px;
  border-top:1px solid rgba(35,36,36,.18);
  border-bottom:1px solid rgba(35,36,36,.12);
  background:rgba(255,255,255,.16);
}
.process-quotes blockquote span{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(18px,1.6vw,25px);
  line-height:1.4;
  letter-spacing:-.025em;
  font-style:italic;
}
.process-quotes cite{
  display:block;
  margin-top:14px;
  font-family:"Space Grotesk",sans-serif;
  font-size:9px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-style:normal;
}
@media(max-width:700px){
  .process-quotes{grid-template-columns:1fr}
}



/* =========================================================
   HERO — FINAL TYPOGRAPHY REFINEMENT
   ========================================================= */
.hero-quote-featured{
  margin:22px 0 24px !important;
  padding:18px 0 18px 28px !important;
  border-left:2px solid rgba(35,36,36,.48) !important;
  max-width:560px !important;
}
.hero-quote-featured blockquote{
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(24px,2.2vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.05em !important;
  font-weight:600 !important;
}
.hero-quote-featured cite{
  font-family:"Space Grotesk",sans-serif !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  margin-top:12px !important;
}

/* Main brand statement: smaller and more elegant */
.hero h1{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(22px,2.05vw,32px) !important;
  line-height:1.12 !important;
  letter-spacing:-.045em !important;
  font-weight:400 !important;
  max-width:560px !important;
  margin:14px 0 15px !important;
}
.hero h1 em{
  font-family:"Manrope",sans-serif !important;
  font-style:italic !important;
  font-weight:400 !important;
}

/* Supporting message: smaller, refined, italic */
.hero-lead{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(13px,1.05vw,17px) !important;
  line-height:1.62 !important;
  letter-spacing:-.01em !important;
  font-style:italic !important;
  font-weight:300 !important;
  max-width:560px !important;
  margin-bottom:20px !important;
}
@media(max-width:900px){
  .hero-quote-featured blockquote{font-size:26px !important}
  .hero h1{font-size:25px !important}
  .hero-lead{font-size:15px !important}
}
@media(max-width:520px){
  .hero-quote-featured{padding-left:20px !important}
  .hero-quote-featured blockquote{font-size:21px !important}
  .hero h1{font-size:22px !important}
  .hero-lead{font-size:14px !important}
}




/* Main brand statement — smaller, elegant, understated */
.hero h1{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(18px,1.55vw,25px) !important;
  line-height:1.18 !important;
  letter-spacing:-.035em !important;
  font-weight:400 !important;
  max-width:500px !important;
  margin:10px 0 11px !important;
}
.hero h1 em{
  font-family:"Manrope",sans-serif !important;
  font-style:italic !important;
  font-weight:400 !important;
}

/* Supporting description — smallest, elegant italic */
.hero-lead{
  font-family:"Playfair Display",Georgia,serif !important;
  font-size:clamp(11px,.88vw,14px) !important;
  line-height:1.58 !important;
  letter-spacing:.002em !important;
  font-style:italic !important;
  font-weight:400 !important;
  max-width:500px !important;
  margin-bottom:17px !important;
}
@media(max-width:900px){
  .hero-quote-featured blockquote{font-size:22px !important}
  .hero h1{font-size:21px !important}
  .hero-lead{font-size:13px !important}
}
@media(max-width:520px){
  .hero-quote-featured{padding-left:20px !important}
  .hero-quote-featured blockquote{font-size:19px !important}
  .hero h1{font-size:19px !important}
  .hero-lead{font-size:12px !important}
}



/* =========================================================
   FINAL HERO QUOTE — DEFINITIVE STYLE
   One font, no fallback competition.
   ========================================================= */
html body .hero .hero-quote-featured{
  display:block !important;
  width:min(100%,620px) !important;
  max-width:620px !important;
  margin:24px 0 28px !important;
  padding:18px 0 18px 30px !important;
  border-left:2px solid rgba(35,36,36,.34) !important;
}
html body .hero .hero-quote-featured .hero-quote-mark{
  display:none !important;
}
html body .hero .hero-quote-featured blockquote{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"DM Serif Display", Georgia, serif !important;
  font-size:clamp(22px,2vw,32px) !important;
  line-height:1.28 !important;
  letter-spacing:-.018em !important;
  font-style:italic !important;
  font-weight:400 !important;
  color:#202121 !important;
  max-width:590px !important;
}
html body .hero .hero-quote-featured blockquote::before{
  content:"„" !important;
}
html body .hero .hero-quote-featured blockquote::after{
  content:"”" !important;
}
html body .hero .hero-quote-featured cite{
  display:block !important;
  margin:11px 0 0 !important;
  padding:0 !important;
  font-family:"DM Serif Display", Georgia, serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-style:italic !important;
  font-weight:400 !important;
  color:#303131 !important;
}
@media(max-width:700px){
  html body .hero .hero-quote-featured blockquote{font-size:23px !important}
}
@media(max-width:480px){
  html body .hero .hero-quote-featured{padding-left:20px !important}
  html body .hero .hero-quote-featured blockquote{font-size:20px !important}
}


/* =========================================================
   SECTION 04 — SMALLER TITLE + FEATURED DRUCKER QUOTE
   ========================================================= */
.trailers-head h2{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(27px,2.7vw,40px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:400 !important;
}
.trailers-head h2 span{
  font-style:italic !important;
  font-weight:400 !important;
}
.trailers-quote{
  grid-column:1 / -1;
  max-width:900px;
  margin:10px 0 8px;
  padding:20px 0 18px 28px;
  border-left:1px solid rgba(35,36,36,.3);
}
.trailers-quote blockquote{
  margin:0;
  font-family:"DM Serif Display",Georgia,serif !important;
  font-size:clamp(22px,2.1vw,32px) !important;
  line-height:1.25 !important;
  letter-spacing:-.018em !important;
  font-style:italic !important;
}
.trailers-quote cite{
  display:block;
  margin-top:10px;
  font-family:"DM Serif Display",Georgia,serif !important;
  font-size:12px !important;
  font-style:italic !important;
}
@media(max-width:700px){
  .trailers-quote{padding-left:20px}
  .trailers-quote blockquote{font-size:22px !important}
}

.quote-author{
  margin-top:-8px;
  margin-bottom:20px;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:12px;
  font-style:italic;
  opacity:.78;
}

/* =========================================================
   RESULTS / TESTIMONIALS — STRONG FEATURE HEADLINE
   ========================================================= */
.testimonials h2,
.results h2,
.testimonials .section-title{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(42px,5.4vw,78px) !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
  font-weight:600 !important;
  max-width:1050px !important;
}

.seo-topics{
  width:min(100%,1200px);
  margin:0 auto;
  padding:36px 0 20px;
  opacity:.72;
}
.seo-topics p{
  max-width:1050px;
  margin:12px 0 0;
  font-size:12px;
  line-height:1.75;
}

/* FINAL APPROVED BRAND PHRASES */
.quote-author{
  font-family:"DM Serif Display",Georgia,serif !important;
  font-size:12px !important;
  font-style:italic !important;
}

/* =========================================================
   AI AGENCJA — FINAL TYPOGRAPHY SCALE
   Smaller, clearer, more luxurious section headings.
   Logo and featured quotes remain intentionally prominent.
   ========================================================= */
html body h1,
html body h2,
html body h3,
html body .section h2,
html body .section h3{
  text-wrap:balance;
}

/* Main section headings */
html body .section > h2,
html body .section-title,
html body .section-heading h2{
  font-size:clamp(30px,3.15vw,48px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
}

/* Section titles with nested spans/em */
html body .section > h2 span,
html body .section > h2 em,
html body .section-title span,
html body .section-title em{
  font-size:inherit !important;
}

/* Cards and service headings */
html body .section h3,
html body .offer-panel h3,
html body .service-card h3,
html body .trailer-card h3{
  font-size:clamp(19px,1.55vw,26px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  font-weight:500 !important;
}

/* Editorial hero brand line — intentionally smaller than the logo */
html body .hero h1{
  font-size:clamp(18px,1.55vw,25px) !important;
  line-height:1.18 !important;
  font-weight:400 !important;
}

/* Trailer heading is deliberately restrained */
html body .trailers-head h2{
  font-size:clamp(26px,2.55vw,38px) !important;
}

/* Process / quote headings */
html body .process h2,
html body .process h3{
  font-size:clamp(28px,2.9vw,44px) !important;
}

/* Keep the featured Steve Jobs quote elegant, not oversized */
html body .hero .hero-quote-featured blockquote{
  font-size:clamp(20px,1.7vw,28px) !important;
  line-height:1.32 !important;
}

/* Mobile: clear hierarchy without oversized text */
@media(max-width:700px){
  html body .section > h2,
  html body .section-title,
  html body .section-heading h2{
    font-size:30px !important;
  }
  html body .section h3,
  html body .offer-panel h3,
  html body .service-card h3,
  html body .trailer-card h3{
    font-size:20px !important;
  }
}

/* Testimonials heading — intentionally smaller and quieter */
html body .testimonials .testimonials-head h2{
  font-size:clamp(24px,2.35vw,36px) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  font-weight:500 !important;
  max-width:650px !important;
}
html body .testimonials .testimonials-head h2 span{
  font-size:inherit !important;
  font-weight:400 !important;
}
@media(max-width:700px){
  html body .testimonials .testimonials-head h2{
    font-size:27px !important;
  }
}

/* Approved replacement for the former "Technologia. Przewaga." headline */
.business-quote-drucker,
.quote-author{
  font-family:"DM Serif Display",Georgia,serif !important;
}

/* Approved business headline */
.business-panel h3{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(26px,2.7vw,42px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
}

/* FINAL FIX — business headline */
html body .business-panel h3,
html body .business-panel h3 em{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(26px,2.7vw,42px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  font-style:normal !important;
}

/* FINAL FIX — approved identity headline */
.identity-headline{
  font-family:"Manrope",sans-serif !important;
  font-size:clamp(28px,3vw,44px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
}

/* =========================================================
   05 — NOWOŚCI + ODBLOKOWANE DARMOWE PRODUKTY
   ========================================================= */
.news{background:#f3f2ef;position:relative;overflow:hidden}
.news-head{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:end;margin:26px 0 38px}
.news-head h2{font-family:"Space Grotesk",sans-serif!important;font-size:clamp(42px,5.2vw,72px);line-height:.92;letter-spacing:-.065em;margin:0}
.news-head h2 span{font-style:italic;font-weight:400}
.news-head>p{max-width:560px;font-size:15px;line-height:1.75;margin:0}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.news-card{min-height:260px;padding:24px;border:1px solid rgba(35,36,36,.14);background:rgba(255,255,255,.38);box-shadow:0 18px 50px rgba(45,45,45,.05)}
.news-card>span{font:700 8px/1 Manrope;letter-spacing:.16em;color:#73787a}
.news-card h3{font:700 25px/1.05 Manrope;letter-spacing:-.045em;margin:52px 0 14px}
.news-card p{font-size:12px;line-height:1.7;color:#62676a;max-width:440px}
.academy-downloads{margin-top:22px;padding:24px;border:1px solid rgba(20,23,25,.14);background:rgba(255,255,255,.48)}
.academy-downloads[hidden]{display:none}
.downloads-head>span{font:700 8px Manrope;letter-spacing:.16em;color:#666b6e}
.downloads-head strong{display:block;font:800 28px/1 Manrope;letter-spacing:-.05em;margin:10px 0 8px}
.downloads-head p{font-size:11px;line-height:1.6;color:#666b6e;margin:0 0 18px}
.downloads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.downloads-grid article{padding:18px;border:1px solid rgba(20,23,25,.12);background:rgba(255,255,255,.52)}
.downloads-grid article>span{font:700 7px Manrope;letter-spacing:.13em;color:#777c7f}
.downloads-grid h4{font:700 18px Manrope;letter-spacing:-.035em;margin:26px 0 8px}
.downloads-grid p{font-size:11px;line-height:1.55;color:#666b6e;min-height:34px}
.download-link{display:inline-block;margin-top:8px;font:700 9px Manrope;letter-spacing:.05em;color:#111315;text-decoration:none;border-bottom:1px solid rgba(17,19,21,.35);padding-bottom:3px}
.downloads-note{display:block;margin-top:14px;font-size:8px;line-height:1.5;color:#777c7f}
@media(max-width:900px){.news-head{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr 1fr}.downloads-grid{grid-template-columns:1fr}}
@media(max-width:600px){.news-grid{grid-template-columns:1fr}.news-card h3{margin-top:36px}}


/* Academy access gate */
.academy-products-locked{filter:none;opacity:1;pointer-events:none;user-select:none;position:relative}
.academy-products-locked:before{content:none!important}
.academy-note{font-size:9px;line-height:1.5;color:#74797c;margin-top:12px}


/* AI AGENCJA v4 — explicit news section */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.news-card{border:1px solid rgba(20,20,20,.12);padding:28px;min-height:260px;background:rgba(255,255,255,.55);display:flex;flex-direction:column}.news-card.featured{background:rgba(255,255,255,.55);color:#17191a}.news-meta{font-size:.72rem;letter-spacing:.14em;opacity:.68}.news-card h3{font-size:1.55rem;margin:34px 0 12px}.news-card p{line-height:1.65;opacity:.78}.news-card a{margin-top:auto;color:inherit;text-decoration:none;font-weight:700}.news-card a span{margin-left:8px}@media(max-width:850px){.news-grid{grid-template-columns:1fr}}


/* Darmowe produkty — panel odblokowywany po zapisie */
.academy-downloads{background:#f2f0ec;color:#303234;}
.academy-downloads .section-kicker{color:#686c6e;}
.academy-downloads h2{font:800 clamp(44px,6vw,82px)/.92 Manrope;letter-spacing:-.065em;margin:28px 0 40px;}
.academy-downloads h2 span{color:#777c7f;}
.academy-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.academy-download-card{padding:28px;min-height:260px;border:1px solid rgba(40,42,44,.14);background:rgba(255,255,255,.55);display:flex;flex-direction:column;}
.academy-download-card>span{font:700 8px Manrope;letter-spacing:.16em;color:#74797b;}
.academy-download-card h3{font:700 25px Manrope;letter-spacing:-.04em;margin:55px 0 12px;}
.academy-download-card p{font-size:13px;line-height:1.65;color:#656a6d;margin:0 0 24px;}
.academy-download-card .download-link{margin-top:auto;width:max-content;border:0;background:none;padding:0;color:#25282a;font:700 9px Manrope;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.academy-download-card .download-link:hover{text-decoration:underline;}
@media(max-width:900px){.academy-download-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.academy-download-grid{grid-template-columns:1fr;}.academy-download-card h3{margin-top:35px;}}

/* v8 — future products are informational until real files are connected */
.download-link.is-coming{cursor:default;opacity:.72}
.download-link.is-coming:hover{text-decoration:none}
.project-trailers{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-card{min-height:510px}
.project-visual{height:210px;margin:20px -22px 24px;overflow:hidden;background:#f3f2ef;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(35,36,36,.08);border-bottom:1px solid rgba(35,36,36,.08)}
.project-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s ease}
.project-card:hover .project-visual img{transform:scale(1.025)}
@media(max-width:1000px){.project-trailers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.project-trailers{grid-template-columns:1fr}.project-card{min-height:450px}}

/* AI AGENCJA — korekta czytelności wskazana przez użytkownika */
.news-card.featured h3{color:#17191a}
.news-card.featured p{color:#62676a;opacity:1}
.news-card.featured a{color:#17191a}
.news-card.featured .news-meta{color:#73787a;opacity:1}

/* Approved ebook previews: static, no slider or hover movement. */
.ebook-preview-link{display:block;width:100%;margin:14px 0 12px;overflow:hidden;text-decoration:none;transform:none!important;transition:none!important;}
.ebook-preview-static{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;object-position:center;transform:none!important;animation:none!important;transition:none!important;opacity:1!important;}
.ebook-preview-link:hover,.ebook-preview-link:hover .ebook-preview-static{transform:none!important;animation:none!important;transition:none!important;opacity:1!important;}

/* AI – Pierwszy Krok: fixed first-page teaser, no animation. */
.ebook-preview-link{display:block;width:100%;margin:14px 0 12px;overflow:hidden;text-decoration:none;transform:none!important;transition:none!important;}
.ebook-preview-static{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;transform:none!important;animation:none!important;transition:none!important;opacity:1!important;}
.ebook-preview-link:hover,.ebook-preview-link:hover .ebook-preview-static{transform:none!important;animation:none!important;transition:none!important;opacity:1!important;}
\n\n/* DODANA WYŁĄCZNIE SEKCJA BEZPŁATNYCH PROJEKTÓW — reszta strony MASTER pozostaje bez zmian */\n.free-projects{background:linear-gradient(180deg,#f4f3f0,#eeece8);padding:110px 5vw 95px;overflow:hidden}.free-projects__inner{max-width:1420px;margin:auto}.free-projects__hero{display:grid;grid-template-columns:1fr 1.08fr;gap:42px;align-items:center}.free-projects__copy h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(50px,5.6vw,82px);line-height:.94;letter-spacing:-.06em;margin:18px 0 26px}.free-projects__copy h2 em{font-style:normal;color:#978c80}.free-projects__copy p{font-size:16px;line-height:1.65;color:#666b6d;max-width:680px;margin:0 0 10px}.free-projects__visual{height:440px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1300px}.fp-glow{position:absolute;width:95%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(228,224,218,.5) 50%,transparent 72%)}.fp-laptop3d{position:relative;width:min(720px,100%);height:390px;transform:rotateY(-10deg) rotateX(3deg);transform-style:preserve-3d}.fp-screen3d{position:absolute;left:6%;top:0;width:88%;height:300px;border:11px solid #17191a;border-bottom-width:14px;border-radius:20px 20px 8px 8px;background:#f7f5f0;overflow:hidden;box-shadow:0 30px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.6);transform:translateZ(28px)}.fp-browser{height:24px;background:#e5e2dc;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:7px;color:#777}.fp-browser span{width:5px;height:5px;border-radius:50%;background:#aaa39a}.fp-browser b{margin-left:8px}.fp-preview-site{height:calc(100% - 24px);position:relative;background:linear-gradient(135deg,#fffdf9,#e7e3dc);overflow:hidden}.fp-preview-nav{height:33px;display:flex;align-items:center;gap:17px;padding:0 18px;font-size:7px;color:#5e6061}.fp-preview-nav strong{margin-right:auto;color:#262829;font-size:9px}.fp-preview-content{position:relative;z-index:2;padding:27px 28px}.fp-preview-content small{font-size:6px;letter-spacing:.16em;color:#8c8278;font-weight:700}.fp-preview-content h3{font:800 27px/.92 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin:9px 0;color:#222526}.fp-preview-content p{font-size:7px;color:#777;max-width:230px;line-height:1.5}.fp-preview-content button{border:0;background:#222;color:#fff;border-radius:16px;padding:7px 11px;font-size:6px;margin-right:5px}.fp-preview-content button.ghost{background:#fff;color:#333;border:1px solid #aaa}.fp-building{position:absolute;right:-20px;bottom:-25px;width:45%;height:70%;background:linear-gradient(145deg,#d8d5ce,#aaa9a5);clip-path:polygon(25% 0,100% 25%,100% 100%,0 100%,0 22%);opacity:.78}.fp-base3d{position:absolute;left:0;bottom:34px;width:100%;height:44px;background:linear-gradient(#c3c4c1,#6d6f6e);border-radius:5px 5px 28px 28px;transform:rotateX(66deg);box-shadow:0 20px 28px rgba(0,0,0,.18)}.fp-base3d i{display:block;width:24%;height:6px;background:#d2d3d0;border-radius:0 0 9px 9px;margin:5px auto}.free-projects__intro{border-top:1px solid rgba(17,19,21,.13);margin-top:25px;padding-top:32px;display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end}.free-projects__intro h3{font-family:"Space Grotesk",sans-serif;font-size:clamp(40px,4vw,62px);line-height:.96;letter-spacing:-.055em;margin:16px 0 0}.free-projects__intro h3 em{font-style:normal;color:#978c80}.free-projects__intro p{font-size:16px;line-height:1.65;color:#666b6d;margin:0}.free-projects__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.fp-card{position:relative;min-height:620px;border:1px solid rgba(17,19,21,.12);border-radius:24px;background:rgba(255,255,255,.8);padding:25px;box-shadow:0 22px 50px rgba(0,0,0,.08),inset 0 1px 0 #fff;display:flex;flex-direction:column;overflow:hidden}.fp-card__top{display:flex;justify-content:space-between;align-items:center;color:#8a8177;font-size:8px;letter-spacing:.14em;font-weight:800}.fp-card__top b{font-size:11px;letter-spacing:.03em}.fp-card__art{height:140px;position:relative;margin:8px 0}.fp-magnifier{position:absolute;left:31%;top:12px;width:65px;height:65px;border:9px solid #bcb5ac;border-radius:50%;transform:rotate(-20deg)}.fp-magnifier:after{content:"";position:absolute;width:50px;height:9px;border-radius:7px;background:#8e8880;right:-42px;bottom:-25px}.fp-chart{position:absolute;right:7%;bottom:7px;width:120px;height:85px;background:#eeeae4;border:1px solid #cbc5bd;border-radius:8px;box-shadow:0 12px 20px rgba(0,0,0,.1);padding:12px}.fp-chart i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aaa39a;margin-right:3px}.fp-chart b{display:block;width:9px;background:#b8b1a8;height:35px;margin:16px 5px 0;float:left}.fp-chart b:after{content:"";display:block;width:9px;background:#999187;height:47px;margin-left:22px;margin-top:-12px}.fp-page{position:absolute;left:25%;top:8px;width:112px;height:98px;background:#eeeae4;border:1px solid #cbc5bd;border-radius:8px;padding:12px;box-shadow:14px 14px 0 #dcd7d0}.fp-page i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aaa39a;margin-right:3px}.fp-page b{display:block;height:6px;width:72px;background:#bcb5ac;border-radius:4px;margin-top:10px}.fp-page b+b{width:48px}.fp-pencil{position:absolute;right:9%;bottom:3px;width:105px;height:9px;border-radius:8px;background:linear-gradient(90deg,#77716b,#c8c3bb,#77716b);transform:rotate(-54deg);box-shadow:0 9px 12px rgba(0,0,0,.13)}.fp-shop{position:absolute;left:25%;top:8px;width:118px;height:96px;background:#eeeae4;border:1px solid #cbc5bd;border-radius:8px;padding:12px;box-shadow:14px 14px 0 #dcd7d0}.fp-shop i{display:block;height:7px;width:100%;background:#bcb5ac;border-radius:4px;margin-bottom:12px}.fp-shop b{display:inline-block;width:34px;height:42px;background:#d0cbc4;border-radius:5px;margin-right:5px}.fp-cart{position:absolute;right:10%;bottom:0;font-size:68px;line-height:1;color:#8e877f;transform:rotate(-6deg)}.fp-card h4{font-family:"Space Grotesk",sans-serif;font-size:34px;line-height:.98;letter-spacing:-.05em;margin:0 0 12px}.fp-card h4 em{font-style:normal;color:#978c80}.fp-card p{font-size:13px;line-height:1.55;color:#666b6d;min-height:60px;margin:0}.fp-rule{height:1px;background:rgba(17,19,21,.12);margin:13px 0 12px}.fp-label{font-size:9px;letter-spacing:.13em;color:#80786f}.fp-card ul{list-style:none;padding:0;margin:9px 0 18px}.fp-card li{font-size:12px;line-height:1.65;color:#55595b;position:relative;padding-left:20px}.fp-card li:before{content:"✓";position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:#c5beb5;color:#fff;font-size:8px;text-align:center;line-height:13px}.fp-button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;width:max-content;min-width:245px;background:#252728;color:#fff;text-decoration:none;border-radius:28px;padding:13px 17px 13px 20px;font-size:11px;font-weight:700;box-shadow:0 10px 20px rgba(0,0,0,.14)}.fp-button span{font-size:16px}.free-projects__foot{border-top:1px solid rgba(17,19,21,.12);margin-top:30px;padding-top:20px;display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;color:#666b6d;font-size:12px}.free-projects__foot b{color:#3f4142}@media(max-width:1050px){.free-projects__hero,.free-projects__intro{grid-template-columns:1fr}.free-projects__visual{height:400px}.free-projects__cards{grid-template-columns:1fr}.fp-card{min-height:0}.fp-button{min-width:0}}@media(max-width:600px){.free-projects{padding:80px 20px}.free-projects__copy h2{font-size:48px}.free-projects__visual{height:300px}.fp-laptop3d{transform:scale(.78) rotateY(-8deg) rotateX(3deg)}.free-projects__foot{justify-content:flex-start}}\n
/* ZATWIERDZONA 1 SEKCJA STRONY INTERNETOWEJ — 20.08.2026 */
.hero-approved{position:relative;display:block!important;min-height:0!important;padding:0!important;margin:0!important;background:#f7f2ec!important;overflow:hidden}
.hero-approved::before,.hero-approved::after{display:none!important}
.hero-approved-image{display:block;width:100%;height:auto;object-fit:contain}
.hero-approved-links{position:absolute;inset:0;pointer-events:none}
.hero-approved .hotspot{position:absolute;display:block;pointer-events:auto;background:transparent}
.hero-approved .nav1{left:2%;top:2.1%;width:8.7%;height:6.2%}.hero-approved .nav2{left:11.2%;top:2.1%;width:11.6%;height:6.2%}.hero-approved .nav3{left:23.5%;top:2.1%;width:11.2%;height:6.2%}.hero-approved .nav4{left:35.2%;top:2.1%;width:9.4%;height:6.2%}.hero-approved .nav5{left:45.2%;top:2.1%;width:11.3%;height:6.2%}.hero-approved .nav6{left:57.2%;top:2.1%;width:12.6%;height:6.2%}.hero-approved .nav7{left:70.4%;top:2.1%;width:8.7%;height:6.2%}.hero-approved .nav8{left:79.8%;top:2.1%;width:9.5%;height:6.2%}.hero-approved .nav9{left:89.9%;top:2.1%;width:8.1%;height:6.2%}
.hero-approved .cta1{left:2.3%;top:75.1%;width:23.5%;height:7.5%}.hero-approved .cta2{left:2.3%;top:84%;width:23.5%;height:7.5%}
@media(max-width:800px){.hero-approved{overflow-x:auto}.hero-approved-image{width:100%;min-width:760px}.hero-approved-links{min-width:760px}}

/* =========================================================
   1 SEKCJA STRONY INTERNETOWEJ AI AGENCJA — ZATWIERDZONA
   Pełna szerokość, bez duplikowania starego nagłówka.
   ========================================================= */
body{padding-top:0!important;}
header.nav{display:none!important;}
main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
.hero-approved{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  background:#f7f2ec!important;
  overflow:hidden!important;
}
.hero-approved-image{
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}
.hero-approved-links{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;}
.hero-approved .hotspot{position:absolute!important;display:block!important;pointer-events:auto!important;background:transparent!important;}
/* nawigacja w zatwierdzonej grafice */
.hero-approved .nav1{left:2.0%;top:2.0%;width:8.8%;height:6.5%}
.hero-approved .nav2{left:11.1%;top:2.0%;width:11.8%;height:6.5%}
.hero-approved .nav3{left:23.4%;top:2.0%;width:11.3%;height:6.5%}
.hero-approved .nav4{left:35.2%;top:2.0%;width:9.5%;height:6.5%}
.hero-approved .nav5{left:45.2%;top:2.0%;width:11.4%;height:6.5%}
.hero-approved .nav6{left:57.2%;top:2.0%;width:12.7%;height:6.5%}
.hero-approved .nav7{left:70.4%;top:2.0%;width:8.8%;height:6.5%}
.hero-approved .nav8{left:79.8%;top:2.0%;width:9.6%;height:6.5%}
.hero-approved .nav9{left:89.9%;top:2.0%;width:8.2%;height:6.5%}
/* przyciski po lewej w zatwierdzonej, obniżonej pozycji */
.hero-approved .cta1{left:2.3%;top:76.2%;width:23.6%;height:7.8%}
.hero-approved .cta2{left:2.3%;top:84.7%;width:23.6%;height:7.8%}
/* kolejne sekcje pozostają pełnym, istniejącym projektem */
.hero-approved + .section{margin-top:0!important;}
@media(max-width:800px){
  .hero-approved{overflow-x:auto!important;left:0!important;transform:none!important;width:100%!important;}
  .hero-approved-image{width:100%!important;min-width:760px!important;}
  .hero-approved-links{min-width:760px!important;}
}



/* POPRAWKA: wyłącznie opisy pod pozycjami +25%, bez kursywy. */
section.audience .product-item small{
  font-size:125% !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-style: normal !important;
}

/* KOREKTA KOŃCOWA — tylko opisy pod pozycjami: dokładnie +25% od bazowych 10px. */
section.audience .product-item small{
  font-size:12.5px !important;
  line-height:1.4 !important;
  font-style:normal !important;
  font-family:Manrope, Arial, sans-serif !important;
}

/* =========================================================
   ZATWIERDZONA POPRAWKA — ZWIASTUNY 20-08-2026
   Tylko: mniejsze pionowe odstępy + zielono zaznaczone teksty +20% i czarne.
   ========================================================= */
html body .trailers .trailers-head{
  grid-template-columns:1fr !important;
  gap:0 !important;
  align-items:start !important;
  margin-top:26px !important;
  margin-bottom:18px !important;
}
html body .trailers .trailers-head > div:first-child{
  margin:0 0 18px 0 !important;
}
html body .trailers .trailers-quote{
  grid-column:1 !important;
  margin:0 0 18px 0 !important;
  padding:18px 0 18px 28px !important;
}
html body .trailers .trailers-head > p{
  max-width:700px !important;
  margin:0 !important;
  font-size:18px !important;
  line-height:1.55 !important;
  color:#111 !important;
  font-style:normal !important;
}
html body .trailers .trailers-marquee{
  font-size:13.2px !important;
  color:#111 !important;
  font-style:normal !important;
  margin-top:18px !important;
}

/* =========================================================
   ZATWIERDZONA POPRAWKA — KARTY + NASZA TOŻSAMOŚĆ
   20.08.2026
   1) Linki w czterech kartach: granatowy -> srebrzysty.
   2) Tekst po prawej w sekcji "Nasza tożsamość": elegancka kursywa,
      po korektach rozmiaru końcowo 90% bazowych 14px = 12.6px.
   ========================================================= */
html body .trailers .trailer-card a,
html body .trailers .trailer-card a:visited,
html body .trailers .trailer-card a:hover,
html body .trailers .trailer-card a:active{
  color:#9a9da0 !important;
  text-decoration-color:#b4b7b9 !important;
}

html body .values .values-intro > p{
  font-family:"DM Serif Display", Georgia, serif !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-size:12.6px !important;
  line-height:1.6 !important;
  letter-spacing:-.01em !important;
}

/* FINAL — approved typography only for the two indicated texts */
.values-intro > p,
.services .section-head > p {
  font-family: Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  color: #252321 !important;
}

/* POPRAWKA: tekst DLA BIZNESU dokładnie jak zatwierdzony cytat NASZA TOŻSAMOŚĆ */
html body .services .section-head > p{font-family:"DM Serif Display",Georgia,serif !important;font-style:italic !important;font-weight:400 !important;font-size:12.6px !important;line-height:1.6 !important;letter-spacing:-.01em !important;color:#252321 !important;}

/* =========================================================
   KOREKTA ZATWIERDZONYCH DWÓCH FRAGMENTÓW — 20.08.2026
   Tylko dwa teksty: NASZA TOŻSAMOŚĆ + DLA BIZNESU.
   Identyczna typografia i rozmiar. Bez zmian innych elementów.
   ========================================================= */
html body section.values .values-intro > p,
html body section.services .section-head > p{
  font-family:"DM Serif Display", Georgia, serif !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-size:18px !important;
  line-height:1.45 !important;
  letter-spacing:-.01em !important;
  color:#252321 !important;
}

/* ZATWIERDZONA POPRAWKA 20-08-2026 — tylko sekcja bezpłatnego projektu */
.approved-sales-hero{grid-template-columns:.95fr 1.25fr .62fr!important;gap:28px!important;align-items:center!important}
.approved-sales-copy h2{font-size:clamp(38px,4.2vw,62px)!important;line-height:.98!important}
.approved-body-copy p{font-size:18.4px!important;line-height:1.65!important;color:#4e5152!important}
.approved-laptop-wrap{display:flex;align-items:center;justify-content:center;min-width:0}
.approved-laptop-img{width:100%;max-width:700px;height:auto;display:block;mix-blend-mode:multiply}
.approved-stats{padding:10px 0}.approved-stats h3{font:500 15px/1.45 "Space Grotesk",sans-serif;letter-spacing:.02em;margin:0 0 24px;color:#222}
.approved-stat{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;margin:0 0 22px}.stat-icon{width:50px;height:50px;border-radius:9px;background:#e7e0d8;display:grid;place-items:center;font-size:25px;color:#785d46}.approved-stat b{display:block;font:700 31px/1 "Space Grotesk",sans-serif;color:#111;margin-bottom:7px}.approved-stat p{font-size:14px!important;line-height:1.45!important;color:#242627!important;margin:0!important}.free-projects__intro p{font-size:18.4px!important;line-height:1.65!important;color:#4e5152!important}.free-projects__intro .section-kicker{font-size:calc(100% + 15%)!important}
@media(max-width:1100px){.approved-sales-hero{grid-template-columns:1fr!important}.approved-laptop-img{max-width:760px}.approved-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.approved-stats h3{grid-column:1/-1}.approved-stat{margin:0}}
@media(max-width:650px){.approved-stats{grid-template-columns:1fr}.approved-body-copy p,.free-projects__intro p{font-size:17px!important}}

/* ZATWIERDZONA SEKCJA: BEZPŁATNY PROJEKT — obraz 1:1 */
.free-projects-approved-image{display:block;width:100%;margin:0;padding:0;background:#f5f1eb;overflow:hidden}
.free-projects-approved-image img{display:block;width:100%;height:auto;margin:0;padding:0;border:0}

/* FINAL ACADEMIA — zatwierdzony układ kart */
.academy-product{position:relative;}
.academy-product h3,
.academy-product p,
.ebook-preview-link,
.ebook-preview-link:link,
.ebook-preview-link:visited,
.ebook-preview-static{color:#111315!important;}
.ebook-preview-link{text-decoration:none!important;}

/* srebrzysty przycisk dostępu dokładnie POD linkiem "ODBLOKUJ PO ZAPISIE" */
.academy-product .access-after-signup{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  margin-top:16px;
  padding:12px 10px;
  box-sizing:border-box;
  border:1px solid rgba(105,108,111,.38);
  border-radius:7px;
  background:linear-gradient(180deg,#f8f8f8 0%,#e9e9e9 45%,#d6d8da 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 13px rgba(50,52,54,.15);
  color:#111315;
  font:700 9px Manrope,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}
.academy-product .access-after-signup .lock-mark{
  font-size:14px;
  line-height:1;
}

/* ZATWIERDZONE 21.08.2026 — DARMOWA STREFA WIEDZY: +25%, srebrzyste premium */
html body .academy-badge{
  transform:scale(1.25);
  transform-origin:left center;
  padding:12px 18px !important;
  border:1px solid rgba(100,105,108,.48) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(207,210,211,.86),rgba(246,246,244,.95)) !important;
  color:#4e5356 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(95,100,103,.20), 0 7px 16px rgba(42,45,47,.10) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.9);
}
html body .academy-badge span{color:#777d80 !important;}


/* ZATWIERDZONA POPRAWKA: mniejszy pusty odstęp w karuzeli scenariuszy/opinii */
@media (min-width: 901px){
  html body .testimonials .testimonial-track{
    min-height: 300px !important;
  }
  html body .testimonials .testimonial{
    min-height: 300px !important;
    padding-top: 34px !important;
    padding-bottom: 30px !important;
  }
  html body .testimonials .quote-mark{
    top: 34px !important;
  }
  html body .testimonials .testimonial > p{
    margin-top: 18px !important;
    margin-bottom: 28px !important;
  }
}

/* Dane kontaktowe — zatwierdzony numer */
.contact-quick{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
}
.contact-quick-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(80,80,80,.12);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(225,225,225,.52));
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  text-decoration:none;
  color:#1f1f1f;
}
.contact-quick-icon{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg,#fafafa,#d3d3d3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(0,0,0,.08);
  font-size:19px;
}
.contact-quick-card span:last-child{display:flex;flex-direction:column;gap:3px;}
.contact-quick-card b{font-size:14px;font-weight:600;}
.contact-quick-card small{font-size:12px;color:#666;}
@media(max-width:780px){.contact-quick{grid-template-columns:1fr;}}


/* =========================================================
   ZATWIERDZONE POPRAWKI — WERSJA SCALONA
   ========================================================= */

/* Poznajemy / Projektujemy / Wdrażamy / Rozwijamy:
   20% mniejsza i elegantsza typografia */
.process .step h3{
  font-family: "DM Sans", "Manrope", sans-serif !important;
  font-size: 18.4px !important; /* 23px - 20% */
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
}

/* Opinie — zatwierdzone zdjęcia zamiast inicjałów */
.approved-opinions-grid .avatar{
  overflow:hidden !important;
  padding:0 !important;
  background:#ddd8d0 !important;
}
.approved-opinions-grid .avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:50% !important;
}

/* Elegancki srebrzysty znak AI zamiast niedopracowanego/błędnego obrazka */
.premium-ai-symbol{
  width:100% !important;
  min-height:112px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  margin:18px 0 12px !important;
  border:1px solid rgba(70,74,77,.18) !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.98), rgba(228,229,228,.9) 38%, rgba(176,180,182,.78) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -10px 28px rgba(80,84,87,.08),
    0 10px 28px rgba(0,0,0,.08) !important;
}
.premium-ai-symbol b{
  font:500 38px/1 "Manrope",sans-serif !important;
  letter-spacing:-.08em !important;
  color:#555b5f !important;
  text-shadow:0 1px 0 #fff, 0 3px 8px rgba(0,0,0,.12) !important;
}
.premium-ai-symbol i{
  position:absolute !important;
  top:19px !important;
  right:24px !important;
  font-style:normal !important;
  color:#8d9295 !important;
  font-size:17px !important;
}

/* DARMOWA STREFA WIEDZY — zachowana zatwierdzona srebrzystość premium */
.academy-badge{
  transform:scale(1.25) !important;
  transform-origin:left center !important;
  margin:10px 0 28px 12px !important;
  padding:11px 22px !important;
  border:1px solid rgba(82,86,89,.34) !important;
  color:#41464a !important;
  background:linear-gradient(145deg,#f8f8f7 0%,#d7d9da 48%,#bfc2c4 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -5px 12px rgba(70,74,77,.10),
    0 8px 18px rgba(0,0,0,.10) !important;
  border-radius:999px !important;
}

/* Zachowanie wcześniejszej poprawki: mniej pustego miejsca w karuzeli */
@media (min-width:901px){
  html body .testimonials .testimonial-track{min-height:300px !important;}
  html body .testimonials .testimonial{
    min-height:300px !important;
    padding-top:34px !important;
    padding-bottom:30px !important;
  }
  html body .testimonials .quote-mark{top:34px !important;}
  html body .testimonials .testimonial > p{
    margin-top:18px !important;
    margin-bottom:28px !important;
  }
}

/* Na górze strony nie dodajemy żadnego znaku/logo agencji. */
.nav .brand,.nav .brand-mark,.nav > img{display:none !important;}


/* V32 — Wirtualna Asystentka AI */
.ai-assistant-launch{position:fixed;right:22px;bottom:22px;z-index:90;border:1px solid rgba(110,110,110,.35);border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,#fafafa,#d9d9d9 48%,#fff);color:#151515;font-weight:700;box-shadow:0 14px 38px rgba(0,0,0,.16);cursor:pointer}
.ai-assistant-panel{position:fixed;right:22px;bottom:78px;z-index:95;width:min(390px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 110px));overflow:auto;background:rgba(250,248,244,.98);border:1px solid rgba(100,100,100,.28);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.22);color:#171717}
.ai-assistant-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(100,100,100,.18);background:linear-gradient(110deg,#fff,#e5e5e5,#faf8f4)}
.ai-assistant-head strong{display:block;font-size:1rem}.ai-assistant-head small{display:block;color:#686868;margin-top:2px}.ai-assistant-head button{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#333}.ai-assistant-body{padding:16px 18px 18px}.ai-assistant-body p{margin-top:0}.ai-assistant-body label{display:block;font-size:.8rem;font-weight:700;margin:12px 0 6px}.ai-assistant-body textarea{width:100%;box-sizing:border-box;border:1px solid #c9c9c9;border-radius:12px;padding:10px;background:#fff;color:#111;resize:vertical}.ai-assistant-chips{display:flex;flex-wrap:wrap;gap:7px}.ai-assistant-chips button{border:1px solid #c7c7c7;background:#f5f5f5;color:#222;border-radius:999px;padding:7px 9px;font-size:.76rem;cursor:pointer}.ai-assistant-primary,.ai-assistant-contact{width:100%;border:0;border-radius:12px;padding:11px 12px;margin-top:9px;cursor:pointer;font-weight:700}.ai-assistant-primary{background:#1d1d1d;color:#fff}.ai-assistant-contact{background:linear-gradient(135deg,#eee,#cfcfcf,#f8f8f8);color:#111;border:1px solid #bbb}.ai-assistant-result{margin-top:10px;padding:11px;border-radius:12px;background:#fff;border:1px solid #ddd;line-height:1.45;font-size:.9rem}.ai-assistant-privacy{display:block;margin-top:10px;color:#6c6c6c;line-height:1.35}@media(max-width:600px){.ai-assistant-launch{right:14px;bottom:14px}.ai-assistant-panel{right:14px;bottom:68px}}


/* ODTWORZENIE JULII — widoczna ikona, 21.08.2026 */
.ai-assistant-launch{display:flex!important;align-items:center;gap:10px;min-width:176px;padding:9px 14px 9px 9px!important;background:rgba(24,24,24,.97)!important;color:#f7f1e8!important;border:1px solid rgba(202,161,103,.72)!important;box-shadow:0 12px 34px rgba(0,0,0,.28)!important}
.julia-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex:0 0 42px;background:linear-gradient(145deg,#f3dfbf,#b9894d);color:#181818;font-family:Georgia,serif;font-size:24px;font-weight:700;border:1px solid rgba(255,255,255,.65);box-shadow:0 0 0 4px rgba(210,169,111,.12)}
.julia-launch-text{display:flex;flex-direction:column;text-align:left;line-height:1.05}.julia-launch-text b{font-family:Georgia,serif;letter-spacing:.12em;font-size:14px}.julia-launch-text small{margin-top:5px;font-size:10px;font-weight:500;opacity:.82;white-space:nowrap}
.ai-assistant-panel{border-color:rgba(187,142,83,.5)!important}.ai-assistant-head{background:linear-gradient(110deg,#171717,#27231e)!important;color:#f5e7d1!important}.ai-assistant-head small{color:#d8bd94!important}
@media(max-width:600px){.ai-assistant-launch{min-width:auto}.julia-launch-text small{display:none}}

/* JULIA PORTRET - wersja testowa 21.08.2026 */
.ai-assistant-launch{background:linear-gradient(135deg,#fbfbfa,#e4e5e6 52%,#f7f7f5)!important;color:#222!important;border:1px solid rgba(150,150,150,.5)!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}
.julia-photo{overflow:hidden;padding:0!important;background:#e8e8e6!important;border:1px solid rgba(150,150,150,.55)!important}
.julia-photo img{width:100%;height:100%;object-fit:cover;object-position:66% 30%;transform:scale(2.45);display:block}
.ai-assistant-panel{background:rgba(247,247,245,.985)!important;border-color:rgba(160,160,160,.5)!important}
.ai-assistant-head{background:linear-gradient(110deg,#fbfbfa,#dedfe0,#f7f7f5)!important;color:#202020!important;border-bottom:1px solid rgba(150,150,150,.3)!important}
.ai-assistant-head small{color:#666!important}
.julia-head-id{display:flex;align-items:center;gap:11px}.julia-head-id>img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:66% 30%;transform:none;border:1px solid rgba(140,140,140,.5);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.ai-assistant-primary{background:linear-gradient(135deg,#f5f5f4,#cfd1d2,#fafafa)!important;color:#1d1d1d!important;border:1px solid #aaa!important}
/* JULIA PORTRET TEST 3 — poprawiony kadr twarzy */
.julia-dot{width:54px!important;height:54px!important;flex-basis:54px!important}
.julia-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 28%!important;transform:none!important;display:block!important}
.julia-head-id>img{width:64px!important;height:64px!important;object-fit:cover!important;object-position:center 28%!important}
.ai-assistant-launch{min-width:205px!important;padding:8px 16px 8px 8px!important}


/* DARMOWY PROJEKT NA START — zatwierdzony komunikat 21.08.2026 */
.start-project-launch{position:fixed;right:28px;bottom:92px;z-index:9996;border:1px solid rgba(150,150,150,.62);border-radius:999px;padding:13px 19px;background:linear-gradient(135deg,#fbfbfa,#d7d9da 48%,#f8f8f6);color:#202020;font-weight:800;letter-spacing:.055em;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.16);cursor:pointer}
.start-project-launch:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.start-project-modal[hidden]{display:none!important}.start-project-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:22px;background:rgba(18,18,18,.36);backdrop-filter:blur(7px)}
.start-project-card{position:relative;width:min(680px,94vw);padding:40px 42px 34px;border-radius:26px;background:linear-gradient(145deg,#fff,#e6e7e7 50%,#faf9f6);border:1px solid rgba(155,155,155,.6);box-shadow:0 28px 80px rgba(0,0,0,.28);color:#242424}
.start-project-card:before{content:'';position:absolute;inset:9px;border:1px solid rgba(255,255,255,.75);border-radius:19px;pointer-events:none}
.start-project-kicker{display:block;margin-bottom:14px;font-size:11px;font-weight:800;letter-spacing:.17em;color:#777}.start-project-card h2{margin:0 0 20px;font-family:Georgia,serif;font-size:clamp(27px,4vw,42px);line-height:1.05;font-weight:500;color:#1f1f1f}.start-project-card p{font-size:15px;line-height:1.7;color:#484848}.start-project-final{margin-top:20px;color:#242424!important}.start-project-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#444;font-size:29px;cursor:pointer}.start-project-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.start-project-actions button,.start-project-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid #aaa;background:linear-gradient(135deg,#f7f7f5,#cfd1d2,#fafafa);color:#1e1e1e;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}.start-project-actions a{background:#f7f7f5}.start-project-open{overflow:hidden}
@media(max-width:600px){.start-project-launch{right:14px;bottom:88px;font-size:10px;padding:11px 14px}.start-project-card{padding:34px 24px 26px}.start-project-actions>*{width:100%}}

/* === BIURO JULII — warstwa Julii, 15.09.2026 === */
.julia-office{position:relative;overflow:hidden;padding:108px 7vw 116px;background:linear-gradient(135deg,#fbfaf7 0%,#f1ece4 48%,#f8f7f3 100%);color:#1f1f1e}
.julia-office:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 34%,rgba(255,255,255,.96),transparent 30%),radial-gradient(circle at 78% 20%,rgba(214,218,220,.34),transparent 28%);pointer-events:none}
.julia-office-light{position:absolute;width:46vw;height:46vw;right:-17vw;bottom:-30vw;border:1px solid rgba(143,148,151,.16);border-radius:50%;box-shadow:0 0 90px rgba(255,255,255,.8),inset 0 0 70px rgba(190,194,196,.10)}
.julia-office-shell{position:relative;z-index:1;max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(56px,7vw,112px);align-items:center}
.julia-office-portrait{position:relative;min-height:560px;display:grid;place-items:center;border-radius:42% 42% 34% 34%;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(223,220,213,.34));border:1px solid rgba(148,148,143,.20);box-shadow:0 32px 70px rgba(57,52,46,.10),inset 0 1px 0 #fff}
.julia-office-portrait:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.78);border-radius:inherit;pointer-events:none}
.julia-office-portrait>img{position:relative;z-index:2;width:min(78%,410px);aspect-ratio:1/1;object-fit:cover;object-position:center 28%;border-radius:50%;border:8px solid rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(132,135,136,.28),0 22px 50px rgba(61,55,49,.14),0 0 50px rgba(255,255,255,.9)}
.julia-office-orbit{position:absolute;z-index:1;width:82%;aspect-ratio:1;border:1px solid rgba(128,133,136,.26);border-radius:50%;transform:rotate(-18deg)}
.julia-office-orbit:before,.julia-office-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.9);border-radius:50%;transform:rotate(55deg)}
.julia-office-orbit:after{inset:24%;border-color:rgba(132,136,138,.16);transform:rotate(110deg)}
.julia-office-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:#d8d9d8;box-shadow:0 0 18px #fff}.julia-office-orbit span:nth-child(1){top:10%;left:23%}.julia-office-orbit span:nth-child(2){right:4%;top:48%}.julia-office-orbit span:nth-child(3){left:18%;bottom:8%}
.julia-office-id{position:absolute;z-index:3;left:36px;bottom:30px;padding:15px 20px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid rgba(150,150,145,.20);backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(55,50,45,.08)}
.julia-office-id strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:.14em}.julia-office-id span{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;color:#6b6b68;text-transform:uppercase}
.julia-office-kicker{display:block;margin-bottom:24px;font-size:11px;font-weight:800;letter-spacing:.2em;color:#767a7d}.julia-office-copy h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5vw,78px);line-height:.98;font-weight:500;letter-spacing:-.035em}.julia-office-lead{max-width:760px;margin:26px 0 12px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.2vw,34px);line-height:1.3;color:#363533}.julia-office-note{max-width:720px;margin:0 0 34px;font-size:16px;line-height:1.7;color:#66635f}
.julia-office-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.julia-office-paths button{min-height:78px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:0 20px;border:1px solid rgba(130,132,131,.24);border-radius:18px;background:rgba(255,255,255,.64);color:#222;text-align:left;font:600 14px/1.25 Manrope,Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.95);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.julia-office-paths button span{font-size:10px;letter-spacing:.12em;color:#9a9b99}.julia-office-paths button b{font-size:19px;font-weight:400;color:#777}.julia-office-paths button:hover,.julia-office-paths button:focus-visible{transform:translateY(-3px);border-color:rgba(116,120,122,.42);background:rgba(255,255,255,.9);box-shadow:0 16px 30px rgba(55,50,45,.10)}
.julia-office-footer{margin-top:28px;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.04em;color:#62615e}.julia-office-footer i{width:9px;height:9px;border-radius:50%;background:#62ad62;box-shadow:0 0 0 4px rgba(98,173,98,.10)}.julia-office-footer button{margin-left:auto;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(126,129,130,.35);background:linear-gradient(145deg,#fff,#dadcdd 52%,#fafafa);color:#242424;font-size:10px;font-weight:800;letter-spacing:.11em;cursor:pointer;box-shadow:0 10px 22px rgba(52,48,43,.08)}
@media(max-width:900px){.julia-office{padding:82px 22px 88px}.julia-office-shell{grid-template-columns:1fr;gap:48px}.julia-office-portrait{min-height:440px;max-width:560px;width:100%;margin:auto}.julia-office-portrait>img{width:min(68%,330px)}.julia-office-paths{grid-template-columns:1fr}.julia-office-footer{align-items:flex-start;flex-wrap:wrap}.julia-office-footer button{margin-left:0;width:100%;margin-top:10px}}
@media(max-width:560px){.julia-office{padding-left:16px;padding-right:16px}.julia-office-portrait{min-height:350px;border-radius:32px}.julia-office-portrait>img{width:70%;border-width:5px}.julia-office-id{left:18px;bottom:18px}.julia-office-copy h2{font-size:44px}.julia-office-lead{font-size:24px}.julia-office-paths button{min-height:72px;padding:0 15px}}

/* === KULA — restyle perłowo-srebrny wg kierunku Julii, 15.09.2026 ===
   Zachowana pełna interaktywność (przeciąganie kursorem/tap, JS bez zmian) i poprawny tekst "AI".
   Nie używamy jej gotowej grafiki (literówka "IA" do poprawy po jej stronie) — odtwarzamy styl w kodzie. */
.wire-orb{
  background:radial-gradient(circle at 32% 26%,#ffffff 0%,#f6f3ec 32%,#e4ddcf 60%,#cdc4b0 100%)!important;
  box-shadow:
    0 45px 100px rgba(80,68,45,.16),
    0 0 60px rgba(255,238,195,.35),
    inset 0 0 45px rgba(255,255,255,.9),
    inset 0 -18px 40px rgba(150,135,105,.14)!important;
}
.wire-orb:before,.wire-orb:after{
  border-color:rgba(196,170,115,.38)!important;
  box-shadow:0 0 18px rgba(255,238,195,.25)!important;
}
.wire-orb span{
  background:radial-gradient(circle at 32% 28%,#fff 0%,#e9e4d8 45%,#b7ac93 100%)!important;
  box-shadow:0 2px 10px rgba(70,60,35,.35),0 0 14px rgba(255,238,195,.55)!important;
}
.wire-core{
  color:#fdfcf9!important;
  text-shadow:0 1px 0 #fff,0 -1px 1px rgba(150,130,90,.4),0 6px 18px rgba(90,75,45,.45)!important;
}
.orbit-label{color:#8a7d5e!important}

/* Akademia AI — Julia przysłała osobny, chłodniejszy srebrno-chromowy wariant kuli dla tej sekcji
   (Perspektywa zostaje ciepła perłowo-złota, Akademia dostaje chłodne srebro/chrom). Nadal kod, nie plik. */
#akademia .wire-orb{
  background:radial-gradient(circle at 30% 24%,#ffffff 0%,#e7e9ea 30%,#b9bdc0 58%,#8b9093 100%)!important;
  box-shadow:
    0 45px 100px rgba(30,32,34,.20),
    0 0 55px rgba(210,215,218,.55),
    inset 0 0 45px rgba(255,255,255,.85),
    inset 0 -18px 40px rgba(70,74,77,.20)!important;
}
#akademia .wire-orb:before,#akademia .wire-orb:after{
  border-color:rgba(150,156,160,.45)!important;
  box-shadow:0 0 18px rgba(210,215,218,.4)!important;
}
#akademia .wire-orb span{
  background:radial-gradient(circle at 32% 28%,#fff 0%,#d7d9da 45%,#8d9296 100%)!important;
  box-shadow:0 2px 10px rgba(30,32,34,.4),0 0 14px rgba(210,215,218,.6)!important;
}
#akademia .wire-core{
  text-shadow:0 1px 0 #fff,0 -1px 1px rgba(120,124,127,.4),0 6px 18px rgba(40,42,44,.4)!important;
}
#akademia .orbit-label{color:#6c7276!important}


/* Ebook Atlas Narzędzi AI — prawdziwa, zatwierdzona okładka zamiast szarego placeholdera "AI".
   Tymczasowy przycisk zakupu (KUP PEŁNĄ WERSJĘ) do czasu decyzji o platformie płatności. */
.academy-product-premiere .ebook-real-cover{
  width:100% !important;
  display:block !important;
  min-height:0 !important;
  margin:18px 0 12px !important;
  border-radius:6px !important;
  object-fit:cover !important;
  object-position:top center !important;
  aspect-ratio:4/5 !important;
  border:1px solid rgba(70,74,77,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 10px 28px rgba(0,0,0,.14) !important;
}
.academy-product-premiere .buy-full-link{
  color:#0a6b3c !important;
  font-weight:700 !important;
}