/* varnew, the story hero, on any site type (templates/sites/_shared/_varnew.html, varnew.js). On a phone the hero
   fills what is left of the screen and the heading and button sit over the story's foot, so the button is always
   above the fold. Everything moves on transform and opacity; reduced motion stops it all. */

/* the ticker under the header */
.n-ticker{overflow:hidden;background:var(--surface);border-bottom:1px solid var(--border);font-size:13px;font-weight:700;white-space:nowrap}
.n-ticker-run{display:flex;width:max-content;animation:n-left 42s linear infinite}
.n-tk{display:flex}
.n-tk span{position:relative;padding:8px 22px 8px 0;margin-right:14px}
.n-tk span::after{content:'✦';position:absolute;right:0;color:var(--accent)}
@keyframes n-left{to{transform:translateX(-50%)}}

/* the hero */
.n-hero{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 26px}
.n-hero::before{content:'';position:absolute;inset:-30% -10% -10%;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 46% at 18% 34%,rgba(var(--accent-rgb),.30),transparent 70%),
             radial-gradient(30% 40% at 82% 22%,rgba(253,224,71,.14),transparent 70%),
             radial-gradient(34% 40% at 70% 86%,rgba(var(--accent-rgb),.18),transparent 70%);
  animation:n-drift 16s ease-in-out infinite alternate}
