/*
 * SnapGo Home refresh
 * Bold, continuous, campaign-led layout inspired by modern youth CPG sites.
 */
body[data-page="home"]{
  --refresh-lavender:#e6e6fa;
  --refresh-soft:#f3e8f5;
  --refresh-ink:#260033;
  --refresh-purple:#7a2a91;
  --refresh-magenta:#b72888;
  --refresh-coral:#f23d72;
  --refresh-white:#fffdfd;
  background:var(--refresh-lavender) !important;
}

body[data-page="home"] .site-header{
  position:sticky;
  top:0;
  z-index:1000;
  border:0 !important;
  background:var(--refresh-white) !important;
}

.home-announcement{
  height:31px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.22);
  background:var(--refresh-ink);
  color:#fff;
}

.home-announcement-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-height:31px;
  animation:homeAnnouncementRun 23s linear infinite;
}

.home-announcement-track span{
  padding-inline:22px;
  font-family:var(--font-mono);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}

.home-announcement-track i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--refresh-coral);
}

@keyframes homeAnnouncementRun{to{transform:translateX(-50%)}}

body[data-page="home"] .nav{
  min-height:86px;
  padding-block:5px;
}

#page-home{
  overflow:hidden;
  background:var(--refresh-lavender) !important;
}

/* Hero: one energetic campaign canvas rather than a card next to a card. */
#page-home .snap-hero{
  position:relative;
  min-height:calc(100svh - 117px);
  padding:clamp(40px,5vw,72px) 0 24px !important;
  border:0 !important;
  background-color:var(--refresh-lavender) !important;
  background-size:44px 44px !important;
}

#page-home .snap-hero::after{
  content:"SNACK • TAP • GO";
  position:absolute;
  right:-.03em;
  bottom:-.08em;
  z-index:0;
  color:rgba(122,42,145,.055);
  font-family:var(--font-display);
  font-size:clamp(5rem,13vw,13rem);
  font-weight:900;
  line-height:.75;
  letter-spacing:-.07em;
  white-space:nowrap;
  pointer-events:none;
}

#page-home .hero-grid{
  grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr) !important;
  gap:clamp(28px,4vw,68px) !important;
  align-items:center;
}

#page-home .hero-copy{
  position:relative;
  z-index:4;
}

#page-home .home-kicker{
  border:0 !important;
  background:var(--refresh-purple) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:rotate(-2deg);
}

#page-home .hero-copy h1{
  max-width:760px;
  margin:14px 0 20px !important;
  font-size:clamp(4.1rem,6.3vw,7.1rem) !important;
  line-height:.86 !important;
  letter-spacing:-.065em !important;
  text-wrap:balance;
}

#page-home .hero-copy h1 .accent{
  display:inline !important;
  color:var(--refresh-magenta) !important;
}

#page-home .hero-copy h1 .accent::after{display:none !important;}

#page-home .hero-copy .lead{
  max-width:590px;
  font-size:clamp(1rem,1.25vw,1.2rem) !important;
  line-height:1.58 !important;
}

#page-home .hero-ctas{margin-top:26px;}

#page-home .hero-ctas .btn{
  min-height:52px;
  border-radius:999px !important;
}

#page-home .hero-visual{
  min-height:555px !important;
}

#page-home .hero-visual::before{
  width:min(92%,520px) !important;
  height:520px !important;
  border:0 !important;
  border-radius:50% !important;
  background:var(--refresh-soft) !important;
  box-shadow:0 0 0 24px rgba(122,42,145,.07),0 34px 80px rgba(38,0,51,.13) !important;
  transform:translate(-50%,-50%) !important;
}

#page-home .hero-video-machine{
  width:clamp(290px,18vw,345px) !important;
}

#page-home .hero-live-card{
  border:1px solid rgba(122,42,145,.16) !important;
  border-radius:999px !important;
  background:rgba(255,253,253,.92) !important;
  box-shadow:0 13px 30px rgba(38,0,51,.11) !important;
}

#page-home .hero-install-sticker{
  border-color:var(--refresh-ink) !important;
  background:var(--refresh-coral) !important;
  color:#fff !important;
  box-shadow:5px 6px 0 var(--refresh-ink) !important;
}

#page-home .hero-activity{
  width:min(1180px,calc(100% - 40px)) !important;
  margin:24px auto 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--refresh-white) !important;
  box-shadow:0 14px 36px rgba(38,0,51,.09) !important;
}

/* Marquees become the visual seams between sections. */
#page-home .story-marquee{
  position:relative;
  z-index:5;
  margin:0 !important;
  border:0 !important;
  transform:none !important;
}

#page-home .story-marquee--home{
  background:var(--refresh-purple) !important;
}

#page-home .story-marquee--soft{
  background:var(--refresh-magenta) !important;
  color:#fff !important;
}

#page-home .story-marquee-track{
  min-height:58px;
  font-size:.78rem !important;
  letter-spacing:.12em !important;
}

#page-home .story-marquee b{background:var(--refresh-coral) !important;}

/* All content sections touch; color and form create separation. */
#page-home .section,
#page-home .section-bridge,
#page-home .promise-banner{
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

#page-home #demo{
  padding:clamp(64px,7vw,104px) 0 !important;
  background:var(--refresh-soft) !important;
}

#page-home .demo-wrap{
  width:min(1180px,calc(100% - 48px));
  grid-template-columns:minmax(280px,.72fr) minmax(500px,1.28fr) !important;
  align-items:center;
  gap:clamp(40px,7vw,92px) !important;
}

#page-home .demo-copy{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#page-home .demo-copy h2{
  font-size:clamp(3.5rem,5.5vw,6.1rem) !important;
  line-height:.9 !important;
}

#page-home .machine{
  border:0 !important;
  border-radius:38px !important;
  background:var(--refresh-purple) !important;
  box-shadow:12px 14px 0 var(--refresh-ink),0 36px 80px rgba(38,0,51,.2) !important;
}

#page-home .machine-grid{gap:11px !important;}
#page-home .slot{border:0 !important;border-radius:18px !important;}

#page-home .section-bridge--snack{
  padding:clamp(62px,7vw,96px) 0 !important;
  background:var(--refresh-lavender) !important;
}

#page-home .machine-intel-card{
  width:min(1180px,calc(100% - 48px)) !important;
  min-height:410px;
  padding:clamp(36px,5vw,62px) !important;
  border:0 !important;
  border-radius:42px !important;
  background:var(--refresh-white) !important;
  box-shadow:0 28px 65px rgba(38,0,51,.11),inset 8px 0 0 var(--refresh-magenta) !important;
}

#page-home .machine-intel-copy h2{
  font-size:clamp(3rem,4.8vw,5.4rem) !important;
  line-height:.9 !important;
}

#page-home [data-home-section="03"]{
  padding:clamp(68px,8vw,110px) 0 !important;
  background:var(--refresh-soft) !important;
}

#page-home [data-home-section="03"] .section-head h2{
  max-width:900px;
  font-size:clamp(3.4rem,5.7vw,6.3rem) !important;
  line-height:.9 !important;
}

#page-home .grid-3{
  gap:18px !important;
}

#page-home .feature-card,
#page-home .preview-card{
  border:0 !important;
  border-radius:30px !important;
  box-shadow:none !important;
}

#page-home .feature-card:nth-child(1),
#page-home .preview-card:nth-child(1){background:var(--refresh-lavender) !important;}
#page-home .feature-card:nth-child(2),
#page-home .preview-card:nth-child(2){background:#f8d8e7 !important;}
#page-home .feature-card:nth-child(3),
#page-home .preview-card:nth-child(3){background:#ded0ef !important;}

#page-home .feature-card:hover,
#page-home .preview-card:hover{
  transform:translateY(-8px) rotate(-1deg) !important;
  box-shadow:0 24px 48px rgba(38,0,51,.11) !important;
}

#page-home .campus-drop{
  padding:clamp(70px,8vw,110px) 0 !important;
  background:var(--refresh-magenta) !important;
  color:#fff !important;
}

#page-home .campus-drop-inner{
  width:min(1180px,calc(100% - 48px)) !important;
}

#page-home .campus-drop h2,
#page-home .campus-drop p{color:#fff !important;}
#page-home .campus-kicker{background:var(--refresh-ink) !important;color:#fff !important;}
#page-home .campus-chip-row span{border:0 !important;background:rgba(255,255,255,.16) !important;color:#fff !important;}

#page-home .campus-machine-creative{
  border:0 !important;
  border-radius:34px !important;
  box-shadow:12px 14px 0 var(--refresh-ink) !important;
}

#page-home [data-home-section="05"]{
  padding:clamp(70px,8vw,112px) 0 !important;
  background:var(--refresh-lavender) !important;
}

#page-home [data-home-section="05"] .section-head h2{
  font-size:clamp(3.5rem,5.8vw,6.4rem) !important;
  line-height:.9 !important;
}

#page-home [data-home-section="06"]{
  padding:clamp(70px,8vw,112px) 0 !important;
  background:var(--refresh-soft) !important;
}

#page-home .ops-flow-panel{
  gap:18px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#page-home .ops-card{
  border:0 !important;
  border-radius:32px !important;
  background:var(--refresh-white) !important;
  box-shadow:none !important;
}

#page-home .ops-card--machine{background:var(--refresh-lavender) !important;}
#page-home .ops-card--payment{background:#f8d8e7 !important;}

#page-home [data-home-section="07"]{
  padding:clamp(70px,8vw,112px) 0 !important;
  background:var(--refresh-purple) !important;
}

#page-home .final-cta{
  max-width:1040px !important;
  padding:clamp(48px,7vw,84px) !important;
  border:0 !important;
  border-radius:42px !important;
  background:var(--refresh-white) !important;
  box-shadow:12px 14px 0 var(--refresh-ink) !important;
}

#page-home .final-cta h2{
  font-size:clamp(3.3rem,5.8vw,6.5rem) !important;
  line-height:.88 !important;
}

#page-home .final-cta .blob{display:none !important;}

@media(max-width:980px){
  #page-home .snap-hero{min-height:auto;}
  #page-home .hero-grid{grid-template-columns:1fr !important;}
  #page-home .hero-copy{text-align:center;}
  #page-home .hero-copy h1,#page-home .hero-copy .lead{margin-inline:auto;}
  #page-home .hero-copy h1{font-size:clamp(4rem,10vw,6.2rem) !important;}
  #page-home .hero-ctas,#page-home .hero-trust-line,#page-home .badge-row{justify-content:center;}
  #page-home .demo-wrap{grid-template-columns:1fr !important;}
}

@media(max-width:640px){
  .home-announcement{height:28px;}
  .home-announcement-track{min-height:28px;}
  body[data-page="home"] .nav{min-height:74px;}
  #page-home .snap-hero{padding-top:34px !important;}
  #page-home .hero-copy h1{font-size:clamp(3.2rem,15vw,4.7rem) !important;}
  #page-home .hero-visual{min-height:450px !important;}
  #page-home .hero-visual::before{width:310px !important;height:360px !important;}
  #page-home .hero-activity{border-radius:20px !important;}
  #page-home .story-marquee-track{min-height:50px;}
  #page-home .demo-wrap,
  #page-home .machine-intel-card,
  #page-home .campus-drop-inner{width:calc(100% - 28px) !important;}
  #page-home .demo-copy h2,
  #page-home .machine-intel-copy h2,
  #page-home [data-home-section="03"] .section-head h2,
  #page-home [data-home-section="05"] .section-head h2,
  #page-home .final-cta h2{font-size:clamp(2.7rem,12vw,4rem) !important;}
  #page-home .machine{border-radius:28px !important;box-shadow:7px 8px 0 var(--refresh-ink) !important;}
  #page-home .machine-intel-card{border-radius:28px !important;padding:30px 20px !important;}
  #page-home .campus-machine-creative{box-shadow:7px 8px 0 var(--refresh-ink) !important;}
  #page-home .final-cta{width:calc(100% - 28px) !important;border-radius:30px !important;box-shadow:7px 8px 0 var(--refresh-ink) !important;}
}

@media(prefers-reduced-motion:reduce){
  .home-announcement-track{animation:none;}
}

