@font-face{font-family:"Sniglet";src:url("../fonts/Sniglet-ExtraBold.98a0aa66a3ef.ttf") format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:"Comic Neue";src:url("../fonts/ComicNeue-Regular.fc1eac54b325.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Comic Neue";src:url("../fonts/ComicNeue-Bold.a4a97c1734d2.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--coral:#FF5A36;--coral-d:#B53B20;--teal:#00A8A8;--teal-d:#07787A;--sun:#FFC23C;--ink:#1B1E3A;--cream:#FFFBF2;--paper:#fff;--soft:#FFEFD6;--line:#EBD9C6;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.15rem/1.6 "Comic Neue",system-ui,sans-serif}
h1,h2,h3,.brand-h,.btn,.num,.chip{font-family:"Sniglet","Comic Neue",system-ui,sans-serif;font-weight:800}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:.3em 0 .4em;color:var(--coral)}h2{font-size:clamp(1.5rem,3vw,2rem);margin:1.6em 0 .5em;color:var(--ink)}h3{font-size:1.3rem;margin:.6em 0 .3em}
a{color:var(--teal)}a:hover{color:var(--coral-d)}img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}.sr{position:absolute;left:-9999px}.hp{position:absolute;left:-9999px}
.top{background:var(--paper);border-bottom:4px solid var(--ink);position:sticky;top:0;z-index:5}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand-h{font-size:1.9rem;color:var(--coral)}.brand-s{font-size:.8rem;color:var(--teal);font-weight:700}
.nav{display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--ink);font-weight:700;padding:6px 2px}.nav a:hover{color:var(--coral)}
.langs{display:flex;gap:8px;margin-left:8px;padding-left:12px;border-left:2px solid var(--line)}.langs b{color:var(--coral)}
.burger{display:none;background:none;border:2px solid var(--ink);border-radius:12px;padding:8px 14px;font:inherit;font-weight:700}
@media(max-width:860px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;align-items:flex-start;padding:12px 20px 18px;border-bottom:3px solid var(--coral)}.nav.open{display:flex}.langs{border:0;margin:0;padding:0}}
.hero{background:linear-gradient(180deg,var(--soft),var(--cream));padding:36px 0 24px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.eyebrow{color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;margin:0}.lead{font-size:1.3rem}
.hero-art{display:flex;align-items:flex-end;justify-content:center;gap:8px}.hero-art img{mix-blend-mode:multiply;max-height:380px;width:auto}.hero-art .maya{max-height:420px}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-art img{max-height:240px}}
.btn{display:inline-block;background:var(--coral);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:11px 25px;text-decoration:none;font-size:1.05rem;cursor:pointer;margin:4px 6px 4px 0;box-shadow:4px 4px 0 var(--ink)}
.btn:hover{background:var(--coral-d);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn.ghost{background:#fff;color:var(--coral);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:9px 22px}.btn.ghost:hover{background:var(--soft);color:var(--coral-d);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn.off{background:#e7ddd0;color:#7a6f63;box-shadow:none;cursor:default;border-color:#cfc6b8}.btn.ghost.off{border-color:#cfc6b8;color:#8a7f73;background:#fbf5ec;box-shadow:none}.btn.off:hover,.btn.ghost.off:hover{transform:none;box-shadow:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.card{background:var(--paper);border-radius:var(--radius);overflow:hidden;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.card-img{display:block;aspect-ratio:1;background:var(--sun);border-bottom:3px solid var(--ink)}.card-img img{width:100%;height:100%;object-fit:cover;display:block}.placeholder{display:grid;place-items:center;font:800 5rem "Sniglet";color:var(--ink);opacity:.5}
.card-body{padding:12px 16px 18px;position:relative}.card h3{margin:.2em 0}.card h3 a{text-decoration:none;color:var(--ink)}.card .q{margin:.2em 0;color:#555a78;font-size:1rem}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coral);color:#fff;font-size:1rem;margin:0;border:2px solid var(--ink)}
.badge{display:inline-block;background:var(--teal);color:#fff;border-radius:999px;padding:3px 12px;font-weight:700;font-size:.9rem}.soon{opacity:.85}
.feat{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:28px;align-items:center;background:var(--paper);padding:20px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(35,38,64,.08)}.feat img{border-radius:12px}@media(max-width:700px){.feat{grid-template-columns:1fr}}
.bonus-band,.nl{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--soft);border-radius:var(--radius);padding:26px 28px;margin:46px auto}@media(max-width:760px){.bonus-band,.nl{grid-template-columns:1fr}}
.bonus-band{background:#E3F4F4}.codebox{display:flex;gap:10px;flex-wrap:wrap}.nlform{display:flex;flex-direction:column;gap:10px}
input[type=text],input[type=email],input:not([type]){font:inherit;padding:12px 16px;border:3px solid var(--line);border-radius:14px;background:#fff;min-width:0;flex:1}input:focus{outline:3px solid var(--teal);border-color:var(--teal)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}.check input{width:22px;height:22px;margin-top:4px}
.book-top{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:32px;align-items:start}@media(max-width:760px){.book-top{grid-template-columns:1fr}}
.bigcover{border-radius:14px;box-shadow:0 10px 26px rgba(35,38,64,.25);width:100%}.q{font-style:italic;color:var(--teal);font-size:1.25rem;font-weight:700}.meta,.fine{color:#5e6280;font-size:.95rem}
.crumb{margin:18px 0 0}.strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.strip img{width:min(300px,78vw);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);scroll-snap-align:start;flex:none}
.ticks{list-style:none;padding:0}.ticks li{padding:6px 0 6px 34px;position:relative}.ticks li:before{content:"★";color:var(--coral);position:absolute;left:4px}
.callout{background:#fff;border-left:8px solid var(--coral);border-radius:12px;padding:14px 18px;margin:24px 0}.others{margin:6px 0}.others a{display:inline-block;margin:4px 12px 4px 0}
.pn{display:flex;justify-content:space-between;gap:12px;margin:34px 0;flex-wrap:wrap}.editions a{margin:0 2px}
.filters{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-block;background:#fff;border:3px solid var(--ink);color:var(--coral);border-radius:999px;padding:4px 16px;text-decoration:none}.chip.on{background:var(--coral);color:#fff}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.duo figure{margin:0;background:#fff;border-radius:var(--radius);padding:16px;text-align:center}.duo img{max-height:340px;width:auto;mix-blend-mode:multiply}@media(max-width:700px){.duo{grid-template-columns:1fr}}
.exp{display:grid;grid-template-columns:140px 1fr;gap:20px;background:#fff;border-radius:var(--radius);padding:18px;margin:20px 0}.exp img{border-radius:10px}@media(max-width:600px){.exp{grid-template-columns:1fr}.exp img{max-width:140px}}
.safety{background:#FFF1CC;border-radius:10px;padding:8px 12px}.exp-box,.cert-box{background:#fff;border-radius:var(--radius);padding:14px 22px;margin:14px 0}
.faq{background:#fff;border-radius:14px;padding:12px 18px;margin:10px 0}.faq summary{font-weight:700;cursor:pointer;font-family:"Sniglet",sans-serif}
.error{background:#ffe3df;border-radius:10px;padding:10px 14px;color:#8f1d0b}
.bonus-hero{display:flex;gap:14px;align-items:center;justify-content:center}.bonus-hero img{max-height:220px;width:auto;mix-blend-mode:multiply}.bonus-hero img+img{border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.25);mix-blend-mode:normal}
.foot{margin-top:60px;background:var(--ink);color:#e8e4f5;padding:26px 0;font-size:1rem}.foot a{color:#ffd9c9}.foot p{margin:.3em 0}
/* certificate: shown on screen as a preview, printed on one A4 landscape page */
.cert{container-type:inline-size;width:100%;max-width:880px;aspect-ratio:297/210;margin:18px auto;background:#FFFDF6;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.18);position:relative;overflow:hidden;--cc:#E4572E;page:cert}
.cert-frame{position:absolute;inset:2.2cqw;border:1.3cqw double var(--cc);border-radius:2.4cqw}
.cert-in{position:absolute;inset:0;text-align:center}
.cert-logo{position:absolute;top:3.2cqw;left:50%;transform:translateX(-50%);height:8.5cqw;width:auto}
.cert-kicker{position:absolute;top:13.2cqw;left:0;right:0;margin:0;font:800 3.2cqw "Sniglet",sans-serif;color:var(--cc);letter-spacing:.14em;text-transform:uppercase}
.cert-name{position:absolute;top:19.5cqw;left:24%;right:26%;margin:0;font:800 8cqw/1.1 "Sniglet",sans-serif;color:#26283A;padding-bottom:1cqw;white-space:nowrap;overflow:hidden}
.cert-name.empty{color:#C9C3D6}
.cert-text{position:absolute;top:33.5cqw;left:24%;right:26%;margin:0;font:600 2.45cqw/1.5 "Andika","Sniglet",sans-serif;color:#26283A}
.cert-text b{color:var(--cc)}
.cert-maya{position:absolute;left:3.8cqw;bottom:3.8cqw;height:46cqw;width:auto;mix-blend-mode:multiply}
.cert-zoru{position:absolute;right:4.5cqw;bottom:3.8cqw;height:27cqw;width:auto;mix-blend-mode:multiply}
.cert-foot{position:absolute;left:24%;right:26%;bottom:4.2cqw;display:flex;justify-content:center}
.cert-date{display:block;position:absolute;left:0;right:0;top:-3.4cqw;font:700 2.2cqw "Sniglet",sans-serif;color:#26283A}.cert-line{position:relative;width:46%;border-top:.3cqw solid #26283A;text-align:center;padding-top:.5cqw;font:700 1.8cqw "Sniglet",sans-serif;color:#555}
.cert-from{position:absolute;left:0;right:0;bottom:-2.6cqw;margin:0;font:italic 1.7cqw "Andika",sans-serif;color:#666;text-align:center}
.cert-stamp{position:absolute;top:5cqw;right:5.5cqw;width:12.5cqw;height:auto;transform:rotate(8deg)}
@page cert{size:A4 landscape;margin:0}
@media print{body.print-cert>*:not(main){display:none!important}body.print-cert main>.wrap>*:not(.cert){display:none!important}body.print-cert{background:#fff;margin:0}body.print-cert main,body.print-cert .wrap{padding:0!important;margin:0!important;max-width:none!important}
 body.print-cert .cert{display:block!important;width:297mm;max-width:none;height:210mm;margin:0;border-radius:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* from "hmm..." to "aha!" */
:root{--hmm:var(--teal);--aha:var(--coral)}
.brand-h .hmm{color:var(--hmm)}.brand-h .aha{color:var(--aha)}.brand-h .bang{color:var(--aha);display:inline-block;transform:rotate(8deg) translateY(-2px)}
h1.fromto{font-size:clamp(2rem,5vw,3.3rem);margin:.25em 0 .1em;isolation:isolate;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .35em;color:var(--ink)}
.fromto .pre,.fromto .mid{font-size:.55em;color:#7a7f9c}.fromto .hmm{color:var(--hmm);font-style:italic;opacity:.85}
.fromto .aha{color:var(--aha);position:relative;display:inline-block;padding:0 .12em;animation:pop .6s .15s backwards cubic-bezier(.3,1.6,.5,1)}
.fromto .aha:before{content:"";position:absolute;inset:.08em -.12em 0;background:#FFE08A;border-radius:.35em;z-index:-1;transform:rotate(-2deg)}
.fromto .aha:after{content:"✦";position:absolute;right:-.5em;top:-.35em;font-size:.45em;color:#F3A712}
@keyframes pop{from{transform:scale(.7) rotate(-6deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.fromto .aha{animation:none}}
.sub{font-size:1.15rem;margin:.2em 0 .8em;color:#555a78}
.idea{margin-top:34px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.steps li{border-radius:var(--radius);padding:18px 20px;border:3px solid var(--ink);display:flex;flex-direction:column;gap:6px;position:relative}
.steps li b{font:800 1.8rem "Sniglet",sans-serif}.steps .s1 b{color:var(--hmm);font-style:italic}.steps .s2 b{color:var(--ink)}.steps .s3 b{color:var(--aha)}
.steps .s1{background:#D8F3EF}.steps .s2{background:#FFE7CF}.steps .s3{background:#FFD9CE}
.steps li:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);font:800 1.6rem "Sniglet";color:#b9a58d;z-index:2}
@media(max-width:760px){.steps{grid-template-columns:1fr}.steps li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%)}}
.tag{display:inline-block;font:800 .8rem "Sniglet",sans-serif;border-radius:999px;padding:1px 10px;vertical-align:middle;font-style:italic}.tag.hmm{background:#DDF1F1;color:var(--hmm)}.tag.aha{background:#FFE5DC;color:var(--aha);font-size:1rem}
.fromto-callout{font:800 1.5rem "Sniglet",sans-serif}.fromto-callout .hmm{color:var(--hmm);font-style:italic}.fromto-callout .aha{color:var(--aha)}
.fromto-callout{font-weight:400}.fromto-callout .hmm,.fromto-callout .aha{font:800 1.8rem "Sniglet",sans-serif}
.brand{flex-direction:row;align-items:center}.brand-logo{height:56px;width:auto;display:block}.foot-logo{height:48px;width:auto;border-radius:8px;vertical-align:middle;margin-right:12px}
@media(max-width:860px){.brand-logo{height:46px}}
.hero-logo{margin:.2em 0 .1em;line-height:0}.hero-logo img{width:min(100%,470px);height:auto}
textarea{font:inherit;padding:12px 16px;border:3px solid var(--line);border-radius:14px;background:#fff;width:100%}textarea:focus{outline:3px solid var(--teal);border-color:var(--teal)}.nlform label:not(.check):not(.sr){font-weight:700;margin-top:6px}
/* "Look inside" zoom view */
.strip .zoomable{flex:none;scroll-snap-align:start;cursor:zoom-in;border-radius:12px;border:0;padding:0;background:none;font:inherit}.strip .zoomable:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.zoomhint{margin-top:2px}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(20,22,40,.92);display:flex;align-items:center;justify-content:center;padding:56px 64px}
.lightbox[hidden]{display:none}.lb-frame{position:relative;max-width:100%;max-height:100%;display:flex}.lightbox img{max-width:100%;max-height:calc(100vh - 112px);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.5);background:#fff;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.lb-shield{position:absolute;inset:0}
.lightbox button{position:absolute;border:0;border-radius:50%;width:52px;height:52px;background:#fff;color:#26283A;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.lightbox button:focus-visible{outline:3px solid #FFC93C;outline-offset:2px}
.lb-close{top:14px;right:14px}.lb-prev{left:10px;top:50%;transform:translateY(-50%)}.lb-next{right:10px;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;margin:0;font-weight:600}
body.lb-open{overflow:hidden}
@media (max-width:600px){.lightbox{padding:64px 8px 44px}.lightbox img{max-height:calc(100vh - 120px)}.lb-prev,.lb-next{top:auto;bottom:4px;transform:none;width:44px;height:44px;font-size:28px}.lb-prev{left:12px}.lb-next{right:12px}}
.strip .zoomable img{display:block;-webkit-touch-callout:none;user-select:none}

.blurred{overflow:hidden;pointer-events:none;user-select:none}.blurred img{filter:blur(5px);transform:scale(1.06)}

.bonus .lead,.bonus>p,.bonus .cert-box,.bonus .exp-box,.bonus .callout,.bonus .feat,.bonus .fine{max-width:760px;margin-left:auto;margin-right:auto}.bonus>h2,.bonus>.eyebrow,.bonus>h1{text-align:center}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:18px 0 26px}
.bcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
a.bcard:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);color:var(--ink)}
.bthumb{display:grid;place-items:center;aspect-ratio:4/3;background:var(--sun);overflow:hidden;border-bottom:3px solid var(--ink)}.bthumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.bthumb i{font-style:normal;font-size:3.6rem}
.bbody{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}.bbody b{font:800 1.2rem "Sniglet",sans-serif;color:var(--coral)}.bbody>span{font-size:1rem;line-height:1.35;flex:1}
.bbody .btn{align-self:flex-start;margin-top:6px;font-style:normal;font-size:.95rem;padding:6px 14px}.bans .faq{margin:6px 0 0;padding:8px 12px}

.pdfbox{position:fixed;inset:0;z-index:50;background:rgba(35,38,64,.78);display:flex;flex-direction:column;padding:14px}.pdfbox[hidden]{display:none}
.pdfbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border-radius:14px 14px 0 0;padding:10px 14px}.pdftitle{font:800 1.1rem "Sniglet",sans-serif;color:var(--coral);flex:1;min-width:140px}
.pdfbar .btn{padding:6px 14px;font-size:.95rem;text-decoration:none}.pdfclose{border:0;background:var(--coral);color:#fff;font:800 1.5rem/1 "Sniglet",sans-serif;width:38px;height:38px;border-radius:50%;cursor:pointer}
.pdfframe{flex:1;width:100%;border:0;background:#fff;border-radius:0 0 14px 14px}body.pdfopen{overflow:hidden}
.legal h2{font-size:1.15rem;margin:1.6em 0 .4em}.legal p{line-height:1.55}.legal-note{color:#666;font-size:.92rem}
.legal-name{font-size:.82rem;color:#777}