@keyframes n-drift{to{transform:translate3d(4%,3%,0) rotate(6deg) scale(1.08)}}
.n-stage{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:64px;align-items:center}
.n-deck{position:relative;width:100%;max-width:430px;margin:0 auto}
.n-ghost{position:absolute;inset:0;border-radius:30px;background:linear-gradient(160deg,var(--accent),var(--accent2));opacity:.32;transform:rotate(-7deg) translateX(-20px)}
.n-ghost.b{opacity:.18;transform:rotate(6deg) translateX(18px)}
.n-story{position:relative;aspect-ratio:9/14;border-radius:30px;overflow:hidden;background:#100c18;isolation:isolate;
  box-shadow:0 34px 70px -24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.n-story.empty{background:linear-gradient(160deg,var(--accent-deep),var(--accent))}
.n-cards{position:absolute;inset:0}
.n-card{position:absolute;inset:0;display:block;opacity:0;transform:scale(.86);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;-webkit-user-drag:none}
.n-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.n-card.next{opacity:1;transform:scale(.93) translateY(14px);filter:brightness(.5)}
.n-card.on{opacity:1;transform:none;filter:none;z-index:2}
.n-card.on img{animation:n-zoom 9s ease-out both}
@keyframes n-zoom{from{transform:scale(1.12)}}
.n-card.out-left,.n-card.out-right{opacity:0;z-index:3;transition-duration:.65s}
.n-card.out-left{transform:translateX(-135%) rotate(-20deg)}
.n-card.out-right{transform:translateX(135%) rotate(20deg)}
.n-card.drag{transition:none;z-index:3}
.n-stamp{position:absolute;top:24%;z-index:2;padding:4px 14px;border:4px solid;border-radius:12px;font-size:32px;font-weight:900;letter-spacing:.06em;opacity:0;transition:opacity .2s;background:rgba(0,0,0,.15)}
.n-stamp.like{left:22px;color:#4ade80;transform:rotate(-16deg)}
.n-stamp.nope{right:22px;color:#f87171;transform:rotate(16deg)}
.n-card.out-right .n-stamp.like,.n-card.out-left .n-stamp.nope{opacity:1}
.n-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 22%)}
.n-bars{position:absolute;top:10px;left:12px;right:12px;z-index:5;display:flex;gap:4px}
.n-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.n-bars b{display:block;width:0;height:100%;background:#fff;border-radius:3px}
.n-bars i.done b{width:100%}
.n-bars i.run b{width:100%;transition:width var(--d,5s) linear}
.n-who{position:absolute;top:22px;left:12px;right:12px;z-index:5;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.n-who img{width:38px;height:38px;border-radius:50%;object-fit:cover;padding:2px;background:conic-gradient(from var(--n-a,0deg),var(--accent),#fde047,var(--accent2),var(--accent));animation:n-ring-spin 3s linear infinite}
@property --n-a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes n-ring-spin{to{--n-a:360deg}}
.n-who>span:first-of-type{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.n-who b{font-size:15px;font-weight:800}
.n-who small{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.92}
.n-who em{font-style:normal}
.n-live{margin-left:auto;padding:4px 10px;border-radius:99px;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:700}
.n-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:n-blink 1.2s infinite}
@keyframes n-blink{50%{opacity:.35}}
.n-chat{position:absolute;top:76px;left:14px;right:18%;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.n-bubble{max-width:100%;padding:9px 14px;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.96);color:#15151d;font-size:14px;font-weight:600;line-height:1.35;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);animation:n-pop .4s cubic-bezier(.2,1.5,.4,1) both}
.n-bubble.you{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:18px 18px 6px 18px}
.n-bubble.typing{display:inline-flex;gap:4px;padding:12px 14px}
.n-bubble.typing i{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:n-type 1s infinite}
.n-bubble.typing i:nth-child(2){animation-delay:.15s}.n-bubble.typing i:nth-child(3){animation-delay:.3s}
@keyframes n-type{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes n-pop{from{opacity:0;transform:translateY(12px) scale(.8)}}
.n-fly{position:absolute;left:50%;bottom:30%;z-index:7;font-size:30px;pointer-events:none;animation:n-up 1.6s ease-out forwards}
@keyframes n-up{to{transform:translate(var(--dx),-260px) scale(1.5) rotate(var(--r));opacity:0}}
.n-float{position:absolute;z-index:6;padding:9px 14px;border-radius:14px;background:var(--surface);color:var(--text);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 16px 34px -12px rgba(0,0,0,.4);border:1px solid var(--border);animation:n-bob 3.4s ease-in-out infinite}
.n-float.one{right:-34px;top:30%}
.n-float.two{left:-40px;bottom:16%;animation-delay:-1.7s}
@keyframes n-bob{50%{transform:translateY(-10px)}}

/* the copy beside the story (over its foot on a phone) */
.n-pill{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 14px;border-radius:99px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.35);color:var(--accent);font-size:13px;font-weight:800}
.n-rot{display:inline-block;transition:opacity .3s,transform .3s}
.n-rot.swap{opacity:0;transform:translateY(-8px)}
.n-copy h1{font-size:clamp(40px,5.4vw,70px);font-weight:900;line-height:1.02;letter-spacing:-.03em;margin:16px 0 18px}
.n-copy h1 em,.n-h2 em{font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent2),#fbbf24,var(--accent));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:n-flow 6s linear infinite}
@keyframes n-flow{to{background-position:300% 0}}
.n-sub{font-size:19px;color:var(--muted);max-width:540px;margin:0 0 28px}
.n-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.n-alt{color:var(--text);font-weight:800;font-size:15px;text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) 0 100%/100% 2px no-repeat;padding-bottom:2px;transition:background-size .3s}
.n-alt:hover{background-size:0 2px;background-position:100% 100%}
.n-chips{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-size:14px;font-weight:700;color:var(--muted)}

/* the button: a flowing gradient, a shine, a pulsing ring, a beating heart, a nudging arrow; it jumps when she
   is liked and now and then */
.n-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:19px 36px;border-radius:999px;color:#fff;font-size:18px;font-weight:900;letter-spacing:.01em;text-decoration:none;white-space:nowrap;
  background:linear-gradient(90deg,var(--accent-deep),var(--accent),var(--accent2),var(--accent-deep));background-size:300% 100%;
  animation:n-flow 5s linear infinite,n-ring 1.8s ease-out infinite,n-breathe 2.6s ease-in-out infinite}
.n-cta::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:n-shine 2.8s ease-in-out infinite}
@keyframes n-shine{0%{left:-60%}55%,100%{left:130%}}
@keyframes n-ring{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.55),0 14px 34px -10px rgba(var(--accent-rgb),.8)}100%{box-shadow:0 0 0 18px rgba(var(--accent-rgb),0),0 14px 34px -10px rgba(var(--accent-rgb),.8)}}
@keyframes n-breathe{50%{transform:scale(1.035)}}
.n-cta:hover{animation:n-flow 5s linear infinite,n-ring 1.8s ease-out infinite;transform:translateY(-2px) scale(1.05)}
.n-heart{display:inline-block;animation:n-beat 1.1s ease-in-out infinite}
@keyframes n-beat{0%,40%,100%{transform:scale(1)}15%{transform:scale(1.35)}28%{transform:scale(1.1)}}
.n-arrow{display:inline-block;animation:n-nudge 1.1s ease-in-out infinite}
@keyframes n-nudge{50%{transform:translateX(5px)}}
.n-cta.n-jump{animation:n-flow 5s linear infinite,n-ring 1.8s ease-out infinite,n-jump .8s cubic-bezier(.3,1.7,.5,1)}
@keyframes n-jump{0%{transform:none}30%{transform:translateY(-9px) scale(1.08) rotate(-2deg)}60%{transform:translateY(2px) scale(.98) rotate(1deg)}100%{transform:none}}
.n-cta.light{background:#fff;color:var(--accent-deep);animation:n-ring-w 1.8s ease-out infinite,n-breathe 2.6s ease-in-out infinite}
.n-cta.light::after{background:linear-gradient(100deg,transparent,rgba(var(--accent-rgb),.25),transparent)}
@keyframes n-ring-w{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6),0 14px 30px -10px rgba(0,0,0,.4)}100%{box-shadow:0 0 0 18px rgba(255,255,255,0),0 14px 30px -10px rgba(0,0,0,.4)}}
.n-cta.small{padding:11px 18px;font-size:14px;gap:8px;animation:n-flow 5s linear infinite,n-ring 1.8s ease-out infinite}