/* SnapGo brand palette refresh — Home only */
body[data-page="home"]{
  --sg-coral:#e94a09;--sg-violet:#7b2d8b;--sg-peach:#eda197;
  --sg-mauve:#b23b66;--sg-red:#d04555;--sg-blush:#cb98bf;
  --sg-plum:#9d337a;--sg-orange:#e6503b;--sg-night:#3a1738;
  --sg-yellow:var(--sg-peach);--sg-pink:var(--sg-red);--sg-blue:var(--sg-plum);
  --ink:var(--sg-night);--orange:var(--sg-orange);--purple:var(--sg-violet);
  --amber:var(--sg-yellow);--hot:var(--sg-pink);--cyan:var(--sg-blue);
  --mist:#fff1ed;--ink-soft:#71546d;--refresh-magenta:var(--sg-mauve);
  --refresh-lavender:#f7ded9;--refresh-soft:#fff0ed;--refresh-white:#fffaf8;
  background:#f7ded9;
}
body[data-page="home"]::selection{background:var(--sg-pink);color:#fff;}
body[data-page="home"] .site-header{
  border-bottom:1px solid rgba(131,56,236,.15)!important;
  background:rgba(255,253,253,.88)!important;
  box-shadow:0 10px 34px rgba(37,16,61,.06);
  backdrop-filter:blur(18px) saturate(1.3);
}
body[data-page="home"] .home-announcement{
  background:linear-gradient(90deg,var(--sg-violet),var(--sg-plum),var(--sg-mauve),var(--sg-red),var(--sg-orange),var(--sg-violet))!important;
  background-size:220% 100%!important;color:#fff!important;animation:sgGradientTravel 10s linear infinite;
}
body[data-page="home"] .home-announcement i{background:#fff!important;}
body[data-page="home"] .nav-link{color:var(--sg-night)!important;}
body[data-page="home"] .nav-link::after{background:linear-gradient(90deg,var(--sg-orange),var(--sg-pink),var(--sg-violet))!important;}
body[data-page="home"] .nav-cta .btn,body[data-page="home"] .mobile-menu .btn{
  border-color:var(--sg-night)!important;
  background:linear-gradient(120deg,var(--sg-coral),var(--sg-red),var(--sg-violet))!important;
  background-size:180% 100%!important;color:#fff!important;box-shadow:4px 5px 0 var(--sg-night)!important;
}
body[data-page="home"] .nav-cta .btn:hover{background-position:100% 0!important;}

#page-home{
  --home-ink:var(--sg-night);--home-orange:var(--sg-orange);--home-purple:var(--sg-violet);
  --home-amber:var(--sg-peach);--home-pink:var(--sg-red);--home-cyan:var(--sg-plum);
  --refresh-orange:var(--sg-orange);--refresh-coral:var(--sg-pink);
  --refresh-purple:var(--sg-violet);--refresh-ink:var(--sg-night);--refresh-yellow:var(--sg-yellow);
  color:#71546d;
  background:
    radial-gradient(circle at 2% 3%,rgba(237,161,151,.48),transparent 24rem),
    radial-gradient(circle at 98% 8%,rgba(203,152,191,.32),transparent 28rem),
    radial-gradient(circle at 48% 34%,rgba(208,69,85,.12),transparent 36rem),
    linear-gradient(180deg,#f7ded9 0%,#fff4f0 45%,#f4d4d5 100%)!important;
}
#page-home .snap-hero{
  isolation:isolate;
  background:linear-gradient(rgba(123,45,139,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,45,139,.055) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
#page-home .snap-hero::before,#page-home .snap-hero::after{
  content:"";position:absolute;z-index:-1;width:clamp(260px,35vw,540px);aspect-ratio:1;
  border-radius:45% 55% 60% 40%/55% 40% 60% 45%;opacity:.17;pointer-events:none;
  animation:sgBlobMorph 14s ease-in-out infinite alternate;
}
#page-home .snap-hero::before{top:-22%;right:-12%;background:linear-gradient(135deg,var(--sg-blush),var(--sg-plum),var(--sg-violet));}
#page-home .snap-hero::after{bottom:-35%;left:-14%;background:linear-gradient(135deg,var(--sg-peach),var(--sg-coral),var(--sg-red));animation-delay:-7s;}
#page-home h1,#page-home h2,#page-home h3{color:var(--sg-night)!important;}
#page-home .hero-copy h1 .accent{
  color:transparent!important;
  background:linear-gradient(100deg,var(--sg-coral),var(--sg-red) 42%,var(--sg-plum) 72%,var(--sg-violet));
  background-size:180% auto;-webkit-background-clip:text;background-clip:text;
  animation:sgTextFlow 7s ease-in-out infinite alternate;
}
#page-home .home-kicker{color:#fff!important;background:var(--sg-violet)!important;}
#page-home .eyebrow{color:var(--sg-violet)!important;}
#page-home .home-kicker-dot,#page-home .hero-activity-label i{
  background:var(--sg-coral)!important;box-shadow:0 0 0 6px rgba(233,74,9,.12),0 0 22px rgba(233,74,9,.38)!important;
}
#page-home .badge{
  border-color:rgba(37,16,61,.15)!important;background:rgba(255,255,255,.68)!important;
  color:var(--sg-night)!important;box-shadow:0 8px 24px rgba(37,16,61,.08)!important;backdrop-filter:blur(12px);
}
#page-home .badge:nth-child(1){box-shadow:inset 0 -3px var(--sg-peach),0 8px 24px rgba(58,23,56,.08)!important;}
#page-home .badge:nth-child(2){box-shadow:inset 0 -3px var(--sg-plum),0 8px 24px rgba(58,23,56,.08)!important;}
#page-home .badge:nth-child(3){box-shadow:inset 0 -3px var(--sg-coral),0 8px 24px rgba(58,23,56,.08)!important;}
#page-home .btn-primary{
  position:relative;overflow:hidden;border-color:var(--sg-night)!important;
  background:linear-gradient(115deg,var(--sg-coral),var(--sg-red),var(--sg-violet))!important;
  background-size:190% 100%!important;color:#fff!important;
  box-shadow:6px 7px 0 var(--sg-night),0 15px 28px rgba(255,0,110,.18)!important;
  transition:transform .25s ease,box-shadow .25s ease,background-position .5s ease!important;
}
#page-home .btn-primary::after{content:"";position:absolute;inset:-2px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.48) 48%,transparent 64%);transform:translateX(-120%);transition:transform .65s ease;}
#page-home .btn-primary:hover{background-position:100% 0!important;transform:translateY(-4px) rotate(-1deg);}
#page-home .btn-primary:hover::after{transform:translateX(120%);}
#page-home .btn-secondary{border-color:var(--sg-violet)!important;color:var(--sg-violet)!important;background:rgba(255,255,255,.76)!important;box-shadow:5px 6px 0 rgba(131,56,236,.28)!important;}
#page-home .home-proof{
  --proof-color:var(--sg-coral);border-color:rgba(58,23,56,.14)!important;background:rgba(255,250,248,.72)!important;
  box-shadow:0 14px 40px rgba(37,16,61,.09),inset 0 3px var(--proof-color)!important;
  backdrop-filter:blur(14px);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important;
}
#page-home .home-proof:nth-child(2){--proof-color:var(--sg-red);}
#page-home .home-proof:nth-child(3){--proof-color:var(--sg-plum);}
#page-home .home-proof:hover{transform:translateY(-7px) rotate(var(--tilt));box-shadow:0 22px 45px rgba(37,16,61,.15),inset 0 3px var(--proof-color)!important;}
#page-home .home-proof strong{color:var(--proof-color)!important;}
#page-home .snack-orbit{
  border-color:rgba(131,56,236,.24)!important;
  background:radial-gradient(circle,rgba(255,250,248,.25) 0 45%,transparent 46%),conic-gradient(from 15deg,rgba(237,161,151,.58),rgba(233,74,9,.34),rgba(208,69,85,.3),rgba(157,51,122,.34),rgba(123,45,139,.34),rgba(237,161,151,.58))!important;
  box-shadow:0 0 0 16px rgba(131,56,236,.055),0 30px 70px rgba(37,16,61,.15)!important;
}
#page-home .video-halo{background:linear-gradient(145deg,var(--sg-peach),var(--sg-coral),var(--sg-red),var(--sg-plum),var(--sg-violet))!important;opacity:.58!important;animation:sgHaloPulse 4s ease-in-out infinite;}
#page-home .hero-install-sticker{background:var(--sg-peach)!important;color:var(--sg-night)!important;border-color:var(--sg-night)!important;}
#page-home .hero-live-card{border-color:rgba(37,16,61,.14)!important;background:rgba(255,255,255,.76)!important;box-shadow:0 15px 38px rgba(37,16,61,.12)!important;backdrop-filter:blur(14px);}
#page-home .hero-live-card--payment .hero-live-icon{background:var(--sg-red)!important;}
#page-home .hero-live-card--stock .hero-live-icon{background:var(--sg-plum)!important;}
#page-home .hero-live-card--refill .hero-live-icon{background:var(--sg-peach)!important;color:var(--sg-night)!important;}
#page-home .story-marquee,#page-home .hero-activity{border-color:var(--sg-night)!important;background:linear-gradient(90deg,var(--sg-violet),var(--sg-plum),var(--sg-red),var(--sg-coral))!important;color:#fff!important;}
#page-home .story-marquee b{background:var(--sg-peach)!important;border-color:var(--sg-night)!important;}
#page-home .section-alt{background:linear-gradient(145deg,rgba(255,250,248,.68),rgba(247,222,217,.8))!important;}
#page-home .feature-card,#page-home .preview-card{
  --card-accent:var(--sg-coral);border-color:rgba(58,23,56,.13)!important;background:rgba(255,250,248,.78)!important;
  box-shadow:0 18px 50px rgba(37,16,61,.09)!important;backdrop-filter:blur(12px);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease!important;
}
#page-home .feature-card:nth-child(2),#page-home .preview-card:nth-child(2){--card-accent:var(--sg-red);}
#page-home .feature-card:nth-child(3),#page-home .preview-card:nth-child(3){--card-accent:var(--sg-plum);}
#page-home .feature-card:hover,#page-home .preview-card:hover{transform:translateY(-10px) rotate(-.5deg)!important;border-color:var(--card-accent)!important;box-shadow:0 28px 60px rgba(37,16,61,.15),0 0 0 5px color-mix(in srgb,var(--card-accent) 12%,transparent)!important;}
#page-home .feature-card .card-icon,#page-home .preview-card .card-icon{background:color-mix(in srgb,var(--card-accent) 14%,white)!important;color:var(--card-accent)!important;border-color:var(--card-accent)!important;}
#page-home .machine{border-color:var(--sg-night)!important;background:linear-gradient(155deg,var(--sg-violet),#6422c0)!important;box-shadow:12px 14px 0 var(--sg-night),0 28px 64px rgba(37,16,61,.24)!important;}
#page-home .machine-screen{background:var(--sg-plum)!important;color:#fff!important;}
#page-home .slot{background:#fff!important;border-color:rgba(37,16,61,.15)!important;}
#page-home .slot:hover,#page-home .slot.is-selected{border-color:var(--sg-coral)!important;box-shadow:0 0 0 4px rgba(233,74,9,.14)!important;}
#page-home .final-cta{
  background:radial-gradient(circle at 10% 20%,rgba(237,161,151,.42),transparent 28%),radial-gradient(circle at 90% 75%,rgba(203,152,191,.35),transparent 30%),linear-gradient(125deg,var(--sg-violet),var(--sg-plum),var(--sg-red),var(--sg-coral))!important;
  background-size:auto,auto,180% 180%!important;animation:sgCtaFlow 9s ease-in-out infinite alternate;
}
#page-home .final-cta h2,#page-home .final-cta .lead{color:#fff!important;}

/* Continuous section rhythm and intentionally varied card families */
#page-home #demo,
#page-home .section-bridge--snack,
#page-home [data-home-section="03"],
#page-home .campus-drop,
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{position:relative;isolation:isolate;}

#page-home #demo::after,
#page-home .section-bridge--snack::after,
#page-home [data-home-section="03"]::after,
#page-home .campus-drop::after,
#page-home [data-home-section="05"]::after,
#page-home [data-home-section="06"]::after{
  content:"";position:absolute;z-index:8;left:50%;bottom:-18px;width:44px;height:44px;
  border-radius:14px;background:inherit;transform:translateX(-50%) rotate(45deg);
  box-shadow:8px 8px 18px rgba(37,16,61,.06);pointer-events:none;
}

#page-home [data-home-section="03"] .grid-3{align-items:stretch;}
#page-home .feature-card{
  position:relative;min-height:330px;padding:30px!important;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;text-align:left!important;
}
#page-home .feature-card::before{
  content:"";position:absolute;inset:0 0 auto;height:8px;background:var(--card-accent);
}
#page-home .feature-card::after{
  content:"";position:absolute;right:-45px;top:-48px;width:150px;height:150px;border-radius:50%;
  background:var(--card-accent);opacity:.11;transition:transform .45s ease;
}
#page-home .feature-card:hover::after{transform:scale(1.25);}
#page-home .feature-card .card-icon{
  position:absolute;top:32px;left:30px;width:66px;height:66px;border:0!important;border-radius:22px!important;
  display:grid;place-items:center;transform:rotate(-7deg);
}
#page-home .feature-card .card-number{
  position:absolute;right:24px;top:22px;color:var(--card-accent);font-family:var(--font-mono);
  font-size:2.25rem;font-weight:900;line-height:1;opacity:.55;
}
#page-home .feature-card .card-title{max-width:280px;margin-bottom:12px;font-size:clamp(1.55rem,2.3vw,2.15rem)!important;}
#page-home .feature-card .card-text{color:#71546d!important;line-height:1.7;}

#page-home [data-home-section="05"] .grid-3{
  grid-template-columns:1.1fr .9fr 1.1fr!important;align-items:stretch;
}
#page-home .preview-card{
  position:relative;min-height:360px;padding:32px 28px!important;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;
}
#page-home .preview-card:nth-child(2){transform:translateY(28px);}
#page-home .preview-card:nth-child(2):hover{transform:translateY(18px) rotate(-.5deg)!important;}
#page-home .preview-card::before{
  content:"";position:absolute;inset:0 0 52%;background:var(--card-accent);
  border-radius:30px 30px 52% 48%/30px 30px 28% 24%;opacity:.95;
}
#page-home .preview-card .card-icon{
  position:absolute;z-index:2;left:50%;top:54px;width:92px;height:92px;display:grid;place-items:center;
  border:2px solid rgba(255,255,255,.65)!important;border-radius:50%!important;
  background:rgba(255,255,255,.24)!important;color:#fff!important;font-size:2.5rem;
  transform:translateX(-50%);backdrop-filter:blur(8px);
}
#page-home .preview-card .space-tag{
  position:absolute;z-index:3;top:18px;right:18px;padding:7px 10px;border-radius:999px;
  background:rgba(255,255,255,.86);color:var(--sg-night);font-family:var(--font-mono);
  font-size:.57rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
#page-home .preview-card .card-title,#page-home .preview-card .card-text{position:relative;z-index:2;}
#page-home .preview-card .card-title{margin-bottom:10px;font-size:clamp(1.55rem,2.3vw,2.1rem)!important;}
#page-home .preview-card .card-text{color:#71546d!important;}

#page-home .ops-card{position:relative;overflow:hidden;padding:38px!important;}
#page-home .ops-card--machine{
  background:linear-gradient(145deg,var(--sg-violet),#542252)!important;color:#f8eaf5!important;
  box-shadow:10px 12px 0 var(--sg-night)!important;
}
#page-home .ops-card--machine h3,#page-home .ops-card--machine .feature-row-title{color:#fff!important;}
#page-home .ops-card--machine .feature-row-text{color:#ead8e7!important;}
#page-home .ops-card--machine .ops-tag{background:var(--sg-yellow)!important;color:var(--sg-night)!important;}
#page-home .ops-card--payment{
  background:linear-gradient(145deg,#f9d6cf,var(--sg-peach))!important;color:var(--sg-night)!important;
  box-shadow:10px 12px 0 var(--sg-orange)!important;transform:translateY(22px);
}
#page-home .ops-card--payment h3,#page-home .ops-card--payment .feature-row-title,
#page-home .ops-card--payment .feature-row-text{color:var(--sg-night)!important;}
#page-home .ops-card--payment .ops-tag{background:var(--sg-red)!important;color:#fff!important;}

/* Contrast guardrails for colored surfaces */
#page-home .campus-drop .campus-kicker,
#page-home .campus-drop h2,#page-home .campus-drop p,
#page-home .story-marquee span,#page-home .hero-activity{color:#fff!important;}
#page-home .hero-activity small,#page-home .hero-activity b{color:#fff!important;}
#page-home .machine-intel-copy p,#page-home .demo-hint,
#page-home .card-text,#page-home .lead{color:#71546d;}

