
/* PRONTOPACKS POP / A bold storefront without external fonts */
:root{--bg:#f5f2e8;--paper:#fffef7;--ink:#17151f;--muted:#625d69;--line:#17151f;--accent:#ffe04b;--blue:#4547f4;--orange:#ff7455;--lime:#d9ff87;--shadow:8px 8px 0 #17151f}
html{scroll-behavior:smooth}body{background:#f6f1e6;background-image:radial-gradient(#20202a10 .8px,transparent .8px);background-size:14px 14px;color:#17151f}
.shell{max-width:1320px;padding:22px 28px 28px}
.top{background:#17151f;color:#fff;border:3px solid #17151f;border-radius:16px;padding:15px 22px;box-shadow:5px 5px 0 #ff7455;margin-bottom:24px}
.brand{color:#fff;font-size:clamp(23px,3vw,31px);font-weight:1000;letter-spacing:-.065em}
.brand:before{content:'✳';color:#17151f;background:#ffe04b;border:2px solid #17151f;box-shadow:3px 3px 0 #ff7455;transform:rotate(-12deg);width:41px;height:41px;border-radius:12px;margin-right:13px;font-size:30px}
.badge{background:#d7ff84;color:#17151f;border:2px solid #17151f;box-shadow:3px 3px 0 #ff7455;border-radius:9px;font-size:10px;font-weight:950;padding:9px 12px;letter-spacing:.05em}
.button,button{background:#17151f;border:2px solid #17151f;border-radius:11px;min-height:47px;font-weight:900;box-shadow:4px 4px 0 #ff7455;letter-spacing:-.02em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.button:hover,button:hover{background:#302d3a;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #ff7455}
.button:active,button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #ff7455}
.button:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ff7455;outline-offset:4px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#4547ef;color:#fff;border:4px solid #17151f;border-radius:26px;box-shadow:11px 11px 0 #17151f;padding:58px 50px;margin:18px 11px 42px 0;gap:35px;min-height:520px}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 98% 1%,#ffe04b 0 12%,transparent 12.2%),radial-gradient(circle at -7% 100%,#ff7455 0 17%,transparent 17.2%),repeating-linear-gradient(135deg,transparent 0 38px,#ffffff0b 38px 39px);pointer-events:none}
.hero h1{font-weight:1000;letter-spacing:-.075em;line-height:.94;font-size:clamp(55px,6.7vw,93px);color:#fff}
.hero h1 em{font-family:inherit;font-style:italic;font-weight:1000;color:#ffe04b;text-shadow:3px 4px 0 #17151f}
.hero .eyebrow{display:inline-block;max-width:max-content;font-size:10px;letter-spacing:.08em;background:#ffe04b;color:#17151f;border:2px solid #17151f;padding:10px 12px;border-radius:8px;box-shadow:3px 3px 0 #ff7455;margin-bottom:25px;font-weight:950}
.hero p{color:#f1eeff;font-weight:600;max-width:520px;font-size:clamp(15px,1.5vw,19px);line-height:1.45;margin-top:21px}
.heroActions{align-items:center;gap:18px;margin:26px 0}
.heroActions .button,.adFinal .button{background:#ffe04b;color:#17151f;border:2px solid #17151f;box-shadow:5px 5px 0 #17151f;font-weight:1000;padding:15px 22px;font-size:15px}
.heroActions .button:hover,.adFinal .button:hover{background:#d9ff87;box-shadow:7px 7px 0 #17151f}
.heroActions .textLink{color:#fff;font-size:14px;text-decoration-thickness:2px;text-underline-offset:5px;font-weight:800}
.hero .micro{color:#fff;font-size:12px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hero>.showcase{position:relative;background:#ff8d68;border:4px solid #17151f;box-shadow:10px 11px 0 #17151f;border-radius:20px;transform:rotate(4deg);min-height:390px;overflow:visible}
.hero>.showcase:after{content:'01 / 06';position:absolute;right:-17px;top:-21px;display:grid;place-items:center;width:81px;height:81px;border:3px solid #17151f;border-radius:50%;background:#d9ff87;color:#17151f;box-shadow:4px 4px 0 #17151f;font-size:17px;font-weight:1000;transform:rotate(8deg)}
.hero .paperMock{transform:rotate(-8deg) scale(1.04);box-shadow:11px 13px 0 #17151f43}
.hero .sampleLabel{font-size:8px;font-weight:950;color:#17151f}
.sectionHead{margin:25px 0 25px;padding-top:15px}
.sectionHead .eyebrow{display:inline-block;background:#ff7455;color:#17151f;padding:8px 12px;border:2px solid #17151f;border-radius:7px;font-size:11px;margin-bottom:11px}
.sectionHead h2{font-weight:1000;font-size:clamp(37px,4.8vw,61px);letter-spacing:-.065em;line-height:1;color:#17151f}
.sectionHead h2 em{font-family:inherit;font-style:italic;color:#4547ef;text-decoration:underline;text-decoration-color:#ff7455;text-decoration-thickness:5px;text-underline-offset:5px}
.sectionHead p{font-size:14px;color:#625d69;font-weight:800}
.grid{gap:25px}
.card{position:relative;border:3px solid #17151f;border-radius:16px;background:#fffef7;box-shadow:6px 6px 0 #17151f;min-height:390px;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translate(-2px,-5px);box-shadow:8px 11px 0 #17151f}
.card .showcase.compact{height:222px;min-height:222px;border-radius:0;padding:19px}
.card .showcase.compact:after{content:'PRONTO / PACK';position:absolute;left:12px;top:12px;background:#17151f;color:#fff;padding:6px 8px;border-radius:6px;font-size:9px;font-weight:950;letter-spacing:.04em}
.card .cardBody{padding:20px;gap:10px}
.card h3{font-size:clamp(23px,2.5vw,29px);color:#17151f;letter-spacing:-.055em;line-height:1;font-weight:950}
.card .tag{color:#4b4554;font-size:10px;font-weight:950;letter-spacing:.05em}
.card .muted{font-size:14px;color:#504b58;font-weight:600;line-height:1.38}
.cardBottom{padding-top:12px}
.card .price{font-size:28px;color:#17151f;font-weight:1000}
.card .button{background:#ffe04b;color:#17151f;min-height:40px;font-size:12px;box-shadow:3px 3px 0 #17151f;font-weight:950}
.card .button:hover{background:#d9ff87}
.visual-legend{background:#ff8c68}.visual-registry{background:#c9b3ff}.visual-score{background:#a9c4ff}.visual-rescue{background:#caff99}.visual-terms{background:#ffa8b0}.visual-playbook{background:#88e1cc}
.paperMock{border:1px solid #17151f;background:#fffdf1}.bookMock{background:#3535cc;color:#fffbd6}.mockWindow{border:2px solid #17151f;box-shadow:8px 8px 0 #17151f31}.certificate{border:7px double #39236e;box-shadow:8px 8px 0 #17151f40}
.adLanding{max-width:1180px;margin:24px auto}
.adHero{background:#17151f;color:#fff;border:4px solid #17151f;border-radius:25px;box-shadow:10px 10px 0 #ff7455;padding:43px;align-items:center;gap:35px}
.adHero h1{font-size:clamp(48px,5.8vw,82px);font-weight:1000;line-height:.95;letter-spacing:-.065em;color:#fff}
.adHero .eyebrow{display:inline-block;background:#d9ff87;color:#17151f;border:2px solid #17151f;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:950;letter-spacing:.08em;margin-bottom:21px}
.adHero .adLead{font-size:clamp(16px,1.8vw,20px);color:#e1ddeb;line-height:1.5;font-weight:600}
.adBullet{font-size:15px;font-weight:750;color:#fff}.adBullet b{color:#ffe04b}
.adFinal{border-top:1px solid #ffffff57;padding-top:19px;margin-top:22px}
.adPrice{color:#ffe04b;font-size:44px;font-weight:1000}
.adFinal .adNote{color:#e6dff0}
.adSample{background:transparent;padding:0;border:0;box-shadow:none}
.adSample .showcase{border:4px solid #17151f;border-radius:18px;box-shadow:8px 8px 0 #ff7455;transform:rotate(2deg);min-height:398px;background:#ffa86f}
.adSampleCaption{font-weight:900;color:#555063;padding-top:20px}
.adSteps{border:3px solid #17151f;border-radius:16px;background:#fffef7;box-shadow:5px 5px 0 #17151f;margin-top:40px;padding:25px;gap:21px}
.adStep{font-weight:750;color:#17151f;font-size:14px;line-height:1.4;display:flex;align-items:start;gap:12px}
.adStep strong{display:grid;place-items:center;flex:0 0 39px;height:39px;border:2px solid #17151f;border-radius:8px;background:#ffe04b;color:#17151f;font-size:19px}
.expHero{border:4px solid #17151f;border-radius:25px;background:#17151f;box-shadow:9px 9px 0 #ff7455;color:#fff;padding:36px;align-items:center;gap:35px}
.expHero h1{font-size:clamp(41px,4.9vw,66px);font-weight:1000;line-height:.98;color:#fff}
.expHero p{color:#ddd9e8;font-weight:600}
.expHero .tag{display:inline-block;background:#ffe04b;color:#17151f;border:2px solid #17151f;border-radius:7px;padding:9px 11px;margin-bottom:17px;font-weight:950}
.productSummary{border:3px solid #17151f;border-radius:17px;box-shadow:6px 6px 0 #ff7455;background:#fffef7;color:#17151f}
.summaryCopy .price{font-size:30px;font-weight:950}
.panel{border:2px solid #17151f;background:#fffef7;box-shadow:6px 6px 0 #17151f;border-radius:16px;padding:26px}
input,textarea,select{border:2px solid #575263;border-radius:10px;font-size:16px}
input:focus,textarea:focus{border-color:#4547ef;outline:2px solid #4547ef}
.notice{background:#fff3bf;border:2px solid #17151f;border-left:8px solid #ff7455;color:#17151f;border-radius:11px}
.metric{border:2px solid #17151f;background:#f6f0ff;border-radius:11px}
.foot{border-top:3px solid #17151f;color:#625d69;font-weight:750;font-size:13px;padding-top:25px;margin-top:65px}
.foot a{font-weight:900;color:#17151f}
@media(max-width:1020px){.hero{grid-template-columns:1fr 1fr;gap:20px;padding:38px 28px}.hero h1{font-size:clamp(47px,5.8vw,76px)}.hero>.showcase{min-height:310px}.hero .paperMock{transform:rotate(-8deg) scale(.8)}}
@media(max-width:800px){.hero,.adHero,.expHero{grid-template-columns:1fr;gap:25px}.hero{padding:36px 30px;min-height:0}.hero>.showcase{min-height:320px;max-width:500px;justify-self:center;width:100%}.hero .paperMock{transform:rotate(-8deg) scale(.96)}.adHero{padding:28px}.adSample .showcase{min-height:300px}.grid{grid-template-columns:1fr 1fr}.adSteps{grid-template-columns:1fr;gap:20px}.adStep strong{display:grid}}
@media(max-width:580px){.shell{padding:14px}.top{padding:11px 13px;border-radius:12px}.brand{font-size:22px}.brand:before{width:30px;height:30px;font-size:21px;margin-right:8px}.badge{font-size:8px;padding:7px}.hero{padding:26px 18px;margin-right:4px;box-shadow:5px 5px 0 #17151f;border-radius:19px}.hero h1{font-size:clamp(45px,10.7vw,62px)}.hero .eyebrow{font-size:8.5px;padding:8px}.hero p{font-size:15px}.heroActions{flex-direction:column;align-items:stretch}.heroActions .button{width:100%}.heroActions .textLink{text-align:center}.hero>.showcase{min-height:267px;padding:10px}.hero .paperMock{transform:rotate(-8deg) scale(.75)}.hero>.showcase:after{width:64px;height:64px;font-size:12px}.sectionHead h2{font-size:37px}.grid{grid-template-columns:1fr;gap:20px}.card .showcase.compact{height:225px}.adHero{padding:23px 17px;border-radius:18px;box-shadow:5px 5px 0 #ff7455}.adHero h1{font-size:clamp(43px,10vw,58px)}.adFinal{flex-direction:column;align-items:stretch}.adFinal .button{width:100%}.adSample .showcase{height:275px;min-height:275px}.adSteps{margin-top:27px;padding:20px}.expHero{padding:22px 17px!important;box-shadow:5px 5px 0 #ff7455}.expHero h1{font-size:clamp(38px,9vw,52px)}.panel{padding:19px;box-shadow:4px 4px 0 #17151f}.foot{margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,button,.card{transition:none}}
