*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0047ff;--pink:#ff0080;--white:#fff;--font-display:"Bangers", cursive;--font-heading:"Fredoka", sans-serif;--font-body:"DM Sans", sans-serif;--border-blue:3px solid #0047ff;--border-pink:3px solid #ff0080;--border-thick-blue:4px solid #0047ff;--border-thick-pink:4px solid #ff0080;--shadow-blue:6px 6px 0 #0047ff;--shadow-pink:6px 6px 0 #ff0080;--shadow-white:6px 6px 0 #fff}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--white);color:var(--blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100svh}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:1.1}p{line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-heading);border:none;outline:none}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar{z-index:100;background:var(--blue);border-bottom:4px solid var(--pink);justify-content:space-between;align-items:center;height:64px;padding:0 2.5rem;display:flex;position:sticky;top:0}.navbar__logo{font-family:var(--font-display);color:var(--white);letter-spacing:.08em;font-size:2.2rem}.navbar__logo em{color:var(--pink);font-style:normal}.navbar__links{gap:2.5rem;list-style:none;display:flex}.navbar__links a{font-family:var(--font-heading);color:var(--white);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:600;transition:color .15s;position:relative}.navbar__links a:after{content:"";background:var(--pink);width:0;height:3px;transition:width .2s;position:absolute;bottom:-3px;left:0}.navbar__links a:hover:after{width:100%}.navbar__cta{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;background:var(--pink);color:var(--white);border:3px solid var(--white);box-shadow:3px 3px 0 var(--white);cursor:pointer;padding:.45rem 1.2rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s}.navbar__cta:hover{box-shadow:5px 5px 0 var(--white);transform:translate(-2px,-2px)}.hero{background:repeating-conic-gradient(var(--blue) 0% 25%, var(--white) 0% 50%) 0 0 / 64px 64px;border-bottom:4px solid var(--pink);grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100svh - 64px);display:grid;position:relative;overflow:hidden}.hero__bg-dots{display:none}.hero__content{z-index:2;background:var(--white);border:4px solid var(--blue);box-shadow:8px 8px 0 var(--pink);margin:3rem 0 3rem 3rem;padding:3rem 3rem 3rem 3.5rem;position:relative}.hero__eyebrow{font-family:var(--font-heading);color:var(--pink);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.hero__eyebrow:before{content:"";background:var(--pink);flex-shrink:0;width:2.5rem;height:3px;display:inline-block}.hero__title{font-family:var(--font-display);letter-spacing:.03em;color:var(--blue);margin-bottom:1.75rem;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.92}.hero__title em{color:var(--pink);font-style:normal;display:block}.hero__desc{color:var(--blue);opacity:.8;max-width:38ch;margin-bottom:2.5rem;font-size:1.1rem;font-weight:500;line-height:1.65}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;background:var(--blue);color:var(--white);border:3px solid var(--pink);box-shadow:6px 6px 0 var(--pink);cursor:pointer;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{box-shadow:9px 9px 0 var(--pink);transform:translate(-3px,-3px)}.btn-secondary{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;background:var(--white);color:var(--pink);border:3px solid var(--pink);box-shadow:6px 6px 0 var(--pink);cursor:pointer;padding:.85rem 2rem;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s}.btn-secondary:hover{box-shadow:9px 9px 0 var(--pink);transform:translate(-3px,-3px)}.hero__scene{justify-content:center;align-items:center;height:100%;min-height:520px;display:flex;position:relative}.hero__badge{background:var(--pink);color:var(--white);border:3px solid var(--white);box-shadow:5px 5px 0 var(--white);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;z-index:5;padding:.55rem 1.1rem;font-size:.8rem;font-weight:700;position:absolute;bottom:2.5rem;right:3rem;transform:rotate(2deg)}.marquee-band{background:var(--pink);border-top:4px solid var(--blue);border-bottom:4px solid var(--blue);white-space:nowrap;padding:.7rem 0;overflow:hidden}.marquee-band__track{will-change:transform;animation:22s linear infinite marquee;display:inline-flex}.marquee-band__item{font-family:var(--font-display);letter-spacing:.08em;color:var(--white);align-items:center;gap:1.25rem;padding:0 1.25rem;font-size:1.35rem;display:inline-flex}.marquee-band__sep{color:var(--blue);font-size:1.5rem;font-weight:900;line-height:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.features{background:var(--blue);border-bottom:4px solid var(--pink);padding:6rem 4rem}.features__header{text-align:center;margin-bottom:4rem}.features__tag{font-family:var(--font-heading);color:var(--pink);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.features__title{font-family:var(--font-display);color:var(--white);letter-spacing:.04em;font-size:clamp(2.5rem,5vw,4.5rem)}.features__grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.feature-card{border:3px solid var(--pink);will-change:transform;padding:2.5rem 2rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card--white{background:var(--white);box-shadow:6px 6px 0 var(--pink)}.feature-card--pink{background:var(--pink);border-color:var(--white);box-shadow:6px 6px 0 var(--white)}.feature-card:hover{transform:translate(-4px,-4px)}.feature-card--white:hover{box-shadow:10px 10px 0 var(--pink)}.feature-card--pink:hover{box-shadow:10px 10px 0 var(--white)}.feature-card__num{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:.75rem;font-size:4rem;line-height:1}.feature-card--white .feature-card__num{color:var(--pink)}.feature-card--pink .feature-card__num{color:var(--white)}.feature-card__title{font-family:var(--font-heading);margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.feature-card--white .feature-card__title{color:var(--blue)}.feature-card--pink .feature-card__title{color:var(--white)}.feature-card__desc{font-size:.95rem;font-weight:500;line-height:1.6}.feature-card--white .feature-card__desc{color:var(--blue);opacity:.8}.feature-card--pink .feature-card__desc{color:var(--white);opacity:.9}.feature-card__corner{font-family:var(--font-display);opacity:.3;font-size:1.8rem;line-height:1;position:absolute;top:1rem;right:1.25rem}.brand-story{background:var(--white);border-bottom:4px solid var(--blue);padding:6rem 4rem;overflow:hidden}.brand-story__inner{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1100px;margin:0 auto;display:grid}.brand-story__visual{position:relative}.brand-story__block{background:var(--blue);border:3px solid var(--pink);box-shadow:8px 8px 0 var(--pink);aspect-ratio:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.brand-story__block:before{content:"";border:2px dashed var(--pink);opacity:.4;pointer-events:none;position:absolute;inset:12px}.brand-story__big-word{font-family:var(--font-display);color:var(--white);letter-spacing:.05em;font-size:clamp(3rem,6vw,5.5rem);line-height:1}.brand-story__big-word em{color:var(--pink);font-style:normal;display:block}.brand-story__block-sub{font-family:var(--font-heading);color:var(--pink);text-transform:uppercase;letter-spacing:.16em;margin-top:1.25rem;font-size:.95rem}.brand-story__sticker{background:var(--pink);color:var(--white);border:3px solid var(--blue);box-shadow:4px 4px 0 var(--blue);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem;font-size:.8rem;font-weight:700;position:absolute}.brand-story__sticker--top{top:-1.25rem;right:-1.75rem;transform:rotate(4deg)}.brand-story__sticker--bottom{bottom:-1.25rem;left:-1.75rem;transform:rotate(-3deg)}.brand-story__label{font-family:var(--font-heading);color:var(--pink);text-transform:uppercase;letter-spacing:.16em;margin-bottom:1rem;font-size:.9rem;font-weight:600}.brand-story__heading{font-family:var(--font-display);color:var(--blue);letter-spacing:.03em;margin-bottom:2rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.brand-story__heading em{color:var(--pink);font-style:normal}.brand-story__paragraph{color:var(--blue);opacity:.82;margin-bottom:1.5rem;font-size:1rem;font-weight:500;line-height:1.7}.brand-story__quote{background:var(--pink);color:var(--white);border:3px solid var(--blue);box-shadow:6px 6px 0 var(--blue);font-family:var(--font-heading);margin:2rem 0;padding:1.25rem 1.75rem;font-size:1.1rem;font-style:italic;font-weight:700;position:relative}.brand-story__quote:before{content:"\"";font-family:var(--font-display);color:var(--blue);opacity:.18;pointer-events:none;font-size:5rem;line-height:1;position:absolute;top:-1rem;left:.75rem}.cta-section{background:var(--pink);border-bottom:4px solid var(--blue);text-align:center;padding:7rem 4rem;position:relative;overflow:hidden}.cta-section__bg-stripes{pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 12px,#0047ff12 12px 24px);position:absolute;inset:0}.cta-section__eyebrow{font-family:var(--font-heading);color:var(--white);text-transform:uppercase;letter-spacing:.2em;opacity:.8;z-index:1;margin-bottom:1.5rem;font-size:.95rem;font-weight:600;position:relative}.cta-section__title{font-family:var(--font-display);color:var(--white);letter-spacing:.04em;z-index:1;margin-bottom:1.5rem;font-size:clamp(3rem,9vw,9rem);line-height:.9;position:relative}.cta-section__title em{color:var(--blue);font-style:normal}.cta-section__sub{font-family:var(--font-heading);color:var(--white);opacity:.9;z-index:1;max-width:50ch;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem;font-weight:500;position:relative}.cta-section__actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex;position:relative}.btn-cta-main{font-family:var(--font-display);letter-spacing:.06em;background:var(--white);color:var(--blue);border:4px solid var(--blue);box-shadow:8px 8px 0 var(--blue);cursor:pointer;text-transform:uppercase;padding:1rem 2.75rem;font-size:1.5rem;transition:transform .15s,box-shadow .15s}.btn-cta-main:hover{box-shadow:12px 12px 0 var(--blue);transform:translate(-4px,-4px)}.btn-cta-ghost{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);border:4px solid var(--white);box-shadow:8px 8px 0 var(--white);cursor:pointer;text-transform:uppercase;background:0 0;padding:1rem 2.75rem;font-size:1.5rem;transition:transform .15s,box-shadow .15s}.btn-cta-ghost:hover{box-shadow:12px 12px 0 var(--white);transform:translate(-4px,-4px)}.footer{background:var(--blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2.5rem 4rem;display:flex}.footer__logo{font-family:var(--font-display);color:var(--white);letter-spacing:.08em;font-size:2.2rem}.footer__logo em{color:var(--pink);font-style:normal}.footer__links{gap:2rem;list-style:none;display:flex}.footer__links a{font-family:var(--font-heading);color:var(--white);text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:.85rem;font-weight:600;transition:opacity .15s}.footer__links a:hover{opacity:1}.footer__copy{color:var(--white);opacity:.45;font-size:.8rem;font-weight:500;font-family:var(--font-body)}@media (width<=1024px){.hero{background:repeating-conic-gradient(var(--blue) 0% 25%, var(--white) 0% 50%) 0 0 / 40px 40px;grid-template-columns:1fr;min-height:auto}.hero__scene{order:-1;min-height:380px}.hero__content{margin:0 1.5rem 2.5rem;padding:2rem}.hero__badge{bottom:1rem;right:1.5rem}.features{padding:4rem 2rem}.features__grid{grid-template-columns:1fr;gap:1.5rem}.brand-story{padding:4rem 2rem}.brand-story__inner{grid-template-columns:1fr;gap:3rem}.cta-section{padding:5rem 2rem}.footer{text-align:center;flex-direction:column;padding:2rem}.footer__links{flex-wrap:wrap;justify-content:center}}@media (width<=640px){.navbar{padding:0 1.25rem}.navbar__links{display:none}.btn-cta-main,.btn-cta-ghost{padding:.8rem 2rem;font-size:1.1rem}}