@keyframes sgGradientTravel{to{background-position:220% 0}}
@keyframes sgTextFlow{to{background-position:100% 50%}}
@keyframes sgBlobMorph{to{transform:translate3d(3vw,2vh,0) rotate(35deg) scale(1.1);border-radius:60% 40% 42% 58%/38% 58% 42% 62%}}
@keyframes sgHaloPulse{50%{transform:scale(1.08) rotate(8deg);opacity:.78}}
@keyframes sgCtaFlow{to{background-position:0 0,0 0,100% 50%}}
@media(max-width:640px){#page-home .snap-hero{background-size:32px 32px!important;}}
@media(max-width:900px){
  #page-home [data-home-section="05"] .grid-3{grid-template-columns:1fr 1fr!important;}
  #page-home .preview-card:nth-child(2){transform:none;}
  #page-home .ops-card--payment{transform:none;}
}
@media(max-width:640px){
  #page-home [data-home-section="05"] .grid-3{grid-template-columns:1fr!important;}
  #page-home .feature-card{min-height:300px;}
  #page-home .preview-card{min-height:340px;}
  #page-home #demo::after,#page-home .section-bridge--snack::after,
  #page-home [data-home-section="03"]::after,#page-home .campus-drop::after,
  #page-home [data-home-section="05"]::after,#page-home [data-home-section="06"]::after{width:34px;height:34px;bottom:-14px;}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-announcement,#page-home .hero-copy h1 .accent,
  #page-home .snap-hero::before,#page-home .snap-hero::after,#page-home .video-halo,#page-home .final-cta{animation:none!important;}
}

/* Consistent home-page typography scale */
#page-home{
  --home-hero-title:clamp(3.25rem,5.2vw,5.65rem);
  --home-section-title:clamp(2.35rem,3.7vw,3.75rem);
  --home-card-title:clamp(1.35rem,1.8vw,1.75rem);
  --home-body:clamp(.96rem,1.05vw,1.08rem);
  --home-small:.82rem;
}

/* Hero is the only intentionally oversized heading */
#page-home .hero-copy h1{
  font-size:var(--home-hero-title)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}
#page-home .hero-copy .lead{
  max-width:620px;
  font-size:clamp(1.02rem,1.25vw,1.16rem)!important;
  line-height:1.65!important;
}

/* One heading rhythm across every section */
#page-home .demo-copy h2,
#page-home .machine-intel-copy h2,
#page-home [data-home-section="03"] .section-head h2,
#page-home .campus-drop h2,
#page-home [data-home-section="05"] .section-head h2,
#page-home [data-home-section="06"] .section-head h2,
#page-home .final-cta h2{
  max-width:820px;
  margin-bottom:18px!important;
  font-size:var(--home-section-title)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

#page-home .section-head{max-width:820px;margin-bottom:38px!important;}
#page-home .section-head.center{margin-left:auto;margin-right:auto;}
#page-home [data-home-section="05"] .section-head h2{max-width:760px;}
#page-home .machine-intel-copy h2{max-width:620px;}
#page-home .campus-drop h2{max-width:590px;color:#fff!important;}
#page-home .final-cta h2{max-width:650px;color:#fff!important;}

/* One paragraph size and reading width across content sections */
#page-home .demo-copy > p,
#page-home .machine-intel-copy > p,
#page-home .feature-card .card-text,
#page-home .campus-drop-copy > p,
#page-home .preview-card .card-text,
#page-home .feature-row-text,
#page-home .final-cta .lead{
  font-size:var(--home-body)!important;
  line-height:1.7!important;
  letter-spacing:-.005em;
}
#page-home .demo-copy > p,
#page-home .machine-intel-copy > p,
#page-home .campus-drop-copy > p,
#page-home .final-cta .lead{max-width:620px;}

/* Cards use a clear, smaller title level */
#page-home .feature-card .card-title,
#page-home .preview-card .card-title,
#page-home .ops-card h3{
  font-size:var(--home-card-title)!important;
  line-height:1.18!important;
  letter-spacing:-.018em!important;
}
#page-home .feature-row-title{font-size:1rem!important;line-height:1.35!important;}
#page-home .eyebrow,#page-home .home-kicker,#page-home .ops-tag,
#page-home .space-tag{font-size:var(--home-small)!important;}

/* Tighter vertical rhythm prevents sections feeling billboard-sized */
#page-home #demo,
#page-home .section-bridge--snack,
#page-home [data-home-section="03"],
#page-home .campus-drop,
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{
  padding-top:clamp(58px,6vw,82px)!important;
  padding-bottom:clamp(58px,6vw,82px)!important;
}
#page-home .final-cta{padding:clamp(42px,5vw,66px)!important;}

@media(max-width:640px){
  #page-home{
    --home-hero-title:clamp(2.8rem,13vw,3.8rem);
    --home-section-title:clamp(2rem,9vw,2.65rem);
    --home-card-title:1.42rem;
    --home-body:.96rem;
    --home-small:.68rem;
  }
  #page-home .hero-copy h1{line-height:.98!important;}
  #page-home .section-head{margin-bottom:28px!important;}
  #page-home .demo-copy h2,#page-home .machine-intel-copy h2,
  #page-home [data-home-section="03"] .section-head h2,
  #page-home .campus-drop h2,#page-home [data-home-section="05"] .section-head h2,
  #page-home [data-home-section="06"] .section-head h2,#page-home .final-cta h2{
    font-size:var(--home-section-title)!important;
  }
}

/* Oversized editorial watermarks — energetic but still one canvas */
#page-home .snap-hero,
#page-home #demo,
#page-home .section-bridge--snack,
#page-home [data-home-section="03"],
#page-home .campus-drop,
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{
  overflow:hidden!important;
}

#page-home .snap-hero::after,
#page-home #demo::before,
#page-home .section-bridge--snack::before,
#page-home [data-home-section="03"]::before,
#page-home .campus-drop::before,
#page-home [data-home-section="05"]::before,
#page-home [data-home-section="06"]::before,
#page-home [data-home-section="07"]::before{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:rgba(255,255,255,.07)!important;
  font-family:var(--font-display)!important;
  font-size:clamp(6rem,16vw,15rem)!important;
  font-weight:900!important;
  line-height:.72!important;
  letter-spacing:-.07em!important;
  white-space:nowrap!important;
  text-transform:uppercase;
  pointer-events:none!important;
  opacity:1!important;
  clip-path:none!important;
  filter:none!important;
}

#page-home .snap-hero::after{
  content:"SNAPGO"!important;
  top:-1.5rem!important;
  left:7%!important;
  color:rgba(255,255,255,.065)!important;
  transform:rotate(-5deg)!important;
}
#page-home #demo::before{
  content:"TAP • PAY • PICK"!important;
  right:-8%!important;
  top:8%!important;
  color:rgba(237,161,151,.075)!important;
  transform:rotate(4deg)!important;
}
#page-home .section-bridge--snack::before{
  content:"ALWAYS STOCKED"!important;
  left:-5%!important;
  bottom:2%!important;
  color:rgba(255,255,255,.055)!important;
  transform:rotate(-4deg)!important;
}
#page-home [data-home-section="03"]::before{
  content:"BREAK BETTER"!important;
  right:-10%!important;
  top:4%!important;
  color:rgba(237,161,151,.07)!important;
  transform:rotate(5deg)!important;
}
#page-home .campus-drop::before{
  content:"ZERO QUEUES"!important;
  left:-6%!important;
  bottom:5%!important;
  color:rgba(255,255,255,.06)!important;
  transform:rotate(-5deg)!important;
}
#page-home [data-home-section="05"]::before{
  content:"EVERYWHERE"!important;
  right:-7%!important;
  top:2%!important;
  color:rgba(203,152,191,.085)!important;
  transform:rotate(4deg)!important;
}
#page-home [data-home-section="06"]::before{
  content:"WE HANDLE IT"!important;
  left:-8%!important;
  bottom:3%!important;
  color:rgba(237,161,151,.065)!important;
  transform:rotate(-4deg)!important;
}
#page-home [data-home-section="07"]::before{
  content:"READY?"!important;
  right:0!important;
  top:0!important;
  color:rgba(255,255,255,.055)!important;
  transform:rotate(3deg)!important;
}

/* Outline treatment on alternating words adds Delulu-like depth */
#page-home .section-bridge--snack::before,
#page-home .campus-drop::before,
#page-home [data-home-section="06"]::before{
  color:transparent!important;
  -webkit-text-stroke:2px rgba(237,161,151,.11);
  text-stroke:2px rgba(237,161,151,.11);
}

/* Ensure real content always sits above the editorial art */
#page-home .snap-hero .container,
#page-home #demo > .container,
#page-home .section-bridge--snack > .container,
#page-home [data-home-section="03"] > .container,
#page-home .campus-drop > .container,
#page-home [data-home-section="05"] > .container,
#page-home [data-home-section="06"] > .container,
#page-home [data-home-section="07"] > .container{
  position:relative!important;
  z-index:3!important;
}

/* Extra orbital accents around the editorial words */
#page-home .section-head::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:120px;
  height:120px;
  left:50%;
  top:50%;
  border:1px solid rgba(237,161,151,.12);
  border-radius:50%;
  box-shadow:
    0 0 0 18px rgba(237,161,151,.035),
    0 0 0 42px rgba(203,152,191,.025);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
#page-home .section-head{position:relative;}

@media(max-width:640px){
  #page-home .snap-hero::after,
  #page-home #demo::before,
  #page-home .section-bridge--snack::before,
  #page-home [data-home-section="03"]::before,
  #page-home .campus-drop::before,
  #page-home [data-home-section="05"]::before,
  #page-home [data-home-section="06"]::before,
  #page-home [data-home-section="07"]::before{
    font-size:clamp(4.5rem,23vw,7.5rem)!important;
    opacity:.78!important;
  }
  #page-home .section-head::before{width:84px;height:84px;}
}

/* Campaign-style visual layer inspired by high-energy functional brands */
#page-home .snap-hero{
  color:#fff;
  background:
    radial-gradient(circle at 78% 28%,rgba(237,161,151,.22),transparent 28rem),
    radial-gradient(circle at 8% 82%,rgba(233,74,9,.28),transparent 25rem),
    repeating-radial-gradient(ellipse at 70% 48%,transparent 0 18px,rgba(203,152,191,.055) 19px 21px),
    linear-gradient(125deg,#3a1738 0%,var(--sg-violet) 47%,var(--sg-plum) 72%,var(--sg-red) 100%)!important;
}
#page-home .snap-hero::before{opacity:.28;mix-blend-mode:screen;}
#page-home .snap-hero::after{opacity:.18;mix-blend-mode:screen;}
#page-home .hero-copy h1{color:#fff!important;text-shadow:0 4px 30px rgba(58,23,56,.22);}
#page-home .hero-copy h1 .accent{
  background:linear-gradient(95deg,var(--sg-peach),#fff0e9 35%,var(--sg-coral) 75%,var(--sg-peach))!important;
  background-size:180% auto!important;-webkit-background-clip:text!important;background-clip:text!important;
}
#page-home .hero-copy .lead{color:#f6e9f3!important;}
#page-home .home-kicker{background:var(--sg-coral)!important;color:#fff!important;box-shadow:4px 5px 0 var(--sg-night)!important;}
#page-home .badge{background:rgba(255,250,248,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;box-shadow:none!important;}
#page-home .hero-trust-line{color:#f8edf5!important;}
#page-home .hero-trust-line b{color:var(--sg-peach)!important;}
#page-home .home-proof{background:rgba(255,250,248,.11)!important;border-color:rgba(255,255,255,.19)!important;color:#f6e9f3!important;}
#page-home .home-proof strong{color:#fff!important;}
#page-home .home-proof span{color:#f1dfea!important;}
#page-home .hero-visual::before{
  background:rgba(255,250,248,.09)!important;
  box-shadow:0 0 0 24px rgba(237,161,151,.08),0 34px 80px rgba(58,23,56,.28)!important;
}

/* The section palette moves like one continuous warm spectrum */
#page-home #demo{
  background:
    repeating-radial-gradient(ellipse at 12% 18%,transparent 0 22px,rgba(123,45,139,.04) 23px 25px),
    linear-gradient(135deg,#fff1ed,#f4d1d0)!important;
}
#page-home .section-bridge--snack{
  background:
    radial-gradient(circle at 90% 10%,rgba(237,161,151,.14),transparent 25rem),
    repeating-radial-gradient(ellipse at 80% 30%,transparent 0 18px,rgba(203,152,191,.04) 19px 21px),
    var(--sg-night)!important;
}
#page-home .machine-intel-card{
  background:linear-gradient(135deg,#fffaf8,#f8e3e1)!important;
  box-shadow:0 28px 65px rgba(58,23,56,.2),inset 8px 0 0 var(--sg-coral)!important;
}
#page-home [data-home-section="03"]{
  background:
    repeating-radial-gradient(ellipse at 50% 20%,transparent 0 24px,rgba(255,255,255,.055) 25px 27px),
    linear-gradient(135deg,var(--sg-coral),var(--sg-orange) 42%,var(--sg-red))!important;
}
#page-home [data-home-section="03"] .eyebrow{color:#fff!important;}
#page-home [data-home-section="03"] .section-head h2{color:#fff!important;}
#page-home [data-home-section="03"] .feature-card{
  background:#fff7f3!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 18px 45px rgba(91,24,39,.18)!important;
}

#page-home .campus-drop{
  background:
    radial-gradient(circle at 15% 80%,rgba(237,161,151,.25),transparent 24rem),
    repeating-radial-gradient(ellipse at 76% 42%,transparent 0 20px,rgba(255,255,255,.05) 21px 23px),
    linear-gradient(125deg,var(--sg-red),var(--sg-mauve),var(--sg-plum))!important;
}

#page-home [data-home-section="05"]{
  background:
    repeating-radial-gradient(ellipse at 50% 10%,transparent 0 22px,rgba(255,255,255,.052) 23px 25px),
    linear-gradient(135deg,var(--sg-violet),var(--sg-plum) 55%,var(--sg-mauve))!important;
}
#page-home [data-home-section="05"] .eyebrow{color:var(--sg-peach)!important;}
#page-home [data-home-section="05"] .section-head h2{color:#fff!important;}
#page-home [data-home-section="05"] .preview-card{
  background:#fff7f3!important;box-shadow:0 20px 52px rgba(58,23,56,.26)!important;
}
#page-home [data-home-section="05"] .btn-secondary{
  background:var(--sg-peach)!important;border-color:var(--sg-night)!important;color:var(--sg-night)!important;
  box-shadow:5px 6px 0 var(--sg-night)!important;
}

