:root{--navy:#0d2137;--navy2:#142e49;--teal:#087f80;--teal2:#42aaa4;--gold:#c7a06f;--paper:#f6f3ec;--white:#fff;--ink:#10243a;--muted:#606b75;--line:#dce2e4;--shadow:0 32px 80px -52px rgba(13,33,55,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}.skip-link{position:absolute;top:-5rem;left:1rem;z-index:100;padding:.8rem 1rem;border-radius:.5rem;background:var(--navy);color:white}.skip-link:focus{top:1rem}
.site-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:10px max(26px,calc((100vw - 1180px)/2));background:rgba(246,243,236,.92);border-bottom:1px solid rgba(16,36,58,.11);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.03rem/1 Inter,sans-serif;letter-spacing:.06em}.brand>span>span{color:var(--teal)}.brand small{display:block;margin-top:7px;color:var(--muted);font-size:.52rem;letter-spacing:.2em}.nav-links{display:flex;align-items:center;gap:23px;font-size:.88rem;font-weight:700}.nav-links a{text-decoration:none}.nav-wa{padding:10px 16px;border-radius:999px;background:var(--navy);color:white}.menu-button{display:none;min-width:48px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);font-weight:700}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;max-width:1260px;min-height:calc(100vh - 76px);margin:0 auto;padding:80px 40px 100px}.eyebrow{margin:0 0 18px;color:var(--teal);font:800 .73rem/1.3 Inter,"Noto Sans TC",sans-serif;letter-spacing:.15em}.hero h1{max-width:720px;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:1.01;letter-spacing:-.063em}.hero-lede{max-width:650px;margin:30px 0 0;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0 0}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:22px;padding:13px 22px;border:1px solid transparent;border-radius:999px;font-weight:800;text-decoration:none;cursor:pointer}.button.primary{background:var(--teal);color:white}.button.secondary{border-color:rgba(16,36,58,.18);background:rgba(255,255,255,.46)}.proof-note{margin-top:20px;color:var(--muted);font-size:.82rem}.proof-note span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#35a867}
.hero-visual{position:relative;padding:22px;border:1px solid rgba(16,36,58,.12);border-radius:22px;background:#fff;box-shadow:0 40px 100px -52px rgba(13,33,55,.6)}.visual-label{margin-bottom:18px;color:var(--muted);font:700 .65rem Inter,sans-serif;letter-spacing:.14em}.card-small{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbfaf7}.card-small span,.next-action span{color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.08em}.flow-line{display:flex;align-items:center;justify-content:center;gap:6px;height:44px}.flow-line i{width:5px;height:5px;border-radius:50%;background:var(--teal);opacity:.35}.flow-line i:nth-child(2){opacity:.7}.flow-line i:nth-child(3){opacity:1}.flow-board{overflow:hidden;border-radius:14px;background:var(--navy);color:white}.board-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1);font:700 .67rem Inter,sans-serif;letter-spacing:.09em}.board-head b{color:#f0ca92}.flow-board dl{display:grid;grid-template-columns:1fr 1.4fr;gap:8px 16px;margin:0;padding:20px 18px}.flow-board dt{color:rgba(255,255,255,.5);font-size:.76rem}.flow-board dd{margin:0;font-size:.86rem;font-weight:700}.next-action{display:grid;gap:6px;margin:0 18px 18px;padding:15px;border:1px solid rgba(66,170,164,.3);border-radius:10px;background:rgba(66,170,164,.1)}.next-action span{color:#81d0ca}.next-action strong{font-size:.84rem}.human-tag{margin:16px 4px 2px;color:var(--muted);font-size:.73rem;text-align:center}
section{padding:105px max(28px,calc((100vw - 1180px)/2))}.section-heading{display:grid;grid-template-columns:.7fr 1.7fr;gap:60px;align-items:start;margin-bottom:55px}.section-heading h2,.os-copy h2,.contact-copy h2{max-width:850px;margin:0;font-size:clamp(2.2rem,4.5vw,4.7rem);line-height:1.08;letter-spacing:-.05em}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scenario-card{position:relative;min-height:360px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:var(--shadow);transition:.2s ease}.scenario-card::after{content:"";position:absolute;right:22px;bottom:20px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--teal2) 0 2px,transparent 3px);background-size:12px 12px;opacity:.12}.scenario-card:hover{transform:translateY(-5px);border-color:var(--teal)}.scenario-meta{color:var(--teal);font:800 .72rem Inter,"Noto Sans TC",sans-serif;letter-spacing:.1em}.scenario-card h3{max-width:290px;margin:55px 0 14px;font-size:1.55rem;line-height:1.25}.scenario-card p{max-width:310px;color:var(--muted)}.scenario-card strong{position:absolute;bottom:28px;color:var(--teal);font-size:.86rem}.synthetic{margin:24px 0 0;padding:15px 18px;border:1px solid rgba(8,127,128,.22);border-radius:11px;color:#3e5857;font-size:.8rem}
.workflow-proof{background:var(--navy);color:white}.section-heading.inverted h2{color:white}.section-heading.inverted .eyebrow{color:#74cbc6}.proof-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.proof-steps article{min-height:245px;padding:30px;border-right:1px solid rgba(255,255,255,.13)}.proof-steps article:last-child{border:0}.proof-steps span{color:var(--gold);font:800 .74rem Inter,sans-serif}.proof-steps h3{margin:68px 0 10px;font-size:1.25rem}.proof-steps p{margin:0;color:rgba(255,255,255,.58);font-size:.9rem}
.os-proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.os-copy>p:not(.eyebrow):not(.status-label){color:var(--muted)}.os-copy ul{margin:25px 0;padding:0;list-style:none}.os-copy li{padding:11px 0;border-top:1px solid var(--line);font-weight:700}.status-label{padding:12px 14px;border-left:3px solid var(--gold);background:rgba(255,255,255,.6);color:var(--muted);font-size:.76rem}.owner-view{overflow:hidden;border-radius:20px;background:#101f30;color:white;box-shadow:0 42px 90px -48px rgba(13,33,55,.72)}.owner-head{display:flex;justify-content:space-between;align-items:start;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.1)}.owner-head div{display:grid;gap:8px}.owner-head span,.owner-head time{color:rgba(255,255,255,.45);font:700 .63rem Inter,sans-serif;letter-spacing:.12em}.owner-head strong{font-size:1.25rem}.owner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1)}.owner-stats div{display:grid;gap:5px;padding:25px;background:#13263a}.owner-stats b{color:#8fd7d2;font-size:2rem}.owner-stats span{color:rgba(255,255,255,.55);font-size:.72rem}.owner-cases{padding:10px 25px 25px}.owner-cases p{display:grid;grid-template-columns:12px 85px 1fr 58px;gap:10px;align-items:center;margin:0;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.75rem}.owner-cases em{color:rgba(255,255,255,.53);font-style:normal}.owner-cases b{color:var(--gold);font:800 .64rem Inter,sans-serif}.dot{width:7px;height:7px;border-radius:50%}.dot.red{background:#db7070}.dot.amber{background:#e1ae5c}.dot.teal{background:#51b8af}
.trust{background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.trust-grid article{min-height:270px;padding:32px;background:white}.trust-grid span{color:var(--teal);font:800 .73rem Inter,sans-serif}.trust-grid h3{margin:55px 0 12px;font-size:1.2rem}.trust-grid p{color:var(--muted);font-size:.88rem}
.next-step{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:var(--navy);color:white}.contact-copy>p:not(.eyebrow){max-width:590px;color:rgba(255,255,255,.61)}.symptom-chooser{display:grid;gap:10px;margin-top:30px}.symptom-option{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;width:100%;padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.76);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.symptom-option span{color:#8fd7d2;font:800 .68rem Inter,sans-serif;letter-spacing:.08em}.symptom-option::after{content:"";width:20px;height:20px;border:1px solid rgba(255,255,255,.25);border-radius:50%}.symptom-option:hover{border-color:rgba(143,215,210,.6);color:white}.symptom-option.is-selected{border-color:#8fd7d2;background:rgba(66,170,164,.14);color:white}.symptom-option.is-selected::after{content:"✓";display:grid;place-items:center;border-color:#8fd7d2;background:#8fd7d2;color:var(--navy);font-size:.72rem;font-weight:900}.whatsapp-panel{align-self:start;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.055);box-shadow:0 32px 80px -50px rgba(0,0,0,.8)}.panel-label{margin:0 0 10px;color:#8fd7d2;font:800 .68rem Inter,"Noto Sans TC",sans-serif;letter-spacing:.12em}.selected-preview{min-height:76px;margin:0 0 23px;font-size:1.35rem;font-weight:800;line-height:1.4}.whatsapp-primary{width:100%;background:#49a967!important}.whatsapp-reassurance{margin:12px 0 24px;color:rgba(255,255,255,.58);font-size:.78rem;text-align:center}.secondary-contact{border-top:1px solid rgba(255,255,255,.13)}.secondary-contact summary{padding:19px 2px 0;color:#8fd7d2;font-size:.86rem;font-weight:800;cursor:pointer;list-style-position:inside}.secondary-contact[open] summary{margin-bottom:18px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(0,0,0,.08)}.contact-form label{display:grid;gap:7px;color:rgba(255,255,255,.72);font-size:.78rem;font-weight:700}.contact-form label:nth-of-type(4),.contact-form button,.form-status,.contact-form small{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.18);border-radius:9px;outline:0;background:rgba(255,255,255,.08);color:white}.contact-form input:focus,.contact-form textarea:focus{border-color:#7bcfc9;box-shadow:0 0 0 3px rgba(123,207,201,.16)}.contact-form textarea{resize:vertical}.contact-form .button{border:0}.contact-form small{color:rgba(255,255,255,.44)}.contact-form small a{color:#8fd7d2}.honeypot{position:absolute!important;left:-9999px!important}.form-status{min-height:1.2em;margin:0;color:#8fd7d2;font-size:.83rem}.mobile-whatsapp-bar{display:none}
.popular-guides{padding-bottom:125px}.guide-links{display:grid}.guide-links a{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:25px 4px;border-top:1px solid var(--line);text-decoration:none}.guide-links a:last-child{border-bottom:1px solid var(--line)}.guide-links span{color:var(--teal);font:800 .73rem Inter,sans-serif}.guide-links b{text-align:right;color:var(--teal)}
footer{display:grid;grid-template-columns:.6fr 1fr 1fr auto;gap:35px;align-items:center;padding:40px max(28px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.footer-brand{color:var(--ink)}footer p{margin:0}footer>div{display:flex;gap:18px}footer a{text-decoration:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 24px}.hero-copy{max-width:760px}.section-heading,.os-proof,.next-step{grid-template-columns:1fr;gap:35px}.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:285px}.proof-steps{grid-template-columns:1fr 1fr}.proof-steps article:nth-child(2){border-right:0}.proof-steps article{min-height:210px}.os-proof,.next-step{gap:55px}footer{grid-template-columns:1fr 1fr}footer>div{justify-content:flex-end}}
@media(max-width:680px){.site-nav{padding-inline:18px}.menu-button{display:inline-flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;left:14px;right:14px;top:70px;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-links a{min-height:48px;padding:13px}.nav-wa{text-align:center}.hero{padding-top:55px}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-visual{padding:15px}.flow-board dl{grid-template-columns:1fr}.flow-board dd{margin-bottom:8px}section{padding:75px 20px}.section-heading{margin-bottom:35px}.section-heading h2,.os-copy h2,.contact-copy h2{font-size:2.35rem}.scenario-card h3{margin-top:40px}.proof-steps{grid-template-columns:1fr}.proof-steps article{min-height:175px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.proof-steps h3{margin-top:38px}.owner-stats b{font-size:1.55rem}.owner-cases p{grid-template-columns:10px 75px 1fr}.owner-cases p b{grid-column:3}.trust-grid{grid-template-columns:1fr}.trust-grid article{min-height:235px}.whatsapp-panel{padding:22px}.selected-preview{min-height:0;font-size:1.15rem}.contact-form{grid-template-columns:1fr;padding:18px}.contact-form label{grid-column:1}.guide-links a{grid-template-columns:35px 1fr 20px}.guide-links strong{font-size:.9rem}.mobile-whatsapp-bar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:35;display:block;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.mobile-whatsapp-bar a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 18px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:#277f4b;color:white;box-shadow:0 16px 36px -15px rgba(13,33,55,.85);font-size:.87rem;font-weight:800;text-decoration:none}.mobile-whatsapp-bar.is-hidden{pointer-events:none;opacity:0;transform:translateY(calc(100% + 20px))}footer{grid-template-columns:1fr;gap:15px}footer>div{justify-content:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}