/* ProBounce: expressive motion, with readable content at every breakpoint. */
:root{--spring:cubic-bezier(.22,1,.36,1)}
.hero{background:#090e23}.hero::before{background:radial-gradient(ellipse at 82% 30%,#6d28d966,transparent 52%),radial-gradient(ellipse at 40% 100%,#06b6d426,transparent 48%),#090e23}
.hero-content{padding-bottom:72px}.hero-small{display:inline-block;padding:10px 14px;border:1px solid #ffffff24;border-radius:100px;background:#ffffff08;font-size:.68rem;letter-spacing:.1em;line-height:1.6}.hero h1{font-size:clamp(4.7rem,8.4vw,8.4rem);line-height:.87;letter-spacing:-.015em}.hero h1 .accent{color:#62f4f0;background:linear-gradient(100deg,#62f4f0 15%,#06b6d4 50%,#c8adff 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{max-width:440px}.hero-note{color:#becae3}.hero-art{isolation:isolate}.hero-art::before{width:440px;height:440px;border:1px solid #c1a0ff38;box-shadow:0 0 0 48px #9154f509,0 0 0 49px #c1a0ff19;animation:stageBreathe 7s ease-in-out infinite}.hero-art::after{width:75%;height:36px;bottom:48px;left:12.5%;filter:blur(26px);background:#19d7ea;opacity:.36}.hero-art .castle-big{width:108%;max-width:600px;animation:castleFloat 6s ease-in-out infinite;filter:drop-shadow(0 32px 24px #02061777)}
.stage-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px dashed #ad90fb45;border-radius:50%;transform:rotate(-18deg);z-index:-1;animation:orbitTurn 60s linear infinite;pointer-events:none}.stage-orbit::before,.stage-orbit::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#65f4ef;box-shadow:0 0 22px #06b6d480;top:10%;left:16%}.stage-orbit::after{background:#ba93ff;top:auto;left:auto;right:10%;bottom:17%;width:9px;height:9px}
.hero-chip{background:#17203be8;color:#eef2ff;border-color:#b29bef52;box-shadow:0 14px 45px #0003;backdrop-filter:blur(8px)}.hero-chip b{color:#72f2f1!important}.hero-chip.one{animation:chipBob 5s ease-in-out infinite}.hero-chip.two{animation:chipBob 5s ease-in-out 1s infinite}.stage-action{position:absolute;z-index:5;bottom:4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid #ffffff50;border-radius:100px;background:#19233ce8;color:#fff;font-size:.8rem;font-weight:900;min-height:46px;white-space:nowrap;box-shadow:0 8px 30px #0003}.stage-action span{color:#67f5ec;font-size:1.2rem}.stage-action:hover{background:#29345b}.stage-action:active{scale:.97}.stage-caption{font-size:.65rem;letter-spacing:.15em;color:#a8b6d4;position:absolute;top:22px;left:50%;transform:translateX(-50%);white-space:nowrap;text-transform:uppercase}.hero-stamp{display:none}
.motion-control{display:flex;align-items:center;gap:8px;border:1px solid #ffffff40;color:#d0daef;background:transparent;border-radius:100px;padding:9px 13px;min-height:44px;font-size:.75rem;margin-top:22px}.motion-control:hover{background:#ffffff12}
.hero-content>*{animation:arrive .9s var(--spring) both}.hero-content h1{animation-delay:.08s}.hero-copy{animation-delay:.17s}.hero-buttons{animation-delay:.24s}.hero-note{animation-delay:.3s}.motion-control{animation-delay:.35s}
.hero-buttons .btn-primary{box-shadow:0 0 0 5px #06b6d40c,0 12px 40px #06b6d42b}.btn{overflow:hidden}.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff38 50%,transparent 75%);transform:translateX(-140%);pointer-events:none}.btn:hover::after{transition:transform .65s ease;transform:translateX(140%)}.btn .arrow{transition:transform .25s}.btn:hover .arrow{transform:translate(3px,-2px)}
.quick-links{gap:20px}.quick-link{position:relative;overflow:hidden;min-height:290px;display:flex;flex-direction:column;align-items:start;padding:32px;border:1px solid #e5e1f4;border-radius:26px;background:linear-gradient(145deg,#f6f2ff,#fff);transition:transform .35s var(--spring),box-shadow .35s,border-color .35s}.quick-link:nth-child(2){background:linear-gradient(145deg,#eaffff,#fff)}.quick-link:nth-child(3){background:linear-gradient(145deg,#f0f1ff,#fff)}.quick-link::after{content:'↗';position:absolute;right:23px;bottom:23px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--purple);background:#ede5ff;transition:transform .3s}.quick-link:hover::after{transform:rotate(45deg);background:#06b6d4;color:#0f172a}.quick-link:hover{transform:translateY(-7px);box-shadow:0 22px 45px #35256815;border-color:#baa5ec}.quick-link h2{font-size:2.4rem;margin-top:24px;max-width:250px}.quick-link p{line-height:1.75;margin-bottom:26px}.quick-link strong{margin-top:auto;font-size:.85rem}.feature-number{display:inline-flex;padding:8px 12px;border:1px solid #d7c9ef;border-radius:100px;font-size:.7rem;letter-spacing:.1em;color:#624092;font-weight:900}
.page-intro{position:relative;isolation:isolate;overflow:hidden;background:#101831;color:#fff;padding:54px 0}.page-intro::before{content:'';position:absolute;z-index:-1;width:430px;height:430px;right:-70px;top:-260px;border:1px solid #b295ff5c;border-radius:50%;box-shadow:0 0 0 65px #9154f509,0 0 0 66px #b295ff25;pointer-events:none}.page-intro h1{background:linear-gradient(100deg,#fff 20%,#9bf8f3 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-intro p{color:#bfcbe3}.page-intro a{color:#8cebe8}.page-intro .container{animation:arrive .8s var(--spring) both}
.product-card{transition:transform .4s var(--spring),box-shadow .4s}.product-art{background-image:radial-gradient(circle at 70% 20%,#fff9,transparent 60%),linear-gradient(145deg,#eee5ff,#e0fbff)}.product-card:hover .product-art svg{transform:translateY(-5px) scale(1.045)}.product-card:focus-within{border-color:#9570da;box-shadow:0 12px 35px #6d28d920}.studio-canvas{border-color:#9a85d069;box-shadow:0 28px 70px #0004,inset 0 0 60px #ffffff06}.preset{min-height:44px;transition:transform .2s,background .2s}.preset:hover{transform:translateY(-3px)}.preset[aria-pressed=true]{box-shadow:0 0 0 3px #06b6d418}.your-brand-label{transition:border-color .4s}.step{border:1px solid #e6e2f4;border-radius:24px;background:#fff;transition:transform .3s,box-shadow .3s}.step:hover{transform:translateY(-5px);box-shadow:0 18px 35px #31214712}.step-number{color:#d4c1ff}.faq-grid details{transition:background .25s,padding .25s}.faq-grid details[open]{background:#f8f5ff;border-radius:16px;padding:22px 18px}.faq-grid details[open] p{animation:arrive .35s ease both}.statement{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#5821ba,#7b30d5 60%,#4e58bf)}.statement::before{content:'';position:absolute;z-index:-1;width:340px;height:340px;border:45px solid #ffffff0b;border-radius:50%;right:-80px;top:-100px}.dialog-backdrop.open .dialog{animation:dialogEnter .3s var(--spring) both}
@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes dialogEnter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes stageBreathe{50%{transform:scale(1.035);opacity:.7}}@keyframes orbitTurn{to{transform:rotate(342deg)}}@keyframes chipBob{50%{translate:0 -9px}}
@media(min-width:1001px){.hero-grid{min-height:735px}.hero-art{min-height:560px}}
@media(max-width:1000px){.quick-link{min-height:220px}.quick-link h2{max-width:none}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-link{padding:24px}.quick-link h2{font-size:2rem}}
@media(max-width:850px){.hero-content{padding-bottom:12px}.hero h1{font-size:clamp(4rem,13vw,6.5rem);line-height:.94}.hero-art{margin:25px 0 35px;min-height:420px}.hero-art .castle-big{width:90%;max-width:500px}.stage-caption{top:0}.stage-action{bottom:0}.hero-art::before{width:310px;height:310px}.stage-orbit{width:min(80%,400px)}.quick-links{grid-template-columns:1fr}.quick-link{min-height:0;padding:28px}.quick-link h2{margin:18px 0 12px}.quick-link p{max-width:500px}.page-intro{padding:38px 0}}
@media(max-width:580px){.hero h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-small{font-size:.62rem;letter-spacing:.05em;padding:8px 10px}.hero-art{min-height:310px;margin:25px 0 30px}.hero-art::before{width:210px;height:210px;box-shadow:0 0 0 30px #9154f509,0 0 0 31px #c1a0ff19}.hero-art .castle-big{width:100%}.hero-art::after{bottom:42px}.stage-caption{font-size:.58rem}.stage-action{min-height:44px;padding:9px 17px}.hero-note{margin-top:20px}.motion-control{margin-top:12px}.quick-link h2{font-size:2.2rem}.page-intro h1{font-size:3rem}}
/* Product-led homepage: concrete information alongside the playful visual identity. */
.hero h1.business-headline{font-size:clamp(3rem,5.4vw,5.6rem);line-height:1;max-width:650px;margin:24px 0}.illustration-note{color:#acbad5;font-size:.75rem;line-height:1.65;max-width:420px;margin:16px 0 0}.hero-content .hero-note{line-height:1.6}.purple-text{color:var(--purple)}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.overview-card{border:1px solid #e7e2f0;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;background:#fff}.overview-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #32204b16}.overview-card .product-art{height:220px;flex-shrink:0}.overview-copy{padding:26px;display:flex;flex-direction:column;align-items:start;flex:1}.overview-copy h3{font-size:2rem;line-height:1.08;margin:18px 0 12px}.overview-copy p{font-size:1rem;color:#526079;line-height:1.75}.overview-copy strong{color:var(--purple);margin-top:auto;font-size:.9rem}.range-note{font-size:.83rem;color:#647088;margin:22px 0 0;max-width:850px}.manufacture-overview{background:#f5f3fb}.manufacturing-grid,.audience-grid,.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.manufacturing-grid>div>p,.audience-grid>div>p{color:#526079;max-width:500px;margin-bottom:28px}.build-path{padding:0;margin:0;list-style:none}.build-path li{display:flex;gap:20px;position:relative;padding-bottom:28px}.build-path li:last-child{padding-bottom:0}.build-path li>span{position:relative;flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--purple);color:white;font-size:.82rem;font-weight:900}.build-path h3{font-size:1.8rem;margin:5px 0 9px;line-height:1.15}.build-path p{color:#526079;margin:0;line-height:1.75}.audience-list article{border-bottom:1px solid #e3deef;padding:20px 0}.audience-list article:first-child{padding-top:0}.audience-list h3{font-size:1.8rem;line-height:1.2;margin-bottom:10px}.audience-list p{color:#526079;margin:0}.brief-section{background:#0f172a;color:#fff}.brief-section .eyebrow{color:#7be9ee}.brief-section>div>div>p{color:#c2cce1;max-width:480px}.brief-card{padding:32px;border:1px solid #b89dea42;border-radius:24px;background:#ffffff08}.brief-card h3{font-size:2.4rem;margin-bottom:12px}.brief-card p,.brief-card li{color:#c2cce1;line-height:1.8}.brief-card ul{padding-left:20px;margin-bottom:25px}.brief-card li{padding-left:6px;margin-bottom:8px}
@media(max-width:1000px){.overview-grid{gap:16px}.overview-copy{padding:21px}.manufacturing-grid,.audience-grid,.brief-grid{gap:36px}.hero h1.business-headline{font-size:clamp(3rem,6vw,4.5rem)}}
@media(max-width:850px){.manufacturing-grid,.audience-grid,.brief-grid{grid-template-columns:minmax(0,1fr)}.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.overview-card .product-art{height:100%;min-height:250px}.hero h1.business-headline{font-size:clamp(2.8rem,8.2vw,4.8rem);max-width:650px}.overview-copy p{margin-bottom:22px}}
@media(max-width:580px){.hero h1.business-headline{font-size:clamp(2.25rem,9.7vw,3.5rem);line-height:1.08;overflow-wrap:normal}.hero-copy{font-size:1rem}.overview-card{display:flex}.overview-card .product-art{height:210px;min-height:0}.overview-copy{padding:24px}.manufacturing-grid,.audience-grid,.brief-grid{gap:30px}.brief-card{padding:24px}.build-path li{gap:15px}.build-path h3{font-size:1.65rem}.section-intro>.btn{margin-top:20px}}
/* System reduced-motion preferences take precedence over all effects. */
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}