#page-home [data-home-section="06"]{
  background:
    radial-gradient(circle at 8% 15%,rgba(233,74,9,.1),transparent 22rem),
    repeating-radial-gradient(ellipse at 90% 40%,transparent 0 22px,rgba(123,45,139,.038) 23px 25px),
    linear-gradient(135deg,#f9ded8,var(--sg-peach))!important;
}

#page-home [data-home-section="07"]{
  background:
    repeating-radial-gradient(ellipse at 12% 50%,transparent 0 20px,rgba(255,255,255,.05) 21px 23px),
    linear-gradient(120deg,var(--sg-night),var(--sg-violet),var(--sg-plum))!important;
}

/* Strong editorial accents, while preserving the shared type scale */
#page-home .section-head h2::after,
#page-home .demo-copy h2::after,
#page-home .machine-intel-copy h2::after,
#page-home .campus-drop h2::after{
  content:"";display:block;width:74px;height:6px;margin-top:18px;border-radius:999px;
  background:linear-gradient(90deg,var(--sg-coral),var(--sg-peach));
}
#page-home .section-head.center h2::after{margin-left:auto;margin-right:auto;}
#page-home [data-home-section="03"] .section-head h2::after,
#page-home [data-home-section="05"] .section-head h2::after{background:var(--sg-peach);}

#page-home .feature-card:nth-child(1),#page-home .preview-card:nth-child(1){transform:rotate(-1deg);}
#page-home .feature-card:nth-child(3),#page-home .preview-card:nth-child(3){transform:rotate(1deg);}
#page-home .feature-card:hover,#page-home .preview-card:hover{transform:translateY(-9px) rotate(0deg)!important;}

/* Bold section labels behave like campaign navigation chips */
#page-home .eyebrow{
  padding:8px 13px;border:1px solid currentColor;border-radius:999px;
  background:rgba(255,250,248,.1);letter-spacing:.12em!important;
}

@media(max-width:900px){
  #page-home .snap-hero{text-align:center;}
  #page-home .feature-card:nth-child(1),#page-home .feature-card:nth-child(3),
  #page-home .preview-card:nth-child(1),#page-home .preview-card:nth-child(3){transform:none;}
}

/* Live activity ticker contrast */
#page-home .hero-activity{
  min-height:58px;
  border:1px solid rgba(255,255,255,.22)!important;
  background:linear-gradient(90deg,#642562,var(--sg-plum),var(--sg-red))!important;
  box-shadow:0 16px 42px rgba(58,23,56,.28)!important;
}
#page-home .hero-activity-label{
  align-self:stretch;
  padding:0 22px!important;
  background:var(--sg-night)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
#page-home .hero-activity-label i{
  background:var(--sg-peach)!important;
  box-shadow:0 0 0 5px rgba(237,161,151,.14),0 0 18px rgba(237,161,151,.55)!important;
}
#page-home .hero-activity-track{min-height:58px;gap:24px!important;padding-left:26px!important;}
#page-home .hero-activity-track span{
  color:#fff!important;
  font-size:.82rem!important;
  font-weight:700!important;
  letter-spacing:.005em;
  text-shadow:0 1px 8px rgba(58,23,56,.28);
}
#page-home .hero-activity-track b{color:#ffe1d9!important;font-weight:900!important;}
#page-home .hero-activity-track i{background:var(--sg-peach)!important;opacity:1!important;}

@media(max-width:640px){
  #page-home .hero-activity{min-height:52px;}
  #page-home .hero-activity-label{padding:0 13px!important;font-size:.57rem!important;}
  #page-home .hero-activity-track{min-height:52px;gap:18px!important;padding-left:18px!important;}
  #page-home .hero-activity-track span{font-size:.72rem!important;}
}

/* Full-width flowing seams connect the page into one continuous story */
#page-home #demo::after,
#page-home .section-bridge--snack::after,
#page-home [data-home-section="03"]::after,
#page-home .campus-drop::after,
#page-home [data-home-section="05"]::after,
#page-home [data-home-section="06"]::after{display:none!important;}

#page-home #demo,
#page-home .section-bridge--snack,
#page-home [data-home-section="03"],
#page-home .campus-drop,
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{
  overflow:visible!important;
  margin-top:-1px!important;
}

#page-home #demo::before,
#page-home .section-bridge--snack::before,
#page-home [data-home-section="03"]::before,
#page-home .campus-drop::before,
#page-home [data-home-section="05"]::before,
#page-home [data-home-section="06"]::before,
#page-home [data-home-section="07"]::before{
  content:"";
  position:absolute;
  z-index:1;
  left:-3%;
  top:-34px;
  width:106%;
  height:56px;
  pointer-events:none;
  clip-path:polygon(0 52%,7% 38%,15% 48%,24% 24%,34% 42%,45% 18%,56% 40%,67% 21%,78% 43%,89% 25%,100% 47%,100% 100%,0 100%);
}

#page-home #demo::before{background:#fff1ed;}
#page-home .section-bridge--snack::before{background:var(--sg-night);}
#page-home [data-home-section="03"]::before{background:var(--sg-coral);}
#page-home .campus-drop::before{background:var(--sg-red);}
#page-home [data-home-section="05"]::before{background:var(--sg-violet);}
#page-home [data-home-section="06"]::before{background:#f9ded8;}
#page-home [data-home-section="07"]::before{background:var(--sg-night);}

#page-home #demo > .container,
#page-home .section-bridge--snack > .container,
#page-home [data-home-section="03"] > .container,
#page-home .campus-drop > .container,
#page-home [data-home-section="05"] > .container,
#page-home [data-home-section="06"] > .container,
#page-home [data-home-section="07"] > .container{
  position:relative;
  z-index:3;
}

/* The same flowing line reappears inside sections as a shared visual motif */
#page-home #demo > .container::before,
#page-home [data-home-section="03"] > .container::before,
#page-home [data-home-section="05"] > .container::before,
#page-home [data-home-section="06"] > .container::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:2%;
  right:2%;
  top:50%;
  height:150px;
  border:2px solid currentColor;
  border-left:0;
  border-right:0;
  border-radius:50%;
  opacity:.055;
  transform:rotate(-2deg);
  pointer-events:none;
}

/* Bridge narrow utility strips into neighbouring sections */
#page-home .story-marquee--soft{
  z-index:7;
  margin:-1px 0!important;
  box-shadow:0 -10px 28px rgba(58,23,56,.12),0 10px 28px rgba(58,23,56,.12);
}

/* Small edge markers make the section sequence feel intentional */
#page-home [data-home-section]::marker{display:none;}
#page-home [data-home-section] > .container::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  right:clamp(20px,4vw,42px);
  color:currentColor;
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.16em;
  opacity:.28;
}
#page-home #demo > .container::after{content:"01";}
#page-home .section-bridge--snack > .container::after{content:"02";}
#page-home [data-home-section="03"] > .container::after{content:"03";}
#page-home .campus-drop > .container::after{content:"04";}
#page-home [data-home-section="05"] > .container::after{content:"05";}
#page-home [data-home-section="06"] > .container::after{content:"06";}
#page-home [data-home-section="07"] > .container::after{content:"07";}
#page-home .campus-drop > .container::after{color:#fff;}

@media(max-width:640px){
  #page-home #demo::before,#page-home .section-bridge--snack::before,
  #page-home [data-home-section="03"]::before,#page-home .campus-drop::before,
  #page-home [data-home-section="05"]::before,#page-home [data-home-section="06"]::before,
  #page-home [data-home-section="07"]::before{
    top:-22px;height:38px;
    clip-path:polygon(0 54%,12% 35%,25% 55%,38% 25%,52% 48%,67% 28%,82% 52%,100% 34%,100% 100%,0 100%);
  }
  #page-home #demo > .container::before,#page-home [data-home-section="03"] > .container::before,
  #page-home [data-home-section="05"] > .container::before,#page-home [data-home-section="06"] > .container::before{height:90px;}
}

/* =========================================================
   ONE CONTINUOUS CANVAS
   Sections change texture and composition, not page identity.
   ========================================================= */
#page-home{
  --flow-deep:#3a1738;
  --flow-purple:#66216f;
  --flow-plum:#7b2d8b;
  --flow-wine:#8f2d68;
  --flow-copy:#f4dfed;
  background:var(--flow-purple)!important;
}

#page-home .snap-hero,
#page-home #demo,
#page-home .section-bridge--snack,
#page-home [data-home-section="03"],
#page-home .campus-drop,
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{
  border:0!important;
  box-shadow:none!important;
  color:var(--flow-copy);
}

#page-home .snap-hero{
  background:
    radial-gradient(circle at 80% 28%,rgba(237,161,151,.19),transparent 30rem),
    repeating-radial-gradient(ellipse at 70% 46%,transparent 0 20px,rgba(255,255,255,.045) 21px 23px),
    linear-gradient(125deg,var(--flow-deep),var(--flow-purple) 46%,var(--flow-wine))!important;
}

#page-home #demo{
  background:
    radial-gradient(circle at 10% 12%,rgba(233,74,9,.12),transparent 28rem),
    repeating-linear-gradient(118deg,transparent 0 31px,rgba(203,152,191,.035) 32px 34px),
    linear-gradient(180deg,var(--flow-wine),var(--flow-purple))!important;
}

#page-home .section-bridge--snack{
  background:
    radial-gradient(circle at 88% 20%,rgba(237,161,151,.13),transparent 27rem),
    repeating-radial-gradient(ellipse at 80% 32%,transparent 0 18px,rgba(255,255,255,.04) 19px 21px),
    linear-gradient(180deg,var(--flow-purple),#57205f)!important;
}

#page-home [data-home-section="03"]{
  background:
    radial-gradient(circle at 15% 72%,rgba(233,74,9,.17),transparent 25rem),
    repeating-radial-gradient(ellipse at 50% 20%,transparent 0 24px,rgba(255,255,255,.045) 25px 27px),
    linear-gradient(180deg,#57205f,var(--flow-plum))!important;
}

#page-home .campus-drop{
  background:
    radial-gradient(circle at 18% 82%,rgba(237,161,151,.18),transparent 23rem),
    repeating-linear-gradient(72deg,transparent 0 34px,rgba(255,255,255,.04) 35px 37px),
    linear-gradient(180deg,var(--flow-plum),var(--flow-wine))!important;
}

#page-home [data-home-section="05"]{
  background:
    radial-gradient(circle at 87% 18%,rgba(203,152,191,.16),transparent 26rem),
    repeating-radial-gradient(ellipse at 52% 10%,transparent 0 22px,rgba(255,255,255,.045) 23px 25px),
    linear-gradient(180deg,var(--flow-wine),#71246f)!important;
}

#page-home [data-home-section="06"]{
  background:
    radial-gradient(circle at 8% 20%,rgba(233,74,9,.14),transparent 24rem),
    repeating-linear-gradient(120deg,transparent 0 28px,rgba(203,152,191,.035) 29px 31px),
    linear-gradient(180deg,#71246f,var(--flow-purple))!important;
}

#page-home [data-home-section="07"]{
  background:
    radial-gradient(circle at 82% 34%,rgba(237,161,151,.14),transparent 28rem),
    repeating-radial-gradient(ellipse at 12% 50%,transparent 0 20px,rgba(255,255,255,.04) 21px 23px),
    linear-gradient(180deg,var(--flow-purple),var(--flow-deep))!important;
}

/* Seam waves use neighbouring purple tones, eliminating hard color cuts */
#page-home #demo::before{background:var(--flow-wine)!important;}
#page-home .section-bridge--snack::before{background:var(--flow-purple)!important;}
#page-home [data-home-section="03"]::before{background:#57205f!important;}
#page-home .campus-drop::before{background:var(--flow-plum)!important;}
#page-home [data-home-section="05"]::before{background:var(--flow-wine)!important;}
#page-home [data-home-section="06"]::before{background:#71246f!important;}
#page-home [data-home-section="07"]::before{background:var(--flow-purple)!important;}

/* One flowing coral ribbon crosses sections instead of becoming a section */
#page-home [data-home-section="03"]::after,
#page-home .campus-drop::after,
#page-home [data-home-section="05"]::after{
  display:block!important;
  content:"";
  position:absolute;
  z-index:1;
  left:-8%;
  width:116%;
  height:74px;
  border-radius:48% 52% 0 0/100% 100% 0 0;
  pointer-events:none;
  opacity:.92;
}
#page-home [data-home-section="03"]::after{
  bottom:-32px;
  background:linear-gradient(90deg,var(--sg-coral),var(--sg-red),var(--sg-mauve));
  transform:rotate(-1.5deg);
}
#page-home .campus-drop::after{
  top:-25px;
  background:linear-gradient(90deg,var(--sg-mauve),var(--sg-red),var(--sg-coral));
  transform:rotate(1deg);
  opacity:.34;
}
#page-home [data-home-section="05"]::after{
  bottom:-30px;
  background:linear-gradient(90deg,var(--sg-plum),var(--sg-mauve),var(--sg-red));
  transform:rotate(.8deg);
  opacity:.3;
}

/* Content remains readable on the shared dark canvas */
#page-home #demo h2,
#page-home #demo .eyebrow,
#page-home [data-home-section="03"] h2,
#page-home [data-home-section="03"] .eyebrow,
#page-home .campus-drop h2,
#page-home [data-home-section="05"] h2,
#page-home [data-home-section="06"] h2,
#page-home [data-home-section="06"] .eyebrow,
#page-home [data-home-section="07"] h2{color:#fff!important;}

#page-home #demo .lead,
#page-home #demo .demo-hint,
#page-home .campus-drop p,
#page-home [data-home-section="07"] .lead{color:var(--flow-copy)!important;}

#page-home #demo .demo-counter{
  border-color:rgba(255,255,255,.2)!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}

#page-home .machine-intel-card,
#page-home .feature-card,
#page-home .preview-card,
#page-home .ops-card{
  position:relative;
  z-index:4;
}

#page-home .machine-intel-card{
  background:rgba(255,250,248,.94)!important;
  box-shadow:0 30px 70px rgba(35,10,35,.28),inset 8px 0 0 var(--sg-coral)!important;
}

