:focus-visible{outline:3px solid var(--berry);outline-offset:4px}.hero-art{--u:min(10px, 1.96cqi);place-items:center;display:grid;position:relative;container-type:inline-size}.cloud{width:calc(var(--u) * 49);height:calc(var(--u) * 40);filter:blur(.2px);background:#ffffff8c;border-radius:44% 56% 46% 54%/60% 46% 54% 40%;position:absolute;transform:rotate(7deg)}.planner-scene{width:calc(var(--u) * 51);height:calc(var(--u) * 57);position:relative}.planner{z-index:3;width:calc(var(--u) * 36.5);height:calc(var(--u) * 48);top:calc(var(--u) * 5);left:calc(var(--u) * 6.6);border:calc(var(--u) * .8) solid var(--berry-deep);border-radius:calc(var(--u) * 3.4);box-shadow:calc(var(--u) * 3.7) calc(var(--u) * 4.9) calc(var(--u) * 5.5) #5b263d40;background:#fff;transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s;position:absolute;overflow:hidden;transform:rotate(5deg)}.planner img{object-fit:cover;width:100%;height:100%;display:block}.sticker{z-index:6;text-align:center;border:calc(var(--u) * .5) solid white;box-shadow:var(--shadow-soft);place-items:center;font-weight:900;transition:transform .3s,box-shadow .3s;display:grid;position:absolute}.sticker.new{width:calc(var(--u) * 10.4);height:calc(var(--u) * 10.4);right:calc(var(--u) * .2);top:calc(var(--u) * 2.6);background:var(--butter);color:var(--berry);font-size:calc(var(--u) * 1.5);letter-spacing:.04em;border-radius:50%;line-height:1.05;transform:rotate(12deg)}.sticker.new em{margin-top:calc(var(--u) * .7);font:italic 700 calc(var(--u) * 1) var(--font-display);letter-spacing:0;opacity:.78;display:block}.sticker.heart{width:calc(var(--u) * 8.8);height:calc(var(--u) * 6.2);left:calc(var(--u) * 1.1);bottom:calc(var(--u) * 7.3);color:var(--pink-bright);font:calc(var(--u) * 3.2) var(--font-display);background:#fff;border-radius:46% 46% 48% 48%/63% 63% 39% 39%;transform:rotate(-10deg)}.sticker.pill{width:calc(var(--u) * 10.4);height:calc(var(--u) * 4.7);right:calc(var(--u) * 1.3);bottom:calc(var(--u) * 1.8);background:linear-gradient(90deg, var(--lavender) 0 50%, white 50%);color:var(--berry);font-size:calc(var(--u) * 1);letter-spacing:.04em;border-radius:999px;transform:rotate(-8deg)}.paper-note{z-index:5;width:calc(var(--u) * 15.4);min-height:calc(var(--u) * 13.5);right:calc(var(--u) * -.5);top:calc(var(--u) * 32.5);padding:calc(var(--u) * 2.4) calc(var(--u) * 1.8) calc(var(--u) * 1.6);color:var(--berry);box-shadow:0 calc(var(--u) * 1.5) calc(var(--u) * 3.2) #5b263d29;font-size:calc(var(--u) * 1.1);background:#fff9cc;font-weight:700;transition:transform .35s,box-shadow .35s;position:absolute;transform:rotate(8deg)}.paper-note:before{content:"";width:calc(var(--u) * 6);height:calc(var(--u) * 1.7);top:calc(var(--u) * -.8);left:calc(var(--u) * 4.3);background:#ffffffa3;position:absolute;transform:rotate(-3deg)}.paper-note strong{margin-bottom:calc(var(--u) * .9);font:italic calc(var(--u) * 2) var(--font-display);display:block}.paper-note span{margin:calc(var(--u) * .5) 0;display:block}.paper-note span:before{content:"✓";margin-right:calc(var(--u) * .7);color:var(--pink-bright)}.spark{z-index:7;color:var(--pink-bright);font-size:calc(var(--u) * 2.6);position:absolute}.spark.one{top:calc(var(--u) * 4);left:calc(var(--u) * 4.2)}.spark.two{right:calc(var(--u) * 3.5);top:calc(var(--u) * 19);color:var(--berry)}.spark.three{bottom:calc(var(--u) * 4);left:calc(var(--u) * 14);color:#9b77cc}.page-stack{--u:min(10px, 1.85cqi);aspect-ratio:54/60;width:100%;max-width:540px;margin-inline:auto;position:relative;container-type:inline-size}.planner-page{width:calc(var(--u) * 39);height:calc(var(--u) * 52);border:1px solid var(--line);border-radius:calc(var(--u) * 1.8);box-shadow:var(--shadow-card);background:#fff;transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s;position:absolute;overflow:hidden}.planner-page img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.planner-page.back{right:calc(var(--u) * 3.5);top:calc(var(--u) * 2.2);transform:rotate(9deg)}.planner-page.front{right:calc(var(--u) * 11);top:calc(var(--u) * 4);transform:rotate(-4deg)}.offer-visual{--u:min(10px, 2.5cqi);z-index:2;aspect-ratio:40/51;place-items:center;width:100%;max-width:400px;margin-inline:auto;display:grid;position:relative;container-type:inline-size}.mini-planner{width:calc(var(--u) * 29);height:calc(var(--u) * 39);border:calc(var(--u) * .8) solid var(--berry-deep);border-radius:calc(var(--u) * 2);box-shadow:calc(var(--u) * 3.3) calc(var(--u) * 3.6) calc(var(--u) * 4.6) #5b263d33;background:#fff;transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s;position:relative;overflow:hidden;transform:rotate(6deg)}.mini-planner img{object-fit:cover;width:100%;height:100%;display:block}.bonus{right:calc(var(--u) * 1.5);top:calc(var(--u) * 5.5);width:calc(var(--u) * 11.2);height:calc(var(--u) * 11.2);padding:calc(var(--u) * 1.8);border:calc(var(--u) * .5) solid white;background:var(--butter);color:var(--berry);font-size:calc(var(--u) * 1.2);text-align:center;box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;font-weight:900;line-height:1.2;transition:transform .35s;display:grid;position:absolute;transform:rotate(11deg)}@media (hover:hover) and (pointer:fine){.planner-scene:hover{animation-play-state:paused}.planner-scene:hover .planner{transform:rotate(2deg)translateY(-8px)scale(1.018);box-shadow:43px 57px 65px #5b263d4a}.planner-scene:hover .sticker.new{transform:rotate(6deg)scale(1.06)}.planner-scene:hover .sticker.heart{transform:rotate(-4deg)scale(1.06)}.planner-scene:hover .sticker.pill{transform:rotate(-3deg)scale(1.05)}.planner-scene:hover .paper-note{transform:rotate(4deg)translateY(-5px);box-shadow:0 22px 42px #5b263d33}.offer-visual:hover .mini-planner{transform:rotate(2deg)translateY(-7px)scale(1.025);box-shadow:39px 43px 55px #5b263d3d}.offer-visual:hover .bonus{transform:rotate(5deg)translateY(-5px)scale(1.04)}}@media (hover:hover) and (pointer:fine) and (min-width:981px){.page-stack:hover .planner-page.front{transform:rotate(-2deg)translate(-9px,-6px);box-shadow:0 32px 78px #5b263d2e}.page-stack:hover .planner-page.back{transform:rotate(12deg)translate(10px,2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}