@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/oen-pos/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/oen-pos/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/oen-pos/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/oen-pos/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/oen-pos/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/oen-pos/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_cb9c5a{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_cb9c5a{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.block{display:block}:root{--paper:oklch(96.5% .017 95);--paper-deep:oklch(93.5% .025 95);--ink:oklch(24% .02 170);--ink-soft:oklch(40% .02 170);--green:oklch(41% .09 165);--green-deep:oklch(30% .07 168);--mint:oklch(92% .08 160);--mint-deep:oklch(86% .1 158);--persimmon:oklch(62% .19 35);--line:oklch(86% .02 95);--radius:14px;--serif:var(--font-noto-serif-tc),"Noto Serif TC",serif;--sans:var(--font-noto-sans-tc),"Noto Sans TC",-apple-system,sans-serif;--latin:var(--font-space-grotesk),"Space Grotesk",var(--font-noto-sans-tc),"Noto Sans TC",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:clamp(15px,1.05vw + 12px,17px);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--mint-deep);color:var(--ink)}a{color:inherit}.wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}header{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{gap:28px;height:64px}.nav,.wordmark{display:flex;align-items:center}.wordmark{font-family:var(--latin);font-weight:700;font-size:20px;letter-spacing:.02em;text-decoration:none;gap:10px}.wordmark b{background:var(--green);color:var(--paper);border-radius:8px;padding:2px 9px}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{text-decoration:none;font-size:14.5px;color:var(--ink-soft)}.nav nav a:hover{color:var(--ink)}.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 26px;font-size:15px;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}.btn:hover{transform:translateY(-1.5px)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{box-shadow:0 8px 24px -10px var(--ink)}.btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}.nav .btn{padding:9px 20px;font-size:14px}@media (max-width:760px){.nav nav{display:none}}.hero{padding-block:clamp(48px,8vw,104px) 0;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center}@media (max-width:860px){.hero-grid{grid-template-columns:1fr}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;letter-spacing:.06em;color:var(--green);border:1px solid color-mix(in oklch,var(--green) 35%,var(--paper));border-radius:999px;padding:5px 14px;margin-bottom:26px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--persimmon)}h1{font-family:var(--serif);font-weight:900;font-size:clamp(40px,6.2vw,74px);line-height:1.14;letter-spacing:.01em}h1 .tap{color:var(--green);white-space:nowrap}.hero p.lede{margin:26px 0 36px;font-size:clamp(16px,1.4vw,19px);color:var(--ink-soft);max-width:34em}.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.hero .fine{font-size:13px;color:var(--ink-soft);opacity:.75;margin-bottom:56px}.stage{display:flex;justify-content:center;padding:12px 0 40px}.pad,.stage{position:relative}.pad{width:min(330px,78vw);aspect-ratio:3/4.35;background:oklch(20% .01 250);border-radius:26px;padding:12px;box-shadow:0 34px 70px -30px oklch(30% .05 165/.55),0 4px 14px -6px oklch(25% .02 170/.3);transform:rotate(-3deg)}.pad-screen{background:oklch(97.5% .006 95);border-radius:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.pad-top{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid oklch(90% .01 95);font-size:10.5px;color:var(--ink-soft)}.pad-top b{color:var(--ink);font-weight:700}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;flex:1;align-content:start}.tile{background:#fff;border:1px solid oklch(90% .012 95);border-left:3.5px solid var(--green);border-radius:8px;padding:7px 7px 6px;font-size:9.5px;line-height:1.35}.tile small{display:block;color:var(--green);font-weight:700;font-size:10px;margin-top:2px;font-family:var(--latin)}.tile:nth-child(2){border-left-color:var(--persimmon)}.tile:nth-child(5){border-left-color:oklch(70% .12 85)}.tile:nth-child(7){border-left-color:oklch(60% .1 250)}.cartbar{margin:0 8px 8px;background:var(--green);color:oklch(97% .01 160);border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:11px;font-weight:700}.cartbar span b{font-family:var(--latin)}.cartbar .go{background:oklch(97% .01 160);color:var(--green);border-radius:999px;padding:3px 12px;font-size:10.5px}.chip{position:absolute;background:#fff;border-radius:12px;box-shadow:0 14px 34px -14px oklch(30% .05 165/.4);padding:10px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:9px}.chip .ok{width:22px;height:22px;border-radius:50%;background:var(--mint-deep);display:grid;place-items:center;font-size:12px;color:var(--green-deep)}.chip-tap{top:9%;right:-4%;transform:rotate(2.5deg)}.chip-inv{bottom:14%;left:-6%;transform:rotate(-2deg)}.chip small{display:block;font-weight:400;font-size:11px;line-height:1.3}.chip small,.receipt{color:var(--ink-soft)}.receipt{position:absolute;right:8%;bottom:-26px;width:96px;background:#fff;border-radius:3px 3px 0 0;padding:9px 9px 14px;font-size:8px;line-height:1.7;transform:rotate(2deg);box-shadow:0 10px 24px -12px oklch(30% .05 165/.35)}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:8px;background:linear-gradient(-45deg,transparent 33.33%,#fff 0,#fff 66.66%,transparent 0),linear-gradient(45deg,transparent 33.33%,#fff 0,#fff 66.66%,transparent 0);background-size:8px 16px}.receipt b{color:var(--ink);font-size:9px}.ticker{border-block:1.5px solid var(--ink);background:var(--paper-deep);overflow:hidden;padding:13px 0;font-family:var(--serif);font-weight:600;font-size:16.5px}.ticker-track{display:flex;gap:0;width:max-content;animation:roll 30s linear infinite}.ticker span{padding:0 26px;white-space:nowrap}.ticker span:after{content:"✦";margin-left:52px;color:var(--persimmon);font-size:13px}@keyframes roll{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}section{padding-block:clamp(64px,9vw,120px)}.k{font-family:var(--latin);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--persimmon);display:block;margin-bottom:14px}h2{font-family:var(--serif);font-weight:900;font-size:clamp(30px,4.2vw,50px);line-height:1.2;letter-spacing:.01em;max-width:22em}.sub{margin-top:18px;color:var(--ink-soft);max-width:36em}.pillars{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:18px;margin-top:52px}@media (max-width:860px){.pillars{grid-template-columns:1fr}}.pillar{border-radius:var(--radius);padding:clamp(26px,3.4vw,44px);position:relative;overflow:hidden}.pillar h3{font-family:var(--serif);font-weight:900;font-size:clamp(21px,2.2vw,27px);margin-bottom:12px}.pillar p{color:var(--ink-soft);max-width:30em}.pillar .tag{font-family:var(--latin);font-weight:700;font-size:12px;letter-spacing:.1em;opacity:.65;display:block;margin-bottom:20px}.p-tap{grid-row:span 2;background:var(--green);color:var(--paper)}.p-tap h3{color:oklch(97% .012 160)}.p-tap p{color:oklch(85% .03 160)}.p-tap .tag{color:var(--mint-deep);opacity:1}.p-tap .waves{position:absolute;right:-40px;bottom:-40px;width:230px;height:230px;opacity:.35}.p-tap .waves circle{fill:none;stroke:var(--mint-deep);stroke-width:2}.p-inv{background:var(--mint)}.p-cloud{background:#fff;border:1.5px solid var(--line)}.free-stamp{position:absolute;top:22px;right:22px;font-family:var(--serif);font-weight:900;font-size:13px;color:var(--persimmon);border:2px solid var(--persimmon);border-radius:8px;padding:3px 10px;transform:rotate(6deg);letter-spacing:.08em}.p-tap ul{list-style:none;margin-top:26px;display:grid;gap:10px;font-size:14.5px}.p-tap li{display:flex;gap:10px;align-items:baseline;color:oklch(90% .02 160)}.p-tap li:before{content:"—";color:var(--mint-deep)}.kit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}@media (max-width:860px){.kit-grid{grid-template-columns:1fr}}.kit-photo{border-radius:var(--radius);overflow:hidden;background:#fff;border:1.5px solid var(--line);position:relative}.kit-photo img{display:block;width:100%;height:auto}.kit-photo .cap{position:absolute;left:18px;bottom:16px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 14px;letter-spacing:.04em}.kit ul{list-style:none;margin-top:28px;display:grid;gap:16px}.kit li{display:flex;gap:14px;align-items:baseline}.kit li .no{font-family:var(--latin);font-size:12.5px;color:var(--persimmon);letter-spacing:.08em;flex-shrink:0;transform:translateY(-1px)}.kit li .no,.kit li b{font-weight:700}.kit li span{color:var(--ink-soft)}.booth-photo{border-radius:var(--radius);overflow:hidden;margin-top:52px;position:relative;box-shadow:0 30px 60px -30px oklch(15% .04 168/.7)}.booth-photo img{display:block;width:100%;height:auto}.field{background:var(--green-deep);color:oklch(93% .02 160)}.field .k{color:var(--mint-deep)}.field h2{color:oklch(97% .012 160)}.field .sub{color:oklch(80% .03 162)}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,56px) clamp(32px,5vw,72px);margin-top:56px}@media (max-width:760px){.scene-grid{grid-template-columns:1fr}}.scene{border-top:1px solid oklch(45% .05 165);padding-top:22px}.scene .n{font-family:var(--latin);font-weight:700;color:var(--mint-deep);font-size:13px;letter-spacing:.1em}.scene h3{font-family:var(--serif);font-weight:900;font-size:21px;margin:8px 0;color:oklch(96% .015 160)}.scene p{color:oklch(78% .035 162);font-size:15px;max-width:26em}.cloud-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}@media (max-width:860px){.cloud-grid{grid-template-columns:1fr}}.cloud ul{list-style:none;margin-top:30px;display:grid;gap:14px}.cloud li{display:flex;gap:13px;align-items:baseline}.cloud li:before{content:"✓";font-weight:900;color:var(--green);background:var(--mint);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:12px;flex-shrink:0;transform:translateY(3px)}.cloud li b{font-weight:700}.cloud li span{color:var(--ink-soft)}.sync-visual{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:30px;position:relative}.sync-row{display:flex;justify-content:space-between;align-items:center;padding:13px 6px;border-bottom:1px dashed var(--line);font-size:14px}.sync-row:last-child{border-bottom:none}.sync-row .name{font-weight:500}.sync-row .qty{font-family:var(--latin);font-weight:700;color:var(--green)}.sync-row .pulse{font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.sync-row .pulse:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2.2s infinite}@keyframes blink{50%{opacity:.25}}.sync-cap{position:absolute;top:-15px;left:26px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:700;border-radius:999px;padding:4px 14px;letter-spacing:.04em}.cta{background:var(--mint);border-block:1.5px solid var(--ink)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cta h2{max-width:14em}.cta .btn-ink{padding:16px 34px;font-size:16.5px}footer{padding:44px 0 60px;color:var(--ink-soft);font-size:13.5px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.foot a{color:var(--ink-soft)}h2{text-wrap:balance}@media (max-width:560px){h1{font-size:clamp(34px,11vw,40px);line-height:1.2}.hero{padding-top:36px}.hero p.lede{font-size:15.5px;margin:20px 0 26px}.hero .cta-row .btn{flex:1;text-align:center;padding:14px 10px}.hero .fine{margin-bottom:36px}.stage{padding-block:20px 46px}.pad{width:86vw;transform:rotate(-1.5deg)}.chip{font-size:12px;padding:8px 12px}.chip small{font-size:10px}.chip-tap{right:0}.chip-inv{left:0;bottom:17%}.receipt{right:4%;width:88px}.ticker{font-size:14.5px;padding:10px 0}section{padding-block:56px}.pillar{padding:24px 22px 28px}.p-tap{grid-row:auto}.free-stamp{top:16px;right:16px;font-size:11.5px}.kit-photo{margin-top:6px}.booth-photo{margin-top:36px}.scene-grid{margin-top:40px;gap:26px}.sync-visual{padding:22px 16px}.sync-row{font-size:13px;gap:8px;flex-wrap:wrap}.sync-row .pulse{font-size:10.5px}.cta-inner{flex-direction:column;align-items:flex-start}.cta .btn-ink{width:100%;text-align:center}.foot{flex-direction:column;align-items:flex-start;gap:8px}}html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}html.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}