#page-home .feature-card,
#page-home .preview-card{
  background:#fff8f5!important;
  box-shadow:0 22px 50px rgba(35,10,35,.23)!important;
}

#page-home .ops-card--machine{background:linear-gradient(145deg,#4b184e,#321333)!important;}
#page-home .ops-card--payment{background:linear-gradient(145deg,#f6d5ce,var(--sg-peach))!important;}

/* Remove floating panel feeling from the final CTA */
#page-home .final-cta{
  max-width:1180px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(237,161,151,.2),transparent 22rem),
    linear-gradient(125deg,rgba(233,74,9,.22),rgba(157,51,122,.38))!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
}

/* Fade patterns into one another at every boundary */
#page-home #demo::after,
#page-home .section-bridge--snack::after,
#page-home [data-home-section="06"]::after{
  content:"";
  display:block!important;
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:-45px;
  height:90px;
  background:linear-gradient(180deg,rgba(58,23,56,0),rgba(58,23,56,.12),rgba(58,23,56,0));
  pointer-events:none;
}

@media(max-width:640px){
  #page-home [data-home-section="03"]::after,
  #page-home .campus-drop::after,
  #page-home [data-home-section="05"]::after{height:46px;}
}

/* Final merge: one page background, transparent content zones */
#page-home{
  background:
    radial-gradient(circle at 84% 13%,rgba(203,152,191,.13),transparent 28rem),
    radial-gradient(circle at 12% 38%,rgba(233,74,9,.1),transparent 30rem),
    radial-gradient(circle at 82% 68%,rgba(208,69,85,.12),transparent 32rem),
    repeating-radial-gradient(ellipse at 50% 0%,transparent 0 24px,rgba(255,255,255,.027) 25px 27px),
    linear-gradient(180deg,#48194c 0%,#6a2373 28%,#7b2d76 53%,#672069 76%,#351333 100%)!important;
}

#page-home #demo,
#page-home .section-bridge--snack,
#page-home [data-home-section="03"],
#page-home .campus-drop,
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Keep editorial watermarks above all legacy pseudo-element overrides */
#page-home .snap-hero::after{display:block!important;content:"SNAPGO"!important;}
#page-home #demo::before{display:block!important;content:"TAP \2022  PAY \2022  PICK"!important;}
#page-home .section-bridge--snack::before{display:block!important;content:"ALWAYS STOCKED"!important;}
#page-home .section.home-wallpaper-section[data-home-section="03"]::before{
  display:block!important;content:"BREAK BETTER"!important;
}
#page-home .campus-drop[data-home-section="04"]::before{
  display:block!important;content:"ZERO QUEUES"!important;
}
#page-home .section.home-wallpaper-section[data-home-section="05"]::before{
  display:block!important;content:"EVERYWHERE"!important;
}
#page-home .section.home-wallpaper-section[data-home-section="06"]::before{
  display:block!important;content:"WE HANDLE IT"!important;
}
#page-home .section[data-home-section="07"]::before{
  display:block!important;content:"READY?"!important;
}

/* Refined background art: soft glows + isolated topographic orbs */
#page-home{
  background:
    radial-gradient(circle at 92% 8%,rgba(203,152,191,.18),transparent 24rem),
    radial-gradient(circle at 4% 31%,rgba(233,74,9,.11),transparent 28rem),
    radial-gradient(circle at 96% 58%,rgba(208,69,85,.13),transparent 30rem),
    radial-gradient(circle at 8% 83%,rgba(237,161,151,.1),transparent 28rem),
    linear-gradient(180deg,#48194c 0%,#622069 27%,#772873 52%,#642064 76%,#351333 100%)!important;
}

/* Remove the previous wide pattern pools */
#page-home #demo > .container::before,
#page-home [data-home-section="03"] > .container::before,
#page-home [data-home-section="05"] > .container::before,
#page-home [data-home-section="06"] > .container::before{
  width:clamp(280px,38vw,520px)!important;
  height:clamp(280px,38vw,520px)!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  border-radius:50%!important;
  background:
    repeating-radial-gradient(
      circle at 50% 50%,
      transparent 0 24px,
      rgba(255,255,255,.055) 25px 27px,
      transparent 28px 42px
    )!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.72) 62%,transparent 76%);
  mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.72) 62%,transparent 76%);
  pointer-events:none!important;
}

#page-home #demo > .container::before{
  right:-16%!important;
  top:8%!important;
  transform:scaleY(.78) rotate(-9deg)!important;
}
#page-home [data-home-section="03"] > .container::before{
  left:-18%!important;
  top:5%!important;
  transform:scaleX(1.12) rotate(12deg)!important;
}
#page-home [data-home-section="05"] > .container::before{
  right:-20%!important;
  top:10%!important;
  transform:scaleY(.82) rotate(-12deg)!important;
}
#page-home [data-home-section="06"] > .container::before{
  left:-17%!important;
  bottom:-4%!important;
  transform:scaleX(1.08) rotate(8deg)!important;
}

/* Tiny constellation dots add depth without creating another pattern wall */
#page-home #demo > .container::after,
#page-home [data-home-section="03"] > .container::after,
#page-home [data-home-section="05"] > .container::after,
#page-home [data-home-section="06"] > .container::after{
  width:92px!important;
  height:92px!important;
  top:clamp(22px,4vw,52px)!important;
  right:clamp(20px,5vw,62px)!important;
  color:transparent!important;
  font-size:0!important;
  opacity:.42!important;
  background-image:radial-gradient(circle,rgba(237,161,151,.9) 0 2px,transparent 3px)!important;
  background-size:18px 18px!important;
  border:0!important;
  pointer-events:none!important;
}
#page-home [data-home-section="03"] > .container::after,
#page-home [data-home-section="06"] > .container::after{
  right:auto!important;
  left:clamp(20px,5vw,62px)!important;
}

/* Accent glows are soft and organic, never ribbon-like */
#page-home [data-home-section="03"]::after,
#page-home .campus-drop::after,
#page-home [data-home-section="05"]::after{
  filter:blur(18px)!important;
  opacity:.58!important;
}

@media(max-width:640px){
  #page-home #demo > .container::before,
  #page-home [data-home-section="03"] > .container::before,
  #page-home [data-home-section="05"] > .container::before,
  #page-home [data-home-section="06"] > .container::before{
    width:280px!important;
    height:280px!important;
    opacity:.72!important;
  }
  #page-home #demo > .container::after,
  #page-home [data-home-section="03"] > .container::after,
  #page-home [data-home-section="05"] > .container::after,
  #page-home [data-home-section="06"] > .container::after{
    width:64px!important;
    height:64px!important;
    background-size:16px 16px!important;
    opacity:.3!important;
  }
}

/* Remove every full-width separator shape; patterns now live on the page */
#page-home #demo::before,
#page-home .section-bridge--snack::before,
#page-home [data-home-section="03"]::before,
#page-home .campus-drop::before,
#page-home [data-home-section="05"]::before,
#page-home [data-home-section="06"]::before,
#page-home [data-home-section="07"]::before,
#page-home #demo::after,
#page-home .section-bridge--snack::after,
#page-home [data-home-section="06"]::after{
  display:none!important;
  content:none!important;
}

/* Local pattern pools have soft edges and never form rectangular bands */
#page-home #demo > .container::before,
#page-home [data-home-section="03"] > .container::before,
#page-home [data-home-section="05"] > .container::before,
#page-home [data-home-section="06"] > .container::before{
  left:-12%!important;
  right:-12%!important;
  top:14%!important;
  height:72%!important;
  border:0!important;
  border-radius:50%!important;
  opacity:1!important;
  transform:none!important;
  filter:blur(2px);
}
#page-home #demo > .container::before{
  background:repeating-linear-gradient(118deg,transparent 0 28px,rgba(237,161,151,.035) 29px 31px);
}
#page-home [data-home-section="03"] > .container::before{
  background:repeating-radial-gradient(ellipse at 52% 45%,transparent 0 23px,rgba(203,152,191,.038) 24px 26px);
}
#page-home [data-home-section="05"] > .container::before{
  background:repeating-radial-gradient(circle at 70% 40%,transparent 0 25px,rgba(255,255,255,.033) 26px 28px);
}
#page-home [data-home-section="06"] > .container::before{
  background:repeating-linear-gradient(65deg,transparent 0 30px,rgba(237,161,151,.032) 31px 33px);
}

/* Organic accent pools overlap content zones without splitting the canvas */
#page-home [data-home-section="03"]::after{
  left:-22%!important;
  bottom:-16%!important;
  width:72%!important;
  height:46%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(233,74,9,.16),transparent 68%)!important;
  transform:rotate(-8deg)!important;
  opacity:1!important;
}
#page-home .campus-drop::after{
  left:auto!important;
  right:-20%!important;
  top:-18%!important;
  width:68%!important;
  height:55%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(208,69,85,.2),transparent 68%)!important;
  transform:rotate(10deg)!important;
  opacity:1!important;
}
#page-home [data-home-section="05"]::after{
  left:-18%!important;
  bottom:-18%!important;
  width:64%!important;
  height:48%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(203,152,191,.14),transparent 70%)!important;
  transform:none!important;
  opacity:1!important;
}

/* Pull neighbouring content closer so compositions visually overlap */
#page-home .section-bridge--snack{padding-bottom:clamp(44px,5vw,68px)!important;}
#page-home [data-home-section="03"]{padding-top:clamp(46px,5vw,68px)!important;}
#page-home [data-home-section="03"]{padding-bottom:clamp(38px,4vw,58px)!important;}
#page-home .campus-drop{padding-top:clamp(42px,5vw,66px)!important;padding-bottom:clamp(44px,5vw,68px)!important;}
#page-home [data-home-section="05"]{padding-top:clamp(42px,5vw,66px)!important;padding-bottom:clamp(44px,5vw,68px)!important;}
#page-home [data-home-section="06"]{padding-top:clamp(48px,5vw,70px)!important;}

/* Marquee becomes an embedded ribbon, not another section */
#page-home .story-marquee--soft{
  width:104%!important;
  margin:0 -2%!important;
  border:0!important;
  background:linear-gradient(90deg,rgba(233,74,9,.78),rgba(208,69,85,.88),rgba(157,51,122,.82))!important;
  box-shadow:none!important;
  transform:rotate(-1deg)!important;
}

/* Improve contrast in the dark operations card visible in the screenshot */
#page-home .ops-card--machine .feature-row{
  background:rgba(255,250,248,.1)!important;
  border-color:rgba(255,255,255,.12)!important;
}
#page-home .ops-card--machine .feature-row-title{color:#fff!important;}
#page-home .ops-card--machine .feature-row-text{color:#ead8e7!important;}

@media(max-width:640px){
  #page-home #demo > .container::before,
  #page-home [data-home-section="03"] > .container::before,
  #page-home [data-home-section="05"] > .container::before,
  #page-home [data-home-section="06"] > .container::before{left:-30%!important;right:-30%!important;}
}

/* Remove legacy light shells that carried stronger selectors */
#page-home .home-wallpaper,
#page-home .home-wallpaper span{
  display:none!important;
}

#page-home .section.home-wallpaper-section::before,
#page-home .home-section-shell::before,
#page-home .home-wallpaper-section::before,
#page-home .snack-river + .home-wallpaper-section::before,
#page-home .snake-flow + .home-wallpaper-section::before{
  display:none!important;
  content:none!important;
  background:none!important;
}

#page-home .section[data-home-section],
#page-home .section.section-alt[data-home-section],
#page-home .section.home-wallpaper-section[data-home-section],
#page-home .home-section-shell.section-alt[data-home-section],
#page-home .home-wallpaper-section:has(.ops-flow-panel),
#page-home .home-wallpaper-section:has(.final-cta),
#page-home .section:not(.section-alt)[data-home-section]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
}

/* No pale band may sit behind the cards or CTA */
#page-home [data-home-section="03"],
#page-home [data-home-section="05"],
#page-home [data-home-section="06"],
#page-home [data-home-section="07"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Editorial watermarks must remain the final pseudo-element authority */
#page-home .snap-hero::after{display:block!important;content:"SNAPGO"!important;}
#page-home #demo::before{display:block!important;content:"TAP • PAY • PICK"!important;}
#page-home .section-bridge--snack::before{display:block!important;content:"ALWAYS STOCKED"!important;}
#page-home .section.home-wallpaper-section[data-home-section="03"]::before{display:block!important;content:"BREAK BETTER"!important;}
#page-home .campus-drop[data-home-section="04"]::before{display:block!important;content:"ZERO QUEUES"!important;}
#page-home .section.home-wallpaper-section[data-home-section="05"]::before{display:block!important;content:"EVERYWHERE"!important;}
#page-home .section.home-wallpaper-section[data-home-section="06"]::before{display:block!important;content:"WE HANDLE IT"!important;}
#page-home .section[data-home-section="07"]::before{display:block!important;content:"READY?"!important;}

/* Motion-first redesign: remove typography watermarks */
#page-home .snap-hero::after,
#page-home #demo::before,
#page-home .section-bridge--snack::before,
#page-home .section.home-wallpaper-section[data-home-section="03"]::before,
#page-home .campus-drop[data-home-section="04"]::before,
#page-home .section.home-wallpaper-section[data-home-section="05"]::before,
#page-home .section.home-wallpaper-section[data-home-section="06"]::before,
#page-home .section[data-home-section="07"]::before{
  display:none!important;
  content:none!important;
}

/* Live signal orbit connecting copy and vending interaction */
#page-home .demo-wrap{position:relative;isolation:isolate;}
#page-home .demo-wrap::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:50%!important;
  right:-6%!important;
  bottom:auto!important;
  width:min(62vw,690px)!important;
  height:min(48vw,540px)!important;
  border:1px solid rgba(237,161,151,.2)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(203,152,191,.055) 49% 50%,transparent 51%),
    conic-gradient(from 0deg,transparent 0 8%,rgba(237,161,151,.35) 10%,transparent 13% 46%,rgba(233,74,9,.28) 49%,transparent 53% 78%,rgba(203,152,191,.3) 81%,transparent 85%)!important;
  box-shadow:0 0 0 22px rgba(203,152,191,.025),0 0 0 48px rgba(237,161,151,.018)!important;
  transform:translateY(-50%) rotate(0deg)!important;
  animation:snapSignalOrbit 18s linear infinite!important;
  pointer-events:none!important;
}
#page-home .demo-wrap::after{
  content:"";
  position:absolute;
  z-index:1;
  left:28%;
  top:50%;
  width:26%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--sg-peach),var(--sg-coral),transparent);
  background-size:220% 100%;
  filter:drop-shadow(0 0 8px rgba(237,161,151,.65));
  animation:snapSignalBeam 3.4s ease-in-out infinite;
  pointer-events:none;
}

