@font-face{font-family:'Newsreader';src:url(/fonts/newsreader-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(/fonts/newsreader-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(/fonts/newsreader-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Inter Tight';src:url(/fonts/inter-tight-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url(/fonts/inter-tight-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url(/fonts/inter-tight-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#12233d;background:#fff;line-height:1.5}
.brandbar{background:#12233d;color:#fff;padding:12px 20px}
.brandbar{display:flex;justify-content:space-between;align-items:baseline}
.brandbar .mark{font-size:11.5px;letter-spacing:.07em;font-weight:700}
.brandbar .kind{font-size:9.5px;letter-spacing:.06em;color:#b9c4d3}
.meta{font-size:10px;color:#5a6a80}
.scorerow{display:flex;gap:12px;margin-top:13px}
.scorebox{flex:1;border:1px solid #d3dae5;padding:12px 13px;text-align:center}
.scorebox--ok{border-top:3px solid #12233d}
.scorebox--alert{border-top:3px solid #a8341f}
.scorebox--withheld{border-top:3px solid #9aa7b8;background:#fafbfd}
.scorebox .axis{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#5a6a80;line-height:1.3}
.scorebox .value{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:36px;font-weight:600;line-height:1.05;margin-top:3px;color:#12233d}
.scorebox .value .of{font-size:15px;font-weight:400;color:#5a6a80}
.scorebox--alert .value{color:#a8341f}
.scorebox .withheldvalue{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.2;margin:4px auto 0;max-width:7em;color:#5a6a80}
.scorebox .grade{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:11px;font-weight:600;color:#3d4a5c;margin-top:2px}
.scorebox .meter{height:3px;background:#e6ebf2;margin:5px auto 0;max-width:34mm}
.scorebox .meter i{display:block;height:100%;background:#12233d}
.scorebox--alert .meter i{background:#a8341f}
.scorebox .meter.short i{background:#9aa7b8}
.scorebox .note{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:9.5px;line-height:1.35;color:#5a6a80;margin-top:4px;border-top:1px solid #e6ebf2;padding-top:4px}
.capnote{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:10.5px;line-height:1.35;color:#a8341f;border-left:2px solid #a8341f;padding-left:6px;margin-top:6px}
.capnote .capaxis{text-transform:uppercase;letter-spacing:.08em;color:#5a6a80;margin-right:4px}
.neverblended{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:9.5px;color:#6b7a8f;margin-top:6px;text-align:center}
.finding{margin-top:12px;background:#f2f5f9;border-left:3px solid #12233d;padding:10px 12px}
.finding .id{font-size:11px;font-weight:700}
.finding .copy{font-size:10.5px;color:#3d4a5c;line-height:1.5;margin-top:3px}
:root{--navy:#12233d;--paper:#fbfaf7;--tint:#f4f1ea;--rule:#e8e4da;--card:#e0dbcf;--field:#cfc9bc;--body:#3d4a5c;--muted:#5a6a80;--faint:#5f6e84;--input:#8a8578;--onNavy:#b9c4d3;--warm:#c2410c}
html{scroll-padding-top:88px}
body{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;background:var(--paper);color:var(--navy);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding-left:48px;padding-right:48px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:60;background:#fff;padding:8px 12px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3,.serif{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-weight:400;letter-spacing:-.015em;color:var(--navy)}
p{color:var(--body);margin:0;text-wrap:pretty}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.note{font-size:13px;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.88);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--rule)}
.site-header .wrap{display:flex;align-items:center;gap:24px;min-height:64px}
.wordmark{font-size:14px;letter-spacing:.14em;font-weight:600;text-decoration:none;color:var(--navy)}
.logo{flex:none;display:block;line-height:0}
.logo img{display:block;height:32px;width:auto}
.nav{display:flex;gap:28px;align-items:center;font-size:14px;margin-left:auto}
.nav a{display:inline-flex;align-items:center;min-height:24px;text-decoration:none;color:var(--body);white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{color:var(--navy);box-shadow:inset 0 -1px 0 var(--navy)}
.site-header .cta{flex:none;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;border:1px solid var(--warm);background:var(--warm);padding:8px 16px;color:#fff}
.site-header .cta:hover{background:var(--navy);border-color:var(--navy)}
.site-header .signin{flex:none;font-size:14px;text-decoration:none;white-space:nowrap;color:var(--body)}
.site-header .signin:hover{color:var(--navy);box-shadow:inset 0 -1px 0 var(--navy)}
.site-header .register{flex:none;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;border:1px solid var(--rule);background:transparent;padding:8px 12px;color:var(--navy)}
.site-header .register:hover{border-color:var(--navy);background:var(--tint)}
.menu nav a.menureg,.menu nav a.menusign{display:none}
.sec{padding:64px 0;border-top:1px solid var(--rule)}
.sec--tint{background:var(--tint)}
/* Section rhythm by role: the argument after the hero opens wider; bridges sit tighter. */
.sec--lead{padding:88px 0 80px}
.sec--lead .h2{font-size:44px;line-height:1.1}
.sec--lead p{font-size:18px}
.sec--tight{padding:44px 0}
.h2{font-size:34px;line-height:1.15;margin:12px 0 0;text-wrap:balance}
.lede{font-size:18px;margin-top:20px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"eye eye" "t1 t1" "t2 t2" "mis mis" "ask ask" "copy sc";column-gap:48px;align-items:start;padding:44px 0 64px}
.hero>.eyebrow{grid-area:eye}
.hero h1{display:contents;font-size:clamp(34px,3.9vw,46px)}
.hero .l1,.hero .l2{display:block}
.hero .l1{grid-area:t1;margin-top:16px;white-space:nowrap}
.hero .l2{grid-area:t2}
.herocopy{grid-area:copy}
.heroscores{grid-area:sc}
.hero>.ask{grid-area:ask;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 20px}
.hero .scanform{margin-top:0}
.heromission{grid-area:mis;margin:24px 0 32px}
.heromission .mission{font-size:20px;line-height:1.5;margin:8px 0 0}
.display{font-size:46px;line-height:1.05;margin:16px 0 0;text-wrap:balance}
.hero .lede{max-width:460px}
.scanform{display:flex;max-width:460px;margin-top:28px;background:#fff;border:1px solid var(--input)}
.scanform:focus-within{border-color:var(--navy)}
.scanform input{flex:1;min-width:0;border:0;padding:16px 16px;font:inherit;font-size:15px;color:var(--navy);background:transparent;outline:none}
.scanform input::placeholder{color:var(--faint)}
.scanform button{border:0;background:var(--warm);color:#fff;padding:0 24px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.scanwait{margin-top:16px;max-width:460px;font-size:14px;color:var(--body)}
.scanwait p{margin:0}
.scanwait ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
.scanwait li{position:relative;padding-left:24px;color:var(--faint);transition:color .3s}
.scanwait li::before{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border:2px solid var(--rule);border-radius:50%;background:transparent}
.scanwait li.is-on{color:var(--navy)}
.scanwait li.is-on::before{border-color:var(--warm);background:var(--warm)}
.scanwait li.is-done{color:var(--muted)}
.scanwait li.is-done::before{border-color:var(--navy);background:var(--navy)}
.hero .note{margin-top:12px}
.hero .scorerow{gap:16px;margin-top:0}
.scorebox{background:#fff;border-left-color:var(--card);border-right-color:var(--card);border-bottom-color:var(--card);padding:20px 16px}
.scorebox .axis{font-size:11px;letter-spacing:.12em}
.scorebox .value{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-weight:500;font-size:48px;line-height:1;margin-top:8px}
.scorebox .value .of{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:14px}
.scorebox .grade{font-size:12px;margin-top:8px}
.scorebox .note{font-size:11px}
.neverblended{font-size:12px;margin-top:12px}
.caption{text-align:center;margin-top:8px}
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--rule)}
.proof .big{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:26px;line-height:1.2}
.finding{background:#fff;border:1px solid var(--card);border-left:3px solid var(--navy);padding:20px 20px;margin-top:12px}
.finding .fid{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--muted)}
.finding h3{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;font-weight:500;letter-spacing:0;margin:4px 0 0}
.finding p{font-size:14px;margin-top:8px}
.finding .evidence{font-size:13px;color:var(--muted)}
.remainder{margin-top:16px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.step .num{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:28px;color:var(--muted)}
.step h3{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;font-weight:500;letter-spacing:0;margin:8px 0 0}
.step p{font-size:14px;margin-top:8px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;align-items:stretch}
.tier{background:#fff;border:1px solid var(--card);padding:28px 24px;display:flex;flex-direction:column}
.tier--featured{border-color:var(--navy);border-top:3px solid var(--navy)}
.tier h3{font-size:24px;margin:8px 0 0}
.price{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:38px;line-height:1;margin-top:16px;font-variant-numeric:tabular-nums}
.price small{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:13px;color:var(--muted)}
.tier .pitch{font-size:15px;font-weight:600;margin-top:12px}
.tier .blurb{font-size:14px;margin-top:8px}
.tier ul{padding-left:20px;margin:16px 0 24px;color:var(--body);font-size:14px;line-height:1.55}
.tier li{margin-bottom:8px}
.soon{font-size:12px;color:var(--muted)}
.btn{display:block;text-align:center;padding:12px 20px;font-size:14px;font-weight:500;border:1px solid var(--navy);color:var(--navy);background:transparent;text-decoration:none}
.btn--dark{background:var(--warm);border-color:var(--warm);color:#fff}
.tier .btn{margin-top:auto}
.prose p{margin-top:12px}
.offerlist{margin:16px 0 0;padding-left:20px}.offerlist li{margin-top:12px}.offerlist .kind{font-size:14px;color:var(--muted);margin-left:8px}
.specimen{display:flex;justify-content:space-between;align-items:center;gap:32px}
.specimen .h2{font-size:26px}
.specimen p{margin-top:8px}
.specimen .btn{white-space:nowrap;padding:12px 28px}
.qa{border-top:1px solid var(--rule);padding:20px 0}
.qa h3{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;font-weight:500;letter-spacing:0;margin:0}
.qa p{font-size:15px;margin-top:8px}
.faq{margin-top:20px}
.band{border-left:3px solid var(--navy);padding:2px 0 4px 20px}
.band h3{font-size:24px;line-height:1.2;margin:0}
.band p{font-size:15px;margin-top:8px}
.meaning{margin-top:28px}
.meaning p{margin-top:12px}
.meaning strong{color:var(--navy);font-weight:600}
.morerow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:20px}
.morerow .remainder{margin-top:0}
.morerow .btn,.ctaline .btn{display:inline-block;padding:12px 28px}
.ctaline{margin-top:28px}
/* Steps read as a numbered sequence on a hairline, not as a third kind of box (redesign pass 5). */
.steps{counter-reset:step}
.steps .step{border-top:1px solid var(--rule);padding-top:16px}
.steps .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:34px;line-height:1;color:var(--muted);margin-bottom:16px}
.steps .step h3{margin-top:0}
.doc .founder{margin-top:28px}
.tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--card);padding:24px;text-decoration:none;color:inherit}
.tile:hover{border-color:var(--navy)}
.tile h3{font-size:26px;line-height:1.15;margin:0}
.tile .want{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-style:italic;font-size:18px;line-height:1.45;color:var(--navy);margin-top:12px}
.tile p{font-size:14px;margin-top:12px}
.tile .more{margin-top:auto;padding-top:20px;font-size:14px;font-weight:500;color:var(--navy)}
.pricehero h1{text-wrap:balance}
.pricehero .ctaline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.agencyhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px 56px;align-items:start;padding-top:40px;padding-bottom:40px}
.agencyhero h1{font-size:38px}
.agencyhero .note{margin-top:12px}
.agencyhero .ctaline{margin-top:16px}
.agencypacks{background:#fff;border:1px solid var(--card);padding:20px 24px 16px}
.agencypacks .packs-h{font-size:24px;line-height:1.2;margin:8px 0 0;color:var(--navy)}
.agencypacks .currency-switch{margin-top:8px;font-size:14px}
.agencypacks .currency-switch+.note{font-size:12px;margin-top:2px}
.packtable{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.packtable th,.packtable td{text-align:left;padding:8px;border-bottom:1px solid var(--rule);vertical-align:middle}
.packtable thead th{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.packtable tbody th{font-weight:600;color:var(--navy);font-size:18px}
.packtable strong{color:var(--navy);font-weight:600}
.packtable .save{display:block;font-size:12px;color:var(--muted)}
.packtable td:last-child{text-align:right;padding-right:0}
.packtable .btn{display:inline-block;padding:8px 16px}
.agencypacks>.note{margin-top:12px}
.agencypacks>.small{font-size:13px;margin-top:8px}
.agencyjump{display:flex;flex-direction:column;gap:8px;font-size:15px;border-top:1px solid var(--rule);margin-top:28px;padding-top:16px}
.agencyjump span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.agencyjump a{align-self:flex-start;color:var(--navy);font-weight:500;text-underline-offset:3px}
.agencyjump a::after{content:" \2193"}
@media (max-width:900px){.agencyhero{grid-template-columns:minmax(0,1fr);gap:0}.agencyhero h1{font-size:34px}.agencyhero-pitch{display:contents}.agencypacks{margin-top:24px}.agencyjump{order:2}}
@media (max-width:480px){.agencypacks{padding:16px 12px}.packtable{font-size:14px}.packtable th,.packtable td{padding:8px 4px}.packtable tbody th{font-size:15px}.packtable .btn{padding:4px 12px}}
.textlink{font-size:15px;font-weight:500;color:var(--navy);text-underline-offset:3px}
.film{position:relative;margin:36px 0 0}
.film video,.film .still{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:cover;background:var(--tint);border:1px solid var(--card)}
.film .still{display:none}
.film .filmctl{position:absolute;top:10px;right:10px;min-height:32px;padding:4px 12px;font:inherit;font-size:13px;font-weight:500;color:var(--navy);background:#fff;border:1px solid var(--navy);cursor:pointer}
.film .filmctl:hover{background:var(--navy);color:#fff}
.film figcaption{margin-top:12px;text-align:center}
@media (prefers-reduced-motion:reduce){.film video{display:none}.film .still{display:block}}
@media (prefers-reduced-motion:reduce){.film .filmctl{display:none}}
.filters{margin-top:56px}
.filters .grid3{margin-top:0}
.showall{margin-top:12px;font-size:14px}
.offers .currency-switch{margin-top:24px}
.group{margin-top:44px}
.grouph{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.group .grid3{margin-top:20px}
.badge{align-self:flex-start;font-size:12px;font-weight:600;line-height:1.3;padding:4px 12px;border-radius:999px;background:var(--tint);color:var(--navy);margin-bottom:12px}
.badge--save{background:var(--navy);color:#fff}
.badge--soon{background:transparent;border:1px solid var(--card);color:var(--muted)}
.tier .want{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-style:italic;font-size:16px;line-height:1.45;color:var(--navy);margin-top:16px}
.tier .delivery,.tier .addon,.tier .save{font-size:14px;margin-top:12px}
.tier .delivery strong{color:var(--navy);font-weight:600}
.tier .wyg{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:20px}
.tier .wyg+ul{margin-top:8px}
.tier .first{margin-top:auto;padding-top:8px;font-size:14px}
.tier--soon .price{color:var(--muted)}
.founder{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 32px;align-items:start;margin:0;background:#fff;border:1px solid var(--card);border-left:3px solid var(--warm);padding:32px 36px}
.founder img{grid-row:1 / span 2;width:96px;height:96px;border-radius:50%;object-fit:cover}
.founder blockquote{margin:0}
.founder blockquote p{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:18px;line-height:1.55;color:var(--navy)}
.founder blockquote p+p{margin-top:16px}
.founder figcaption{margin-top:20px;font-size:14px;color:var(--body)}
.founder figcaption a{color:var(--warm);font-weight:600;text-underline-offset:2px}
.trustline{margin-top:24px;font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:18px;line-height:1.45;color:var(--navy)}
.allq{margin-top:12px}
.final .scanform{margin-top:24px}
.final .note{margin-top:12px}
@media (max-width:900px){.hero{grid-template-areas:"eye" "t1" "t2" "mis" "ask" "copy" "sc"}.hero .l1{white-space:normal}.heroscores{margin-top:32px}}
@media (max-width:760px){.founder{grid-template-columns:minmax(0,1fr);padding:24px 20px}.founder img{grid-row:auto;margin-bottom:16px}}
.site-footer{background:var(--navy);color:var(--onNavy);font-size:13px;padding:40px 0}
.site-footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:24px}
.site-footer .wordmark{color:#fff}
.site-footer p{color:var(--onNavy);margin-top:8px}
.site-footer a{color:var(--onNavy);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:8px}
.site-footer li a{display:inline-block;min-height:24px;line-height:24px}
.site-footer :focus-visible{outline-color:#fff}
.site-footer .footlabel{color:#fff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.site-footer [aria-label="Writing"] li{line-height:1.35;margin-bottom:8px}
.site-footer .follow{margin-top:24px}
.site-footer .follow ul{display:flex;flex-wrap:wrap;gap:8px 20px}
.site-footer .follow li{margin:0}
.site-footer .follow a{display:inline-flex;align-items:center;gap:8px}
.site-footer .follow svg{width:18px;height:18px;flex:none}
.pagehead{padding:56px 0 8px}
.pagehead h1{font-size:44px;line-height:1.1;margin:12px 0 0}
.tiernote{margin-top:16px}
.doc{max-width:760px;padding-top:56px;padding-bottom:72px}
.doc h1{font-size:44px;line-height:1.1;margin:0}
.doc .updated{margin-top:12px;font-size:13px;color:var(--muted)}
.doc section{margin-top:36px}
.doc h2{font-size:26px;line-height:1.2;margin:0 0 12px}
.doc h3{font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;font-weight:600;letter-spacing:0;margin:20px 0 0}
.doc p{margin-top:12px}
.doc ul,.doc ol{color:var(--body);padding-left:20px;margin:12px 0 0}
.doc li{margin-bottom:8px}
.doc dl{margin:12px 0 0}
.doc dt{font-weight:600;color:var(--navy);margin-top:12px}
.doc dd{margin:2px 0 0;color:var(--body)}
.doc a{text-underline-offset:2px}
.doc .tablewrap{overflow-x:auto;margin-top:16px}
.doc table{width:100%;border-collapse:collapse;font-size:14px}
.doc th,.doc td{text-align:left;border-bottom:1px solid var(--rule);padding:8px 12px 8px 0;vertical-align:top;color:var(--body)}
.doc th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}
.doc td.n,.doc th.n{text-align:right}
.doc td.c,.doc th.c{text-align:center}
.doc .crumbs{font-size:13px;color:var(--muted);margin-bottom:16px}
.doc .crumbs a{color:inherit}
/* About (Olivier 2026-10-12): the homepage width; each heading in a left column so a line of text stays readable. */
.doc--wide{max-width:1120px}
.doc--wide .lede{max-width:760px}
.doc--wide section{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0 56px;margin-top:0;padding:32px 0;border-top:1px solid var(--rule)}
.doc--wide>section:first-of-type{margin-top:40px}
.doc--wide section>h2{grid-column:1;margin:0}
.doc--wide section>:not(h2){grid-column:2}
.doc--wide section>h2+*{margin-top:0}
@media (max-width:900px){.doc--wide section{grid-template-columns:minmax(0,1fr)}.doc--wide section>:not(h2){grid-column:1}.doc--wide section>h2{margin-bottom:12px}}
.doc .crumbsep{margin:0 8px;opacity:.6}
.doc .eyebrow{margin-bottom:12px}
.doc section>.eyebrow{margin-bottom:8px}
.doc table.kf th[scope=row]{width:30%;font-size:14px;letter-spacing:0;text-transform:none;color:var(--navy);font-weight:600}
.doc table.kf td,.doc table.kf th{padding:12px 16px 12px 0}
.doc .req,.doc .status{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-left:8px}
.doc pre.req-line{white-space:pre-wrap;word-break:break-all;font-size:13px;padding:12px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.article pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:12px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--card);margin-top:12px}
.doc .card{background:#fff;border:1px solid var(--card);padding:20px 20px;margin-top:12px}
.doc .card h3{margin:0}
.doc .card .price{font-size:26px;margin-top:8px}
.doc .card ul{font-size:14px}
.misc{margin-top:12px;background:#fff;border:1px solid var(--card);border-left:3px solid var(--navy);padding:16px 20px}
.doc .misc p{margin:0;font-size:15px}
.doc .misc p+p{margin-top:8px}
.misc .wrong,.misc .right{display:inline-block;min-width:88px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.misc .wrong{color:var(--muted)}
.misc .right{color:var(--navy)}
.misc .wrong+q{color:var(--muted)}
.cite{margin:16px 0 0;background:var(--tint);border-left:3px solid var(--navy);padding:16px 20px;font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:18px;line-height:1.5;color:var(--navy)}
.doc .ctarow{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.doc .ctarow .btn{display:inline-block;padding:12px 28px}
.guidewrap{max-width:1120px}
.guidegrid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.guidegrid .doc{max-width:760px;min-width:0}
.guideside{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;padding-top:64px;padding-bottom:24px;scrollbar-width:thin}
.toc.guidetoc a{display:flex;gap:12px;align-items:center}
.guidetoc li{margin:0}
.tocleg{margin:20px 0 0;font-size:12px;line-height:2;color:var(--muted)}
.mk{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;line-height:1;margin-right:8px;color:#fff}
.guidetoc a .mk{margin-right:0}
.mk--ok{background:#1a6b41}
.mk--blocked{background:#8c1d16}
.gchip{display:inline-flex;align-items:center;font-size:12px;font-weight:600;letter-spacing:.03em;padding:4px 12px 4px 4px;border-radius:999px;margin-bottom:8px}
.gchip .mk{margin-right:8px}
.gchip--ok{background:#e5f3ea;color:#125131}
.gchip--blocked{background:#fbe6e4;color:#8c1d16}
.doc section.sec-ok,.doc section.sec-blocked{padding-left:20px;border-left:4px solid}
.doc section.sec-ok{border-left-color:#1a6b41}
.doc section.sec-blocked{border-left-color:#8c1d16}
.guidegrid section{scroll-margin-top:88px}
.doc table.guides td.m,.doc table.guides th.m{text-align:center;padding-right:8px}
.doc table.guides .mk{margin:0}
.doc .guideleg{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;font-size:13px;color:var(--muted)}
@media (max-width:900px){.guidegrid{grid-template-columns:minmax(0,1fr);gap:0}.guideside{position:static;max-height:none;padding-top:32px;padding-bottom:0}.guidegrid .doc{padding-top:24px}}
.articlewrap{max-width:1200px}
.articlegrid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:64px;align-items:start}
.articlegrid .doc{max-width:none;min-width:0}
.tocside{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;padding-top:64px;padding-bottom:24px;scrollbar-width:thin}
.toc ol{list-style:none;margin:12px 0 0;padding:0;border-left:1px solid var(--rule)}
.toc li{margin:0}
.toc a{display:block;padding:8px 0 8px 16px;margin-left:-1px;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;border-left:2px solid transparent}
.toc a:hover{color:var(--navy)}
.toc a[aria-current]{color:var(--navy);font-weight:500;border-left-color:var(--navy)}
.toc .c-no{display:inline-block;min-width:20px;font-weight:600;color:var(--navy)}
@media (max-width:960px){.articlegrid{grid-template-columns:minmax(0,1fr)}.tocside{display:none}}
.article h1{text-wrap:balance}
.article .pull{margin:24px 0 0;padding:4px 0 4px 24px;border-left:3px solid var(--navy);font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:20px;line-height:1.4;color:var(--navy)}
.article .pull p{margin:0}
.article blockquote{margin:20px 0;padding:4px 0 4px 20px;border-left:3px solid var(--navy);font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:18px;line-height:1.45;color:var(--navy)}
.article blockquote p{margin:0}
.article .chart{margin:24px 0 0;padding:20px 20px 12px;background:#fff;border:1px solid var(--card)}
.article .chart figcaption{font-size:13px;color:var(--muted);line-height:1.5}
.article .chart .legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13px;color:var(--body)}
.article .chart svg{display:block;width:100%;height:auto;margin-top:8px;font-family:'Inter Tight',ui-sans-serif,-apple-system,'Segoe UI',Roboto,Arial,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif}
.article .chart .plot{margin-top:8px}
.article .chart .paneltitle{margin-top:16px;font-size:13px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}
.article .chart .row{margin-top:12px}
.article .chart .lbl{font-size:14px;line-height:1.35;color:var(--body);margin-bottom:4px}
.article .chart .bar{display:flex;align-items:center;gap:12px;margin-top:4px}
.article .chart svg.track{flex:1;width:auto;height:10px;margin:0}
.article .chart .bar b{min-width:64px;font-size:13px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}
.article .chart .parts{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px;font-size:13px;color:var(--body)}
.article .chart svg.sw{display:inline-block;width:10px;height:10px;margin:0 8px 0 0;vertical-align:-1px}
.article .chart svg.sw.dash{width:14px}
.article .chart details.tabledata{margin-top:16px;border-top:1px solid var(--card);padding-top:12px}
.article .chart details.tabledata summary{cursor:pointer;font-size:14px;color:var(--navy)}
.article .chart details.tabledata .tablewrap{margin-top:12px}
.article .eyebrow a{color:inherit;text-decoration:none}
.article .byline{margin-top:12px;font-size:13px;color:var(--muted)}
.article .answer{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:20px;line-height:1.5;color:var(--navy);margin-top:24px}
.article .takeaways{margin-top:24px;background:var(--tint);border-left:3px solid var(--navy);padding:16px 20px}
.article .takeaways ol{margin:8px 0 0;padding-left:20px}
.article .takeaways li{margin-bottom:8px}
.article .ref{font-size:11px;line-height:0}
.article .ref a{text-decoration:none;color:var(--navy)}
.article table caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--muted);padding-top:8px}
.article .next{margin-top:36px;font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:18px}
.article .related{margin-top:20px}
.readband .tile h3{font-size:20px;line-height:1.3}
.readband .tile .more{margin-top:auto;padding-top:12px;font-size:14px;font-weight:600;color:var(--navy)}
.article .related ul{margin:8px 0 0;padding-left:20px}
.article .related li{margin-bottom:8px;font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:18px}
.article .sources{font-size:14px}
.article .sources li{margin-bottom:8px;word-break:break-word}
.article .ownnote{font-size:14px;color:var(--muted)}
.article .ctabox{margin-top:40px;background:#fff;border:1px solid var(--card);border-top:3px solid var(--navy);padding:24px}
.article .ctabox .btn{display:inline-block;margin-top:16px;padding:12px 28px}
.articles .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.articles .chip{font:inherit;font-size:13px;font-weight:500;padding:8px 16px;border:1px solid var(--field);border-radius:999px;background:transparent;color:var(--navy);cursor:pointer}
.articles .chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.doc.articles{max-width:1200px}
.articles .lede{max-width:none}
.articles .briefcard{display:block;margin-top:28px}
.articles .briefcard h3{margin-top:12px}
.articles .cards{margin-top:20px}
.articles .cards .tile{display:grid;grid-template-rows:subgrid;grid-row:span 4;align-content:start}
.articles .tile h3{font-size:20px;line-height:1.3}
.articles .tile .excerpt{font-size:14px;line-height:1.55;color:var(--body);margin-top:12px}
.articles .tile .more{margin-top:20px;padding-top:0;font-size:14px;font-weight:500;color:var(--navy)}
.quoteform{display:grid;grid-template-columns:auto 1fr auto;max-width:640px;margin-top:24px;background:#fff;border:1px solid var(--input)}
.quoteform:focus-within{border-color:var(--navy)}
.quoteform:not(:has(select)){grid-template-columns:1fr auto}
.orderform{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:560px;margin-top:20px}
.orderform input,.orderform select,.orderform textarea{min-width:0;max-width:100%;box-sizing:border-box}
.orderform label{font-size:13px;font-weight:500;color:var(--navy);margin-top:8px}
.orderform input[type=text],.orderform input[type=email],.orderform textarea{font:inherit;font-size:15px;padding:12px 16px;border:1px solid var(--input);background:#fff;color:var(--navy)}
.orderform input:focus,.orderform textarea:focus{outline:2px solid var(--navy);outline-offset:0}
.orderform .btn{margin-top:16px;cursor:pointer;font:inherit;font-weight:500}
/* The partner application (plan 2026-10-06, T4): the form card beside three steps; choice cards for the kind. */
.doc.reg{max-width:1120px}
.reg h1{font-size:48px}
.reg .reg-lead{font-size:18px;line-height:1.55;max-width:680px;margin-top:16px}
.reg-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:40px}
.reg-form{background:#fff;border:1px solid var(--rule);padding:32px;display:grid;gap:20px;min-width:0}
.reg-form p{margin:0}
.choices{border:0;margin:0;padding:0;display:grid;gap:12px;min-width:0}
.choices legend{font-size:18px;font-weight:600;color:var(--navy);padding:0;margin-bottom:12px}
.choice{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--card);background:#fff;cursor:pointer}
.choice:hover{border-color:var(--navy)}
.choice:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.choice input{flex:none;width:18px;height:18px;margin:4px 0 0;accent-color:var(--navy)}
.choice strong{display:block;font-size:16px;color:var(--navy)}
.choice strong+span{display:block;font-size:14px;color:var(--body);margin-top:2px;line-height:1.5}
.reg-fields,.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reg-fields>div,.fgrid>div{min-width:0}
.reg-wide,.fwide{grid-column:1/-1}
.reg-fields label,.fgrid label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:8px}
.reg-fields .opt,.fgrid .opt{font-weight:400;color:var(--muted)}
.reg-fields input,.reg-fields select,.fgrid input[type=text],.fgrid input[type=email],.fgrid select{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:0 12px;height:48px;border:1px solid var(--input);background:#fff;color:var(--navy)}
.reg-fields .note,.fgrid .note{margin-top:8px}
.reg-form .btn{justify-self:start;padding:12px 28px;font-size:16px;cursor:pointer;font-family:inherit}
.reg-steps{padding-top:8px}
.reg-steps h2{font-size:28px;margin:0 0 20px}
.reg-steps ol{list-style:none;padding:0;margin:0;display:grid;gap:20px;counter-reset:step}
.reg-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 12px;margin:0;counter-increment:step}
.reg-steps li::before{content:counter(step);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.reg-steps li strong{font-size:16px;color:var(--navy)}
.reg-steps li p{margin:0;font-size:15px}
.reg-steps .reg-signin{margin-top:24px;padding-top:16px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}
@media (max-width:900px){.reg-grid{grid-template-columns:minmax(0,1fr)}.reg h1{font-size:38px}}
@media (max-width:640px){.reg-form{padding:20px}.reg-fields{grid-template-columns:minmax(0,1fr)}.reg-form .btn{justify-self:stretch}}
/* Dashboard forms (plan 2026-10-06, T8): a white form card with a two-column field grid, the menu's
   To do / Done marks, a warning callout, the account on file, and the Address section's Bill-to. */
.dash-lead{font-size:16px;max-width:620px;margin:-8px 0 24px}
.dash-main .fcard{background:#fff;border:1px solid var(--rule);padding:28px;display:grid;gap:20px;min-width:0;margin:0}
.fcard-h{font-size:20px;margin:0}
.fgrid .ack{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400;color:var(--body);margin:0}
.fgrid .ack input{flex:none;width:18px;height:18px;margin:2px 0 0}
.fcard .btn{justify-self:start;padding:12px 28px;font-size:16px;cursor:pointer;font-family:inherit}
.mark{font-size:12px;font-weight:600;border-radius:999px;padding:0 8px;line-height:20px;white-space:nowrap}
.mark--todo{background:#fbefdd;color:#7d4306}
.mark--done{background:#e5f3ea;color:#125131}
.dash-menu a:has(.mark){display:flex;justify-content:space-between;align-items:center;gap:8px}
.callout{display:flex;gap:12px;align-items:flex-start;background:#fdf7ef;border:1px solid #f0d9b8;color:#7d4306;padding:16px 20px;margin-bottom:24px}
.callout .ico{flex:none;margin-top:4px}
.callout p{color:#7d4306;margin:0}
.onfile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--rule);padding:20px 24px;margin-bottom:24px}
.onfile p{margin:0}.onfile .stat-k{display:block;margin-bottom:4px}
.saved{margin:0 0 16px}
.panel-body{padding:20px 24px}.panel-body p{margin:0}
.addr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.billto-wrap{display:grid;gap:8px}.billto-wrap p{margin:0}
.billto{background:#fff;border:1px solid var(--rule);padding:20px 24px}
.billto .billto-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}
.billto #billto p{margin:0;font-size:15px;line-height:1.6;color:var(--navy)}
@media (max-width:1100px){.addr{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.dash-main .fcard{padding:20px}.fgrid{grid-template-columns:minmax(0,1fr)}.fcard .btn{justify-self:stretch}}
/* The agency dashboard (plan 2026-10-05): a fixed menu beside the full-width content; under 900px the menu wraps above it. */
.dash-wrap{max-width:1440px}
.dash{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start;padding-top:40px;padding-bottom:72px}
.dash-side{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto}
.dash-menu ul{list-style:none;margin:0;padding:0}
.dash-menu a{display:block;padding:8px 12px;border-radius:6px;color:var(--navy);text-decoration:none;font-size:15px}
.dash-menu a:hover{background:var(--card)}
.dash-menu a[aria-current=page]{background:var(--navy);color:#fff}
.dash-menu form{margin-top:24px;padding:0 12px}
.dash-main.doc{max-width:none;padding:0;min-width:0}
/* Dashboard kit (plan 2026-10-06 partner pages redesign): the title row, stat stats, white cards, state
   badges, chips and filter chips every dashboard section shares. Per-section styles do not belong here. */
.dash-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.dash-title .eyebrow{margin:0;font-size:12px;letter-spacing:.08em}
.dash-title h1{margin:4px 0 0;font-size:38px;line-height:1.1}
.dash-actions{display:flex;gap:12px 16px;align-items:center;flex-wrap:wrap}
.dash-actions .btn{display:inline-block;padding:12px 24px;font-size:15px}
.dash-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--navy)}
.dash-badge{display:inline-block;max-width:100%;font-size:14px;font-weight:600;color:var(--navy);border:1px solid var(--rule);border-radius:999px;padding:8px 16px;background:#fff;text-decoration:none}
.dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}
.dash-card{background:#fff;border:1px solid var(--rule);padding:16px 20px}
.dash-card h3{margin:0}
.dash-steps li.done{color:var(--muted)}
.ico{flex:none}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.stat{background:#fff;border:1px solid var(--rule);padding:20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.stat-k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.stat-v{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:44px;line-height:1;letter-spacing:-.015em}
.stat-v--date{font-size:28px;line-height:1.1}
.stat-of{font-size:15px;color:var(--muted)}
.stat-note{font-size:13px;color:var(--muted)}
.stat-link{font-size:13px;font-weight:600;color:var(--navy)}
.stat--you{background:#fdf7ef;border-color:#f0d9b8}
.stat--you .stat-k,.stat--you .stat-v,.stat--you .stat-link{color:#7d4306}
.stat--warn .stat-note strong{color:#7d4306}
.meter{display:flex;gap:4px;margin:0}
.meter span{flex:1;height:6px;border-radius:999px;background:var(--card)}
.meter span.on{background:var(--navy)}
.meter-bar{display:block;width:100%;height:6px;border:0;border-radius:999px;background:var(--card);-webkit-appearance:none;appearance:none;overflow:hidden}
.meter-bar::-webkit-progress-bar{background:var(--card);border-radius:999px}
.meter-bar::-webkit-progress-value{background:var(--navy);border-radius:999px}
.meter-bar::-moz-progress-bar{background:var(--navy);border-radius:999px}
.panel{background:#fff;border:1px solid var(--rule);margin-top:24px;container-type:inline-size}
.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--rule)}
.panel-head h2{margin:0;font-size:24px}
.panel-sub{margin:2px 0 0;font-size:14px;color:var(--muted)}
.panel-empty{margin:0;padding:20px 24px}
.panel-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--rule);font-size:13px;color:var(--muted)}
.panel .tablewrap{margin:0}
.state{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px 4px 8px;white-space:nowrap}
.state--done{background:#e5f3ea;color:#125131}
.state--prog{background:#e8edfc;color:#17369c}
.state--you{background:#fbefdd;color:#7d4306}
.state--late{background:#fbe6e4;color:#8c1d16}
.tag{display:inline-block;font-size:12px;font-weight:500;border:1px solid var(--field);border-radius:2px;padding:2px 8px;color:var(--body);background:#fff;white-space:nowrap}
.fchips{display:flex;gap:8px;flex-wrap:wrap}
.fchip{font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid var(--card);background:#fff;color:var(--body);text-decoration:none;white-space:nowrap}
.fchip span{color:var(--muted)}
.fchip:hover{border-color:var(--navy)}
.fchip[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}
.fchip[aria-current] span{color:#fff}
.segs{display:flex;gap:4px;margin:8px 0 0}
.segs span{width:18px;height:4px;border-radius:2px;background:var(--card)}
.segs span.on{background:#1a6b41}
.st-head,.st-row{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) minmax(0,.8fr);gap:16px;padding:12px 24px}
.st-head{background:var(--tint);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.st-row{padding:20px 24px;border-top:1px solid var(--rule);align-items:start}
.st-row--you{background:#fdf7ef}
.st-row p{margin:0}
.st-domain{font-weight:600;font-size:16px;overflow-wrap:anywhere}
.st-row .st-meta{font-size:13px;color:var(--muted);margin-top:8px}
.st-row .st-dls{margin-top:4px;font-size:13px;font-weight:500}
.st-dl{color:var(--navy)}
.st-dl+.st-dl{margin-left:8px}
.st-dl--you{color:#7d4306;font-weight:600}
.st-k,.st-tag{display:none}
@container (max-width:720px){
.st-head{display:none}
.st-row{display:block;padding:16px 16px 8px}
.st-tag{display:inline-block;margin-left:8px;vertical-align:2px}
.st-type{display:none}
.st-cell{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:start;padding:12px 0;border-top:1px solid var(--rule);font-size:14px}
.st-site{padding-bottom:12px}
.st-k{display:block}
.state{white-space:normal}
}
/* Section 4 (plan 2026-10-06-section4-and-referral-link): the kit every agency section shares. A form card
   in numbered steps, a side column beside it, choice cards in two columns, the amber questionnaire strip,
   people rows, the logo drop zone and its preview, the who-sees-what matrix. */
.flabel{display:block;font-size:14px;font-weight:500;color:var(--navy);margin:0 0 8px;padding:0}
.stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.stats--3>.stat:nth-child(3){grid-column:1/-1}}
.dash-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.dash-split>.side{display:grid;gap:16px;min-width:0}
.dash-split .fcard{grid-template-columns:minmax(0,1fr)}
.dash-main .fcard--steps{padding:0;gap:0}
.fsect{display:grid;gap:16px;padding:24px 28px;border-top:1px solid var(--rule);min-width:0}
.fsect:first-child{border-top:0}
.fsect--foot{background:var(--tint)}
.fsect p{margin:0}
.fstep{display:flex;align-items:center;gap:12px;margin:0;font-size:20px}
.fnum{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-family:inherit;font-size:14px;font-weight:600}
.fcol{display:grid;gap:8px;min-width:0;align-content:start}
.fcol label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin:8px 0 0}
.fcol>label:first-child{margin-top:0}
.fcol input[type=text],.fcol input[type=email],.fcol select:not([multiple]){display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:0 12px;height:48px;border:1px solid var(--input);background:#fff;color:var(--navy)}
.fcol select[multiple]{font:inherit;font-size:15px;border:1px solid var(--input);background:#fff;color:var(--navy);max-width:100%}
.fcol .note{margin:0}
.fsect .chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--field);background:#fff;min-height:42px;align-items:center}
.fsect .chip{display:inline-flex;align-items:center;gap:8px;background:var(--tint);border:1px solid var(--field);color:var(--navy);font-size:13px;padding:4px 8px 4px 12px;border-radius:999px}
.fsect .chip button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:15px;line-height:1;cursor:pointer;padding:0 4px}
.fsect .chipnone{font-size:13px;color:var(--faint)}
.fsect .chipadd{max-width:min(340px,100%)}
.fsect .ack{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--body)}
.fsect .ack input{flex:none;width:18px;height:18px;margin:2px 0 0}
.fsect .btn{justify-self:start;padding:12px 28px;font-size:16px;cursor:pointer;font-family:inherit}
.fsect .hosting-capability{font-size:14px}
.fact{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.choices--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.buys{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.buys li{margin:0}
.state--plain{background:var(--tint);color:var(--navy)}
.state--bare{padding:4px 12px}
.dash-main .panel+.fcard{margin-top:24px}
.qstrip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 24px;background:#fdf7ef;border-top:1px dashed #f0d9b8}
.qstrip p{margin:0;font-size:14px;color:#7d4306;max-width:440px}
.qstrip-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qstrip form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.qstrip input[type=email]{font:inherit;font-size:14px;height:44px;box-sizing:border-box;border:1px solid #f0d9b8;padding:0 12px;width:220px;max-width:100%;background:#fff;color:var(--navy)}
.qstrip input[readonly]{font:inherit;font-size:14px;height:44px;box-sizing:border-box;border:1px solid #f0d9b8;padding:0 12px;width:100%;background:#fff;color:var(--navy)}
.qstrip .qlink{flex-basis:100%;display:grid;gap:8px}
.btn--sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}
.btn--you{background:#fff;color:#7d4306;border:1px solid #f0d9b8}
.btn--you:hover{border-color:#7d4306}
.btn--line{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.people-head,.person{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.9fr);gap:16px;padding:12px 24px;align-items:center}
.people-head{background:var(--tint);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.person{padding:16px 24px;border-top:1px solid var(--rule)}
.person p{margin:0}
.person-who{display:flex;gap:12px;align-items:center;min-width:0}
.person-who p{overflow-wrap:anywhere}
.person-name{font-weight:600}
.person-meta{font-size:13px;color:var(--muted);margin-top:4px}
.person-act{text-align:right}
.person-act form{margin:0}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:#e8edfc;color:#17369c;font-weight:600;font-size:14px}
.dropzone,.fcol .dropzone{box-sizing:border-box;margin:0;min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--field);background:var(--paper);padding:28px 16px;text-align:center;cursor:pointer;font-size:14px;color:var(--body)}
.dropzone:hover,.dropzone:focus-within{border-color:var(--navy)}
.dropzone strong{color:var(--navy)}
.dropzone input[type=file]{font:inherit;font-size:13px;width:100%;max-width:100%;min-width:0}
.preview{background:#fff;border:1px solid var(--rule);padding:20px;display:grid;gap:12px}
.preview p{margin:0}
.preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.preview-brand{display:flex;gap:12px;align-items:center;border-bottom:2px solid var(--navy);padding-bottom:12px;min-width:0}
.preview-brand img{max-height:44px;max-width:120px;object-fit:contain}
.preview-name{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:24px;overflow-wrap:anywhere}
.preview-title{font-family:Newsreader,Georgia,'Times New Roman','Noto Serif TC','Songti TC',PMingLiU,serif;font-size:20px;line-height:1.2}
.preview-credit{font-size:12px;color:var(--muted)}
.setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.setup>div{padding:20px 24px;display:grid;gap:12px;align-content:start;justify-items:start}
.setup>div+div{border-left:1px solid var(--rule)}
.setup p{margin:0}
.setup-t{font-weight:600;font-size:18px;color:var(--navy)}
.dash-cards--link .dash-card{display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--body);font-size:14px;line-height:1.55}
.panel-head .meter{width:160px}
.dash-cards--link .dash-card:hover{border-color:var(--navy)}
.dash-card-t{font-weight:600;font-size:16px;color:var(--navy)}
.matrix{width:100%;border-collapse:collapse;font-size:14px}
.matrix th,.matrix td{padding:12px 24px;text-align:left;border-top:1px solid var(--rule)}
.matrix thead th{background:var(--tint);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;border-top:0}
.matrix tbody th{font-size:14px;letter-spacing:0;text-transform:none;color:var(--navy);font-weight:500;background:none}
.matrix .yes{color:#125131}
.matrix .no{color:var(--faint)}
.share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.share>div{padding:20px 24px;display:grid;gap:8px;align-content:start;min-width:0}
.share>div+div{border-left:1px solid var(--rule)}
.share p{margin:0}
.copyrow button[hidden]{display:none}
.copyrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.copyrow input{font:inherit;font-size:15px;height:44px;box-sizing:border-box;border:1px solid var(--input);padding:0 12px;flex:1 1 220px;min-width:0;background:#fff;color:var(--navy)}
@media (max-width:1100px){.dash-split{grid-template-columns:minmax(0,1fr)}}
@container (max-width:720px){
.people-head{display:none}
.person{grid-template-columns:minmax(0,1fr) auto;padding:16px}
.person-role{grid-column:1/-1;grid-row:2}
.person-added{display:none}
.qstrip{padding:16px}
.qstrip-acts,.qstrip form{flex-direction:column;align-items:stretch;width:100%}
.qstrip input[type=email]{width:100%}
.setup{grid-template-columns:minmax(0,1fr)}
.setup>div+div,.share>div+div{border-left:0;border-top:1px solid var(--rule)}
.share{grid-template-columns:minmax(0,1fr)}
.matrix th,.matrix td{padding:12px}
}
@media (max-width:640px){.fsect{padding:20px}.choices--two{grid-template-columns:minmax(0,1fr)}.fsect .btn{justify-self:stretch}.fact .btn{width:100%}}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:16px}.stat-v{font-size:34px}.stat-v--date{font-size:20px}.dash-title h1{font-size:34px}}
@media (max-width:640px){.panel-head,.panel-foot{padding-left:16px;padding-right:16px}.dash-actions{width:100%}.dash-actions .btn{display:block;width:100%}}
@media (max-width:900px){.dash{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px}.dash-side{position:static;max-height:none;overflow:visible}.dash-menu ul{display:flex;flex-wrap:wrap;gap:4px}.dash-menu form{margin-top:8px;padding:0}}
.orderform select{font:inherit;font-size:15px;padding:12px 12px;border:1px solid var(--input);background:#fff;color:var(--navy)}
.orderform .chipadd{max-width:min(340px,100%)}
.orderform .bankfields{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.orderform .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:12px 12px;border:1px solid var(--field);background:#fff;min-height:42px;align-items:center}
.orderform .chip{display:inline-flex;align-items:center;gap:8px;background:var(--tint);border:1px solid var(--field);color:var(--navy);font-size:13px;padding:4px 8px 4px 12px;border-radius:999px}
.orderform .chip button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:15px;line-height:1;cursor:pointer;padding:0 4px}
.orderform .chip button:hover{color:var(--navy)}
.orderform .chipnone{font-size:13px;color:var(--faint)}
.disclosure{margin-top:16px;background:var(--tint);border-left:3px solid var(--navy);padding:16px 20px}
.disclosure .ack{display:flex;gap:12px;align-items:flex-start;font-weight:500}
.doc .price{margin-top:16px}
.doc>h2{margin-top:36px}
.quoteform select,.quoteform input{border:0;padding:16px 16px;font:inherit;font-size:15px;color:var(--navy);background:transparent;outline:none;min-width:0}
.quoteform select{border-right:1px solid var(--rule)}
.quoteform input::placeholder{color:var(--faint)}
.quoteform button{border:0;background:var(--warm);color:#fff;padding:0 24px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
@media (max-width:760px){.quoteform{grid-template-columns:1fr}.quoteform select{border-right:0;border-bottom:1px solid var(--rule)}.quoteform button{padding:16px}.doc h1,.pagehead h1{font-size:34px}}
.card,.tier,.finding,.scorebox{transition:transform .5s cubic-bezier(.215,.61,.355,1),box-shadow .5s,border-color .3s}
.card:hover,.tier:hover,.finding:hover,.scorebox:hover{transform:translateY(-4px);box-shadow:0 22px 50px -22px rgba(18,35,61,.35)}
.card:hover,.tier:hover,.finding:hover{border-color:var(--navy)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.card:hover,.tier:hover,.finding:hover,.scorebox:hover{transform:none}}
@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.grid3{grid-template-columns:1fr}.grid4,.proof{grid-template-columns:repeat(2,1fr)}.site-footer .wrap{grid-template-columns:1fr}}
.menu{display:none;position:relative;flex:none}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border:1px solid var(--rule);font-size:14px;color:var(--navy)}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;min-width:200px;padding:8px 0;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.menu nav a{padding:12px 16px;font-size:15px;text-decoration:none;color:var(--body);white-space:nowrap}
.menu nav a:hover{color:var(--navy);background:var(--tint)}
.drop{position:relative}
.drop summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:24px;color:var(--body);white-space:nowrap}
.drop summary::-webkit-details-marker{display:none}
.drop summary::after{content:"";width:5px;height:5px;margin-left:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.drop[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.drop summary:hover,.drop[open] summary{color:var(--navy)}
.dropmenu{position:absolute;left:-16px;top:calc(100% + 14px);display:flex;flex-direction:column;min-width:180px;padding:8px 0;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.nav .dropmenu a{padding:12px 16px}
.nav .dropmenu a:hover,.nav .dropmenu a[aria-current="page"]{box-shadow:none;background:var(--tint)}
.menuhead{padding:12px 16px 2px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.menu nav a.sub{padding-left:28px}
.doc .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:12px}
.doc .pair .card{margin-top:0}
@media (max-width:760px){.doc .pair{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.site-header .nav{display:none}.menu{display:block}.site-header .cta{margin-left:auto}.site-header .signin,.site-header .register{display:none}.menu nav a.menureg,.menu nav a.menusign{display:block}.menu nav a.menusign{box-shadow:inset 0 -1px 0 var(--rule)}}
@media (min-width:901px) and (max-width:1240px){.site-header .wrap{gap:12px}.nav{gap:12px}.site-header .register{padding:8px 8px}}
@media (max-width:760px){.wrap{padding-left:20px;padding-right:20px}.site-header .wrap{gap:12px}.display{font-size:38px}.h2{font-size:28px}.sec{padding:48px 0}.sec--lead{padding:64px 0 56px}.sec--lead .h2{font-size:34px}.sec--tight{padding:36px 0}.hero{padding:44px 0 40px}.specimen{flex-direction:column;align-items:flex-start}}
@media (max-width:480px){.grid4,.proof{grid-template-columns:1fr}.hero .scorerow{flex-direction:column}}
.video-wrap{position:relative;margin:28px 0;padding-bottom:56.25%;height:0;border-radius:6px;overflow:hidden;background:var(--navy)}.video-wrap .yt-facade,.video-wrap .yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.yt-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;cursor:pointer;background:var(--navy);color:var(--paper);font:inherit;text-align:center}.yt-play{width:68px;height:48px;transition:transform .15s}.yt-facade:hover .yt-play,.yt-facade:focus-visible .yt-play{transform:scale(1.1)}.yt-bg{fill:var(--paper)}.yt-tri{fill:var(--navy)}.yt-title{font-weight:600;font-size:18px;max-width:34em}.yt-note{font-size:13px;opacity:.8;max-width:40em}.yt-note a{color:inherit;text-decoration:underline}.card-article{position:relative}.card-media{position:absolute;bottom:20px;right:20px;width:24px;height:24px;opacity:.55}.card-media svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.card-media svg path{fill:currentColor;stroke:none}@media (max-width:480px){.yt-facade{gap:8px;padding:12px}.yt-title{font-size:15px}.yt-note{font-size:11px}}