/* below the hero */
.n-h2{font-size:clamp(26px,3.6vw,40px);font-weight:900;letter-spacing:-.025em;line-height:1.08;margin:0}
.n-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.n-head a{flex:none;color:var(--accent);font-weight:800;font-size:14px;text-decoration:none}
.n-rail{padding:44px 0 6px;overflow:hidden}
.n-row{overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.n-run{display:flex;width:max-content;animation:n-left calc(var(--n,8) * 4s) linear infinite}
.n-row.rev .n-run{animation-direction:reverse}
.n-row:hover .n-run{animation-play-state:paused}
.n-girl{position:relative;flex:none;display:block;width:clamp(132px,15vw,186px);aspect-ratio:2/3;margin-right:12px;border-radius:20px;overflow:hidden;background:var(--surface2);transition:transform .35s cubic-bezier(.2,1.4,.4,1),box-shadow .35s}
.n-girl:hover{transform:translateY(-8px) rotate(-2deg);box-shadow:0 22px 40px -16px rgba(var(--accent-rgb),.7)}
.n-girl img{width:100%;height:100%;object-fit:cover}
.n-tag{position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.n-girl-name{position:absolute;left:0;right:0;bottom:0;padding:30px 46px 11px 11px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-size:14px;font-weight:800}
.n-girl-go{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);font-size:14px;box-shadow:0 6px 16px -4px rgba(var(--accent-rgb),.9);transition:transform .3s}
.n-girl:hover .n-girl-go{transform:scale(1.18) rotate(-12deg)}

.n-vs{padding-top:56px;padding-bottom:6px}
.n-vs-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:center;margin-top:22px}
.n-them,.n-us{border-radius:24px;padding:24px 26px}
.n-them{background:var(--surface);border:1px solid var(--border)}
.n-us{background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#fff;box-shadow:0 30px 60px -26px rgba(var(--accent-rgb),.85);transform:rotate(1.2deg)}
.n-vs h3{margin:0 0 10px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.n-us h3{opacity:1}.n-us h3 span{color:#fde047}
.n-vs ul{list-style:none;margin:0;padding:0;font-weight:700}
.n-vs li{position:relative;padding:8px 0 8px 32px}
.n-them li{color:var(--muted)}
.n-them li::before{content:'✕';position:absolute;left:4px;color:#ef4444;font-weight:900}
.n-them li span{background:linear-gradient(#ef4444,#ef4444) 0 58%/0 2px no-repeat;transition:background-size .5s ease calc(.35s * var(--i) + .3s)}
.n-vs.in .n-them li span{background-size:100% 2px}
.n-us li::before{content:'✓';position:absolute;left:0;top:9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--accent-deep);font-size:12px;font-weight:900}
.n-js:not(.n-still) .n-us li::before{transform:scale(0);transition:transform .45s cubic-bezier(.2,1.7,.4,1) calc(.3s * var(--i) + 1.2s)}
.n-js .n-vs.in .n-us li::before{transform:none}

.n-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:44px}
.n-stats>div{padding:22px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--border);text-align:center}
.n-stats b{display:block;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.n-stats span{font-size:13px;font-weight:700;color:var(--muted)}

.n-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:16px;padding-bottom:10px}
.n-feature{position:relative;overflow:hidden;padding:28px;border-radius:24px;background:var(--surface);border:1px solid var(--border)}
.n-feature::after{content:'';position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(rgba(var(--accent-rgb),.25),transparent 70%)}
.n-feature>span{display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:14px;border-radius:16px;font-size:26px;background:rgba(var(--accent-rgb),.13)}
.n-feature.in>span{animation:n-bounce .9s cubic-bezier(.2,1.7,.4,1) calc(var(--i) * .12s + .25s) both}
@keyframes n-bounce{from{transform:scale(0) rotate(-30deg)}}
.n-feature h3{margin:0 0 6px;font-size:18px;font-weight:900}
.n-feature p{margin:0;color:var(--muted);font-size:15px}

.n-marquee{position:relative;padding:46px 0;margin:30px 0 6px;overflow:hidden}
.n-band{width:112%;margin-left:-6%;overflow:hidden}
.n-band.a{position:relative;z-index:2;background:linear-gradient(90deg,var(--accent-deep),var(--accent),var(--accent2));color:#fff;transform:rotate(-2.6deg);box-shadow:0 20px 40px -20px rgba(var(--accent-rgb),.8)}
.n-band.b{position:absolute;left:0;top:50%;margin-top:-6px;transform:rotate(3.4deg);opacity:.6}
.n-mq{display:flex;width:max-content;padding:12px 0;font-size:clamp(34px,6vw,70px);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;animation:n-left 34s linear infinite}
.n-band.b .n-mq{animation-direction:reverse;color:transparent;-webkit-text-stroke:1.5px var(--text)}
.n-mq span,.n-mq i{margin-right:30px}
.n-mq i{font-style:normal;color:#fde047}

.n-final{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center;margin:40px 0 10px;padding:44px 52px;border-radius:32px;color:#fff;
  background:linear-gradient(90deg,var(--accent-deep),var(--accent),var(--accent2),var(--accent-deep));background-size:300% 100%;animation:n-flow 12s linear infinite}
.n-fan{position:relative;width:230px;height:240px}
.n-fan img{position:absolute;top:calc(var(--i) * 8px);left:calc(var(--i) * 44px);width:136px;aspect-ratio:2/3;object-fit:cover;border:3px solid #fff;border-radius:18px;box-shadow:0 18px 30px -12px rgba(0,0,0,.55);transform:rotate(calc(var(--i) * 10deg - 10deg));animation:n-sway 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * -1.5s)}
@keyframes n-sway{50%{transform:rotate(calc(var(--i) * 10deg - 10deg)) translateY(-10px)}}
.n-final h2{margin:0 0 6px;font-size:clamp(28px,3.8vw,44px);font-weight:900;letter-spacing:-.02em;color:#fff}
.n-final p{margin:0 0 22px;font-size:17px;opacity:.9}

.n-read{margin:34px 0;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.n-read summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-weight:800;font-size:18px}
.n-read summary::-webkit-details-marker{display:none}
.n-read summary::after{content:'+';flex:none;font-size:24px;color:var(--accent);transition:transform .25s}
.n-read[open] summary::after{transform:rotate(45deg)}
.n-read .prose{padding:4px 22px 22px;border-top:1px solid var(--border)}

/* the bar with the button, once the hero's has scrolled away */
.n-sticky{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;max-width:400px;padding:7px 7px 7px 8px;border-radius:999px;background:rgba(18,15,26,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;box-shadow:0 20px 44px -14px rgba(0,0,0,.6);transform:translateY(160%);transition:transform .5s cubic-bezier(.2,1.3,.4,1)}
.n-sticky.show{transform:none}
.n-sticky img{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.n-sticky>span{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.2}
.n-sticky b{font-size:14px}.n-sticky small{display:flex;align-items:center;gap:5px;font-size:11.5px;opacity:.8}

/* scrolling in: hidden only once varnew.js runs, and never with reduced motion */
.n-js:not(.n-still) .n-rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
.n-js:not(.n-still) .n-rv.in{opacity:1;transform:none}

@media(max-width:1020px){
  .n-stage{gap:40px}
  .n-float.one{right:-12px}.n-float.two{left:-12px}
}
@media(max-width:900px){
  .n-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .n-features{grid-template-columns:1fr}
  .n-final{grid-template-columns:1fr;justify-items:center;text-align:center;padding:36px 24px;gap:22px}
  .n-fan{width:210px;height:220px}
}
/* a phone: the story fills what is left of the screen (varnew.js sets --n-h), the copy over its foot */
@media(max-width:760px){
  .skin-varnew.kind-home{padding-bottom:86px}
  .n-ticker{font-size:12px}.n-tk span{padding:7px 18px 7px 0;margin-right:10px}
  .n-hero{padding:8px 0 0}
  .n-stage{display:block;position:relative;height:var(--n-h,calc(100svh - 132px));min-height:400px;max-height:900px}
  .n-deck{position:absolute;inset:0 8px;width:auto;max-width:none}
  .n-ghost,.n-float{display:none}
  .n-story{position:absolute;inset:0;aspect-ratio:auto;border-radius:24px}
  .n-copy{position:absolute;left:8px;right:8px;bottom:0;z-index:6;padding:64px 16px 16px;border-radius:0 0 24px 24px;color:#fff;pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(10,7,16,.74) 26%,rgba(10,7,16,.94))}
  .n-copy a{pointer-events:auto}
  .n-pill{padding:4px 11px;font-size:12px;color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .n-copy h1{margin:9px 0 6px;font-size:clamp(27px,7.8vw,36px);text-shadow:0 2px 16px rgba(0,0,0,.45)}
  .n-sub{margin:0 0 13px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.86);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .n-ctas{flex-direction:column;align-items:stretch;gap:9px}
  .n-cta{padding:17px 20px;font-size:17px}
  .n-alt{align-self:center;color:#fff;font-size:14px}
  .n-chips{display:none}
  .n-chat{top:74px}
  .n-bubble{font-size:13.5px}
  .n-stamp{font-size:26px}
  .n-sticky{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:none}
  .n-vs{padding-top:44px}
  .n-vs-grid{grid-template-columns:1fr;gap:12px}
  .n-us{transform:none}
  .n-stats{gap:10px;padding-top:32px}.n-stats>div{padding:16px 10px}
  .n-marquee{padding:34px 0}
}
@media(max-width:760px) and (max-height:700px){.n-sub{display:none}.n-copy h1{font-size:clamp(25px,7.2vw,32px)}}
@media(prefers-reduced-motion:reduce){
  .n-ticker-run,.n-run,.n-mq,.n-hero::before,.n-cta,.n-cta::after,.n-heart,.n-arrow,.n-dot,.n-float,.n-fan img,.n-final,.n-who img,.n-card.on img,.n-copy h1 em,.n-h2 em{animation:none!important}
}