/* Machine scan and pulse rings */
#page-home .machine{isolation:isolate;overflow:hidden!important;}
#page-home .machine::before{
  content:"";
  position:absolute;
  z-index:8;
  inset:10px;
  border:1px solid rgba(237,161,151,.34);
  border-radius:28px;
  box-shadow:inset 0 0 30px rgba(203,152,191,.08);
  animation:snapMachinePulse 2.8s ease-in-out infinite;
  pointer-events:none;
}
#page-home .machine::after{
  content:"";
  position:absolute;
  z-index:7;
  top:-20%;
  bottom:-20%;
  left:-42%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(237,161,151,.25),transparent);
  transform:skewX(-14deg);
  filter:blur(2px);
  animation:snapMachineScan 5.2s cubic-bezier(.55,0,.25,1) infinite;
  pointer-events:none;
}

/* Staggered scroll depth */
#page-home .motion-reveal{
  opacity:0;
  transform:translate3d(0,44px,0) scale(.975);
  filter:blur(5px);
  transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .75s ease;
  transition-delay:var(--reveal-delay,0ms);
}
#page-home .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}

/* Pointer-reactive card tilt with moving light */
#page-home .motion-card{
  --tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;
  transform-style:preserve-3d;will-change:transform;
}
#page-home .motion-card::after{
  content:""!important;position:absolute!important;z-index:6!important;inset:0!important;
  width:auto!important;height:auto!important;border:0!important;border-radius:inherit!important;
  background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.42),transparent 34%)!important;
  opacity:0!important;transform:none!important;transition:opacity .28s ease!important;pointer-events:none!important;
}
#page-home .motion-card:hover{
  transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px)!important;
}
#page-home .motion-card:hover::after{opacity:.7!important;}

@keyframes snapSignalOrbit{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes snapSignalBeam{
  0%,100%{opacity:.18;background-position:100% 0;transform:scaleX(.65)}
  50%{opacity:.9;background-position:0 0;transform:scaleX(1)}
}
@keyframes snapMachinePulse{
  0%,100%{opacity:.35;box-shadow:inset 0 0 20px rgba(203,152,191,.05)}
  50%{opacity:1;box-shadow:inset 0 0 40px rgba(237,161,151,.15),0 0 18px rgba(237,161,151,.12)}
}
@keyframes snapMachineScan{
  0%,15%{left:-42%;opacity:0}
  24%{opacity:1}
  62%{left:112%;opacity:.75}
  70%,100%{left:112%;opacity:0}
}

@media(max-width:900px){
  #page-home .demo-wrap::before{right:50%!important;width:min(90vw,600px)!important;height:min(70vw,470px)!important;transform:translate(50%,-5%)!important;}
  #page-home .demo-wrap::after{display:none;}
}
@media(prefers-reduced-motion:reduce){
  #page-home .demo-wrap::before,#page-home .demo-wrap::after,
  #page-home .machine::before,#page-home .machine::after{animation:none!important;}
  #page-home .motion-reveal{opacity:1;transform:none;filter:none;transition:none;}
  #page-home .motion-card:hover{transform:none!important;}
}

/* Layered organic wave transitions */
#page-home .flow-wave{
  --wave-a:var(--sg-peach);
  --wave-b:var(--sg-mauve);
  --wave-c:var(--flow-purple);
  position:relative;
  z-index:8;
  width:104%;
  height:112px;
  margin:-56px -2%;
  overflow:hidden;
  isolation:isolate;
  pointer-events:none;
}
#page-home .flow-wave i{
  position:absolute;
  left:-10%;
  width:120%;
  height:150px;
  border-radius:50% 50% 0 0/72% 72% 0 0;
  transform-origin:50% 100%;
  will-change:transform;
}
#page-home .flow-wave i:nth-child(1){
  top:20px;
  z-index:1;
  background:linear-gradient(105deg,color-mix(in srgb,var(--wave-a) 82%,transparent),color-mix(in srgb,var(--wave-b) 78%,transparent));
  transform:rotate(-2.6deg) scaleX(1.06);
  animation:snapWaveFront 9s ease-in-out infinite alternate;
}
#page-home .flow-wave i:nth-child(2){
  top:43px;
  left:-7%;
  z-index:2;
  background:linear-gradient(95deg,color-mix(in srgb,var(--wave-b) 84%,transparent),color-mix(in srgb,var(--wave-a) 72%,transparent));
  opacity:.78;
  transform:rotate(2.2deg) scaleX(1.1);
  animation:snapWaveBack 11s ease-in-out infinite alternate;
}
#page-home .flow-wave i:nth-child(3){
  top:67px;
  left:-12%;
  z-index:3;
  background:
    radial-gradient(circle at 72% 15%,rgba(255,255,255,.08),transparent 18rem),
    var(--wave-c);
  transform:rotate(-1.1deg) scaleX(1.08);
  animation:snapWaveFront 13s ease-in-out -4s infinite alternate-reverse;
}
#page-home .flow-wave::before{
  content:"";
  position:absolute;
  z-index:6;
  left:-15%;
  top:39px;
  width:14px;
  height:14px;
  border:3px solid rgba(255,255,255,.6);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(237,161,151,.12),0 0 30px rgba(237,161,151,.5);
  animation:snapWaveSpark 7s ease-in-out infinite;
}
#page-home .flow-wave::after{
  content:"";
  position:absolute;
  z-index:5;
  inset:18px 0 auto;
  height:62px;
  background:linear-gradient(100deg,transparent 5%,rgba(255,255,255,.08) 42%,transparent 64%);
  transform:skewY(-2deg);
  mix-blend-mode:screen;
}

#page-home .flow-wave--peach{--wave-a:#eda197;--wave-b:#b23b66;--wave-c:#57205f;}
#page-home .flow-wave--coral{--wave-a:#e94a09;--wave-b:#d04555;--wave-c:#772873;}
#page-home .flow-wave--plum{--wave-a:#cb98bf;--wave-b:#9d337a;--wave-c:#71246f;}
#page-home .flow-wave--blush{--wave-a:#eda197;--wave-b:#cb98bf;--wave-c:#642064;}

/* Each wave slightly overlaps the compositions on both sides */
#page-home .flow-wave + [data-home-section]{
  position:relative;
  z-index:3;
  padding-top:clamp(78px,8vw,112px)!important;
}

@keyframes snapWaveFront{
  from{transform:translate3d(-1.5%,2px,0) rotate(-2.6deg) scaleX(1.06)}
  to{transform:translate3d(2.5%,-8px,0) rotate(-.6deg) scaleX(1.12)}
}
@keyframes snapWaveBack{
  from{transform:translate3d(2%,0,0) rotate(2.2deg) scaleX(1.1)}
  to{transform:translate3d(-2.5%,-9px,0) rotate(.5deg) scaleX(1.16)}
}
@keyframes snapWaveSpark{
  0%{left:-8%;opacity:0;transform:translateY(12px) scale(.65)}
  18%{opacity:1}
  52%{transform:translateY(-12px) scale(1)}
  82%{opacity:1}
  100%{left:108%;opacity:0;transform:translateY(6px) scale(.72)}
}

@media(max-width:640px){
  #page-home .flow-wave{height:72px;margin:-36px -2%;}
  #page-home .flow-wave i{height:98px;}
  #page-home .flow-wave i:nth-child(1){top:14px;}
  #page-home .flow-wave i:nth-child(2){top:29px;}
  #page-home .flow-wave i:nth-child(3){top:45px;}
  #page-home .flow-wave::before{top:25px;width:9px;height:9px;border-width:2px;}
  #page-home .flow-wave + [data-home-section]{padding-top:62px!important;}
}
@media(prefers-reduced-motion:reduce){
  #page-home .flow-wave i,#page-home .flow-wave::before{animation:none!important;}
}

/* Advanced liquid morph system */
#page-home .flow-wave{
  height:154px;
  margin:-77px -2%;
  overflow:visible;
  filter:drop-shadow(0 18px 22px rgba(35,10,35,.16));
}
#page-home .flow-wave i{
  left:-3%;
  width:106%;
  height:154px;
  border-radius:0;
  transform:none;
  filter:saturate(1.08);
}
#page-home .flow-wave i:nth-child(1){
  top:0;
  background:linear-gradient(100deg,var(--wave-a),var(--wave-b) 58%,color-mix(in srgb,var(--wave-a) 62%,var(--wave-b)))!important;
  clip-path:polygon(
    0 48%,7% 42%,14% 30%,21% 24%,28% 27%,35% 39%,42% 50%,
    50% 55%,58% 48%,66% 34%,74% 26%,82% 29%,91% 42%,100% 47%,
    100% 100%,0 100%
  );
  animation:snapLiquidMorphA 8s cubic-bezier(.45,0,.55,1) infinite alternate!important;
}
#page-home .flow-wave i:nth-child(2){
  top:24px;
  left:-4%;
  width:108%;
  background:linear-gradient(92deg,color-mix(in srgb,var(--wave-b) 88%,#fff 12%),var(--wave-a) 55%,var(--wave-b))!important;
  opacity:.74;
  clip-path:polygon(
    0 52%,8% 46%,16% 39%,24% 38%,32% 46%,40% 58%,48% 61%,
    56% 53%,64% 39%,72% 31%,80% 33%,88% 43%,95% 53%,100% 55%,
    100% 100%,0 100%
  );
  animation:snapLiquidMorphB 10s cubic-bezier(.45,0,.55,1) -3s infinite alternate!important;
}
#page-home .flow-wave i:nth-child(3){
  top:51px;
  left:-3%;
  width:106%;
  background:
    radial-gradient(circle at 76% 20%,rgba(255,255,255,.12),transparent 16rem),
    linear-gradient(180deg,color-mix(in srgb,var(--wave-c) 92%,var(--wave-b)),var(--wave-c))!important;
  clip-path:polygon(
    0 54%,7% 48%,14% 42%,22% 44%,30% 55%,38% 63%,46% 60%,
    54% 48%,62% 38%,70% 38%,78% 47%,86% 58%,94% 61%,100% 58%,
    100% 100%,0 100%
  );
  animation:snapLiquidMorphC 12s cubic-bezier(.45,0,.55,1) -5s infinite alternate!important;
}

#page-home .flow-wave i::before,
#page-home .flow-wave i::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 8px 24px rgba(35,10,35,.1);
}
#page-home .flow-wave i:nth-child(1)::before{width:18px;height:18px;left:18%;top:48%;animation:snapBubble 5.5s ease-in-out infinite;}
#page-home .flow-wave i:nth-child(1)::after{width:9px;height:9px;right:22%;top:44%;animation:snapBubble 4.2s ease-in-out -2s infinite reverse;}
#page-home .flow-wave i:nth-child(2)::before{width:12px;height:12px;left:54%;top:56%;animation:snapBubble 6s ease-in-out -1s infinite;}
#page-home .flow-wave i:nth-child(2)::after{width:22px;height:22px;right:8%;top:52%;animation:snapBubble 7s ease-in-out -3s infinite reverse;}

#page-home .flow-wave::after{
  inset:26px 6% auto!important;
  height:72px!important;
  border-top:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:linear-gradient(100deg,transparent 8%,rgba(255,255,255,.12) 44%,transparent 68%)!important;
  transform:rotate(-1deg)!important;
  filter:blur(.2px);
}

@keyframes snapLiquidMorphA{
  0%{
    clip-path:polygon(0 48%,7% 42%,14% 30%,21% 24%,28% 27%,35% 39%,42% 50%,50% 55%,58% 48%,66% 34%,74% 26%,82% 29%,91% 42%,100% 47%,100% 100%,0 100%);
    transform:translate3d(-1.5%,3px,0);
  }
  100%{
    clip-path:polygon(0 42%,7% 32%,14% 26%,21% 29%,28% 41%,35% 51%,42% 54%,50% 47%,58% 34%,66% 25%,74% 28%,82% 40%,91% 50%,100% 44%,100% 100%,0 100%);
    transform:translate3d(1.5%,-5px,0);
  }
}
@keyframes snapLiquidMorphB{
  0%{
    clip-path:polygon(0 52%,8% 46%,16% 39%,24% 38%,32% 46%,40% 58%,48% 61%,56% 53%,64% 39%,72% 31%,80% 33%,88% 43%,95% 53%,100% 55%,100% 100%,0 100%);
    transform:translate3d(1%,0,0);
  }
  100%{
    clip-path:polygon(0 48%,8% 38%,16% 34%,24% 42%,32% 55%,40% 61%,48% 56%,56% 42%,64% 32%,72% 34%,80% 45%,88% 56%,95% 58%,100% 50%,100% 100%,0 100%);
    transform:translate3d(-1.8%,-7px,0);
  }
}
@keyframes snapLiquidMorphC{
  0%{transform:translate3d(-1%,2px,0) scaleX(1.02)}
  100%{transform:translate3d(1.5%,-5px,0) scaleX(1.04)}
}
@keyframes snapBubble{
  0%,100%{transform:translate3d(0,8px,0) scale(.82);opacity:.25}
  50%{transform:translate3d(8px,-13px,0) scale(1.08);opacity:.75}
}

/* Modern browsers: waves and contour orbs gain scroll-linked depth */
@supports (animation-timeline:view()){
  #page-home .flow-wave{
    animation:snapWaveView linear both;
    animation-timeline:view();
    animation-range:entry -15% exit 115%;
  }
  #page-home #demo > .container::before,
  #page-home [data-home-section="03"] > .container::before,
  #page-home [data-home-section="05"] > .container::before,
  #page-home [data-home-section="06"] > .container::before{
    animation:snapContourView linear both;
    animation-timeline:view();
    animation-range:entry 0% exit 100%;
  }
}
@keyframes snapWaveView{
  from{transform:translate3d(0,24px,0) scaleY(.88)}
  50%{transform:translate3d(0,0,0) scaleY(1)}
  to{transform:translate3d(0,-18px,0) scaleY(.94)}
}
@keyframes snapContourView{
  from{rotate:-7deg;scale:.86;opacity:.25}
  50%{rotate:0deg;scale:1;opacity:.8}
  to{rotate:8deg;scale:1.08;opacity:.3}
}

