@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap");:root{--bg:#ffffff;--surface:#f5f5f7;--surface-warm:#fbfbfd;--fg:#1d1d1f;--fg-2:#424245;--muted:#6e6e73;--meta:#86868b;--border:#d2d2d7;--border-soft:#e8e8ed;--accent:#0071e3;--accent-on:#ffffff;--accent-hover:#0077ed;--accent-active:#0066cc;--success:#16a34a;--warn:#eab308;--danger:#dc2626;--chapter-dark:#000000;--font-display:"Noto Sans TC","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"Noto Sans TC","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Monaco,Consolas,monospace;--text-xs:12px;--text-sm:14px;--text-base:17px;--text-lg:21px;--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--text-4xl:80px;--leading-body:1.47;--leading-tight:1.05;--tracking-display:-0.015em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:100px;--section-y-tablet:64px;--section-y-phone:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:980px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 12px 32px rgba(0,0,0,0.08);--focus-ring:0 0 0 4px color-mix(in oklab,var(--accent),transparent 65%);--motion-fast:150ms;--motion-base:220ms;--ease-standard:cubic-bezier(0.28,0,0.22,1);--container-max:1024px;--container-gutter-desktop:22px;--container-gutter-tablet:18px;--container-gutter-phone:16px;--accent-soft:color-mix(in oklch,var(--accent) 14%,transparent);--fg-soft:color-mix(in oklch,var(--fg) 6%,transparent);--success-soft:color-mix(in oklch,var(--success) 12%,transparent);--danger-soft:color-mix(in oklch,var(--danger) 12%,transparent)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--accent);text-decoration:none;transition:color var(--motion-fast) var(--ease-standard)}a:hover{color:var(--accent-active)}button{font:inherit;cursor:pointer;border:none;background:none}p{text-wrap:pretty;margin:0}h1,h2,h3,h4{text-wrap:balance;margin:0;font-family:var(--font-display);letter-spacing:var(--tracking-display)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter-desktop)}@media (max-width:833px){.container{padding-inline:var(--container-gutter-tablet)}}@media (max-width:640px){.container{padding-inline:var(--container-gutter-phone)}}.section{padding-block:var(--section-y-desktop)}@media (max-width:833px){.section{padding-block:var(--section-y-tablet)}}@media (max-width:640px){.section{padding-block:var(--section-y-phone)}}.section-dark{background:var(--chapter-dark);color:var(--accent-on)}.section-dark .lead,.section-dark .meta,.section-dark .muted{color:color-mix(in oklch,white 72%,transparent)}.section-dark a{color:var(--accent-hover)}.section-surface{background:var(--surface)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-4)}.row,.row-between{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.row-between{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-6)}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6)}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (max-width:920px){.grid-2,.grid-2-1,.grid-3{grid-template-columns:1fr}}h1{font-size:clamp(36px,5vw,var(--text-3xl));line-height:var(--leading-tight)}h1,h2{font-weight:600}h2{font-size:clamp(28px,3.5vw,var(--text-2xl));line-height:1.1}h3{font-size:var(--text-xl);font-weight:600;line-height:1.14;letter-spacing:0}.lead{font-size:var(--text-lg);line-height:1.4;color:var(--muted);max-width:60ch}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-4)}.eyebrow,.meta{font-family:var(--font-mono);font-size:var(--text-xs)}.meta{color:var(--meta)}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:color-mix(in oklch,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-soft)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px;gap:var(--space-4)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--fg);letter-spacing:-.01em}.logo img{width:28px;height:28px;object-fit:contain}.nav-links{display:flex;gap:var(--space-6);align-items:center}.nav-links a{font-size:var(--text-sm);color:var(--muted)}.nav-links a.active,.nav-links a:hover{color:var(--fg)}.nav-toggle{display:none;padding:10px;border-radius:var(--radius-sm)}.nav-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width:768px){.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-4) var(--container-gutter-phone);gap:var(--space-3)}.nav-links.open{display:flex}.topnav-inner{position:relative;flex-wrap:wrap}}.pagefoot{padding-block:var(--space-8);color:var(--muted);border-top:1px solid var(--border)}.btn,.pagefoot{font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px 20px;min-height:44px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;transition:background var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-pill{background:var(--accent);color:var(--accent-on);border-radius:var(--radius-pill);padding-inline:24px}.btn-pill:hover:not(:disabled){background:var(--accent-hover)}.btn-pill:active{background:var(--accent-active)}.btn-pill-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-pill);padding-inline:24px}.btn-pill-secondary:hover{background:var(--accent-soft)}.btn-icon{width:44px;min-height:44px;padding:0;display:inline-grid;place-items:center}.btn-icon img{width:22px;height:22px;object-fit:contain}.btn-dark{background:var(--fg);color:var(--accent-on);border-radius:var(--radius-sm)}.btn-dark:hover{background:var(--fg-2)}.btn-ghost{background:transparent;color:var(--accent);padding-inline:8px;min-height:auto}.btn-ghost:hover{color:var(--accent-active)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--elev-flat);transition:box-shadow var(--motion-base) var(--ease-standard)}.card:hover{box-shadow:var(--elev-raised)}.card-flat{background:transparent;border:0;padding:0}.card-flat,.card-flat:hover{box-shadow:none}.feature h3{margin-bottom:var(--space-2);font-size:var(--text-lg);letter-spacing:0}.feature p{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.pill{padding:4px 12px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em}.badge,.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);font-size:var(--text-xs)}.badge{padding:4px 10px;font-weight:500}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--surface);color:var(--muted);border:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);color:var(--fg);font-weight:500}.field-help{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.input,.select,.textarea{width:100%;padding:12px 14px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:inherit;font-size:var(--text-base);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.input:hover,.select:hover,.textarea:hover{border-color:var(--meta)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.textarea{min-height:96px;resize:vertical;line-height:var(--leading-body)}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-3)}.checkbox-row input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}.alert,.checkbox-row label,.checkbox-row span{font-size:var(--text-sm);line-height:1.4}.alert{padding:var(--space-4);border-radius:var(--radius-md)}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in oklch,var(--success) 30%,transparent)}.alert-danger{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in oklch,var(--danger) 30%,transparent)}.alert-info{background:var(--accent-soft);color:var(--accent-active);border:1px solid color-mix(in oklch,var(--accent) 30%,transparent)}.progress-wrap{margin-top:var(--space-2)}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-2)}.progress-bar{height:8px;background:var(--surface);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--accent);transition:width var(--motion-base) var(--ease-standard)}.progress-fill.complete{background:var(--success)}.discount-tier-progress{display:flex;justify-content:space-between;align-items:flex-start;gap:0;margin-top:var(--space-4);padding-inline:2px}.discount-tier{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.discount-tier:not(:last-child):after{content:"";position:absolute;top:5px;left:calc(50% + 6px);right:calc(-50% + 6px);height:2px;background:var(--border);z-index:0}.discount-tier.is-connected:after{background:var(--accent)}.discount-tier-dot{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;border:2px solid var(--border);background:var(--bg);box-sizing:border-box}.discount-tier.is-reached .discount-tier-dot{border-color:var(--accent);background:var(--accent)}.discount-tier-label{font-family:var(--font-mono);font-size:10px;color:var(--meta);line-height:1}.discount-tier.is-reached .discount-tier-label{color:var(--accent);font-weight:600}.hero{padding-block:clamp(64px,12vw,140px)}.download-hero{padding-top:var(--space-6);padding-bottom:clamp(40px,8vw,80px)}.download-hero .download-apps{margin-top:var(--space-8)}.hero-center{text-align:center;max-width:none}.hero-center,.hero-center .lead{margin-inline:auto}.hero-cta{display:inline-flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.hero-center .hero-cta{justify-content:center}.hero-title-line{white-space:nowrap}@media (max-width:640px){.hero-title-line{white-space:normal}.hero .hero-center h1{font-size:clamp(28px,7vw,40px)}}.step-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6);max-width:900px;margin-inline:auto}.step-card{text-align:center;padding:var(--space-6)}.step-num{width:48px;height:48px;margin:0 auto var(--space-4);display:grid;place-items:center;background:var(--accent);color:var(--accent-on);border-radius:50%;font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg)}@media (max-width:920px){.step-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.step-row{grid-template-columns:1fr}}.ph-img{background:linear-gradient(135deg,var(--accent-soft),var(--fg-soft)),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:16/10;display:grid;place-items:center;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.ph-img.square{aspect-ratio:1}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table td,.ds-table th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-soft)}.ds-table th{color:var(--muted);font-weight:500;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.ds-table tbody tr:hover{background:var(--fg-soft)}.ds-table .num-col{font-family:var(--font-mono);text-align:right}.sticky-cta{position:-webkit-sticky;position:sticky;bottom:0;z-index:50;background:color-mix(in oklch,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:var(--space-4) 0}.wizard-steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);overflow-x:auto;padding-bottom:var(--space-2)}.wizard-step{flex:1 1;min-width:100px;text-align:center;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--muted);border:1px solid var(--border);background:var(--surface)}.wizard-step.active{background:var(--accent);color:var(--accent-on);border-color:var(--accent);font-weight:600}.wizard-step.done{background:var(--success-soft);color:var(--success);border-color:color-mix(in oklch,var(--success) 40%,transparent)}.cabinet-checklist{list-style:none;margin:0;padding:0;max-width:560px}.cabinet-checklist-item{display:grid;grid-template-columns:24px 1fr;grid-gap:var(--space-3);gap:var(--space-3);position:relative;padding-bottom:var(--space-5)}.cabinet-checklist-item:last-child{padding-bottom:0}.cabinet-checklist-item:not(:last-child):before{content:"";position:absolute;left:11px;top:22px;bottom:0;width:1px;background:var(--border)}.cabinet-checklist-marker{display:grid;place-items:center;width:24px;height:24px;position:relative;z-index:1;background:var(--bg)}.cabinet-checklist-check{color:var(--success);display:block}.cabinet-checklist-circle{width:14px;height:14px;border:2px solid var(--border);border-radius:50%;background:transparent;box-sizing:border-box}.cabinet-checklist-body{display:flex;flex-direction:column;gap:2px;padding-top:2px;min-width:0}.cabinet-checklist-label{font-size:var(--text-sm);color:var(--fg);line-height:1.45}.cabinet-checklist-item.is-done .cabinet-checklist-label{text-decoration:line-through;color:var(--muted)}.cabinet-checklist-note{font-size:var(--text-xs);color:var(--meta);font-style:italic;line-height:1.4}.lock-box{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);border:1px dashed var(--border);text-align:center;color:var(--muted)}.lock-box.unlocked{border-style:solid;border-color:var(--success);background:var(--success-soft);color:var(--fg)}.copy-row{display:flex;gap:var(--space-2)}.copy-row .input,.copy-row .textarea{flex:1 1;font-family:var(--font-mono);font-size:var(--text-sm)}.copy-row .textarea{resize:none;min-height:auto}.app-picker{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:640px){.app-picker{grid-template-columns:1fr}}.app-card{text-align:center}.app-card .ph-img{margin-bottom:var(--space-4);margin-inline:auto}.store-links{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.store-links img{height:40px;width:auto}.app-qr-grid{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-3)}.app-qr-item{text-align:center}.app-qr-item img{width:148px;height:148px;object-fit:contain}.app-qr-item span{display:block;font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-2)}.cabinet-logo{width:120px;height:120px;object-fit:contain;border-radius:var(--radius-lg);margin:0 auto var(--space-4)}.cabinet-slogan{font-style:italic}.cabinet-code-line,.cabinet-slogan{font-size:var(--text-lg);color:var(--muted);margin:var(--space-3) 0 0}.hagen-brand{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);color:var(--muted);font-size:var(--text-sm)}.hagen-brand img{width:40px;height:40px;object-fit:contain}.promo-code-hero{font-family:var(--font-mono);font-size:clamp(28px,6vw,48px);font-weight:700;letter-spacing:.06em;color:var(--accent);padding:var(--space-6);background:var(--accent-soft);border-radius:var(--radius-lg);border:2px dashed var(--accent);-webkit-user-select:all;-moz-user-select:all;user-select:all}.hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--fg);color:var(--accent-on);padding:12px 24px;border-radius:var(--radius-pill);font-size:var(--text-sm);z-index:200}.school-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:240px;overflow-y:auto;z-index:10;box-shadow:var(--elev-raised)}.school-suggestions button{display:block;width:100%;text-align:left;padding:10px 14px;font-size:var(--text-sm);border-bottom:1px solid var(--border-soft)}.school-suggestions button:hover{background:var(--surface)}.field-relative{position:relative}.chart-container{width:100%;height:280px;margin-top:var(--space-4)}