:root{--black:#000;--white:#fff;--mute:#868686;--line:#ffffff29;--font:"IBM Plex Sans", "Noto Sans TC", sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--black)}body{background:var(--black);color:var(--white);font-family:var(--font);margin:0;font-size:1.0625rem;font-weight:400;line-height:1.6}img,video{max-width:100%;display:block}a{color:var(--white)}a:hover{opacity:.7}.skip{z-index:100;background:var(--white);color:var(--black);padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:.75rem;left:.75rem}.nav{z-index:20;letter-spacing:.04em;pointer-events:none;justify-content:space-between;align-items:center;padding:1.05rem 1.5rem;font-size:.6875rem;display:flex;position:fixed;top:0;left:0;right:0}.nav a{pointer-events:auto;color:var(--white);text-decoration:none}.nav__brand{font-weight:500}.nav__links{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav__links a{opacity:.62}.nav__links a:hover,.nav__links a[aria-current=page]{opacity:1}.stage{height:100svh;min-height:100svh;color:var(--white);position:relative;overflow:hidden}.stage video,.stage__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage__dim{pointer-events:none;background:linear-gradient(#0003 0%,#00000038 58%,#00000094 100%);position:absolute;inset:0}.stage__copy{z-index:2;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 1.25rem 14vh;display:flex;position:absolute;inset:0}.stage h1,.stage h2{letter-spacing:-.05em;white-space:nowrap;margin:0;font-size:clamp(1.7rem,9.4vw,8rem);font-weight:400;line-height:1}.stage a.stage__go{border-bottom:1px solid var(--white);margin-top:1rem;padding-bottom:.15rem;font-size:.9rem;text-decoration:none;display:inline-block}.tiles{background:var(--black);grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.4rem;display:grid}.tile{aspect-ratio:4/5;color:var(--white);text-decoration:none;display:block;position:relative;overflow:hidden}.tile:after,.sample:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:42%;position:absolute;inset:auto 0 0}.tile img{object-fit:cover;width:100%;height:100%}.tile__name{z-index:1;letter-spacing:-.03em;font-size:1.05rem;position:absolute;bottom:.9rem;left:.9rem;right:.9rem}.samples{grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem .4rem 3rem;display:grid}.sample{margin:0;position:relative;overflow:hidden}.sample img{object-fit:cover;width:100%;height:min(72vh,38rem)}.sample__name{z-index:1;font-size:1rem;position:absolute;bottom:1rem;left:1rem}.page{max-width:76rem;margin:0 auto;padding:5.5rem 1.5rem 4rem}.page--contact{flex-direction:column;justify-content:center;align-items:flex-start;max-width:46rem;min-height:100svh;display:flex}.plan{max-width:38rem;margin:0 0 3.5rem}.plan h1,.page h1{letter-spacing:-.045em;word-break:keep-all;margin:0 0 1rem;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;line-height:1.08}.page h2{letter-spacing:-.04em;word-break:keep-all;margin:2.75rem 0 1rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400}.price{letter-spacing:-.045em;margin:0 0 .85rem;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:400;line-height:1}.lead,.plus,.honest,.teach p{color:#c8c8c8;max-width:40rem;margin:0 0 1rem}.plus{margin-bottom:2.5rem}.honest{margin:1.25rem 0 0;font-size:.95rem}.teach{max-width:40rem;margin-top:3.5rem}.fields{color:var(--mute)}.bands{scroll-snap-type:y mandatory;height:100svh;overflow-y:auto}.band{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3rem 4rem;max-width:76rem;height:100svh;min-height:100svh;margin:0 auto;padding:5.5rem 1.5rem 4rem;display:grid}.band__copy h2{letter-spacing:-.055em;word-break:keep-all;margin:0 0 1.25rem;font-size:clamp(2.2rem,5.6vw,5.2rem);font-weight:400;line-height:1.04}.band__copy p{color:#c8c8c8;max-width:34rem;margin:0 0 .85rem;font-size:1.125rem}.band__copy p:last-child{margin-bottom:0}.band__viz{justify-content:center;align-items:center;display:flex}.viz{width:100%;max-width:26rem;height:auto;overflow:visible}.viz .stroke{fill:none;stroke:var(--white);stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round}.viz .fill{fill:var(--white);stroke:none}.viz text{fill:var(--white);stroke:none;font-size:11px;font-family:var(--font);letter-spacing:.02em}.viz .mute{fill:var(--mute)}.band--cta .wa{margin-top:1.4rem}.wa{border:1px solid var(--white);margin-top:1.4rem;padding:.65rem 1.1rem;font-size:.9rem;text-decoration:none;display:inline-block}.wa:hover{background:var(--white);color:var(--black);opacity:1}.note{color:var(--mute);margin-top:1rem;font-size:.85rem}.foot{color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:2rem 1.5rem 3rem;font-size:.75rem;display:flex}.sheet-wrap{margin:0;padding:0}.sheet{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8rem;line-height:1.4}.sheet--spec{min-width:28rem;max-width:42rem}.sheet caption{caption-side:bottom;color:var(--mute);text-align:left;padding-top:.85rem;font-size:.78rem}.sheet th,.sheet td{border:1px solid var(--line);vertical-align:top;text-align:center;background:var(--black);padding:.8rem .7rem}.sheet th:first-child,.sheet td:first-child{text-align:left;color:#d4d4d4;z-index:1;width:11.5rem;position:sticky;left:0}.sheet thead th{z-index:2;letter-spacing:-.02em;vertical-align:bottom;font-weight:500;position:sticky;top:2.7rem}.sheet thead th:first-child{z-index:3}.sheet__name{display:block}.sheet__meta{color:var(--mute);letter-spacing:0;margin-top:.3rem;font-size:.72rem;font-weight:400;display:block}.sheet tbody td:nth-child(2),.sheet thead th:nth-child(2){color:var(--white);font-weight:500}.sheet tbody td:nth-child(n+3){color:#bdbdbd;font-weight:400}.yes{font-size:1rem;line-height:1}.no{color:var(--mute)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bands{scroll-snap-type:none;height:auto;overflow:visible}.band{scroll-snap-align:none;height:auto;min-height:0;padding-top:4.5rem;padding-bottom:4.5rem}}@media (width<=720px){.nav{gap:.75rem;padding:.9rem 1rem}.nav__links{gap:.75rem}.stage__copy{padding-bottom:11vh}.stage h1,.stage h2{font-size:min(11vw,12.1951vw - .268293rem)}.tiles,.samples{grid-template-columns:1fr}.sample img{height:58vh}.page{padding:4.75rem 1rem 3rem}.band{grid-template-columns:1fr;gap:1.75rem;padding:5rem 1rem 2.5rem}.band__copy h2{font-size:clamp(2rem,11vw,3.1rem)}.viz{max-width:20rem;max-height:34vh}}@media (width<=960px){.sheet-wrap{-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem;overflow-x:auto}.sheet{min-width:56rem}.sheet--spec{min-width:28rem}.sheet thead th{top:0}}
