.cas--wedding{--acc:var(--pink);--acc-soft:var(--pink-soft)}.cas--birthday{--acc:var(--sun);--acc-soft:var(--apricot-soft)}.cas--corporate{--acc:var(--sky);--acc-soft:var(--sky-soft)}.cas--association{--acc:var(--mint);--acc-soft:var(--mint-soft)}.cas .page-hero:before{background:var(--acc-soft);opacity:.95}.cas .page-hero>.wrap{grid-template-rows:auto auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;column-gap:48px;display:grid}.cas .page-hero .crumbs{grid-column:1/-1}.cas .page-hero h1,.cas .page-hero .lead,.cas .page-hero .cta-row,.cas .page-hero .note{grid-column:1}.cas .page-hero h1{max-width:12em}.cas .cta-row{flex-wrap:wrap;gap:14px;margin:1.3em 0 1em;display:flex}.cas .note{color:var(--ink-soft);margin:0;font-weight:700}.scene{grid-area:2/2/7;place-self:center;width:100%;max-width:560px;position:relative}.scene-svg{width:100%;height:auto;display:block}@media (width<=900px){.cas .page-hero>.wrap{display:block}.scene{max-width:480px;margin:34px auto 0}}.cas .callout,.cas .chips li{color:var(--night)}.prose-grid{grid-template-columns:minmax(0,1fr);gap:48px;display:grid}.prose-grid:not(.has-fig){max-width:820px;margin-inline:auto}.prose-grid.has-fig{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}.prose-grid.flip .fig{order:-1}.prose-txt p{font-size:1.15rem}.prose-txt .callout{font-size:1.1rem;font-weight:700}.fig{isolation:isolate;justify-self:center;width:100%;margin:0;position:relative}.fig figcaption{text-align:center;margin-top:20px}.sec--night figcaption{color:#e6e8f7}.fig--phone{width:auto;padding:14px 26px 6px}.fig--phone:before{content:"";background:var(--acc);opacity:.55;z-index:-1;border-radius:46% 54% 50% 50%/52% 48%;position:absolute;inset:8% 4% 6%}.fig--phone .frame-phone{margin-inline:auto}.fig--browser .frame-browser img{width:100%;height:auto}@media (width<=900px){.prose-grid.has-fig,.mi-grid,.mi-grid.has-fig{grid-template-columns:minmax(0,1fr)}.prose-grid.flip .fig{order:0}}.tl{max-width:900px;margin:0 auto;padding:0;list-style:none;position:relative}.tl:before{content:"";background:var(--night);opacity:.2;border-radius:2px;width:4px;position:absolute;top:10px;bottom:10px;left:20px}.tl-item{grid-template-columns:172px minmax(0,1fr);align-items:start;column-gap:22px;margin-bottom:26px;padding-left:58px;display:grid;position:relative}.tl-item:last-child{margin-bottom:0}.tl-dot{background:var(--acc);border:3px solid var(--night);border-radius:50%;width:30px;height:30px;position:absolute;top:8px;left:7px}.tl-when{font:800 1.05rem/1.2 var(--display);background:var(--acc);border:3px solid var(--night);color:var(--night);border-radius:999px;justify-self:start;margin:0;padding:.25em .9em}.tl-card{border:3px solid var(--night);box-shadow:0 6px 0 var(--night);transition:transform .3s var(--bounce),box-shadow .3s;background:#fff;border-radius:28px;padding:18px 24px 16px}.tl-card h3{margin-bottom:.3em;font-size:1.25rem}.tl-card p{margin:0}.tl-card:hover{box-shadow:0 9px 0 var(--night)}@media (width<=640px){.tl-item{grid-template-columns:minmax(0,1fr);row-gap:10px;padding-left:50px}.tl:before{left:15px}.tl-dot{width:26px;height:26px;left:2px}.tl-card{padding:16px 18px 14px}}.tips{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.tip{transition:transform .3s var(--bounce),box-shadow .3s;margin:0}.tip:nth-child(4n+1){border-radius:44px 28px 40px}.tip:nth-child(4n+2){border-radius:28px 44px 28px 40px}.tip:nth-child(4n+3){border-radius:40px 28px 44px}.tip:nth-child(4n){border-radius:28px 40px 28px 44px}.tip:hover{box-shadow:0 12px 0 var(--night)}.tip p{color:var(--ink)}.mi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.mi-txt p{font-size:1.15rem}.mi-grid.has-fig{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.mi-vis{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}@media (width>=1010px){.mi-vis:has(.fig){grid-template-columns:minmax(0,1fr) auto;display:grid}}.mi{border:3px solid var(--night);max-width:440px;box-shadow:0 8px 0 var(--night);color:var(--night);background:#fff;border-radius:36px;flex:280px;padding:24px 28px 20px}.mi-title{font:800 1.4rem var(--display);margin:0 0 .5em}.mi ul{margin:0;padding:0;list-style:none}.mi li{border-top:2px dashed var(--cream2);padding:.5em 0 .5em 2.4em;font-weight:700;position:relative}.mi li:first-child{border-top:0}.mi li:before{content:"";border:3px solid var(--night);background:#fff;border-radius:50%;width:1.5em;height:1.5em;position:absolute;top:.6em;left:0}.mi li:after{content:"";border-right:3.5px solid var(--night);border-bottom:3.5px solid var(--night);transform-origin:70% 70%;width:.5em;height:.85em;position:absolute;top:.78em;left:.5em;transform:rotate(40deg)scale(0)}.mi li:nth-child(-n+3):before{background:var(--mint)}.mi li:nth-child(-n+3):after{transform:rotate(40deg)scale(1)}.mi-vis .fig{flex:none;width:auto}@media (width<=900px){.mi-grid,.mi-grid.has-fig{grid-template-columns:minmax(0,1fr)}.mi{flex-basis:100%}}.duo{grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:0 auto;display:grid;position:relative}.duo-card{margin:0}.duo-card h3{font-size:1.5rem}.duo-plus{background:var(--sun);border:3px solid var(--night);width:58px;height:58px;font:800 2rem/1 var(--display);color:var(--night);border-radius:50%;place-items:center;margin:-29px 0 0 -29px;padding-bottom:4px;display:grid;position:absolute;top:50%;left:50%}.ticks{margin:1em 0 0;padding:0;list-style:none}.ticks li{padding:.25em 0;font-weight:700}.ticks li:before{content:"✓";color:var(--coral-deep);margin-right:.6em;font-weight:800}.cas .duo-note{text-align:center;max-width:780px;margin:34px auto 0;font-size:1.1rem;font-weight:700}@media (width<=700px){.duo{grid-template-columns:minmax(0,1fr)}.duo-plus{display:none}}.facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:26px 40px;max-width:960px;margin:0 auto;padding:0;list-style:none;display:grid}.facts li{align-items:flex-start;gap:18px;display:flex}.facts .ico{flex:none;margin:0}.facts p{color:#fff;margin:0;font-size:1.1rem}.facts a{font-weight:800}.faq-wrap{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:44px;display:grid}.faq-head h2{margin-bottom:.6em}@media (width<=900px){.faq-wrap{grid-template-columns:minmax(0,1fr)}}.others{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;margin:0 0 44px;padding:0;list-style:none;display:grid}.other{border:3px solid var(--night);box-shadow:0 8px 0 var(--night);transition:transform .3s var(--bounce),box-shadow .3s;flex-direction:column;padding:30px 28px 22px;display:flex;position:relative}.other h3{margin-bottom:.3em}.other p{flex:1}.other a{color:var(--night);text-decoration-thickness:3px;text-decoration-color:var(--coral);align-self:flex-start;padding:.55em 0;font-weight:800;display:inline-block}.other a:after{content:"";border-radius:inherit;position:absolute;inset:0}.other:has(a:focus-visible){outline:3px solid var(--night);outline-offset:4px}.other a:focus-visible{box-shadow:none;outline:none}.other .arrow{transition:transform .25s var(--bounce);margin-left:.4em;display:inline-block}.other:hover .arrow{transform:translate(5px)}.other:hover{box-shadow:0 12px 0 var(--night)}.other--wedding{background:var(--peach);border-radius:52px 32px 48px}.other--birthday{background:var(--apricot);border-radius:32px 52px 32px 48px}.other--corporate{background:var(--sky-soft);border-radius:48px 32px 52px}.other--association{background:var(--mint-soft);border-radius:32px 48px 32px 52px}.guides{border:3px solid var(--night);box-shadow:0 6px 0 var(--night);background:#fff;border-radius:32px;max-width:820px;margin:0 auto;padding:22px 28px 14px}.guides h3{margin-bottom:.2em;font-size:1.25rem}.guides ul{flex-wrap:wrap;gap:0 30px;margin:0;padding:0;list-style:none;display:flex}.guides a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.blow-in{opacity:0;width:1px;height:1px;margin:0;position:absolute}.blow{border:3px solid var(--night);width:max-content;max-width:100%;min-height:48px;font:800 1.1rem/1.1 var(--display);color:var(--night);box-shadow:0 4px 0 var(--night);cursor:pointer;background:#fff;border-radius:999px;align-items:center;margin:10px auto 0;padding:.5em 1.4em;display:flex}.blow:hover{background:var(--cream2)}.blow-b,.blow-in:checked~.blow .blow-a{display:none}.blow-in:checked~.blow .blow-b{display:inline}.blow-in:focus-visible~.blow{outline:3px solid var(--night);outline-offset:3px;box-shadow:0 0 0 6px #fff}.blow-in:checked~.scene-svg .flames{opacity:0}.blow-in:checked~.scene-svg .smoke{opacity:1}.fly,.petals ellipse,.confetti>*{opacity:0}@media (prefers-reduced-motion:no-preference){.scene{animation:scene-in .9s var(--bounce) .1s both}@keyframes scene-in{0%{opacity:0;transform:translateY(24px)scale(.94)rotate(1.5deg)}}.ph,.tile{transform-box:fill-box;transform-origin:50% 0;animation:9s ease-out infinite backwards ph-in}.tile{transform-origin:50%;animation-name:tile-in;animation-duration:10s}[data-i="1"]{animation-delay:1.3s}[data-i="2"]{animation-delay:2.6s}[data-i="3"]{animation-delay:3.9s}[data-i="4"]{animation-delay:5.2s}[data-i="5"]{animation-delay:6.5s}@keyframes ph-in{0%{opacity:0;transform:translateY(-26px)scale(.72)}5%{opacity:1;transform:translateY(5px)scale(1.04)}8%{transform:none}86%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(8px)}}@keyframes tile-in{0%{opacity:0;transform:scale(.55)}4%{opacity:1;transform:scale(1.07)}7%{transform:scale(1)}88%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.96)}}.hrt{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-out infinite backwards rise}.hrt--2{animation-delay:1.4s}.hrt--3{animation-delay:2.6s}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-64px)scale(1.15)rotate(12deg)}}.sway{transform-box:fill-box;transform-origin:50% 100%;animation:4s ease-in-out infinite alternate sway}@keyframes sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.flash{transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite flash}@keyframes flash{0%{opacity:0;transform:scale(.6)}12%{opacity:1}45%,to{opacity:0;transform:scale(2.6)}}.fly{animation:3s ease-in infinite fly}@keyframes fly{0%,8%{opacity:0;transform:translate(0)scale(.6)}18%{opacity:1}75%{opacity:1}92%,to{opacity:0;transform:translate(130px,-160px)scale(1.3)rotate(8deg)}}.rings{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite alternate ring}@keyframes ring{0%{transform:rotate(-8deg)translateY(0)}to{transform:rotate(8deg)translateY(-6px)}}.petals ellipse,.confetti>*{transform-box:fill-box;transform-origin:50%;animation:9s linear infinite fall}.petals ellipse:nth-child(2n),.confetti>:nth-child(2n){animation-duration:11s;animation-delay:-3s}.petals ellipse:nth-child(3n),.confetti>:nth-child(3n){animation-duration:8s;animation-delay:-6s}.petals ellipse:nth-child(4),.confetti>:nth-child(4){animation-delay:-1.5s}@keyframes fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(26px,470px)rotate(300deg)}}.flags polygon{transform-box:fill-box;transform-origin:50% 0;animation:3s ease-in-out infinite alternate flag}.flags polygon:nth-child(2n){animation-delay:-1s}.flags polygon:nth-child(3n){animation-delay:-2s}@keyframes flag{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.bal{transform-box:fill-box;transform-origin:50% 100%;animation:5s ease-in-out infinite alternate bal}.bal--2{animation-delay:-1.6s}.bal--3{animation-delay:-3s}.bal--4{animation-delay:-4s}@keyframes bal{0%{transform:translateY(0)rotate(-2.5deg)}to{transform:translateY(-12px)rotate(2.5deg)}}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:.45s ease-in-out infinite alternate flick}.flame:nth-child(2n){animation-delay:-.2s}.flame:nth-child(3n){animation-delay:-.3s}@keyframes flick{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(.88,1.14)rotate(3deg)}}.blow-in:checked~.scene-svg .smoke{animation:2.4s ease-out both puff}@keyframes puff{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}to{opacity:.85;transform:translateY(-10px)}}.flames,.smoke{transition:opacity .3s}.clip{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.rec{animation:1s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.15}}.badge-m{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite badge}@keyframes badge{0%,68%,to{transform:scale(1)}76%{transform:scale(1.2)rotate(-7deg)}84%{transform:scale(.96)}92%{transform:scale(1)}}.scan-l{transform-box:fill-box;animation:2.2s ease-in-out infinite alternate scan-l}@keyframes scan-l{0%{transform:translateY(0)}to{transform:translateY(56px)}}.arm-c{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite alternate arm}.arm-c--2{animation-delay:-1.3s}@keyframes arm{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.sun-a{transform-box:fill-box;transform-origin:50%;animation:40s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hang{transform-box:fill-box;transform-origin:50% 0;animation:4s ease-in-out infinite alternate hang}.hang--2{animation-delay:-1s}.hang--3{animation-delay:-2s}.hang--4{animation-delay:-3s}.hang--5{animation-delay:-1.6s}@keyframes hang{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.wave{transform-box:fill-box;transform-origin:0 100%;animation:.8s ease-in-out infinite alternate wave}@keyframes wave{0%{transform:rotate(-14deg)}to{transform:rotate(12deg)}}.tl-card:hover,.tip:hover{transform:translateY(-5px)rotate(-.6deg)}.tip:hover .ico{animation:.6s wob}@keyframes wob{30%{transform:rotate(-14deg)scale(1.1)}60%{transform:rotate(10deg)}}.other:hover{transform:translateY(-6px)rotate(-1deg)}.blow{transition:transform .25s var(--bounce),background-color .2s}.blow:hover{transform:translateY(-3px)rotate(-1.5deg)}.blow:active{transform:translateY(2px)}.fig--screen .frame-screen,.fig--browser .frame-browser{transition:transform .4s var(--bounce)}.fig--screen:hover .frame-screen{transform:rotate(-.8deg)scale(1.015)}.fig--browser:hover .frame-browser{transform:rotate(.6deg)scale(1.01)}.fig--phone .frame-phone{transition:transform .4s var(--bounce)}.fig--phone:hover .frame-phone{transform:rotate(-2deg)translateY(-4px)}.js .tl-item .tl-dot{transform:scale(0)}.js .tl-item.in .tl-dot{animation:dot .55s var(--bounce) .25s both}@keyframes dot{0%{transform:scale(0)}to{transform:scale(1)}}.js .mi li:after{transform:rotate(40deg)scale(0)}.js .mi li:nth-child(-n+3):before{background:#fff}.js .mi.in li:nth-child(-n+3):before{animation:mfill .3s ease-out var(--t) both}.js .mi.in li:nth-child(-n+3):after{animation:mtick .45s var(--bounce) var(--t) both}.mi li:first-child{--t:.5s}.mi li:nth-child(2){--t:1s}.mi li:nth-child(3){--t:1.5s}@keyframes mfill{to{background:var(--mint)}}@keyframes mtick{0%{transform:rotate(40deg)scale(0)}to{transform:rotate(40deg)scale(1)}}.duo-plus{animation:plus 2.4s var(--bounce) infinite}@keyframes plus{0%,60%,to{transform:scale(1)rotate(0)}75%{transform:scale(1.18)rotate(90deg)}}}@media (prefers-reduced-motion:reduce){.petals,.confetti{display:none}.hrt{opacity:.9}}