@media(max-width:640px){
  #page-home .flow-wave{height:96px;margin:-48px -2%;filter:drop-shadow(0 10px 14px rgba(35,10,35,.14));}
  #page-home .flow-wave i{height:96px;}
  #page-home .flow-wave i:nth-child(1){top:0;}
  #page-home .flow-wave i:nth-child(2){top:15px;}
  #page-home .flow-wave i:nth-child(3){top:32px;}
  #page-home .flow-wave i::before,#page-home .flow-wave i::after{display:none;}
}
@media(prefers-reduced-motion:reduce){
  #page-home .flow-wave{animation:none!important;}
  #page-home .flow-wave i{animation:none!important;}
}

/* =========================================================
   LIQUID SCENES — dedicated markup, no legacy pseudo conflicts
   ========================================================= */
#page-home{--pointer-x:50%;--pointer-y:26%;isolation:isolate;}
#page-home .flow-wave{display:none!important;}

#page-home .liquid-ambient{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
#page-home .liquid-ambient span{
  position:absolute;
  width:clamp(340px,48vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(90px);
  opacity:.18;
  transform:translate3d(0,var(--ambient-y,0),0);
  will-change:transform;
}
#page-home .liquid-ambient span:nth-child(1){
  top:8%;right:-22%;background:var(--sg-blush);
}
#page-home .liquid-ambient span:nth-child(2){
  top:42%;left:-28%;background:var(--sg-coral);opacity:.12;
}
#page-home .liquid-ambient span:nth-child(3){
  bottom:4%;right:-24%;background:var(--sg-peach);opacity:.1;
}
#page-home > :not(.liquid-ambient){position:relative;z-index:2;}

#page-home .liquid-seam{
  --seam-back:#eda197;
  --seam-mid:#d04555;
  --seam-front:#672069;
  --liquid-back-x:0px;
  --liquid-back-y:0px;
  --liquid-mid-x:0px;
  --liquid-mid-y:0px;
  --liquid-front-x:0px;
  --liquid-front-y:0px;
  --liquid-glint-x:0px;
  --liquid-glint-y:0px;
  position:relative;
  z-index:7;
  width:108%;
  height:clamp(190px,17vw,285px);
  margin:clamp(-142px,-8.5vw,-92px) -4%;
  overflow:hidden;
  pointer-events:none;
  isolation:isolate;
}
#page-home .liquid-seam > span{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  transform-origin:50% 100%;
  will-change:transform;
  filter:drop-shadow(0 -8px 20px rgba(35,10,35,.12));
}
#page-home .liquid-seam__back{
  z-index:1;
  background-image:linear-gradient(100deg,color-mix(in srgb,var(--seam-back) 88%,#fff 12%),var(--seam-mid))!important;
  opacity:.5;
  transform:translate3d(var(--liquid-back-x),var(--liquid-back-y),0) scaleX(1.035);
}
#page-home .liquid-seam__mid{
  z-index:2;
  background-image:linear-gradient(100deg,var(--seam-mid),color-mix(in srgb,var(--seam-mid) 54%,var(--seam-back)))!important;
  opacity:.88;
  transform:translate3d(var(--liquid-mid-x),var(--liquid-mid-y),0) scaleX(1.025);
}
#page-home .liquid-seam__front{
  z-index:3;
  background-image:
    radial-gradient(circle at 76% 22%,rgba(255,255,255,.09),transparent 17rem),
    linear-gradient(180deg,color-mix(in srgb,var(--seam-front) 88%,var(--seam-mid)),var(--seam-front))!important;
  transform:translate3d(var(--liquid-front-x),var(--liquid-front-y),0) scaleX(1.015);
}
#page-home .liquid-seam__glint{
  position:absolute;
  z-index:5;
  left:8%;
  top:42%;
  width:32%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.24));
  opacity:.65;
  transform:translate3d(var(--liquid-glint-x),var(--liquid-glint-y),0) rotate(-3deg);
}

/* Scene 1: shallow peach spill behind the intelligence card */
#page-home .liquid-seam--intel{
  --seam-back:#eda197;--seam-mid:#b23b66;--seam-front:#57205f;
  height:clamp(170px,14vw,230px);
}
#page-home .liquid-seam--intel .liquid-seam__back{
  clip-path:polygon(0 63%,8% 54%,17% 43%,27% 38%,38% 42%,49% 54%,60% 62%,72% 57%,83% 44%,92% 39%,100% 45%,100% 100%,0 100%);
}
#page-home .liquid-seam--intel .liquid-seam__mid{
  clip-path:polygon(0 72%,9% 64%,19% 55%,30% 52%,41% 60%,52% 70%,64% 72%,75% 62%,87% 53%,100% 58%,100% 100%,0 100%);
}
#page-home .liquid-seam--intel .liquid-seam__front{
  clip-path:polygon(0 80%,10% 75%,21% 68%,33% 66%,45% 73%,57% 82%,69% 80%,81% 70%,92% 66%,100% 70%,100% 100%,0 100%);
}

/* Scene 2: signature coral rise into the campus chapter */
#page-home .liquid-seam--campus{
  --seam-back:#eda197;--seam-mid:#e6503b;--seam-front:#8f2d68;
  height:clamp(250px,22vw,340px);
  margin-top:clamp(-170px,-10vw,-112px);
  margin-bottom:clamp(-174px,-10.5vw,-116px);
}
#page-home .liquid-seam--campus .liquid-seam__back{
  clip-path:polygon(0 67%,6% 58%,13% 42%,21% 29%,30% 25%,39% 34%,47% 51%,55% 62%,64% 59%,73% 43%,82% 25%,91% 20%,100% 27%,100% 100%,0 100%);
}
#page-home .liquid-seam--campus .liquid-seam__mid{
  clip-path:polygon(0 75%,8% 67%,16% 53%,25% 43%,34% 45%,43% 58%,52% 70%,61% 73%,70% 61%,79% 44%,89% 35%,100% 39%,100% 100%,0 100%);
}
#page-home .liquid-seam--campus .liquid-seam__front{
  clip-path:polygon(0 84%,9% 77%,18% 66%,28% 59%,38% 64%,48% 77%,58% 83%,68% 77%,78% 62%,89% 54%,100% 58%,100% 100%,0 100%);
}
#page-home .liquid-seam--campus .liquid-seam__glint{top:34%;left:61%;width:25%;transform:translate3d(var(--liquid-glint-x),var(--liquid-glint-y),0) rotate(-8deg);}

/* Scene 3: inverted plum sweep into the industries chapter */
#page-home .liquid-seam--places{
  --seam-back:#cb98bf;--seam-mid:#9d337a;--seam-front:#71246f;
  height:clamp(205px,18vw,285px);
}
#page-home .liquid-seam--places .liquid-seam__back{
  clip-path:polygon(0 38%,9% 30%,18% 32%,27% 45%,36% 58%,46% 63%,56% 55%,66% 39%,76% 28%,87% 31%,100% 49%,100% 100%,0 100%);
}
#page-home .liquid-seam--places .liquid-seam__mid{
  clip-path:polygon(0 50%,10% 42%,20% 46%,30% 58%,40% 68%,51% 69%,62% 58%,73% 43%,84% 38%,94% 47%,100% 56%,100% 100%,0 100%);
}
#page-home .liquid-seam--places .liquid-seam__front{
  clip-path:polygon(0 63%,11% 56%,22% 60%,33% 70%,44% 77%,56% 74%,68% 62%,80% 52%,91% 54%,100% 66%,100% 100%,0 100%);
}

/* Scene 4: calm blush tide into operations */
#page-home .liquid-seam--ops{
  --seam-back:#eda197;--seam-mid:#cb98bf;--seam-front:#642064;
  height:clamp(185px,15vw,250px);
}
#page-home .liquid-seam--ops .liquid-seam__back{
  clip-path:polygon(0 52%,8% 44%,17% 40%,26% 45%,35% 56%,44% 64%,54% 62%,64% 51%,74% 39%,84% 35%,93% 41%,100% 49%,100% 100%,0 100%);
}
#page-home .liquid-seam--ops .liquid-seam__mid{
  clip-path:polygon(0 64%,9% 57%,18% 54%,28% 61%,38% 70%,48% 75%,59% 69%,70% 57%,81% 48%,91% 50%,100% 59%,100% 100%,0 100%);
}
#page-home .liquid-seam--ops .liquid-seam__front{
  clip-path:polygon(0 77%,10% 71%,20% 69%,31% 76%,42% 83%,53% 84%,64% 76%,75% 66%,87% 61%,100% 69%,100% 100%,0 100%);
}

/* Content crosses the color edge instead of sitting between dividers */
#page-home .liquid-seam + [data-home-section]{padding-top:clamp(92px,9vw,132px)!important;}
#page-home .liquid-seam--intel + .section-bridge .machine-intel-card{margin-top:clamp(-52px,-3vw,-28px)!important;}
#page-home .liquid-seam--campus + .campus-drop .campus-machine-creative{margin-top:clamp(-92px,-5.5vw,-54px)!important;}
#page-home .liquid-seam--places + [data-home-section="05"] .preview-card:nth-child(1),
#page-home .liquid-seam--places + [data-home-section="05"] .preview-card:nth-child(3){margin-top:clamp(-50px,-3vw,-28px)!important;}

/* Dedicated signal structure avoids the old container-pseudo collision */
#page-home .demo-signal-structure{
  position:absolute;
  z-index:0;
  right:-5%;
  top:50%;
  width:min(62vw,700px);
  aspect-ratio:1.2;
  transform:translate3d(0,-50%,0);
  pointer-events:none;
}
#page-home .demo-signal-structure i{
  position:absolute;
  inset:var(--ring-inset,8%);
  border:1px solid rgba(237,161,151,.2);
  border-radius:50%;
  background-image:conic-gradient(from var(--ring-start,0deg),transparent 0 14%,rgba(237,161,151,.3) 17%,transparent 21% 55%,rgba(233,74,9,.22) 59%,transparent 64%)!important;
  animation:snapDedicatedOrbit var(--ring-speed,18s) linear infinite;
}
#page-home .demo-signal-structure i:nth-child(2){--ring-inset:18%;--ring-start:120deg;--ring-speed:13s;animation-direction:reverse;}
#page-home .demo-signal-structure i:nth-child(3){--ring-inset:28%;--ring-start:240deg;--ring-speed:9s;}
#page-home .demo-signal-structure b{
  position:absolute;
  left:50%;top:50%;width:12px;height:12px;border-radius:50%;
  background:var(--sg-peach);
  box-shadow:0 0 0 8px rgba(237,161,151,.1),0 0 28px rgba(237,161,151,.55);
  offset-path:ellipse(44% 39% at 50% 50%);
  animation:snapSignalNode 7s linear infinite;
}
@keyframes snapDedicatedOrbit{to{transform:rotate(360deg)}}
@keyframes snapSignalNode{to{offset-distance:100%}}

/* CTA becomes part of the footer tide */
#page-home [data-home-section="07"]{padding-bottom:36px!important;}
#page-home .final-cta{
  max-width:1180px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px 42px;
  border:0!important;
  border-top:1px solid rgba(237,161,151,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
#page-home .final-cta h2,#page-home .final-cta .lead{grid-column:1;}
#page-home .final-cta .btn{grid-column:2;grid-row:1 / span 2;align-self:center;}

@media(max-width:900px){
  #page-home .demo-signal-structure{right:50%;top:58%;width:min(92vw,620px);transform:translate3d(50%,-50%,0);}
  #page-home .final-cta{grid-template-columns:1fr!important;}
  #page-home .final-cta .btn{grid-column:1;grid-row:auto;justify-self:start;}
}
@media(max-width:640px){
  #page-home .liquid-seam{width:112%;height:130px;margin:-65px -6%;}
  #page-home .liquid-seam--campus{height:165px;margin-top:-82px;margin-bottom:-84px;}
  #page-home .liquid-seam > span{filter:none;}
  #page-home .liquid-seam__back{display:none;}
  #page-home .liquid-seam__glint{display:none;}
  #page-home .liquid-seam + [data-home-section]{padding-top:74px!important;}
  #page-home .liquid-seam--campus + .campus-drop .campus-machine-creative{margin-top:-42px!important;}
  #page-home .liquid-seam--places + [data-home-section="05"] .preview-card:nth-child(1),
  #page-home .liquid-seam--places + [data-home-section="05"] .preview-card:nth-child(3){margin-top:0!important;}
}
@media(prefers-reduced-motion:reduce){
  #page-home .demo-signal-structure i,#page-home .demo-signal-structure b{animation:none!important;}
}

/* Ambient pointer light and restrained small-card interaction */
#page-home .liquid-ambient::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle 340px at var(--pointer-x) var(--pointer-y),rgba(237,161,151,.1),transparent 68%)!important;
  opacity:.8;
  transition:opacity .3s ease;
}
#page-home .motion-sheen{position:relative;overflow:hidden!important;}
#page-home .motion-sheen::after{
  content:""!important;
  position:absolute!important;
  z-index:7!important;
  inset:-35%!important;
  width:38%!important;
  height:170%!important;
  border:0!important;
  border-radius:0!important;
  background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent)!important;
  opacity:0!important;
  transform:translate3d(-260%,0,0) rotate(13deg)!important;
  transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .22s ease!important;
  pointer-events:none!important;
}
#page-home .motion-sheen:hover::after{
  opacity:.7!important;
  transform:translate3d(560%,0,0) rotate(13deg)!important;
}
#page-home .motion-sheen .card-icon,
#page-home .motion-sheen .feature-row-icon{
  transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s ease!important;
}
#page-home .motion-sheen:hover .card-icon,
#page-home .motion-sheen:hover .feature-row-icon{
  transform:translate3d(0,-7px,0) rotate(-5deg) scale(1.06)!important;
  filter:drop-shadow(0 10px 14px rgba(58,23,56,.16));
}

@media(max-width:640px){
  #page-home .liquid-ambient::after{display:none;}
  #page-home .motion-sheen:hover::after{display:none;}
}

/* Final transition direction: one smooth feature chapter, no ribbon separators */
#page-home .liquid-seam{display:none!important;}

