.NfDiEG_hero{gap:var(--space-xl);margin-top:var(--page-top);border-radius:var(--radius-l);background:var(--color-accent);color:var(--color-on-accent);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:clamp(1.5rem,.5rem + 4vw,3.5rem);display:grid;position:relative;overflow:hidden}.NfDiEG_bubbles{pointer-events:none;position:absolute;inset:0}.NfDiEG_bubbles>span{bottom:-4rem;left:calc(6% + var(--b) * 21%);width:calc(1.4rem + var(--b) * .7rem);aspect-ratio:1;pointer-events:none;animation:NfDiEG_rise calc(10s + var(--b) * 1.9s) linear infinite;animation-delay:calc(var(--b) * -2.7s);background:#ffffff1f;border-radius:50%;position:absolute}@keyframes NfDiEG_rise{0%{transform:translate(0)scale(.8)}50%{transform:translate(16px,-220px)scale(1)}to{transform:translate(-12px,-480px)scale(.6)}}.NfDiEG_heroText{gap:var(--space-m);justify-items:start;display:grid;position:relative}.NfDiEG_eyebrow{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-weight:700}.NfDiEG_hello{gap:var(--space-2xs);font-weight:900;display:grid}.NfDiEG_helloJa{font-size:clamp(2.5rem,1.4rem + 4.5vw,4.75rem);line-height:1.1}.NfDiEG_helloJa>span{animation:NfDiEG_wave .9s var(--ease-bounce) both;animation-delay:calc(var(--c) * 80ms);transition:transform .26s var(--ease-bounce);display:inline-block}@keyframes NfDiEG_wave{0%{transform:translateY(.4em)rotate(-12deg)}60%{transform:translateY(-.12em)rotate(4deg)}to{transform:none}}.NfDiEG_helloEn{font-size:var(--step-2);opacity:.9;font-weight:700}.NfDiEG_intro{max-width:34rem;font-size:var(--step-1);font-weight:500;line-height:1.55}.NfDiEG_heroSticker{justify-items:center;gap:var(--space-s);padding:var(--space-xl);border-radius:var(--radius-l);background:var(--color-cream);color:var(--color-accent);animation:6s ease-in-out infinite NfDiEG_wobble;display:grid;position:relative;transform:rotate(5deg);box-shadow:0 14px 0 -6px #00000026}@keyframes NfDiEG_wobble{0%,to{transform:rotate(5deg)}50%{transform:rotate(-2deg)translateY(-6px)}}.NfDiEG_heroStickerGlyph{padding-bottom:var(--kanji-lift);aspect-ratio:1;background:var(--color-accent);width:clamp(8.5rem,6rem + 7vw,12.5rem);color:var(--color-on-accent);border-radius:50%;place-items:center;font-size:clamp(4.5rem,3.25rem + 3.75vw,7rem);font-weight:700;line-height:1;display:grid}.NfDiEG_heroStickerCaption{font-size:var(--step-1);font-weight:700}.NfDiEG_name{gap:var(--space-l);padding-block:var(--space-2xl) var(--space-l);display:grid}.NfDiEG_sectionTitle{font-size:var(--step-3);font-weight:900}.NfDiEG_equation{--eq-gap:clamp(3.5rem, 2rem + 3vw, 5.5rem);gap:var(--eq-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.NfDiEG_part{align-content:center;justify-items:center;gap:var(--space-xs);min-height:13rem;padding:var(--space-l);border-radius:var(--radius-l);text-align:center;animation:NfDiEG_pop .7s var(--ease-bounce) both;animation-delay:calc(.2s + var(--p) * .18s);--part-bg:var(--color-cream);--part-ink:var(--color-accent);--part-muted:var(--color-ink);background:var(--part-bg);display:grid;position:relative}.NfDiEG_part[data-tone=red]{--part-bg:var(--color-accent);--part-ink:var(--color-on-accent);--part-muted:#ffffffe6}.NfDiEG_part[data-tone=ink]{--part-bg:var(--color-ink);--part-ink:#ff8fa6;--part-muted:#ffffffd9}@keyframes NfDiEG_pop{0%{transform:scale(.6)rotate(-8deg)}to{transform:none}}.NfDiEG_partWord{color:var(--part-ink);font-size:clamp(3rem,2rem + 3vw,4.75rem);font-weight:900;line-height:1.4}.NfDiEG_partWord rt{color:var(--part-muted);font-size:.28em;font-weight:700}.NfDiEG_partMeaning{color:var(--part-muted);font-weight:700}.NfDiEG_plus{top:50%;right:calc(-1 * var(--eq-gap) / 2);z-index:1;width:2.5rem;height:2.5rem;padding-bottom:var(--label-lift);background:var(--color-surface);color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent);border-radius:50%;place-items:center;margin:-1.25rem -1.25rem 0 0;font-size:1.5rem;font-weight:900;line-height:1;display:grid;position:absolute}.NfDiEG_result{font-size:var(--step-2);justify-self:center;font-weight:500}.NfDiEG_result strong{color:var(--color-accent);font-weight:900}.NfDiEG_notes{gap:var(--space-xl);padding:var(--space-xl) 0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.NfDiEG_note{align-content:start;gap:var(--space-s);padding:var(--space-xl) var(--space-l);border-radius:var(--radius-l);transform:rotate(var(--tilt,-1.2deg));transition:transform .4s var(--ease-bounce);--note-bg:var(--color-cream);--note-ink:var(--color-ink);--note-numeral-bg:var(--color-accent);--note-numeral-ink:var(--color-on-accent);background:var(--note-bg);color:var(--note-ink);display:grid}.NfDiEG_note:nth-child(2n){--tilt:1.4deg}.NfDiEG_note[data-tone=red]{--note-bg:var(--color-accent);--note-ink:var(--color-on-accent);--note-numeral-bg:var(--color-on-accent);--note-numeral-ink:var(--color-accent)}.NfDiEG_note[data-tone=pink]{--note-bg:var(--color-soft)}.NfDiEG_note[data-tone=ink]{--note-bg:var(--color-ink);--note-ink:#fff;--note-numeral-bg:#ff8fa6;--note-numeral-ink:var(--color-ink)}.NfDiEG_note a{color:inherit;font-weight:700}.NfDiEG_numeral{padding-bottom:var(--kanji-lift);aspect-ratio:1;background:var(--note-numeral-bg);width:3.5rem;color:var(--note-numeral-ink);transition:transform .3s var(--ease-bounce);border-radius:50%;place-items:center;font-size:1.75rem;font-weight:700;line-height:1;display:grid}.NfDiEG_noteTitle{font-size:var(--step-2);font-weight:900}.NfDiEG_noteBody{gap:var(--space-s);font-weight:500;display:grid}.NfDiEG_noteBody ul{gap:var(--space-xs);margin:0;padding-left:1.2em;display:grid}@supports (animation-timeline:view()){.NfDiEG_note{animation:linear both NfDiEG_settle;animation-timeline:view();animation-range:entry entry 70%}@keyframes NfDiEG_settle{0%{transform:translateY(60px) rotate(calc(var(--tilt,-1.2deg) * -3))}to{transform:rotate(var(--tilt,-1.2deg))}}@media (prefers-reduced-motion:reduce){.NfDiEG_note{animation:none}}}@media (hover:hover) and (min-width:75rem){.NfDiEG_note:hover{transform:rotate(0)scale(1.02)}.NfDiEG_note:hover .NfDiEG_numeral{transform:rotate(-14deg)scale(1.12)}.NfDiEG_helloJa>span:hover{animation:none;transform:translateY(-.18em)rotate(-8deg)scale(1.08)}}.NfDiEG_ribbonSection{gap:var(--space-s);padding-block:var(--space-xl);display:grid}.NfDiEG_ribbonLede{font-size:var(--step-1);color:var(--color-ink-muted);font-weight:500}.NfDiEG_ribbon{margin-inline:calc(-1 * var(--gutter));padding-block:var(--space-m);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.NfDiEG_ribbonTrack{gap:var(--space-m);width:max-content;padding:0 var(--gutter);margin:0;list-style:none;animation:70s linear infinite NfDiEG_scroll;display:flex}.NfDiEG_ribbon:hover .NfDiEG_ribbonTrack,.NfDiEG_ribbon:focus-within .NfDiEG_ribbonTrack{animation-play-state:paused}@keyframes NfDiEG_scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.NfDiEG_ribbonItem{padding-bottom:var(--kanji-lift);aspect-ratio:1;background:var(--color-accent);width:4.5rem;color:var(--color-on-accent);transition:transform .26s var(--ease-bounce);border-radius:50%;place-items:center;font-size:2.25rem;font-weight:700;line-height:1;text-decoration:none;display:grid;position:relative}li:nth-child(3n+2)>.NfDiEG_ribbonItem{background:var(--color-cream);color:var(--color-accent)}li:nth-child(3n)>.NfDiEG_ribbonItem{background:var(--color-ink);color:#ff8fa6}@media (hover:hover) and (min-width:75rem){.NfDiEG_ribbonItem:hover{color:var(--color-on-accent);transform:translateY(-6px)rotate(-10deg)scale(1.1)}}@media (prefers-reduced-motion:reduce){.NfDiEG_ribbon{overflow-x:auto}.NfDiEG_ribbonTrack{animation:none}}.NfDiEG_cta{justify-content:center;align-items:center;gap:var(--space-m) var(--space-l);padding-block:var(--space-xl);flex-wrap:wrap;display:flex}.NfDiEG_ctaText{font-size:var(--step-3);font-weight:900}.NfDiEG_ctaButton span{animation:1.4s ease-in-out infinite NfDiEG_nudge;display:inline-block}@keyframes NfDiEG_nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (max-width:52rem){.NfDiEG_hero{grid-template-columns:minmax(0,1fr)}.NfDiEG_heroSticker{justify-self:center}.NfDiEG_equation{--eq-gap:3.5rem;grid-template-columns:minmax(0,1fr)}.NfDiEG_plus{top:auto;right:50%;bottom:calc(-1 * var(--eq-gap) / 2);margin:0 -1.25rem -1.25rem 0}.NfDiEG_notes{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.NfDiEG_intro{font-size:var(--step-0)}}
