:root{--bg:#fff;--surface:#f4f4f4;--ink:#111;--muted:#6b6b6b;--accent:#1a4be0;--accent-hover:#1238b0;--accent-ink:#fff;--field:#111;--field-ink:#fff;--field-muted:#a8a8a8;--font-body:var(--font-text,Georgia), var(--font-text-tc,"Noto Sans TC"), "Microsoft JhengHei", "PingFang TC", Georgia, serif;--font-head:var(--font-display,Georgia), var(--font-head-tc,"Noto Serif TC"), Georgia, serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(5rem, 11vw, 14rem);--m:clamp(16px, 2.4vw, 32px);--gap:clamp(120px, 12vw, 200px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;line-height:1.6}:lang(zh) body{letter-spacing:.02em;line-height:1.8}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img,video,iframe{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.skip{left:var(--m);z-index:50;background:var(--accent);color:var(--accent-ink);padding:12px 16px;position:absolute;top:-100px}.skip:focus{top:var(--m)}.h-head,.h-lead,.features-h,.plan-name,.plan-price,.wordmark{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-weight:800;line-height:.92}.h-head{font-size:var(--step-head)}.h-lead{font-size:var(--step-lead);letter-spacing:0;line-height:1.1}.button,.cell,.nav-buy{background:var(--accent);min-height:52px;color:var(--accent-ink);font-size:var(--step-small);transition:background-color .15s, transform .15s var(--ease);justify-content:center;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover,.nav-buy:hover{background:var(--accent-hover)}.button:active,.cell:active,.nav-buy:active,.tabs button:active{transform:scale(.98)}.button-ink{background:var(--ink)}.button-ink:hover{background:#333}.button-quiet{background:#2b2b2b}.button-quiet:hover{background:#3d3d3d}.button-tone{background:var(--surface);color:var(--ink)}.button-tone:hover{background:#e6e6e6}.split{background:var(--field);grid-template-columns:55fr 45fr;display:grid}.stage-col{padding:20px 0 20px 20px}.stage{background:#0b0d12;height:calc(100svh - 40px);position:sticky;top:20px;overflow:hidden}.stage-poster,.stage-video{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.stage-frame{transform-origin:0 0;opacity:0;color-scheme:normal;border:0;max-width:none;transition:opacity .5s;position:absolute;top:0;left:0}.stage-frame.is-ready{opacity:1}.stage-caption{max-width:calc(100% - 32px);color:var(--field-ink);font-size:var(--step-small);pointer-events:none;background:#0000009e;padding:8px 12px;position:absolute;bottom:16px;left:16px}.read-col{background:var(--bg);min-width:0}.hero{min-height:100svh;padding:32px var(--m) 40px;background:var(--field);color:var(--field-ink);position:relative}.nav{font-size:var(--step-small);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 24px;display:flex}.nav a{text-decoration:none;transition:opacity .15s}.nav a:not(.nav-buy):hover{text-underline-offset:4px;text-decoration:underline}.nav-buy{min-height:44px;padding:0 18px}.hero-copy{top:15svh;left:var(--m);right:var(--m);max-width:30ch;position:absolute}.hero-lead{font-size:var(--step-lead);line-height:1.35}.hero-offer{align-items:baseline;gap:16px;margin-top:28px;display:flex}.hero-now{font-family:var(--font-head);font-size:var(--step-head);font-weight:800;line-height:1}.hero-offer s,.plan-period s{color:var(--field-muted);font-size:var(--step-lead)}.hero-copy .hero-note{margin-top:10px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px;display:flex}.hero-note{color:var(--field-muted);font-size:var(--step-small)}.wordmark{right:var(--m);z-index:3;font-size:var(--step-display);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;transform-origin:100% 100%;line-height:.74;position:absolute;bottom:40px}.wordmark-name,.wordmark-sub{display:block}.wordmark-sub{font-family:var(--font-body);font-size:var(--step-lead);letter-spacing:0;text-transform:none;text-align:right;white-space:normal;margin-top:20px;font-weight:400;line-height:1.3}.showcase{min-height:88svh;padding:var(--gap) var(--m) 40px;flex-direction:column;gap:32px;display:flex}.plate{aspect-ratio:1;background:var(--field)}.plate video{object-fit:cover;width:100%;height:100%}.tabs{gap:28px;display:flex}.tabs button{color:var(--muted);font:inherit;cursor:pointer;transition:color .15s, transform .15s var(--ease);background:0 0;border:0;padding:6px 0}.tabs button:hover,.tabs button[aria-pressed=true]{color:var(--ink)}.tabs button[aria-pressed=true]{text-underline-offset:8px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.showcase-body{max-width:40ch;margin-top:40px}.cells{grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.cell{min-height:72px;font-size:var(--step-body)}.cell-ink{background:var(--ink)}.cell-ink:hover{background:#333}.cell-tone{background:var(--surface);color:var(--ink)}.cell-tone:hover{background:#e6e6e6}.features{padding:var(--gap) var(--m);background:var(--accent);color:var(--accent-ink);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.features-pin{grid-column:1/6;align-self:start;position:sticky;top:32px}.features-h{font-size:var(--step-head);line-height:.86}.gallery{aspect-ratio:3/4;background:var(--field);max-width:100%;height:calc(100svh - 184px);margin-top:40px;position:relative}.gallery-img{object-fit:cover;object-position:top left;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.gallery-img.is-on{opacity:1}.features-list{grid-column:7/13;gap:96px;display:grid}.feature-row{align-items:flex-start;gap:32px;margin-top:24px;display:flex}.feature-flip .feature-row{flex-direction:row-reverse;justify-content:flex-end}.feature-img{display:none}.feature-lines{gap:14px;display:grid}.sheet-band{padding:var(--gap) var(--m);background:var(--field);justify-content:flex-end;display:flex;position:relative}.sheet-ground{object-fit:cover}.sheet{--scallop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23ffffff'/%3E%3C/svg%3E");background:var(--bg);text-align:center;width:min(640px,100%);margin-right:4vw;padding:64px;position:relative}.sheet:before,.sheet:after{content:"";background:var(--scallop) repeat-x;height:12px;position:absolute;left:0;right:0}.sheet:before{top:-12px}.sheet:after{bottom:-12px;transform:scaleY(-1)}.sheet-note{color:var(--muted);font-size:var(--step-small);margin-top:12px}.sheet-group{margin-top:56px}.sheet-group ul{text-align:left;gap:16px;max-width:440px;margin:20px auto 0;display:grid}.sheet-group li{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sheet-name small{color:var(--muted);font-size:var(--step-small);line-height:1.4;display:block}.sheet-where{font-size:var(--step-small);flex:none;font-weight:600}.sheet-foot{font-size:var(--step-small);margin-top:56px;line-height:1.7}.works{padding:var(--gap) var(--m);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.works .h-head{font-size:var(--step-lead);grid-column:1/4}.faq .h-head{font-size:var(--step-lead);grid-column:1/6}.works-cols{font-size:var(--step-lead);grid-column:4/13;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px;line-height:1.5;display:grid}.works-kind{color:var(--muted)}.pricing{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:90svh;display:grid}.plan{padding:40px var(--m) 40px;flex-direction:column;gap:20px;display:flex}.plan-trial{background:var(--surface)}.plan-licence{background:var(--field);color:var(--field-ink)}.plan-name{font-size:var(--step-head)}.plan-who{font-size:var(--step-lead);max-width:26ch;line-height:1.35}.plan-body{max-width:42ch}.plan-licence .plan-body{color:var(--field-muted)}.plan-foot{flex-direction:column;gap:32px;margin-top:auto;display:flex}.plan-figure{white-space:nowrap;align-items:baseline;gap:16px;display:flex}.plan-price{font-size:var(--step-display);line-height:.8}.plan-buttons{flex-wrap:wrap;gap:10px;display:flex}.faq{padding:var(--gap) var(--m);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.faq-text{columns:2;grid-column:7/13;column-gap:48px;line-height:1.55}.faq-text p{break-inside:avoid;margin-bottom:20px}.faq-text strong{font-weight:600}.footer{background:var(--field);min-height:100svh;color:var(--field-ink);grid-template-columns:1fr 1fr;display:grid}.footer-photo{min-height:50svh;position:relative}.footer-img{object-fit:cover;object-position:center top}.footer-menu{padding:80px var(--m) 32px 8vw;flex-direction:column;display:flex}.footer-mark{font-size:var(--step-small);color:var(--field-muted)}.footer-links{font-family:var(--font-head);font-size:var(--step-head);text-transform:uppercase;gap:18px;margin-top:32px;font-weight:800;line-height:1;display:grid}.footer-links a{transition:transform .2s var(--ease), color .2s;text-decoration:none;display:inline-block}.footer-links:hover a{color:var(--field-muted)}.footer-links a:hover,.footer-links a:focus-visible{color:var(--field-ink);transform:translate(12px)}.footer-blocks{font-size:var(--step-small);grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;display:grid}.footer-blocks a{text-underline-offset:3px}.footer-legal{color:var(--field-muted);font-size:var(--step-small);max-width:60ch;margin-top:auto;padding-top:48px}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.hero-copy>*,.nav{animation:rise .8s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.wordmark{animation:rise .7s var(--ease) both}@supports (animation-timeline:scroll()){.wordmark{animation:rise .7s var(--ease) both, settle linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 100svh}@keyframes settle{to{scale:.93}}}[data-reveal]>*{transition:opacity .7s var(--ease), transform .7s var(--ease)}[data-reveal]>:nth-child(2){transition-delay:80ms}[data-reveal]>:nth-child(3){transition-delay:.16s}[data-reveal]>:nth-child(n+4){transition-delay:.24s}.reveal-ready [data-reveal]:not(.in)>*{opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:959px){:root{--step-display:min(27vw, 9rem)}.split{display:block}.stage-col{padding:68px 12px 0}.stage{aspect-ratio:1;height:auto;position:relative;top:0}.hero{flex-direction:column;min-height:0;padding:0 20px 64px;display:flex}.nav{z-index:4;position:absolute;top:calc(-100vw - 32px);left:20px;right:20px}.nav a:not(.nav-buy):not([hreflang]){display:none}.wordmark{order:-1;margin-top:16px;line-height:.8;position:relative;bottom:auto;right:auto}.wordmark-sub{text-align:left;margin-top:12px}.hero-copy{max-width:none;margin-top:28px;position:static}.tabs{display:none}.showcase{min-height:0;padding:96px 16px 64px}.cells{grid-template-columns:1fr;margin-top:0}.cell{min-height:60px}.features{padding:0 20px 96px;display:block}.features-pin{z-index:2;background:var(--accent);margin:0 -20px 40px;padding:16px 20px 12px;top:0}.gallery{display:none}.features-list{gap:72px}.feature-row,.feature-flip .feature-row{flex-direction:column;gap:20px}.feature-img{aspect-ratio:4/3;object-fit:cover;object-position:top left;background:var(--field);width:100%;height:auto;display:block}.sheet-band{padding:96px 10px}.sheet{margin:0;padding:48px 28px}.works,.faq{padding:96px 20px;display:block}.works-cols{grid-template-columns:1fr 1fr;gap:32px 20px;margin-top:32px}.faq-text{columns:1;margin-top:32px}.pricing{grid-template-columns:minmax(0,1fr)}.showcase-body,.cta-copy>p,.plan-who,.plan-body{max-width:none}.plan{padding:48px 20px}.plan-foot{margin-top:32px}.plan-figure{white-space:normal;flex-wrap:wrap}.plan-licence{order:-1}.plan-foot,.plan-buttons{align-items:stretch;width:100%}.plan-foot{flex-direction:column;align-items:flex-start}.plan-buttons .button{width:100%}.footer{grid-template-columns:1fr}.footer-menu{padding:48px 20px 32px}.footer-blocks{grid-template-columns:1fr}}.cta{padding:var(--gap) var(--m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;display:grid}.cta-photo{background:var(--field);grid-column:1/7}.cta-img{width:100%;height:auto}.cta-copy{grid-column:7/13}.cta-copy>p{max-width:40ch;margin-top:24px}.cta-copy .hero-actions{margin-top:32px}.cta-note,.plan-pay{color:var(--muted);font-size:var(--step-small)}.plan-pay{color:var(--field-muted);margin-top:-16px}.buybar{display:none}@media (max-width:959px){.buybar{z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--field);color:var(--field-ink);font-size:var(--step-small);transition:transform .3s var(--ease);justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex;position:fixed;inset:auto 0 0;transform:translateY(110%)}.buybar.is-on{transform:none}.buybar .button{min-height:44px}.cta{padding:96px 20px;display:block}.cta-copy{margin-top:40px}.stage-caption{display:none}}
