:root{--ink:#0d0d0e;--paper:#fbf9ff;--pink:#ff42ac;--acid:#cfff12;--blue:#4d78ff;--peach:#ffb467;--line:rgba(13,13,14,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 55% 25%,rgba(255,255,255,.95),rgba(250,246,255,.98) 48%,#f8f3ff 100%);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 3.7vw;border-bottom:1px solid var(--line);background:rgba(251,249,255,.91);backdrop-filter:blur(18px);position:relative;z-index:20}.group-mark{display:flex;align-items:center;gap:14px;font:700 22px/1 "Space Grotesk";letter-spacing:-.045em}.brand-dots{display:flex;align-items:center}.brand-dots i{display:block;width:16px;height:16px;border-radius:50%;margin-right:-3px}.brand-dots i:nth-child(1){background:#ff4bb4}.brand-dots i:nth-child(2){background:#cfff24}.brand-dots i:nth-child(3){background:#4f7eff}.desktop-nav{display:flex;align-items:center;gap:38px;font-weight:700;font-size:16px}.nav-pill{border:1.6px solid var(--ink);padding:15px 21px;border-radius:999px}.menu-toggle,.mobile-nav{display:none}
.hero{padding:0 3.7vw 30px}.hero-main{height:748px;display:grid;grid-template-columns:48% 52%;position:relative}.hero-copy{padding-top:38px;position:relative;z-index:5}.hero h1{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(82px,7.25vw,130px);line-height:.88;letter-spacing:-.075em;font-weight:700}.hero h1 span{display:block}.black-line{color:#09090a;margin-bottom:18px}.pink-line{color:var(--pink);text-shadow:3px 3px 0 #111}.hero-sub{font-size:23px;line-height:1.45;letter-spacing:-.025em;margin:28px 0 30px;max-width:690px}.hero-sub strong{font-weight:800}.hero-actions{display:flex;align-items:center;gap:28px}.primary-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:265px;background:#111;color:#fff;padding:12px 12px 12px 22px;border-radius:18px;font-weight:800;font-size:17px;box-shadow:10px 8px 0 var(--acid)}.cta-circle{width:44px;height:44px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:24px}.text-link{font-weight:800;font-size:17px;border-bottom:1.5px solid #111;padding-bottom:2px}
.hero-art{position:relative;height:100%;overflow:visible}.orb{position:absolute;border:2px solid #111;border-radius:50%}.orb-a{width:min(37vw,530px);aspect-ratio:1;background:var(--acid);right:4%;top:1.5%;z-index:1}.orb-b{width:min(18vw,260px);aspect-ratio:1;background:var(--blue);left:7%;bottom:4%;z-index:0}.hero-art img{position:absolute;z-index:3;width:min(48vw,650px);max-width:none;height:auto;left:51%;top:3%;bottom:auto;transform:translateX(-50%);filter:drop-shadow(18px 28px 0 rgba(25,25,25,.08))}.sticker{position:absolute;z-index:6;border:2px solid #111;border-radius:999px;padding:11px 18px;font-weight:800;font-size:15px;box-shadow:5px 6px 0 #111;white-space:nowrap}.sticker-1{background:var(--pink);left:-7%;top:11%;transform:rotate(-7deg)}.sticker-2{background:var(--acid);right:-1%;top:47%;transform:rotate(8deg)}.sticker-3{background:var(--peach);left:-5%;bottom:15%;transform:rotate(5deg)}
.brand-rail{height:158px;background:rgba(255,255,255,.86);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 20px 50px rgba(40,20,70,.05);display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;overflow:hidden;margin-top:-2px}.rail-brand{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;position:relative;transition:.2s}.rail-brand:not(:first-child)::before{content:"";position:absolute;left:0;top:34px;bottom:34px;width:1px;background:#ddd}.rail-brand:hover{transform:translateY(-3px)}.rail-brand small{font-size:14px;color:#666}.rail-logo{height:48px;width:auto;max-width:78%;object-fit:contain}.rail-logo.deals{height:54px}.rail-logo.otter{height:48px}.rail-logo.join{height:44px}.rail-logo.moveshe{height:42px}.forever-mini{font-family:"Space Grotesk";line-height:.76;text-align:center}.forever-mini strong{font-size:29px}.forever-mini span{display:block;color:#9d45ff;font-size:30px;font-weight:800;margin-top:9px}
.brands-section{padding:105px 4vw;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.kicker{font:800 12px "Space Grotesk";letter-spacing:.14em}.section-head h2,.about h2{margin:0;font:700 clamp(52px,5.7vw,88px)/.95 "Space Grotesk";letter-spacing:-.065em}.section-head h2 span,.about h2 span{color:var(--pink)}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brand-card{min-height:350px;border:1.5px solid #111;border-radius:24px;padding:20px;display:flex;flex-direction:column;background:#fafafa;transition:.2s}.brand-card:hover{transform:translateY(-7px);box-shadow:8px 8px 0 #111}.card-top{display:flex;justify-content:space-between;font-weight:800}.brand-logo{height:55px;width:auto;max-width:82%;object-fit:contain;margin:auto auto 28px}.forever-wordmark{margin:auto;text-align:center;font-family:"Space Grotesk"}.forever-wordmark span{display:block;font-size:28px;font-weight:800}.forever-wordmark strong{display:block;color:#9d45ff;font-size:32px}.brand-card p{font-size:14px;line-height:1.5;margin:0 0 24px}.domain{font-size:12px;font-weight:700;color:#666}.about{padding:120px 5vw;background:#111;color:#fff}.about>p:last-child{font-size:20px;line-height:1.55;max-width:760px;color:#ccc}.about h2 span{color:var(--acid)}footer{padding:34px 4vw;background:#fff;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;border-top:1px solid #ddd}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:700}.copyright{font-size:12px;color:#777}
@media(max-width:1100px){.hero-main{height:auto;min-height:720px;grid-template-columns:48% 52%}.hero h1{font-size:clamp(72px,8.6vw,100px)}.hero-sub{font-size:19px}.hero-art img{width:min(50vw,620px);left:51%;top:4%;bottom:auto}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-card:last-child{grid-column:1/-1}.brand-rail{height:145px}}
@media(max-width:760px){.site-header{height:70px;padding:0 18px;position:sticky;top:0}.group-mark{font-size:17px}.brand-dots i{width:11px;height:11px}.desktop-nav{display:none}.menu-toggle{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid #111;border-radius:50%;background:#fff;font-size:20px}.mobile-nav{position:absolute;top:70px;left:14px;right:14px;background:#fff;border:1.5px solid #111;border-radius:16px;padding:10px;box-shadow:6px 6px 0 #111;z-index:30}.mobile-nav.is-open{display:grid}.mobile-nav a{padding:12px;border-radius:10px;font-weight:700}.hero{padding:0 16px 22px}.hero-main{display:flex;flex-direction:column;height:auto;min-height:0}.hero-copy{padding-top:30px}.hero h1{font-size:clamp(56px,17vw,76px);line-height:.9}.black-line{margin-bottom:14px}.pink-line{text-shadow:2px 2px 0 #111}.hero-sub{font-size:17px;line-height:1.5;margin:24px 0}.desktop-br{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.primary-cta{width:100%;min-width:0}.hero-art{height:470px;margin-top:18px}.orb-a{width:330px;right:-15%;top:2%}.orb-b{width:150px;left:-8%;bottom:7%}.hero-art img{width:410px;left:54%;top:5%;bottom:auto}.sticker{font-size:10px;padding:7px 10px;box-shadow:3px 4px 0 #111}.sticker-1{left:0;top:8%}.sticker-2{right:-1%;top:45%}.sticker-3{left:-2%;bottom:16%}.brand-rail{height:auto;grid-template-columns:1fr;border-radius:18px;margin-top:4px}.rail-brand{min-height:118px;gap:12px}.rail-brand:not(:first-child)::before{top:0;bottom:auto;left:18px;right:18px;width:auto;height:1px}.rail-logo{height:42px}.forever-mini strong,.forever-mini span{font-size:26px}.brands-section{padding:72px 16px}.section-head{display:block}.section-head h2{font-size:48px}.brand-grid{grid-template-columns:1fr}.brand-card:last-child{grid-column:auto}.brand-card{min-height:300px}.about{padding:80px 18px}.about h2{font-size:48px}footer{grid-template-columns:1fr;justify-items:start}.footer-links{justify-content:flex-start}}
@media(max-width:390px){.hero h1{font-size:54px}.hero-art{height:420px}.orb-a{width:290px}.hero-art img{width:370px;left:55%;top:7%;bottom:auto}.sticker-2{right:-7%}}

/* ===== Mobile viewport / horizontal overflow hardening ===== */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

main,
.site-header,
.hero,
.hero-main,
.hero-copy,
.hero-art,
.brand-rail,
.brands-section,
.brand-grid,
.about,
footer {
  min-width: 0;
  max-width: 100%;
}

.hero-copy,
.section-head,
.brand-card,
footer {
  overflow-wrap: anywhere;
}

@media (max-width:760px) {
  .site-header {
    width: 100%;
  }

  .group-mark {
    min-width: 0;
  }

  .group-mark > span:last-child {
    white-space: nowrap;
  }

  .hero {
    width: 100%;
    overflow: hidden;
  }

  .hero-main,
  .hero-copy,
  .hero-art {
    width: 100%;
    max-width: 100%;
  }

  /* Decorative artwork must never enlarge the mobile viewport. */
  .hero-art {
    overflow: hidden;
    isolation: isolate;
  }

  .hero-art img {
    width: min(108vw, 410px);
    max-width: none;
    left: 52%;
  }

  .orb-a {
    right: -72px;
  }

  .orb-b {
    left: -38px;
  }

  .sticker-1 {
    left: 4px;
  }

  .sticker-2 {
    right: 4px;
  }

  .sticker-3 {
    left: 4px;
  }

  .brand-rail,
  .brands-section,
  .about,
  footer {
    width: 100%;
  }

  .rail-brand,
  .brand-card,
  .footer-links {
    min-width: 0;
    max-width: 100%;
  }

  .footer-links a,
  .domain {
    overflow-wrap: anywhere;
  }
}

@media (max-width:390px) {
  .hero-art img {
    width: min(112vw, 370px);
    left: 52%;
  }

  .sticker-2 {
    right: 4px;
  }
}