:root[data-theme=dark]{--bg:#000;--fg:#fff;--g1:#a8a8a8;--g2:#6e6e6e;--g3:#363636;--g4:#1b1b1b;--fill:#161616c7;--primary:#ff5a26;--on-primary:#000;--secondary:#6c97ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root[data-theme=light]{--bg:#fff;--fg:#000;--g1:#575757;--g2:#8f8f8f;--g3:#cfcfcf;--g4:#f0f0f0;--fill:#f4f4f4c7;--primary:#d63a10;--on-primary:#fff;--secondary:#1f4fe0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--sans:Barlow, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--mono:"IBM Plex Mono", "Noto Sans TC", ui-monospace, Menlo, monospace;--content-max:1760px;--gutter:max(clamp(16px, 2.8vw, 40px), calc((100vw - var(--content-max)) / 2));--w:min(66vw, 108svh, 1120px);--panel-gap:6vw}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:clip}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background-color .4s,color .4s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a:focus-visible,button:focus-visible,input:focus-visible+span{outline:2px solid var(--secondary);outline-offset:3px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:10;padding:14px var(--gutter);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 16px;transition:background-color .4s;display:grid;position:fixed;inset:0 0 auto}.logo{letter-spacing:-.03em;font-size:24px;font-weight:800}.logo i{color:var(--primary);font-style:normal}.tabs{gap:clamp(14px,2.4vw,34px);display:flex;position:relative}.tab{min-height:38px;color:var(--g1);white-space:nowrap;padding:0;font-size:15px;font-weight:500;transition:color .25s}.tab:hover,.tab[aria-selected=true]{color:var(--fg)}.tab-ink{background:var(--primary);transform-origin:0;width:1px;height:2px;position:absolute;bottom:0;left:0}.tools{justify-content:flex-end;gap:6px;display:flex}.tool{border:1px solid var(--g3);min-width:38px;height:38px;font:500 13px var(--mono);border-radius:4px;place-items:center;transition:border-color .2s;display:inline-grid}.tool:hover{border-color:var(--fg)}.tool svg{width:16px;height:16px}.scaler{transform-origin:50%;will-change:transform;position:fixed;inset:0}.stage{z-index:1;perspective:1700px;pointer-events:none;position:absolute;inset:0}.stack,.tilt,.sheet{transform-style:preserve-3d}.tilt{position:absolute;inset:0}.stack{will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%}.sheet{left:calc(var(--w) / -2);top:calc(var(--w) * -.3125);width:var(--w);height:calc(var(--w) * .625);position:absolute}.sheet-inner{border:1px solid color-mix(in srgb, var(--fg) calc(var(--edge,0) * 100%), transparent);will-change:opacity;border-radius:10px;transition:border-color .4s;position:absolute;inset:0}.sheet-inner svg{width:100%;height:100%;display:block;overflow:visible}.outline{fill:none;stroke:var(--g2);stroke-width:1px}.panel-line{fill:var(--fill);stroke:var(--g2);stroke-width:1px}.panel{fill:var(--g3)}.alt{fill:var(--secondary)}.bar{fill:var(--g2)}.light{fill:var(--fg)}.ink{fill:var(--primary)}.dot{fill:var(--g2)}.trace{fill:none;stroke:var(--secondary);stroke-width:2px}.bg-cover{fill:var(--fill)}.viewport{z-index:2;position:absolute;inset:0}.panels{gap:var(--panel-gap);will-change:transform;width:max-content;height:100%;display:flex}.view{width:100vw;height:100%;padding:76px var(--gutter) 28px;flex:none;position:relative;overflow-y:auto}.view:after{content:"";border:1px solid var(--g2);opacity:0;pointer-events:none;border-radius:18px;transition:opacity .3s;position:absolute;inset:0}.scaler.is-moving .view:after{opacity:1}.cta{background:var(--primary);min-height:46px;color:var(--on-primary);font:500 16px var(--sans);white-space:nowrap;border:0;border-radius:4px;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.view-home{pointer-events:none;align-items:center;display:flex;overflow:hidden}.home-copy{z-index:1;pointer-events:auto;width:min(38vw,560px);position:relative}h1{font-size:clamp(27px,2.9vw,42px);font-weight:500;line-height:1.32}.services{border-top:1px solid var(--g3);margin:26px 0;padding:0;list-style:none}.services li{border-bottom:1px solid var(--g3);gap:2px;padding:11px 0;display:grid}.services b{font-size:18px;font-weight:500}.services span{color:var(--g1);font-size:15px}.hit{right:max(0px, calc((100vw - var(--content-max)) / 2));width:min(56%, calc(var(--content-max) * .56));pointer-events:auto;height:84%;position:absolute;top:8%}.meters{left:var(--gutter);pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:22px}.chip{border:1px solid var(--g3);white-space:nowrap;border-radius:4px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;display:inline-flex}.chip b{font:500 14px var(--mono);font-variant-numeric:tabular-nums}.mock{color:var(--g1);font-size:12px}.view-works{align-items:center;display:flex}.works{width:100%;margin-block:auto}.sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.site{min-width:0}.site-link{display:block}.browser{border:1px solid var(--g3);background:var(--bg);border-radius:10px;transition:border-color .25s,transform .5s cubic-bezier(.2,.7,.2,1);overflow:hidden}.site-link:hover .browser,.site-link:focus-visible .browser{border-color:var(--primary);transform:translateY(-6px)}.browser-bar{border-bottom:1px solid var(--g3);align-items:center;gap:5px;height:30px;padding-inline:12px;display:flex}.browser-bar i{background:var(--g3);border-radius:50%;width:7px;height:7px}.browser-bar span{font:400 12px var(--mono);color:var(--g1);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;overflow:hidden}.browser-view{height:clamp(220px,50svh,560px);overflow:hidden}.browser-view img{will-change:transform;width:100%;height:auto;display:block}.site h3{margin-top:12px;font-size:18px;font-weight:500}.site h3 span{color:var(--primary)}.site p{color:var(--g1);margin-top:2px;font-size:15px}.site em{color:var(--secondary);margin-top:6px;font-size:13px;font-style:normal;display:block}.works-foot{border-top:1px solid var(--g3);color:var(--g1);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 24px;margin-top:clamp(24px,4vh,44px);padding-top:16px;font-size:15px;display:flex}.view-solutions{align-items:center;display:flex}.solutions-form{width:min(50vw,720px);margin-block:auto}fieldset{border:0;min-width:0;margin:0;padding:0}.plans{border-top:1px solid var(--g3)}.plan,.size{cursor:pointer;display:block;position:relative}.plan input,.size input{opacity:0;width:1px;height:1px;position:absolute}.plan>span{border-bottom:1px solid var(--g3);color:var(--g1);gap:2px;padding:11px 12px;font-size:20px;font-weight:500;line-height:1.3;transition:color .2s,background-color .2s;display:grid}.plan em{font-size:15px;font-style:normal;font-weight:400;line-height:1.5}.plan:hover>span,.plan input:checked+span{color:var(--fg)}.plan input:checked+span{background:var(--g4);box-shadow:inset 3px 0 var(--primary)}.sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.sizes[hidden]{display:none}.size>span{border:1px solid var(--g3);min-height:62px;font:500 17px var(--mono);border-radius:4px;align-content:center;gap:1px;padding:6px 12px;transition:border-color .2s,background-color .2s,color .2s;display:grid}.size small{font:400 14px var(--sans);color:var(--g1)}.size:hover>span{border-color:var(--g1)}.size input:checked+span{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.size input:checked+span small{color:var(--on-primary)}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;min-height:62px;margin:14px 0 0;padding:0;font-size:16px;line-height:1.45;list-style:none;display:grid}.features li{background:linear-gradient(var(--secondary), var(--secondary)) 0 .65em / 8px 2px no-repeat;padding-left:16px}.result{border-top:1px solid var(--g3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding-top:12px;display:flex}.timeline{color:var(--g1);font-size:15px}.timeline b{color:var(--fg);font:500 clamp(20px, 2vw, 26px) var(--mono);margin-left:6px}.contact{color:var(--g1);margin-top:10px;font-size:14px}.contact a{color:var(--fg);font-family:var(--mono);text-underline-offset:3px;padding-block:4px;text-decoration:underline;display:inline-block}.contact a:hover{color:var(--primary)}.home-copy .contact{margin-top:16px}.cursor{z-index:30;pointer-events:none;display:none;position:fixed;top:0;left:0}.cursor i{border:1px solid var(--primary);border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px}@media (hover:hover) and (pointer:fine){.cursor{display:block}}@media (width<=860px){:root{--w:90vw}.topbar{grid-template-columns:1fr auto;padding-block:10px 6px}.tabs{grid-area:2/1/auto/-1;justify-content:space-between}.tools{grid-area:1/2}.view{padding-top:104px}.view-solutions{padding-top:clamp(320px,48vw,460px);display:block}.solutions-form{background:var(--bg);width:100%;position:relative}.view-home{pointer-events:auto;flex-direction:column;align-items:stretch;overflow-y:auto}.home-copy{flex:none;width:100%}h1{font-size:25px}.services{margin:16px 0}.services li{padding:8px 0}.hit{flex:1 1 0;width:100%;height:auto;min-height:0;position:relative;top:auto}.meters{flex:none;position:static}.view-works{display:block}.sites{grid-template-columns:minmax(0,1fr)}.browser-view{aspect-ratio:16/10;height:auto}}@media (width<=860px) and (height<=520px){.view-solutions{padding-top:104px}}@media (width>=861px) and (height<=720px){.view-home{pointer-events:auto;flex-direction:column;align-items:flex-start;overflow-y:auto}.home-copy{flex:none;margin-top:auto}.services{margin:14px 0}.services li{padding:6px 0}.meters{flex:none;margin-top:12px;margin-bottom:auto;position:static}}@media (width<=460px){.features{grid-template-columns:minmax(0,1fr)}.size>span{padding-inline:8px}.size small{font-size:13px}}