:root{
  --orange:#f17529;
  --orange-dark:#d95d12;
  --blue:#6fabd2;
  --blue-dark:#3978aa;
  --gray:#d7d7d7;
  --cream:#fffaf4;
  --ink:#161616;
  --green:#275f4c;
  --white:#fff;
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;padding:24px clamp(24px,6vw,90px)}
.brand img{width:200px}.site-header nav{display:flex;justify-content:center;gap:34px;font-weight:600;font-size:.92rem}.site-header nav a:hover{color:var(--orange)}
.header-cta{background:var(--ink);color:#fff;padding:14px 22px;border-radius:999px;font-weight:700}.header-cta span{color:var(--blue);margin-left:6px}.menu-button{display:none;background:none;border:0;font-size:1.5rem}
.hero{min-height:830px;display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);align-items:center;position:relative;overflow:hidden;padding:130px clamp(24px,6vw,90px) 72px;background:radial-gradient(circle at 67% 35%,#ffe1a2 0 17%,transparent 43%),linear-gradient(112deg,#fff 0 46%,#fff6e9 46% 100%)}
.hero-copy{max-width:670px;position:relative;z-index:4}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800;color:var(--orange-dark)}.mini-eyes{font-size:1.35rem;vertical-align:-.1em;margin-right:7px;color:var(--orange)}
h1,h2,h3{font-family:Fredoka,Inter,sans-serif;margin:0;line-height:1.03}h1{font-size:clamp(4rem,6.4vw,7.4rem);letter-spacing:-.055em;margin:24px 0 26px}h1 span{color:var(--orange)}
.hero-lede{font-size:1.18rem;line-height:1.7;max-width:610px;color:#404040}
.signup-form{display:flex;max-width:620px;border:2px solid var(--ink);border-radius:999px;padding:5px;background:#fff;margin-top:30px;box-shadow:0 12px 30px rgba(28,28,28,.08)}.signup-form input{flex:1;min-width:0;border:0;background:transparent;padding:0 22px;font-size:1rem;outline:none}.signup-form button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:17px 28px;font-weight:800;font-size:.96rem;cursor:pointer}.signup-form button:hover{background:var(--orange)}
.form-note{font-size:.78rem;color:#666;margin:10px 0 0 18px}.hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-tags span{font-size:.78rem;font-weight:700;border:1px solid #ddd;background:rgba(255,255,255,.72);border-radius:999px;padding:10px 13px}
.hero-visual{height:610px;position:relative}.sunburst{position:absolute;width:490px;height:490px;border-radius:50%;background:linear-gradient(135deg,#ffd35b,#f17529);left:12%;top:6%;opacity:.94}.photo-frame{position:absolute;right:-10%;top:4%;width:82%;height:88%;border-radius:180px 0 0 180px;overflow:hidden;box-shadow:0 35px 70px rgba(66,44,25,.23);border:8px solid rgba(255,255,255,.8)}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,117,41,.18),transparent 55%)}
.floating-card{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:14px 17px;box-shadow:0 20px 45px rgba(20,20,20,.18);z-index:4}.floating-card small{display:block;color:#777;font-size:.69rem;margin-bottom:4px}.floating-card strong{font-size:.9rem}.card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ffe8d8}.card-event{left:1%;bottom:19%}.card-update{right:0;top:17%}.pulse{width:11px;height:11px;background:#49b875;border-radius:50%;box-shadow:0 0 0 7px rgba(73,184,117,.15)}.mascot-bubble{position:absolute;top:4%;left:8%;z-index:5;display:flex;align-items:center;gap:10px;background:var(--blue);border:5px solid #fff;border-radius:999px;padding:9px 16px;color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(30,91,133,.25)}.mascot-bubble img{width:45px;height:31px;object-fit:contain}
.ticker{background:var(--ink);color:#fff;white-space:nowrap;overflow:hidden;padding:18px 0;font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.06em}.ticker div{width:max-content;animation:marquee 26s linear infinite}.ticker b{color:var(--orange);margin:0 24px}@keyframes marquee{to{transform:translateX(-40%)}}
.section{padding:110px clamp(24px,7vw,110px)}.intro{text-align:center;background:#fff}.intro h2{font-size:clamp(2.7rem,4.7vw,5.3rem);max-width:1050px;margin:18px auto 24px;letter-spacing:-.04em}.intro>p{font-size:1.15rem;max-width:720px;margin:0 auto;color:#555;line-height:1.65}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px;text-align:left}.benefit-grid article{position:relative;border:1px solid #e7e7e7;border-radius:var(--radius);padding:34px;min-height:260px;overflow:hidden;background:linear-gradient(145deg,#fff,#fff9f2)}.benefit-grid article:nth-child(2){background:linear-gradient(145deg,#f4fbff,#eaf5fb)}.benefit-grid article:nth-child(3){background:linear-gradient(145deg,#fff8f3,#ffe9da)}.benefit-number{position:absolute;right:22px;top:12px;font-family:Fredoka;font-size:4.5rem;color:rgba(22,22,22,.07)}.benefit-grid h3{font-size:1.55rem;margin:52px 0 15px}.benefit-grid p{color:#555;line-height:1.65;margin:0}
.experience{display:grid;grid-template-columns:34% 66%;gap:60px;background:var(--blue-dark);color:#fff;align-items:center}.section-kicker.light{color:#b9def5}.experience-copy h2{font-size:clamp(3rem,4.6vw,5.2rem);margin:18px 0 25px;letter-spacing:-.04em}.experience-copy p{line-height:1.7;color:#e8f4fb;font-size:1.08rem}.text-link{display:inline-block;margin-top:18px;font-weight:800;color:#fff;border-bottom:2px solid var(--orange);padding-bottom:5px}.text-link span{color:#ffbd8f;margin-left:8px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tile{position:relative;height:280px;border-radius:25px;overflow:hidden;margin:0}.tile-large{grid-column:1/-1;height:340px}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.tile:hover img{transform:scale(1.04)}.tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.tile figcaption{position:absolute;z-index:2;left:23px;bottom:22px;font-family:Fredoka;font-size:1.45rem}.tile figcaption span{font-family:Inter;display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#ffd7ba;margin-bottom:7px}
.two-sided{background:#fff}.two-sided-heading{text-align:center}.two-sided-heading h2{font-size:clamp(3rem,5vw,5.7rem);letter-spacing:-.04em;margin:18px 0 55px}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1200px;margin:auto}.audience-card{padding:48px;border-radius:34px;min-height:490px;position:relative;overflow:hidden}.consumer-card{background:#e8f5fc}.business-card{background:#fff0e5}.audience-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#fff;font-size:2rem;font-weight:800}.audience-card .label{font-weight:800;color:var(--blue-dark);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin:32px 0 12px}.business-card .label{color:var(--orange-dark)}.audience-card h3{font-size:2.35rem;max-width:500px}.audience-card ul{list-style:none;padding:0;margin:30px 0 0}.audience-card li{position:relative;padding:13px 0 13px 34px;border-top:1px solid rgba(0,0,0,.1);line-height:1.5}.audience-card li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}
.final-cta{background:var(--orange);color:#fff;text-align:center;position:relative}.loop-face{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:#ffb54c;margin:-160px auto 28px;border:8px solid var(--cream)}.loop-face img{width:72px}.final-cta .section-kicker{color:#3c1908}.final-cta h2{font-size:clamp(3.3rem,6vw,6.6rem);margin:16px 0 10px}.final-cta p{font-size:1.08rem}.signup-form-dark{margin:32px auto 0;border-color:#fff;max-width:660px}.signup-form-dark button{background:var(--blue-dark)}.signup-form-dark button:hover{background:var(--ink)}.final-cta .form-note{color:#5d2608}
footer{background:var(--ink);color:#fff;padding:58px clamp(24px,7vw,110px);display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:25px}footer img{width:190px;filter:brightness(0) invert(1)}footer p{color:#bbb}.footer-links{display:flex;gap:24px;font-size:.85rem}.footer-links a:hover{color:var(--orange)}footer small{grid-column:1/-1;color:#777;border-top:1px solid #333;padding-top:25px}
@media(max-width:1000px){.site-header{grid-template-columns:180px 1fr auto}.site-header nav{display:none;position:absolute;top:calc(100% - 12px);left:clamp(22px,6vw,90px);right:clamp(22px,6vw,90px);flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#fff;border:1px solid #e7e7e7;border-radius:18px;box-shadow:0 18px 45px rgba(20,20,20,.16)}.site-header nav.is-open{display:flex}.site-header nav a{padding:13px 14px;border-radius:10px}.site-header nav a:hover,.site-header nav a:focus-visible{background:#fff4eb}.menu-button{display:block;cursor:pointer}.menu-button:focus-visible{outline:3px solid rgba(111,171,210,.65);outline-offset:4px;border-radius:6px}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{height:520px;margin-top:30px}.experience{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.audience-cards{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}.footer-links{justify-content:center}}
@media(max-width:640px){.site-header{padding:20px 22px}.brand img{width:165px}.hero{padding:120px 22px 60px;min-height:auto}h1{font-size:3.65rem}.hero-lede{font-size:1rem}.signup-form{border-radius:20px;display:grid;padding:7px}.signup-form input{height:54px}.signup-form button{width:100%}.hero-tags{display:none}.hero-visual{height:420px}.sunburst{width:330px;height:330px}.photo-frame{width:96%;right:-22%;border-radius:130px 0 0 130px}.floating-card{transform:scale(.84)}.card-event{left:-8%;bottom:20%}.card-update{right:-4%;bottom:2%}.mascot-bubble{left:0;transform:scale(.84)}.section{padding:80px 22px}.intro h2,.two-sided-heading h2{font-size:2.8rem}.benefit-grid{margin-top:40px}.experience{gap:35px}.experience-grid{grid-template-columns:1fr}.tile-large{grid-column:auto}.tile,.tile-large{height:260px}.audience-card{padding:30px;min-height:auto}.audience-card h3{font-size:1.9rem}.loop-face{margin:-130px auto 20px}.final-cta h2{font-size:3.2rem}.footer-links{flex-wrap:wrap}}

/* Hero image carousel — preserves the original image frame dimensions */
.hero-carousel{isolation:isolate}
.hero-carousel .carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;z-index:0}
.hero-carousel .carousel-slide.is-active{opacity:1;z-index:1}
.hero-carousel .carousel-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 5.5s ease}
.hero-carousel .carousel-slide.is-active img{transform:scale(1.055)}
.hero-carousel:after{z-index:2;pointer-events:none}
.carousel-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;z-index:5;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.carousel-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(44,44,44,.28);cursor:pointer;transition:width .25s ease,background-color .25s ease}
.carousel-dot.is-active{width:25px;border-radius:99px;background:var(--orange)}
.carousel-dot:focus-visible{outline:3px solid rgba(111,171,210,.65);outline-offset:3px}
@media (prefers-reduced-motion: reduce){.hero-carousel .carousel-slide,.hero-carousel .carousel-slide img{transition:none}.hero-carousel .carousel-slide.is-active img{transform:none}}

.ili-email-input,
.ili-email-input:hover,
.ili-email-input:empty,
.ili-email-input:not(:empty),
.ili-email-input:not(:placeholder-shown)
.ili-email-input:focus {
    background-color: transparent;
    color: #212529;
}

.ili-email-input:-webkit-autofill,
.ili-email-input:-webkit-autofill:hover,
.ili-email-input:-webkit-autofill:focus,
.ili-email-input:-webkit-autofill:active {
    -webkit-text-fill-color: #212529;
   /* -webkit-box-shadow: 0 0 0 1000px #ffffff inset;*/
   /* box-shadow: 0 0 0 1000px #ffffff inset;*/
    caret-color: #212529;
}

.ili-email-input.is-valid,
.ili-email-input.is-invalid {
    /*background-color: transparent;*/
}

.ili-signup-form .form-control.ili-email-input:-webkit-autofill {
    /*-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;*/
    -webkit-text-fill-color: #212529 !important;
}

/* Consistent white frame for every carousel image */
.photo-frame.hero-carousel{
  box-sizing:border-box;
  padding:8px;
  border:0;
  background:#fff;
  overflow:hidden;
}
.hero-carousel .carousel-slide{
  inset:8px;
  border-radius:172px 0 0 172px;
  overflow:hidden;
}
.hero-carousel:after{
  inset:8px;
  border-radius:172px 0 0 172px;
}

@media(max-width:640px){
  .photo-frame.hero-carousel{padding:7px}
  .hero-carousel .carousel-slide,
  .hero-carousel:after{
    inset:7px;
    border-radius:123px 0 0 123px;
  }
}

/* MVC form states and spam honeypot */
.ili-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.field-validation-error{display:block;margin:.55rem 0 0;color:#b42318;font-weight:700;font-size:.9rem}
.ili-status{font-weight:700}
.ili-status.is-success{color:#147a4b}
.ili-status.is-error{color:#b42318}
.input-validation-error{outline:3px solid rgba(180,35,24,.18);border-color:#b42318!important}

.site-header .landing-logout { margin: 0; }
.site-header .landing-logout button { border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer; padding: 0; }