@font-face{font-family:Manrope;src:url('./fonts/manrope-var-latin.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF}
:root{--ink:#172b34;--muted:#59676b;--paper:#faf9f5;--line:#deded5;--dark:#172b34;--orange:#c54725}
body{background:var(--paper)}
.shell{width:min(1160px,calc(100% - 64px))}
header{padding:27px 0;border-bottom:1px solid var(--line)}
.brand{font-size:19px;letter-spacing:-.7px}.brand i{width:26px;height:26px;background:var(--orange);border-radius:7px;box-shadow:none;position:relative}.brand i:after{content:'↗';position:absolute;color:#fff;font-style:normal;left:5px;top:-2px;font-size:24px}
.brand-sub{font-weight:400;color:var(--muted)}.header-note{font-family:Manrope,system-ui,sans-serif;text-transform:none;letter-spacing:0;font-size:13px}
main{display:block;padding:0 0 58px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:70px 0 58px}
.eyebrow{font-family:Manrope,system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--orange);margin-bottom:23px;display:flex;gap:9px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange)}
h1{font-size:clamp(45px,5.1vw,66px);line-height:1.07;letter-spacing:-.055em;font-weight:800}h1 em{font-style:normal;color:var(--orange)}
.lead{font-size:17px;line-height:1.7;margin:23px 0 24px;color:var(--muted);max-width:490px}
.frequency{font-size:12px;font-weight:800;margin:0 0 12px;display:flex;gap:15px;align-items:center}.frequency span{color:var(--muted);font-weight:500}
.signup-row{display:flex;gap:8px}input[type=email]{min-width:0;border-radius:7px;padding:15px;font-size:14px}.btn{border-radius:7px;font-size:14px;padding:15px 19px}.btn-primary{background:var(--orange);white-space:nowrap;min-width:145px}.field-label{font-size:12px!important;margin:0 0 7px!important}.consent{font-size:11px;line-height:1.6;margin-top:12px}.consent input{accent-color:var(--orange);flex-shrink:0;width:15px;height:15px}.error{margin:7px 0 0;min-height:18px}.signup-note{font-size:11px;color:var(--muted);margin:0}
.visual{position:relative;background:#eceee7;border:1px solid #e0e3d9;border-radius:16px;padding:24px;overflow:hidden;min-height:470px;background-image:radial-gradient(#c7cec0 .8px,transparent .8px);background-size:18px 18px}
.visual-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#5c6c60;margin-bottom:24px}.visual-top span:last-child{background:#fafbf7;padding:5px 8px;border:1px solid #d4dbcd;border-radius:4px;font-size:9px}
.workflow{position:relative;background:#fff;border:1px solid #dbe0d5;box-shadow:0 6px 15px #263a2510;border-radius:9px;padding:18px 20px;max-width:330px;margin:auto}.workflow .step-no{font-size:10px;font-weight:800;color:#68766b;margin-bottom:10px;display:block;letter-spacing:.08em}.workflow strong{font-size:16px;letter-spacing:-.4px}.workflow p{font-size:12px;line-height:1.65;color:#627067;margin:5px 0 0}.connector{height:27px;width:1px;background:#aebba7;margin:auto;position:relative}.connector:after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:1px solid #8d9c86;border-bottom:1px solid #8d9c86;transform:rotate(45deg)}
.workflow.ai{background:var(--dark);border-color:var(--dark);color:#fff;transform:rotate(-2deg)}.workflow.ai .step-no{color:#b7c9c4}.workflow.ai p{color:#d2ded7}.workflow.output{margin-left:40px}.output .step-no{color:var(--orange)}.output-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.output-tags span{font-size:9px;background:#f1f4eb;padding:5px 7px;border-radius:4px;color:#455744}.visual-foot{display:flex;align-items:center;gap:8px;font-size:10px;color:#566850;margin:19px 0 0;justify-content:center}.visual-foot:before{content:'✓';display:grid;place-items:center;border:1px solid #84977b;border-radius:50%;width:15px;height:15px}
.audience{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.audience p{font-size:12px;color:var(--muted);margin:0}.audience ul{display:flex;gap:24px;list-style:none;padding:0;margin:0;font-size:12px;font-weight:700}.audience li:before{content:'↗';margin-right:7px;color:var(--orange)}
.inside{padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.section-heading h2{font-size:29px;letter-spacing:-1px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.topic{border-top:2px solid var(--ink);padding-top:17px}.topic-number{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.08em}.topic h3{font-size:17px;margin:14px 0 9px;letter-spacing:-.5px}.topic p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.topic .example{margin-top:17px;padding-top:13px;border-top:1px solid var(--line);font-size:11px;line-height:1.65}.example b{display:block;font-size:9px;letter-spacing:.08em;color:var(--orange);margin-bottom:5px}.delivery{margin-top:35px;padding:21px 24px;background:#f0efe8;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px}.delivery p{font-size:13px;line-height:1.7;margin:0}.delivery a{color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap;text-underline-offset:4px}
footer{padding:22px 0 26px;font-size:11px}footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:19px;align-items:center}footer a,footer button{color:var(--muted);font:inherit;text-decoration:underline;text-underline-offset:3px}footer button{padding:0;background:none;border:0;cursor:pointer}
.quiz{max-width:620px;margin:50px auto;background:#fff;border-radius:16px;box-shadow:0 16px 60px #172b3410}.quiz .panel{min-height:0;padding:30px}.quiz-top{padding:18px 30px}.quiz-top span{font-family:Manrope,system-ui,sans-serif;font-size:10px}.progress i{background:var(--orange)}.result-badge{background:#f7e6df;color:#963319}.quiz .nav{position:static;background:none;margin-top:8px}.answer.selected{background:#fff1e9;border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.answer:hover{border-color:var(--orange)}.step.active h2:focus{outline:none}.skip{display:block;text-align:center;padding:0 0 24px;font-size:12px;color:var(--muted);border:0;background:none;cursor:pointer;width:100%;text-decoration:underline}
[hidden]{display:none!important}.signed-up .landing{display:none}.signed-up .quiz{display:block!important}
:focus-visible{outline:3px solid #c54725;outline-offset:4px}button:focus-visible,input:focus-visible{outline:3px solid #c54725;outline-offset:3px}.hp{visibility:hidden}
.cookie-banner{position:fixed;bottom:16px;left:16px;z-index:20;width:min(410px,calc(100% - 32px));padding:19px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 35px #172b3420}.cookie-banner h2{font-size:16px;margin:0 0 7px}.cookie-banner p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 14px}.cookie-actions{display:flex;gap:8px}.cookie-actions button{flex:1;border:1px solid var(--ink);border-radius:5px;padding:10px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.cookie-actions button:last-child{background:var(--ink);color:#fff}
@media(max-width:950px){.hero{gap:30px;padding-top:46px}h1{font-size:50px}.visual{padding:18px}.audience{align-items:flex-start;flex-direction:column;gap:12px}.audience ul{flex-wrap:wrap;gap:12px 24px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}header{padding:20px 0}.header-note{display:block;font-size:10px}.hero{grid-template-columns:1fr;gap:32px;padding:35px 0}h1{font-size:clamp(40px,9vw,58px);max-width:560px}.lead{font-size:16px;margin:20px 0}.visual{max-width:500px;width:100%;margin:auto;min-height:0;padding:21px}.visual-top{margin-bottom:18px}.workflow.output{margin-left:auto}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading p{margin-top:12px;line-height:1.6}.topics{grid-template-columns:1fr;gap:26px}.topic h3{margin-top:9px}.topic .example{margin-top:10px}.delivery{align-items:flex-start;flex-direction:column;gap:12px}.inside{padding-top:32px}main{padding-bottom:35px}.quiz{margin:30px auto}.quiz .panel{padding:24px 20px}.quiz-top{padding:18px 20px}.audience ul{font-size:11px}}
@media(max-width:380px){.signup-row{flex-direction:column}.header-note{max-width:110px;text-align:right}.cookie-actions{flex-direction:column}}
/* Telefony maja zwykle 360-430px. Ponizej tej szerokosci pole i przycisk ida jeden pod drugim,
   inaczej "Dolaczam do listy" nie miesci sie w przycisku i tekst jest ucinany. */
@media(max-width:560px){
  .signup-row,.hero .signup-row{flex-direction:column}
  .signup-row .btn-primary,.hero .signup-row .btn-primary{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Product photography with three rotating, accessible commerce scenarios. */
/* Legacy carousel styles retained for the archived first illustration. */
.commerce-demo{border:1px solid #d9ddd5;border-radius:15px;overflow:hidden;background:#e9eadf;box-shadow:0 18px 55px #172b3410;min-width:0}
.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;background:#172b34;color:#e2ece6}.demo-top>span{display:flex;gap:8px;align-items:center;font-size:9px;font-weight:800;letter-spacing:.1em}.demo-top i{width:6px;height:6px;border-radius:50%;background:#cfe49d}.demo-top button{width:28px;height:28px;padding:0;border:1px solid #677770;border-radius:5px;background:transparent;color:#fff;font-size:15px;cursor:pointer}
.demo-stage{height:500px;position:relative;isolation:isolate;overflow:hidden}.product-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-1}.demo-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#172b3400 40%,#172b3429)}
.product-label{position:absolute;left:20px;top:22px;font-size:8px;line-height:1.8;letter-spacing:.1em;color:#394439}.product-label strong{font-size:14px;letter-spacing:-.3px}
.demo-scene{position:absolute;left:20px;right:20px;bottom:20px;animation:scene-enter .55s ease both}.task-card{padding:21px 23px 0;background:#fffef9f5;border:1px solid #ffffff;border-radius:10px;box-shadow:0 12px 40px #14232124;backdrop-filter:blur(12px)}.task-eyebrow{font-size:9px;letter-spacing:.1em;color:var(--orange);font-weight:800}.task-card h2{font-size:25px;line-height:1.14;letter-spacing:-.9px;margin:10px 0}.task-card>p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 14px;max-width:280px}.task-status{border-top:1px solid #dbe0d6;padding:12px 0;margin-top:15px;font-size:10px;display:flex;align-items:center;gap:7px;color:#426044}.task-status i{font-style:normal;background:#e9eedf;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}
.creative-variants{display:flex;gap:9px}.creative-variants>div{height:72px;flex:1;position:relative;overflow:hidden;border-radius:5px;background:#ebe6d9}.creative-variants img{height:100%;width:100%;object-fit:cover;object-position:center 47%}.creative-variants>div:nth-child(2) img{transform:scale(1.65);object-position:65% 60%}.creative-variants>div:nth-child(3) img{transform:scale(1.25);filter:saturate(.55)}.creative-variants span{position:absolute;bottom:0;left:0;padding:4px 7px;background:#172b34d9;color:#fff;font-size:8px}
.price-rows{display:grid;gap:7px;font-size:10px}.price-rows>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #e5e6dd;padding-bottom:7px}.price-rows b{font-weight:600;color:#a64823}.price-rows .neutral{color:#627067}.product-checks{display:grid;gap:8px;font-size:11px;color:#3f5a46;padding:2px 0 4px}
.demo-controls{display:grid;grid-template-columns:1fr 1fr .85fr;background:#fffef8;gap:0}.demo-controls button{background:transparent;border:0;border-top:3px solid transparent;padding:14px 6px;color:#6b786d;font-size:9px;cursor:pointer;white-space:nowrap}.demo-controls button span{margin-left:4px}.demo-controls button[aria-pressed=true]{border-top-color:var(--orange);color:var(--orange);font-weight:800;background:#fff6ed}.demo-controls button:focus-visible{outline-offset:-4px}
.reader-invite{display:flex;gap:19px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.reader-symbol{font-size:30px;display:grid;place-items:center;border-radius:50%;width:52px;height:52px;background:#eeeade;color:var(--orange);flex-shrink:0}.reader-invite p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.reader-invite strong{font-size:15px;color:var(--ink);font-weight:700}
.signal-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#172b34;color:#f6f5ee;border-radius:13px;padding:48px;margin-top:45px;position:relative;overflow:hidden}.signal-section:after{content:'↗';position:absolute;bottom:-55px;left:27%;font-size:250px;line-height:1;color:#cfe0ce08;pointer-events:none}.signal-section .eyebrow{color:#e4b296;font-size:9px;margin-bottom:21px}.signal-section .eyebrow:before{background:#e4b296}.signal-section h2{font-size:36px;line-height:1.16;letter-spacing:-1.3px;margin:0}.signal-copy>p{font-size:14px;line-height:1.85;color:#c8d1cb;margin:0 0 20px}.signal-copy strong{color:#fff2e3;font-weight:700}.signal-promise{display:flex;gap:15px;border-top:1px solid #41514f;padding-top:20px}.signal-promise>span{font-size:28px;color:#e8b08e}.signal-promise p{margin:0;color:#f2eee3;font-size:13px;line-height:1.8}.signal-author{display:flex;gap:11px;align-items:center;margin-top:30px}.signal-author>span{width:35px;height:35px;border:1px solid #6d7c76;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#e9b698}.signal-author p{font-size:10px;color:#b5c1ba;margin:0;line-height:1.8}.signal-author strong{display:block;font-size:12px;color:#fff5e5}.inside{padding-top:49px}.section-heading h2{font-size:28px}.topic h3{line-height:1.4}
@keyframes scene-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px) and (min-width:721px){.hero{grid-template-columns:1fr 1fr;gap:27px}h1{font-size:46px}.demo-stage{height:510px}.task-card{padding:17px 16px 0}.demo-scene{left:12px;right:12px}.task-card h2{font-size:24px}.demo-top{padding:12px}.demo-top>span{font-size:8px}.demo-controls button{font-size:8px}.signal-section{gap:35px;padding:35px}.signal-section h2{font-size:31px}.section-heading{align-items:flex-start}.section-heading p{max-width:200px;line-height:1.6}}
@media(max-width:720px){.commerce-demo{width:100%;max-width:500px;margin:auto}.demo-stage{height:475px}.demo-scene{left:16px;right:16px;bottom:16px}.task-card{padding:20px 20px 0}.reader-invite{gap:13px;padding:23px 0}.reader-symbol{width:39px;height:39px;font-size:25px}.reader-invite strong{font-size:14px}.reader-invite p{font-size:11px}.signal-section{grid-template-columns:1fr;padding:29px 25px;gap:25px;margin-top:30px}.signal-section h2{font-size:32px}.signal-copy>p{font-size:14px}.signal-author{margin-top:22px}.section-heading h2{font-size:27px}.inside{padding-top:35px}}
@media(max-width:380px){.demo-top>span{font-size:8px;letter-spacing:.04em}.demo-top{padding:10px}.demo-controls button{font-size:8px}.demo-controls button span{margin-left:2px}.task-card h2{font-size:23px}.task-card{padding:17px 15px 0}.demo-stage{height:465px}.signal-section{padding:26px 21px}.signal-section h2{font-size:29px}}

@font-face{font-family:'Commerce Dispatch';src:url('commerce-dispatch.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.newsletter-preview{margin:0;padding:0 9px 0 5px;min-width:0;position:relative}.mail-context{display:flex;gap:9px;align-items:center;margin:0 0 16px;font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:700}.mail-context>span:first-child{font-size:17px;color:var(--orange)}.mail-context>span:last-child{margin-left:auto;font-size:8px;color:#697669}
.newsletter-sheet{position:relative;background:#fffdf7;border:1px solid #dcdacf;padding:23px 25px 0;box-shadow:0 16px 45px #172b3410,5px 5px 0 #f0ede3,6px 6px 0 #dcdacf,10px 10px 0 #f7f5ed,11px 11px 0 #e4e0d5;transform:rotate(1deg)}.issue-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;font-weight:700;color:#697365;padding-bottom:12px;border-bottom:1px solid var(--ink)}.issue-masthead{font-family:'Commerce Dispatch',Manrope,sans-serif;font-size:clamp(25px,2.85vw,40px);line-height:1.4;letter-spacing:-.055em;text-align:center;white-space:nowrap;margin:12px 0 0;color:var(--ink)}.issue-tagline{text-align:center;font-size:9px;color:var(--muted);margin:3px 0 18px;letter-spacing:.015em}.editorial-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #e5ddcd}.issue-content{padding:19px 0 0}.issue-kicker{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--orange)}.issue-content h2{font-size:28px;line-height:1.18;letter-spacing:-1px;margin:10px 0 16px}.issue-content ul{margin:0;padding:0;list-style:none}.issue-content li{display:flex;align-items:baseline;gap:10px;font-size:10px;line-height:1.5;border-top:1px solid #e4e0d5;padding:10px 0;color:#45524c}.issue-content li>span:first-child{font-size:8px;color:var(--orange);font-weight:700}.issue-content li>span:last-child{margin-left:auto;color:var(--orange);font-size:12px}.issue-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;border-top:1px solid var(--ink);padding:12px 0;color:var(--muted);font-size:7px;letter-spacing:.12em}.issue-footer>span:last-child{font-size:18px;color:var(--orange)}.newsletter-preview figcaption{font-size:10px;color:var(--muted);text-align:center;margin-top:25px}.hero{align-items:center;padding-top:48px;padding-bottom:42px}
@media(max-width:1050px) and (min-width:721px){.newsletter-sheet{padding:18px 17px 0}.issue-masthead{font-size:26px}.issue-content h2{font-size:25px}.issue-content li{font-size:9px;gap:7px}.mail-context{font-size:8px;letter-spacing:.02em}.mail-context>span:last-child{font-size:7px}}
@media(max-width:720px){.newsletter-preview{max-width:470px;width:100%;margin:4px auto 0;padding:0 12px 0 4px}.newsletter-sheet{padding:20px 20px 0}.issue-masthead{font-size:clamp(25px,7.6vw,38px)}.issue-content h2{font-size:27px}.hero{padding-top:35px}.issue-content li{font-size:10px}.mail-context{font-size:8px}}
@media(max-width:380px){.newsletter-sheet{padding:17px 15px 0}.issue-masthead{font-size:24px}.issue-content h2{font-size:25px}.issue-content li{font-size:9px}.issue-tagline{font-size:8px}.mail-context{font-size:7px;gap:6px}.mail-context>span:last-child{font-size:7px}}

/* Typography-led hero, with a single clear signup action. */
.hero{display:block;text-align:center;padding:66px 0 55px}
.hero>div{max-width:940px;margin:0 auto}
.hero .eyebrow{justify-content:center;margin-bottom:25px}
.hero h1{max-width:none;font-size:clamp(48px,6.4vw,82px);line-height:1.05;letter-spacing:-.055em;margin:0 auto}
.hero .lead{max-width:610px;font-size:17px;line-height:1.75;margin:26px auto 25px}
.hero form{max-width:540px;margin:0 auto;text-align:left}
.hero .field-label{font-size:12px!important}
.hero .signup-row{gap:9px}
.hero .signup-row input{background:#fff;padding:17px 16px}
.hero .btn-primary{padding:17px 25px;min-width:160px}
.hero .consent{margin-top:13px;font-size:11px}
.hero .signup-note{text-align:center;font-size:11px}
.reader-invite{justify-content:center;text-align:left;padding:23px 0}
@media(max-width:720px){.hero{padding:43px 0 36px}.hero h1{font-size:clamp(37px,7.9vw,56px)}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero .lead{font-size:15px;line-height:1.75;max-width:500px;margin:23px auto}.hero .btn-primary{min-width:140px;padding:16px 18px}.hero .signup-row input{padding:16px 13px}.reader-invite{justify-content:flex-start}}
@media(max-width:380px){.hero h1{font-size:35px}.hero .lead{font-size:14px}.hero .signup-row{flex-direction:column}.hero .btn-primary{width:100%}.hero .consent{font-size:10px}}