@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/viral/Ryu-B.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/viral/Tps-R.woff2) format("woff2")}:root{--paper:#FFFFFF;--ink:#141014;--pink:#FFCADC;--mag:#DF0567;--muted:#645A62;--line:#E8E2E6;--disp:"Disp","Songti TC",serif;--body:"Body","PingFang TC",sans-serif;--w:min(1360px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.19,1,.22,1);--spring:cubic-bezier(.34,1.4,.5,1);--t:.5s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:1.02}.d0{font-size:clamp(2.4rem,1rem + 7.6vw,6.8rem)}.d1{font-size:clamp(1.9rem,1.1rem + 3.6vw,3.6rem)}.eye{font-size:.74rem;letter-spacing:.2em;color:var(--mag)}.note{font-size:.85rem;color:var(--muted);line-height:1.75}.ch{display:inline-block;white-space:pre}html.js .rv .ch{opacity:0;transform:translateY(.42em)}html.js .rv[data-in] .ch{opacity:1;transform:none;transition:transform .6s var(--spring) calc(var(--c,0) * 30ms),opacity .3s ease-out calc(var(--c,0) * 30ms)}html.js .st{opacity:0;transform:translateY(20px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .55s var(--e) calc(var(--i,0) * 70ms),transform .6s var(--e) calc(var(--i,0) * 70ms)}.lines span{display:block;overflow:hidden}.lines i{display:block;font-style:normal}html.js .lines i{transform:translateY(105%)}html.js .lines[data-in] i{transform:none;transition:transform .8s var(--e) calc(var(--l,0) * 90ms)}@media(prefers-reduced-motion:reduce){html.js .rv .ch,html.js .st,html.js .lines i{opacity:1!important;transform:none!important;transition:none}}html.js .boot-i{opacity:0;transform:translateY(18px)}html.js[data-boot] .boot-i{opacity:1;transform:none;transition:opacity .7s var(--e) calc(var(--b,0) * .11s),transform .8s var(--e) calc(var(--b,0) * .11s)}@media(prefers-reduced-motion:reduce){html.js .boot-i{opacity:1!important;transform:none!important}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:72px;height:72px;border-radius:50%;background:var(--mag);color:var(--paper);display:grid;place-items:center;font-size:.72rem;font-family:var(--disp);font-weight:700;pointer-events:none;opacity:0;transform:translate(-50%,-50%);scale:.34;transition:opacity .3s var(--e),scale .34s var(--spring);will-change:transform,scale}.cursor[data-on]{opacity:1;scale:.5}.cursor[data-big]{scale:1}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:var(--paper)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:14px}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1.1rem}.nav ul{display:flex;gap:clamp(12px,2vw,26px);font-size:.8rem}.nav a{text-decoration:none;transition:color var(--t) var(--e)}.nav a:hover,.nav a[data-on]{color:var(--mag)}@media(max-width:700px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:66px}.hero{position:relative;min-height:100svh;display:grid;align-content:end;padding-block:clamp(40px,6vw,90px) clamp(40px,6vw,100px);overflow:hidden;isolation:isolate;color:var(--paper)}.hero .bg{position:absolute;inset:0;z-index:-3;background:url(/templates/viral/hv02-1600.webp) center/cover no-repeat}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.2s var(--e)}.hero video[data-on]{opacity:1}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:#14101485}.hero .in{width:var(--w);margin-inline:auto}.hero h1{max-width:11ch}.hero .sub{margin-block-start:clamp(14px,2vw,24px);max-width:26em;color:#ffffffd6}.hero .cta{display:inline-flex;align-items:center;gap:10px;margin-block-start:clamp(20px,2.6vw,32px);background:var(--mag);color:var(--paper);text-decoration:none;border-radius:999px;padding:13px 26px;font-family:var(--disp);font-weight:700;font-size:.92rem;transition:transform var(--t) var(--e)}.hero .cta:hover{transform:translateY(-2px)}.side{position:absolute;inset-inline-end:2.4%;inset-block-start:14%;width:16.7%;display:grid;gap:12px;z-index:1}.side figure{margin:0;overflow:hidden;border-radius:10px;aspect-ratio:3/2;background-position:center;background-size:cover;background-repeat:no-repeat}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.side figure{animation:vr-side linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes vr-side{0%{transform:translateY(40px)}to{transform:translateY(-40px)}}@media(max-width:1000px){.side{display:none}}.tape{background:var(--mag);color:var(--paper);overflow:hidden;padding-block:14px;display:grid;gap:6px}.tape p{display:flex;gap:2.2em;white-space:nowrap;font-family:var(--disp);font-weight:700;font-size:clamp(1rem,.85rem + .6vw,1.5rem)}html.js .tape p{animation:vr-roll 30s linear infinite}html.js .tape p.b{animation-duration:44s;animation-direction:reverse;opacity:.96;font-size:.8em}@keyframes vr-roll{0%{transform:none}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html.js .tape p{animation:none}}.nums{padding-block:clamp(40px,6vw,100px)}.nums .row{border-block-start:1px solid var(--line);padding-block:clamp(20px,3vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.5fr);gap:clamp(16px,3vw,50px);align-items:end}.nums b{font-family:var(--disp);font-weight:700;display:block;line-height:.82;letter-spacing:-.05em;font-size:clamp(4rem,2rem + 16vw,17rem)}.nums b small{font-size:.2em;letter-spacing:0;margin-inline-start:.1em}.nums .k{font-size:.9rem;color:var(--muted);padding-block-end:clamp(6px,1.4vw,18px)}@media(max-width:820px){.nums .row{grid-template-columns:minmax(0,1fr)}}.stack{padding-block:clamp(30px,5vw,80px)}.stack .card{position:sticky;inset-block-start:96px;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(18px,3vw,48px);align-items:center;padding:clamp(20px,2.6vw,40px);margin-block-end:clamp(18px,2.4vw,30px)}.stack .card:nth-child(1){inset-block-start:96px}.stack .card:nth-child(2){inset-block-start:120px}.stack .card:nth-child(3){inset-block-start:144px}.stack .card:nth-child(4){inset-block-start:168px}.stack .no{font-family:var(--disp);font-weight:700;color:var(--mag);font-size:.9rem}.stack h3{font-family:var(--disp);font-weight:700;font-size:clamp(1.3rem,1rem + 1.6vw,2.1rem);margin-block:10px 12px}.stack p{color:var(--muted);max-width:30em}.stack figure{margin:0;overflow:hidden;border-radius:14px}.stack img{width:100%;aspect-ratio:4/3;object-fit:cover}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.stack .card{animation:vr-stack linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}}@keyframes vr-stack{to{transform:scale(.92);opacity:.55}}@media(max-width:860px){.stack .card{position:static;grid-template-columns:minmax(0,1fr)}}.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,26px);padding-block:clamp(30px,5vw,80px)}.five figure{margin:0;overflow:hidden;border-radius:12px}.five img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .7s var(--e)}.five figure:hover img{transform:scale(1.08)}@media(max-width:820px){.five{grid-template-columns:repeat(3,minmax(0,1fr))}}.plan{background:var(--pink);padding-block:clamp(40px,6vw,100px)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(16px,2.4vw,30px);margin-block-start:clamp(18px,2.4vw,32px)}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tabs label{cursor:pointer;border:1.5px solid var(--ink);border-radius:999px;padding:11px 24px;font-family:var(--disp);font-weight:700;font-size:.9rem;transition:background-color var(--t) var(--e),color var(--t) var(--e),transform var(--t) var(--e)}.tabs label:hover{transform:translateY(-2px)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .3s var(--e);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(18px,3vw,50px)}.pane figure{margin:0;overflow:hidden;border-radius:16px}.pane figure img{width:100%;aspect-ratio:3/4;object-fit:cover}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:end;padding:13px 8px;font-size:.94rem;border-block-start:1px solid rgba(20,16,20,.18)}th:first-child,td:first-child{text-align:start}thead th{font-size:.78rem;color:var(--muted);font-weight:400;border-block-start:0}tbody th{font-family:var(--disp);font-weight:700}tfoot td{color:var(--muted);font-size:.78rem;text-align:start}.sum{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,44px);margin-block-start:18px}.sum b{font-family:var(--disp);font-weight:700;font-size:clamp(2rem,1.2rem + 3vw,3.6rem);line-height:1;display:block;letter-spacing:-.03em}.sum span{font-size:.78rem;color:var(--muted)}#p-a:checked~.panes .q-a,#p-b:checked~.panes .q-b,#p-c:checked~.panes .q-c{opacity:1;pointer-events:auto}#p-a:checked~.tabs label[for=p-a],#p-b:checked~.tabs label[for=p-b],#p-c:checked~.tabs label[for=p-c]{background:var(--ink);color:var(--paper)}@media(max-width:860px){.pane{grid-template-columns:minmax(0,1fr)}}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:13px;height:13px;border-inline-end:2.4px solid var(--mag);border-block-end:2.4px solid var(--mag);transform:rotate(45deg) translate(-3px,-3px);transition:transform .24s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{background:var(--ink);color:var(--paper);margin-block-start:clamp(40px,6vw,90px);padding-block:clamp(40px,6vw,88px) clamp(56px,6vw,84px)}.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.fgrid h3{font-family:var(--disp);font-weight:700;font-size:.88rem;margin-block-end:12px;color:var(--pink)}.fgrid li,.fgrid li a{font-size:.9rem;color:#ffffffc7;text-decoration:none;padding-block:4px;display:block}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:-.04em;line-height:.94;font-size:clamp(2.4rem,1rem + 8vw,7rem);margin-block-start:clamp(34px,5vw,74px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(18px,2.4vw,30px);padding-block-start:16px;border-block-start:1px solid rgba(255,255,255,.24);font-size:.72rem;color:#ffffff9e}@media(max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.five figure,.ask details,.fgrid>div,.nums .row,.sum div,.tabs label{animation:vr-rise linear both;animation-timeline:view();animation-range:entry 4% entry 76%}.stack img,.pane figure img{animation:vr-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes vr-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes vr-drift{0%{transform:scale(1.1) translateY(-1.8%)}to{transform:scale(1.1) translateY(1.8%)}}