.ma-banner{--ma-green:#b4c83d;--ma-green-deep:#8fa224;--ma-green-glow:#d6e85a;--ma-swamp:#1a2418;--ma-swamp-2:#232d1f;--ma-ink:#0c110b;--ma-bone:#f4f1e6;--ma-red:#e63b2e;--ma-yellow:#f3c84a;--ma-muted:#b8b9a6;--ma-bowlby:var(--font-bowlby-one);--ma-golos:var(--font-golos-text);--ma-grotesk:var(--font-space-grotesk);isolation:isolate;background:radial-gradient(ellipse 70% 60% at 28% 38%, #b4c83d1a 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 82% 70%, #b4c83d14 0%, transparent 65%), linear-gradient(155deg, var(--ma-swamp-2) 0%, var(--ma-ink) 100%);color:var(--ma-bone);font-family:var(--ma-golos);border:1.5px solid #b4c83d38;border-radius:28px;position:relative;overflow:hidden}.ma-banner .halftone{opacity:.06;pointer-events:none;background-image:radial-gradient(#0000008c 1px,#0000 1.4px);background-size:6px 6px;position:absolute;inset:0}.ma-banner .diag-lines{opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(-45deg,#b4c83d1a 0 2px,#0000 2px 14px);position:absolute;inset:0}.ma-banner .blob{background:var(--ma-green);filter:drop-shadow(0 18px 60px #b4c83d2e);z-index:0;pointer-events:none;border-radius:50% 60% 40% 50%/60% 40% 60% 50%;position:absolute}.ma-banner .orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ma-banner .orb-orbit{width:1px;height:1px;animation:maBannerOrbit var(--orb-duration,22s) linear infinite;animation-delay:var(--orb-delay,0s);will-change:transform;position:absolute}.ma-banner .orb-orbit.reverse{animation-direction:reverse}.ma-banner .orb{width:var(--orb-size,90px);height:var(--orb-size,90px);left:var(--orb-radius,70px);top:calc(var(--orb-size,90px) / -2);background:radial-gradient(circle at 35% 35%, var(--ma-green-glow) 0%, var(--ma-green) 40%, #b4c83d52 65%, transparent 80%);filter:blur(var(--orb-blur,8px));opacity:var(--orb-opacity,.55);mix-blend-mode:screen;animation:maBannerPulse var(--orb-pulse,6s) ease-in-out infinite;animation-delay:var(--orb-pulse-delay,0s);will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes maBannerOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes maBannerPulse{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.16)translateY(-5px)}}@keyframes maBannerFloat{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-10px)rotate(10deg)}}@keyframes maBannerCover{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.ma-banner .orb-orbit,.ma-banner .orb,.ma-banner .ma-bombo,.ma-banner .ma-cover{animation:none!important}}.ma-banner .shout{font-family:var(--ma-bowlby);letter-spacing:.005em;text-transform:uppercase;color:var(--ma-bone);margin:0;font-weight:400;line-height:.95}.ma-banner .shout .accent{color:var(--ma-green)}.ma-banner .badge{width:fit-content;font-family:var(--ma-bowlby);letter-spacing:.14em;text-transform:uppercase;background:var(--ma-green);color:var(--ma-ink);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:inline-flex}.ma-banner .badge .num{font-family:var(--ma-grotesk);font-variant-numeric:tabular-nums;font-weight:700}.ma-banner .btn{font-family:var(--ma-bowlby);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:11px 18px;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.ma-banner .btn-primary{background:var(--ma-green);color:var(--ma-ink);box-shadow:0 5px 0 0 var(--ma-green-deep), 0 10px 24px #b4c83d52}.ma-banner .btn-primary:hover{background:var(--ma-green-glow);box-shadow:0 7px 0 0 var(--ma-green-deep), 0 14px 30px #b4c83d6b;transform:translateY(-2px)}.ma-banner .btn-primary:active{box-shadow:0 2px 0 0 var(--ma-green-deep), 0 5px 10px #b4c83d4d;transform:translateY(3px)}.ma-banner .btn-primary:focus-visible{outline:2px solid var(--ma-bone);outline-offset:3px}.ma-banner .btn-ghost{color:var(--ma-bone);backdrop-filter:blur(8px);background:#f4f1e60f;border:2px solid #f4f1e638}.ma-banner .btn-ghost:hover{border-color:var(--ma-green);color:var(--ma-green)}.ma-banner .price-row{align-items:baseline;gap:8px;display:inline-flex}.ma-banner .price{font-family:var(--ma-bowlby);color:var(--ma-green);letter-spacing:.02em;font-size:19px}.ma-banner .price-unit{color:var(--ma-muted);font-size:12px}.ma-banner .sticker{background:var(--ma-yellow);color:var(--ma-ink);font-family:var(--ma-bowlby);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;z-index:3;border:2px solid #111;border-radius:10px;max-width:calc(100% + 28px);padding:7px 10px;font-size:11px;position:absolute;top:-14px;right:-14px;transform:rotate(8deg);box-shadow:3px 4px #111}.ma-banner .sparkle{color:var(--ma-green);pointer-events:none;animation:4s ease-in-out infinite maBannerSparkle;position:absolute}@keyframes maBannerSparkle{0%,to{opacity:.55;transform:translateY(0)scale(1)}50%{opacity:.95;transform:translateY(-6px)scale(1.15)}}.ma-banner .lockup-row{z-index:2;justify-content:center;align-items:center;padding:20px 36px 0;display:flex;position:relative}.ma-banner .grid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;padding:18px 36px 28px;display:grid;position:relative}.ma-banner .copy{flex-direction:column;gap:12px;display:flex}.ma-banner .ma-logo{filter:drop-shadow(0 10px 24px #00000080);width:clamp(128px,14vw,172px);height:auto;margin:-2px 0 0 -4px}.ma-banner .cta-row{flex-wrap:wrap;gap:12px;margin-top:2px;display:flex}.ma-banner .meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}.ma-banner .visual{justify-content:center;align-items:center;min-height:216px;display:flex;position:relative}.ma-banner .ma-cover-wrap{z-index:2;will-change:transform;width:clamp(148px,17vw,196px);animation:7s ease-in-out infinite maBannerCover;position:relative;transform:rotate(-3deg)}.ma-banner .ma-cover{border-radius:12px;width:100%;height:auto;box-shadow:0 18px 50px #0000008c,0 0 0 2px #b4c83d66,0 0 60px #b4c83d38}.ma-banner .ma-bombo{z-index:1;will-change:transform;filter:drop-shadow(0 18px 36px #00000080);width:clamp(108px,13vw,156px);animation:7s ease-in-out infinite maBannerFloat;position:absolute;bottom:-10%;right:-8%;transform:rotate(8deg)}.ma-banner .halo{aspect-ratio:1;background:radial-gradient(circle, var(--ma-green) 0%, var(--ma-green-deep) 60%, transparent 72%);opacity:.28;filter:blur(2px);pointer-events:none;border-radius:50%;width:65%;position:absolute;top:12%;right:6%}@media (max-width:900px){.ma-banner .lockup-row{padding:18px 22px 0}.ma-banner .grid{grid-template-columns:1fr;gap:18px;padding:16px 22px 22px}.ma-banner .visual{order:-1;width:100%;min-height:0}.ma-banner .ma-cover-wrap{width:clamp(130px,32vw,170px);margin:0 auto}.ma-banner .ma-bombo{width:clamp(96px,24vw,130px);bottom:-4%;right:6%}.ma-banner .halo{width:75%;top:8%;right:12%}}@media (max-width:520px){.ma-banner{border-radius:22px}.ma-banner .lockup-row{padding:16px 16px 0}.ma-banner .grid{gap:16px;padding:14px 16px 18px}.ma-banner .copy{gap:10px}.ma-banner .ma-cover-wrap{width:140px}.ma-banner .ma-bombo{width:104px;bottom:-2%;right:4%}.ma-banner .ma-logo{width:clamp(130px,38vw,160px)}.ma-banner .btn{padding:10px 14px;font-size:12px}.ma-banner .btn-ghost,.ma-banner .btn-primary{justify-content:center;width:100%}.ma-banner .cta-row{width:100%}.ma-banner .sticker{padding:6px 10px;font-size:10px;top:-12px;right:-12px}.ma-banner .price{font-size:18px}}@media (max-width:380px){.ma-banner .lockup-row{padding:14px 14px 0}.ma-banner .grid{padding:12px 14px 16px}.ma-banner .ma-cover-wrap{width:126px}.ma-banner .ma-bombo{width:96px;right:2%}.ma-banner .ma-logo{width:132px}}
.pmb-banner{--pmb-amber:oklch(78.07% .1623 64.06);--pmb-amber-bright:oklch(84% .17 64.06);--pmb-amber-ink:oklch(18% .025 65);--pmb-inkwell:oklch(14.1% .005 285.823);--pmb-charcoal:oklch(21% .006 285.885);--pmb-charcoal-light:oklch(26% .007 285.885);--pmb-bone:oklch(98.5% 0 0);--pmb-muted:oklch(70.5% .015 286.067);--pmb-line:oklch(100% 0 0/.1);--pmb-bowlby:var(--font-bowlby-one);--pmb-golos:var(--font-golos-text);--pmb-grotesk:var(--font-space-grotesk);isolation:isolate;background:linear-gradient(155deg, var(--pmb-charcoal-light) 0%, var(--pmb-inkwell) 100%);color:var(--pmb-bone);font-family:var(--pmb-golos);border:1.5px solid oklch(78.07% .1623 64.06/.22);border-radius:28px;position:relative;overflow:hidden}.pmb-banner .pmb-marquee{z-index:0}.pmb-banner .pmb-overlay{z-index:1;background:linear-gradient(100deg, var(--pmb-inkwell) 0%, color-mix(in oklch, var(--pmb-inkwell) 88%, transparent) 42%, color-mix(in oklch, var(--pmb-inkwell) 55%, transparent) 68%, color-mix(in oklch, var(--pmb-inkwell) 35%, transparent) 100%), linear-gradient(to top, color-mix(in oklch, var(--pmb-inkwell) 80%, transparent) 0%, transparent 40%);pointer-events:none;position:absolute;inset:0}.pmb-banner .pmb-halftone{z-index:1;opacity:.05;pointer-events:none;background-image:radial-gradient(#0000008c 1px,#0000 1.4px);background-size:6px 6px;position:absolute;inset:0}.pmb-banner .pmb-shout{font-family:var(--pmb-bowlby);letter-spacing:.005em;text-transform:uppercase;color:var(--pmb-bone);margin:0;font-weight:400;line-height:.95}.pmb-banner .pmb-shout .pmb-accent{color:var(--pmb-amber)}.pmb-banner .pmb-badge{width:fit-content;font-family:var(--pmb-bowlby);letter-spacing:.14em;text-transform:uppercase;background:var(--pmb-amber);color:var(--pmb-amber-ink);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:inline-flex}.pmb-banner .pmb-badge .pmb-num{font-family:var(--pmb-grotesk);font-variant-numeric:tabular-nums;font-weight:700}.pmb-banner .pmb-btn{font-family:var(--pmb-bowlby);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:11px 18px;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.pmb-banner .pmb-btn-primary{background:var(--pmb-amber);color:var(--pmb-amber-ink);box-shadow:0 5px oklch(62% .14 64),0 10px 24px oklch(78.07% .1623 64.06/.32)}.pmb-banner .pmb-btn-primary:hover{background:var(--pmb-amber-bright);transform:translateY(-2px);box-shadow:0 7px oklch(62% .14 64),0 14px 30px oklch(78.07% .1623 64.06/.42)}.pmb-banner .pmb-btn-primary:active{transform:translateY(3px);box-shadow:0 2px oklch(62% .14 64),0 5px 10px oklch(78.07% .1623 64.06/.3)}.pmb-banner .pmb-btn-primary:focus-visible{outline:2px solid var(--pmb-bone);outline-offset:3px}.pmb-banner .pmb-btn-ghost{color:var(--pmb-bone);backdrop-filter:blur(8px);background:oklch(98.5% 0 0/.06);border:2px solid oklch(98.5% 0 0/.22)}.pmb-banner .pmb-btn-ghost:hover{border-color:var(--pmb-amber);color:var(--pmb-amber)}.pmb-banner .pmb-sticker{z-index:4;background:var(--pmb-amber);color:var(--pmb-amber-ink);font-family:var(--pmb-bowlby);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:2px solid #111;border-radius:10px;padding:7px 10px;font-size:11px;position:absolute;top:16px;right:16px;transform:rotate(6deg);box-shadow:3px 4px #111}.pmb-banner .pmb-grid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;min-height:clamp(320px,30vw,420px);padding:36px;display:grid;position:relative}.pmb-banner .pmb-copy{flex-direction:column;gap:12px;display:flex}.pmb-banner .pmb-cta-row{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.pmb-banner .pmb-claim{color:var(--pmb-muted);max-width:440px;margin:0;font-size:14px;line-height:1.55}.pmb-banner .pmb-visual{aspect-ratio:1;width:clamp(200px,22vw,280px);min-height:220px;margin:0 auto;position:relative}.pmb-banner .pmb-cover-item{aspect-ratio:2/3;will-change:transform;width:58%;position:absolute}.pmb-banner .pmb-cover-1{z-index:1;width:52%;top:20%;left:0}.pmb-banner .pmb-cover-2{z-index:3;width:60%;top:0;left:22%}.pmb-banner .pmb-cover-3{z-index:2;width:52%;top:22%;right:0}.pmb-banner .pmb-cover-img{transform:rotate(var(--pmb-rotation,0deg));transform-origin:50%;filter:drop-shadow(0 18px 24px oklch(0% 0 0/.55));border-radius:12px;width:100%;height:100%;animation-name:pmbCoverReveal,pmbCoverFloat;animation-timing-function:cubic-bezier(.22,1,.36,1),ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:both;display:block;position:relative;overflow:hidden}.pmb-banner .pmb-cover-img img{transition:transform .36s cubic-bezier(.22,1,.36,1)}.pmb-banner .pmb-cover-item:hover .pmb-cover-img img{transform:scale(1.05)}@keyframes pmbCoverReveal{0%{clip-path:inset(16% 0 0 round 12px);filter:blur(5px)drop-shadow(0 18px 24px oklch(0% 0 0/.45));opacity:.45}to{clip-path:inset(0 round 12px);filter:blur()drop-shadow(0 18px 24px oklch(0% 0 0/.55));opacity:1}}@keyframes pmbCoverFloat{0%,to{transform:rotate(var(--pmb-rotation,0deg)) translateY(0)}50%{transform:rotate(var(--pmb-rotation,0deg)) translateY(var(--pmb-float,-8px))}}@media (prefers-reduced-motion:reduce){.pmb-banner .pmb-cover-img{animation:none!important}}@media (max-width:900px){.pmb-banner .pmb-grid{grid-template-columns:1fr;gap:18px;padding:26px 22px 28px}.pmb-banner .pmb-visual{order:-1;width:clamp(180px,46vw,230px);min-height:0}}@media (max-width:520px){.pmb-banner{border-radius:22px}.pmb-banner .pmb-grid{padding:20px 16px 22px}.pmb-banner .pmb-copy{gap:10px}.pmb-banner .pmb-btn{padding:10px 14px;font-size:12px}.pmb-banner .pmb-btn-ghost,.pmb-banner .pmb-btn-primary{justify-content:center;width:100%}.pmb-banner .pmb-cta-row{width:100%}.pmb-banner .pmb-sticker{padding:6px 10px;font-size:10px;top:12px;right:12px}}@media (max-width:380px){.pmb-banner .pmb-grid{padding:18px 14px 20px}}