#page-home .campus-drop{
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  padding-top:clamp(108px,9vw,148px)!important;
  padding-bottom:clamp(108px,9vw,148px)!important;
}
#page-home .campus-liquid-scene{
  position:absolute;
  z-index:0;
  inset:-46px -10% -54px;
  overflow:hidden;
  pointer-events:none;
}
#page-home .campus-liquid-scene span{
  position:absolute;
  left:-2%;
  width:104%;
  height:calc(100% - 24px);
  transform-origin:50% 50%;
  will-change:transform,border-radius;
}
#page-home .campus-liquid-scene span:nth-child(1){
  top:0;
  background-image:linear-gradient(110deg,rgba(237,161,151,.78),rgba(203,152,191,.68))!important;
  border-radius:48% 52% 43% 57%/11% 14% 10% 13%;
  opacity:.5;
  transform:rotate(-2.2deg) scaleX(1.035);
  animation:snapCampusBack 14s ease-in-out infinite alternate;
}
#page-home .campus-liquid-scene span:nth-child(2){
  top:24px;
  background-image:linear-gradient(105deg,var(--sg-coral),var(--sg-red) 48%,var(--sg-mauve))!important;
  border-radius:54% 46% 48% 52%/12% 9% 13% 10%;
  opacity:.78;
  transform:rotate(1.25deg) scaleX(1.025);
  animation:snapCampusMid 16s ease-in-out -5s infinite alternate;
}
#page-home .campus-liquid-scene span:nth-child(3){
  top:52px;
  background-image:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.11),transparent 26rem),
    linear-gradient(120deg,#a93464,var(--sg-mauve) 48%,var(--sg-plum))!important;
  border-radius:49% 51% 55% 45%/10% 13% 9% 12%;
  box-shadow:0 -18px 50px rgba(58,23,56,.16),inset 0 1px rgba(255,255,255,.1);
  transform:rotate(-.65deg) scaleX(1.018);
  animation:snapCampusFront 18s ease-in-out -7s infinite alternate;
}
#page-home .campus-drop-inner{
  position:relative!important;
  z-index:3!important;
}
#page-home .campus-machine-creative{
  margin-top:clamp(-74px,-4vw,-38px)!important;
  box-shadow:0 28px 68px rgba(35,10,35,.34),12px 14px 0 var(--sg-night)!important;
}

@keyframes snapCampusBack{
  to{transform:translate3d(1.8%,-7px,0) rotate(-.8deg) scaleX(1.055);border-radius:52% 48% 47% 53%/14% 10% 13% 9%}
}
@keyframes snapCampusMid{
  to{transform:translate3d(-1.4%,6px,0) rotate(.2deg) scaleX(1.045);border-radius:47% 53% 54% 46%/9% 14% 10% 13%}
}
@keyframes snapCampusFront{
  to{transform:translate3d(1.1%,-5px,0) rotate(.5deg) scaleX(1.035);border-radius:53% 47% 46% 54%/13% 9% 14% 10%}
}

@supports(animation-timeline:view()){
  #page-home .campus-liquid-scene{
    animation:snapCampusView linear both;
    animation-timeline:view();
    animation-range:entry -10% exit 110%;
  }
}
@keyframes snapCampusView{
  from{transform:translate3d(0,34px,0) scaleY(.94)}
  50%{transform:translate3d(0,0,0) scaleY(1)}
  to{transform:translate3d(0,-30px,0) scaleY(.97)}
}

@media(max-width:640px){
  #page-home .campus-drop{padding-top:86px!important;padding-bottom:88px!important;}
  #page-home .campus-liquid-scene{inset:-24px -18% -30px;}
  #page-home .campus-liquid-scene span:nth-child(1){display:none;}
  #page-home .campus-liquid-scene span:nth-child(2){top:10px;}
  #page-home .campus-liquid-scene span:nth-child(3){top:30px;}
  #page-home .campus-machine-creative{margin-top:8px!important;}
}
@media(prefers-reduced-motion:reduce){
  #page-home .campus-liquid-scene,#page-home .campus-liquid-scene span{animation:none!important;}
}

/* Restore the designed CTA panel */
#page-home [data-home-section="07"]{
  padding-top:clamp(64px,7vw,96px)!important;
  padding-bottom:clamp(72px,8vw,110px)!important;
}
#page-home .final-cta{
  max-width:1080px!important;
  margin-inline:auto!important;
  padding:clamp(46px,6vw,76px)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(237,161,151,.22),transparent 24rem),
    radial-gradient(circle at 8% 90%,rgba(233,74,9,.14),transparent 20rem),
    linear-gradient(125deg,#7b2d8b 0%,#9d337a 46%,#b23b66 100%)!important;
  box-shadow:12px 14px 0 var(--sg-night),0 34px 72px rgba(35,10,35,.3)!important;
  overflow:hidden!important;
  backdrop-filter:none!important;
}
#page-home .final-cta::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.08) 48%,transparent 72%)!important;
  transform:translateX(-110%);
  animation:snapCtaLight 7s ease-in-out infinite;
  pointer-events:none;
}
#page-home .final-cta > *{position:relative;z-index:2;}
#page-home .final-cta h2,#page-home .final-cta .lead{color:#fff!important;}

@keyframes snapCtaLight{
  0%,62%{transform:translateX(-110%);opacity:0}
  70%{opacity:1}
  92%,100%{transform:translateX(110%);opacity:0}
}
@media(max-width:640px){
  #page-home .final-cta{
    width:calc(100% - 28px)!important;
    padding:38px 24px!important;
    border-radius:28px!important;
    box-shadow:7px 8px 0 var(--sg-night),0 24px 50px rgba(35,10,35,.26)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #page-home .final-cta::before{animation:none!important;}
}

/* Premium editorial benefit composition */
#page-home .benefit-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  gap:clamp(20px,3vw,34px);
  align-items:stretch;
}
#page-home .benefit-creative{
  position:relative;
  min-height:560px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:40px 20px 40px 20px;
  background:#3a1738;
  box-shadow:12px 14px 0 rgba(58,23,56,.82),0 32px 70px rgba(35,10,35,.28);
  isolation:isolate;
}
#page-home .benefit-creative::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background-image:linear-gradient(180deg,transparent 48%,rgba(35,10,35,.78))!important;
  pointer-events:none;
}
#page-home .benefit-creative::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:14px;
  border:1px solid rgba(237,161,151,.28);
  border-radius:30px 12px 30px 12px;
  pointer-events:none;
}
#page-home .benefit-creative img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}
#page-home .benefit-creative:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.02);}
#page-home .benefit-creative figcaption{
  position:absolute;
  z-index:4;
  left:clamp(24px,4vw,46px);
  right:clamp(24px,4vw,46px);
  bottom:clamp(24px,4vw,42px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  color:#fff;
}
#page-home .benefit-creative figcaption span{
  display:flex;
  align-items:center;
  gap:9px;
  font-family:var(--font-mono);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#page-home .benefit-creative figcaption i{
  width:8px;height:8px;border-radius:50%;background:var(--sg-peach);
  box-shadow:0 0 0 6px rgba(237,161,151,.14),0 0 20px rgba(237,161,151,.48);
}
#page-home .benefit-creative figcaption strong{
  max-width:240px;
  font-family:var(--font-display);
  font-size:clamp(1.45rem,2.2vw,2rem);
  line-height:1;
  text-align:right;
}
#page-home .benefit-card-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:18px;}
#page-home .benefit-card-stack .feature-card{
  min-height:0!important;
  padding:28px 26px 26px 112px!important;
  justify-content:center!important;
  border-radius:20px 34px 20px 34px!important;
  transform:none!important;
}
#page-home .benefit-card-stack .feature-card:nth-child(2){border-radius:34px 20px 34px 20px!important;}
#page-home .benefit-card-stack .feature-card .card-icon{
  left:24px!important;
  top:50%!important;
  width:64px!important;
  height:64px!important;
  transform:translateY(-50%) rotate(-7deg)!important;
}
#page-home .benefit-card-stack .feature-card:hover .card-icon{
  transform:translateY(calc(-50% - 7px)) rotate(-11deg) scale(1.06)!important;
}
#page-home .benefit-card-stack .feature-card .card-number{top:18px!important;right:20px!important;font-size:1.5rem!important;}
#page-home .benefit-card-stack .feature-card .card-title{margin:0 34px 8px 0!important;}
#page-home .benefit-card-stack .feature-card .card-text{font-size:.9rem!important;line-height:1.58!important;}

/* Operations rows feel more tactile and easier to scan */
#page-home .ops-card .feature-row{
  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,box-shadow .3s ease!important;
}
#page-home .ops-card .feature-row:hover{
  transform:translateX(7px);
  box-shadow:0 12px 24px rgba(35,10,35,.12);
}
#page-home .ops-card--machine .feature-row:hover{background:rgba(255,250,248,.16)!important;}
#page-home .ops-card--payment .feature-row:hover{background:#fff!important;}

@media(max-width:980px){
  #page-home .benefit-showcase{grid-template-columns:1fr;}
  #page-home .benefit-creative,#page-home .benefit-creative img{min-height:500px;}
  #page-home .benefit-card-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none;}
  #page-home .benefit-card-stack .feature-card{padding:112px 24px 26px!important;min-height:290px!important;justify-content:flex-end!important;}
  #page-home .benefit-card-stack .feature-card .card-icon{left:24px!important;top:28px!important;transform:rotate(-7deg)!important;}
}
@media(max-width:720px){
  #page-home .benefit-creative,#page-home .benefit-creative img{min-height:420px;}
  #page-home .benefit-card-stack{grid-template-columns:1fr;}
  #page-home .benefit-card-stack .feature-card{padding:26px 22px 24px 96px!important;min-height:160px!important;justify-content:center!important;}
  #page-home .benefit-card-stack .feature-card .card-icon{left:20px!important;top:50%!important;width:56px!important;height:56px!important;transform:translateY(-50%) rotate(-7deg)!important;}
  #page-home .benefit-creative figcaption{align-items:flex-start;flex-direction:column;}
  #page-home .benefit-creative figcaption strong{text-align:left;}
}

/* Header-to-hero alignment: one shared desktop grid */
body[data-page="home"]{
  --home-shell-max:1560px;
  --home-shell-gutter:clamp(28px,4vw,64px);
  --home-nav-height:104px;
}

body[data-page="home"] .site-header{
  min-height:var(--home-nav-height);
}

body[data-page="home"] .nav{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);
  align-items:center!important;
  width:100%;
  max-width:var(--home-shell-max)!important;
  min-height:var(--home-nav-height)!important;
  margin-inline:auto!important;
  padding:7px var(--home-shell-gutter)!important;
  gap:clamp(22px,3vw,48px)!important;
}

body[data-page="home"] .brand{
  justify-self:start;
  width:170px!important;
  height:90px;
  flex:0 0 170px!important;
  padding:0!important;
}

body[data-page="home"] .brand img,
body[data-page="home"] .snapgo-logo-img{
  width:auto!important;
  height:86px!important;
  max-width:164px!important;
  object-fit:contain!important;
  transform:none!important;
}

body[data-page="home"] .nav-links{
  justify-self:center;
  gap:clamp(20px,2.2vw,34px)!important;
}

body[data-page="home"] .nav-link{
  padding:10px 1px!important;
  font-size:clamp(.92rem,1.05vw,1.02rem)!important;
  line-height:1.1;
}

body[data-page="home"] .nav-cta{
  justify-self:end;
}

body[data-page="home"] .nav-cta .btn{
  min-height:50px;
  padding:12px 24px!important;
  font-size:.94rem!important;
}

#page-home .snap-hero{
  min-height:calc(100svh - var(--home-nav-height))!important;
  padding:clamp(48px,5vw,76px) 0 104px!important;
  scroll-margin-top:var(--home-nav-height);
}

#page-home .hero-grid{
  width:100%;
  max-width:var(--home-shell-max)!important;
  margin-inline:auto!important;
  padding-inline:var(--home-shell-gutter)!important;
  grid-template-columns:minmax(0,.96fr) minmax(460px,1.04fr)!important;
  gap:clamp(38px,4.5vw,72px)!important;
  align-items:center!important;
}

#page-home .hero-copy{
  align-self:center;
  max-width:720px!important;
  padding:0!important;
  transform:none!important;
}

#page-home .hero-visual{
  align-self:center!important;
}

#page-home .hero-activity{
  width:calc(100% - clamp(56px,8vw,128px))!important;
  max-width:1432px!important;
  bottom:18px!important;
}

@media(max-width:1180px) and (min-width:901px){
  body[data-page="home"] .nav{
    grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
    gap:20px!important;
  }
  body[data-page="home"] .brand{
    width:152px!important;
    flex-basis:152px!important;
  }
  body[data-page="home"] .brand img,
  body[data-page="home"] .snapgo-logo-img{
    height:78px!important;
    max-width:150px!important;
  }
  body[data-page="home"] .nav-links{gap:18px!important;}
  body[data-page="home"] .nav-link{font-size:.88rem!important;}
  body[data-page="home"] .nav-cta .btn{padding-inline:18px!important;font-size:.84rem!important;}
  #page-home .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(400px,.9fr)!important;
    gap:28px!important;
  }
}

@media(max-width:900px){
  body[data-page="home"]{
    --home-nav-height:78px;
    --home-shell-gutter:20px;
  }
  body[data-page="home"] .nav{
    display:flex!important;
    min-height:var(--home-nav-height)!important;
    padding:4px var(--home-shell-gutter)!important;
  }
  body[data-page="home"] .brand{
    width:150px!important;
    height:68px;
    flex-basis:150px!important;
  }
  body[data-page="home"] .brand img,
  body[data-page="home"] .snapgo-logo-img{
    height:66px!important;
    max-width:145px!important;
  }
  #page-home .snap-hero{
    min-height:auto!important;
    padding:42px 0 92px!important;
  }
  #page-home .hero-grid{
    grid-template-columns:1fr!important;
    padding-inline:var(--home-shell-gutter)!important;
    gap:34px!important;
  }
  #page-home .hero-activity{width:calc(100% - 40px)!important;}
}

@media(max-width:640px){
  body[data-page="home"]{
    --home-nav-height:72px;
    --home-shell-gutter:16px;
  }
  body[data-page="home"] .brand{
    width:136px!important;
    height:62px;
    flex-basis:136px!important;
  }
  body[data-page="home"] .brand img,
  body[data-page="home"] .snapgo-logo-img{
    height:60px!important;
    max-width:132px!important;
  }
  #page-home .snap-hero{padding:34px 0 82px!important;}
  #page-home .hero-activity{
    width:calc(100% - 24px)!important;
    bottom:12px!important;
  }
}