[data-notes]{--ua-accent:#bc4750;--ua-accent-ink:#ee8a92;--ua-stage:#111113;--ua-screen:#0b0b0d;--ua-card:#1f1f24;--ua-card-2:#2a2a31;--ua-ink:#f5f5f7;--ua-ink-2:#a5a5ad;--ua-ink-3:#85858e;--ua-line:#f5f5f714;--ua-line-2:#f5f5f729;--ua-ok:#4dd98c;--ua-warn:#f2b35b}.co{--t1:clamp(34px, 4.6vw, 62px);--t2:clamp(26px, 3vw, 40px);--t3:clamp(19px, 1.9vw, 23px);--t4:clamp(16px, 1.5vw, 18px)}.co :is(h1,h2,h3,p,li,span,b,small){word-break:keep-all;overflow-wrap:anywhere}.co :is(h1,h2,h3,.say,.poke-big,.poke-mid,.poke-pay,.back-h b){text-wrap:balance}.co :is(p,li,small){text-wrap:pretty}.co :lang(ja):is(h1,h2,h3,p,li,b,small){word-break:normal;line-break:strict}.co{width:100%;max-width:1160px;padding:clamp(36px, 7vh, 88px) max(16px, env(safe-area-inset-right)) clamp(80px, 12vh, 140px) max(16px, env(safe-area-inset-left));margin:0 auto}.red{color:var(--ua-accent)}.num{font-family:var(--mono);letter-spacing:.16em;color:var(--ua-accent-ink);align-items:center;gap:12px;font-size:13px;display:flex}.co h2{font-family:var(--display);font-size:var(--t2);letter-spacing:-.03em;font-weight:700;line-height:1.14}.c-hero{text-align:center;justify-items:center;display:grid}.c-k{justify-content:center;align-items:center;gap:10px;display:flex}.c-k .app-icon{border-radius:8px}.c-k b{letter-spacing:.06em;color:var(--ua-accent-ink);font-size:14px;font-weight:700}.co h1{font-family:var(--display);font-size:var(--t1);letter-spacing:-.035em;gap:.08em;margin-top:22px;font-weight:700;line-height:1.08;display:grid}.c-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.c-btn{background:var(--ua-accent);color:#fff;letter-spacing:-.01em;border-radius:999px;place-items:center;min-height:52px;padding:0 30px;font-size:16px;font-weight:700;transition:transform .2s cubic-bezier(.2,.6,.2,1),background .2s;display:inline-grid}.c-btn:hover,.c-btn:focus-visible{background:#cc4e58;outline:none;transform:translateY(-1px)}.c-cta-mid{margin-top:0}.c-now{color:var(--ink-2);font-size:14px;line-height:1.5}.c-pain{margin-top:clamp(96px,14vh,168px)}.c-pain h2,.c-fix>h2{text-align:center}.c-pain ol{gap:14px;margin:clamp(28px,4vh,44px) 0 0;padding:0;list-style:none;display:grid}.c-pain li{background:var(--ua-screen);border:1px solid var(--ua-line);border-radius:24px;align-content:start;gap:10px;padding:clamp(22px,2.6vw,32px);display:grid}.c-pain li b.say{font-size:var(--t3);letter-spacing:-.02em;color:var(--ink);font-weight:700;line-height:1.38}.c-pain li p{font-size:var(--t4);color:var(--ink-2);line-height:1.65}.c-fix{gap:clamp(56px,9vh,104px);margin-top:clamp(96px,14vh,168px);display:grid}.row{display:grid}.face,.back{grid-area:1/1;transition:opacity .35s cubic-bezier(.2,.6,.2,1),transform .35s cubic-bezier(.2,.6,.2,1),visibility .35s}.face{align-self:center;align-items:center;gap:28px;display:grid}.back{visibility:hidden;opacity:0;background:var(--ua-screen);border:1px solid var(--ua-line-2);border-radius:28px;align-content:start;gap:22px;padding:clamp(24px,3vw,44px);display:grid;transform:translateY(8px)}.row.flipped .face{visibility:hidden;opacity:0;transform:translateY(-8px)}.row.flipped .back{visibility:visible;opacity:1;transform:none}.row-stage{height:calc(250px * var(--s) + 48px);--s:1.04;background:var(--ua-screen);border:1px solid var(--ua-line);border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.row-stage:not(:has(.ua)):before{content:"";pointer-events:none;background:radial-gradient(circle, #d6d6de21 calc(.45px * var(--s)), transparent calc(.9px * var(--s))) center / calc(6px * var(--s)) calc(6px * var(--s));position:absolute;inset:0}.row-if{font-size:var(--t4);color:var(--ua-accent-ink);margin-top:12px;font-weight:600}.row-txt h3{max-width:18ch;font-family:var(--display);font-size:var(--t2);letter-spacing:-.03em;margin-top:8px;font-weight:700;line-height:1.18}:lang(ko) .row-txt h3{max-width:13em}.flip,.unflip{border:1px solid var(--ua-line-2);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:background .2s;display:inline-flex}.flip{margin-top:22px}.flip:hover,.unflip:hover{background:#ffffff0d}.flip:after{content:"";border:1.5px solid;border-width:1.5px 1.5px 0 0;width:7px;height:7px;rotate:45deg}.unflip{justify-self:start}.unflip:before{content:"";border:0 solid;border-width:0 0 1.5px 1.5px;width:7px;height:7px;rotate:45deg}.back-h{gap:6px;display:grid}.back-h .row-if{margin-top:6px}.back-h b{font-size:var(--t3);letter-spacing:-.02em;color:var(--ink);font-weight:700;line-height:1.3}.back ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.back li{color:var(--ink-2);break-inside:avoid;padding-left:16px;font-size:16px;line-height:1.65;position:relative}.back li:before{content:"";background:var(--ua-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.68em;left:0}.c-doubt{margin-top:clamp(96px,14vh,168px)}.c-doubt h2{text-align:center}.c-doubt ul{gap:0;margin:clamp(28px,4vh,44px) 0 0;padding:0;list-style:none;display:grid}.c-doubt li{border-top:1px solid var(--ua-line);align-content:start;gap:10px;padding:clamp(22px,3vh,30px) 0;display:grid}.c-doubt b{font-size:var(--t3);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-weight:700;line-height:1.4}.c-doubt p{max-width:52ch;color:var(--ink-2);font-size:16px;line-height:1.7}.c-start{margin-top:clamp(80px,12vh,140px)}.c-start ol{gap:28px;margin:28px 0 0;padding:0;list-style:none;display:grid}.c-start li{border-top:1px solid var(--ua-line-2);padding-top:20px}.c-start h3{font-size:var(--t3);letter-spacing:-.02em;margin-top:10px;font-weight:700}.c-start li p{color:var(--ink-2);margin-top:8px;font-size:16px;line-height:1.6}.c-need{color:var(--ink-3);margin-top:32px;font-size:16px;line-height:1.6}.c-apply{background:var(--ua-screen);border:1px solid var(--ua-line);border-radius:28px;max-width:720px;margin:clamp(80px,12vh,140px) auto 0;padding:clamp(28px,4vw,44px);scroll-margin-top:72px}.c-apply h2{margin-bottom:22px}.c-alt{color:var(--ink-3);text-underline-offset:3px;margin-top:20px;font-size:14px;text-decoration:underline;display:inline-block}.c-alt:hover{color:var(--ink)}html.sc-js .co .sc:not(.seen){opacity:0;transform:translateY(18px)}.sc{transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}@media (prefers-reduced-motion:reduce){html.sc-js .co .sc:not(.seen){transform:none}.sc{transition:opacity .3s linear}.face,.back{transition:none}}@media (width>=700px){.c-pain ol{grid-template-columns:1fr 1fr}.c-pain .wide-first li:first-child{grid-column:1/-1}.c-start ol{grid-template-columns:repeat(3,1fr)}.c-doubt ul{grid-template-columns:1fr 1fr;column-gap:clamp(32px,5vw,64px)}}@media (width>=880px){.face{grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,80px)}.row:nth-child(odd) .row-stage{order:2}.row-stage{--s:1.36}.back ul{columns:2;column-gap:44px;display:block}.back li{margin-bottom:14px}}@media (width<=380px){.row-stage{--s:.92}}.row-p{max-width:40ch;font-size:var(--t4);color:var(--ink-2);margin-top:14px;line-height:1.65}.stage-on{z-index:2;border:1px solid var(--ua-line-2);letter-spacing:.02em;color:var(--ink-2);background:#0b0b0dd9;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;top:16px;left:16px}@media (width<=560px){.c-cta{flex-direction:column;gap:12px}.c-pain li,.back{border-radius:22px;padding:22px 20px}.c-fix{gap:64px}.row-stage{border-radius:22px}.c-apply{border-radius:22px;padding:24px 20px}}.row-gain{border-left:2px solid var(--ua-accent);background:color-mix(in srgb, var(--ua-accent) 7%, transparent);border-radius:0 12px 12px 0;gap:4px;max-width:40ch;margin-top:16px;padding:12px 16px;display:grid}.row-gain b{letter-spacing:.06em;color:var(--ua-accent-ink);font-size:13px;font-weight:700}.row-gain span{font-size:var(--t4);color:var(--ink);font-weight:600;line-height:1.5}.t-sub{max-width:44ch;font-size:var(--t4);color:var(--ink-2);margin-top:20px;line-height:1.65}.t-turn{text-align:center;justify-items:center;gap:18px;margin-top:clamp(96px,14vh,168px);display:grid}.t-turn h2{font-size:var(--t1);letter-spacing:-.035em;gap:.06em;line-height:1.08;display:grid}.t-turn p{max-width:44ch;font-size:var(--t4);color:var(--ink-2);line-height:1.6}.co{overflow-x:clip}.c-hero,.t-turn,.c-gap-big,.c-poke,.c-apply,.c-chain{isolation:isolate;position:relative}.c-hero:before,.t-turn:before,.c-gap-big:before,.c-poke:before,.c-apply:before,.c-chain:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ececf280 .6px,#0000 1.5px);background-position:50%;background-size:18px 18px;position:absolute}.c-hero:before{opacity:.8;inset:-60px -20% 0;-webkit-mask-image:radial-gradient(48% 42% at 50% 30%,#000 0%,#0000 100%);mask-image:radial-gradient(48% 42% at 50% 30%,#000 0%,#0000 100%)}.t-turn:before,.c-gap-big:before{opacity:.85;background-image:radial-gradient(circle,#e67882bf .7px,#0000 1.6px);inset:-40% -25%;-webkit-mask-image:radial-gradient(40% 46%,#000 0%,#0000 100%);mask-image:radial-gradient(40% 46%,#000 0%,#0000 100%)}.c-poke:before,.c-apply:before,.c-chain:before{border-radius:inherit;opacity:.22;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 100% 0,#000 0%,#0000 100%);mask-image:radial-gradient(70% 80% at 100% 0,#000 0%,#0000 100%)}
