@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--green:#0170b9;--ink:#005177;--muted:#667085;--line:#e5e5e5;--bg:#f5f7fa;--mint:#d7efff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #03a9f5;outline-offset:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.9;color:#475467}.muted,small{color:var(--muted)}.logo{display:flex;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1px;gap:4px}.logo sup{font-size:10px;align-self:flex-start;margin-top:5px}.mark{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border-radius:11px;font-weight:700;font-size:28px;margin-right:8px;letter-spacing:-4px;padding-right:6px}.mark span{font-size:20px;align-self:flex-start;margin-top:0;color:var(--mint)}.marketing-nav{max-width:1280px;padding:28px 45px;margin:auto;display:flex;justify-content:space-between;align-items:center}.marketing-nav nav{display:flex;align-items:center;gap:36px;font-size:13px}.button{border:0;background:var(--green);color:#fff;padding:15px 23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-weight:500}.button:hover{filter:brightness(.93)}.button.small{padding:11px 17px}.button.light{background:var(--mint);color:var(--ink)}.button.secondary{background:#edf4f9;color:var(--ink);border:1px solid var(--line)}.text-link{background:none;border:0;padding:8px 0;font-weight:500;display:inline-block;color:var(--green)}.hero{max-width:1280px;margin:auto;padding:65px 45px 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:block;margin-bottom:28px;color:var(--green)}h1{font-size:clamp(42px,5vw,68px);line-height:1.27;letter-spacing:-3px;font-weight:600;margin-bottom:26px}h1>span{color:var(--green)}.hero p{font-size:15px;line-height:2}.actions{display:flex;align-items:center;gap:27px;margin:30px 0 18px}.hero small{font-size:10px}.hero-art{position:relative;height:510px;background:#e8f2fa;border-radius:180px 180px 24px 24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:450px;height:450px;border:1px solid #c4dced;border-radius:50%;transform:rotate(-30deg)}.orbit.two{width:310px;height:310px}.art-tag{position:absolute;top:39px;font-size:10px;letter-spacing:2px}.brand-tile{width:218px;height:230px;background:var(--ink);border:1px solid #3d87b1;color:white;box-shadow:0 30px 60px #00517722;transform:rotate(-5deg);border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.mark.big{width:65px;height:65px;background:var(--mint);color:var(--ink);font-size:45px}.mark.big span{color:var(--ink);font-size:28px}.brand-tile strong{font-size:23px;letter-spacing:-1px}.brand-tile>span:last-child{font-size:11px;color:#d3e8f5}.float-card{position:absolute;background:#fffffff0;box-shadow:0 12px 35px #00517710;border:1px solid #fff;border-radius:12px;padding:14px 17px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px}.float-card small{font-size:10px;font-weight:400}.icon{display:grid;place-items:center;width:35px;height:35px;background:#e7f3fc;border-radius:9px;font-size:22px}.f1{top:115px;left:18px;transform:rotate(-6deg)}.f2{top:236px;right:5px;transform:rotate(5deg)}.f3{bottom:70px;left:36px;transform:rotate(-3deg)}.art-foot{position:absolute;bottom:25px;font-size:8px;letter-spacing:1.5px}.strip{display:flex;justify-content:space-around;max-width:1190px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 10px;font-size:10px;letter-spacing:2px;color:#667085}.features{max-width:1280px;margin:auto;padding:90px 45px}.section-intro{display:grid;grid-template-columns:1fr 1fr}.section-intro>.eyebrow{grid-column:1/-1}h2{font-size:34px;line-height:1.5;letter-spacing:-1px;font-weight:500}.section-intro p{align-self:center;justify-self:end}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.feature-grid article{border:1px solid var(--line);padding:28px;border-radius:12px;background:#fff}.feature-grid b{font-size:10px;letter-spacing:1.5px;color:var(--green)}.feature-grid h3{margin-top:35px;font-size:19px;font-weight:500}.feature-grid p{font-size:13px}.badge{display:inline-block;background:#e6f2fa;color:#005177;padding:5px 9px;border-radius:5px;font-size:10px;white-space:nowrap}.badge.neutral{background:#eef0ee;color:#78837b}.partner-banner{background:var(--ink);color:#fff;padding:60px 45px;max-width:1190px;margin:0 auto 70px;border-radius:18px}.partner-banner .eyebrow,.partner-banner p{color:#c8deef}.partner-banner h2{font-size:40px}footer{border-top:1px solid var(--line);max-width:1190px;margin:auto;padding:25px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.console{background:#f5f7fa}.console aside{width:236px;position:fixed;inset:0 auto 0 0;padding:30px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.console aside .logo{font-size:19px;letter-spacing:-.5px}.workspace-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin:40px 13px 15px}.console aside nav{display:flex;flex-direction:column;gap:7px}.console aside nav button{border:0;background:none;text-align:left;color:#667085;border-radius:7px;display:flex;gap:16px;align-items:center;padding:13px 16px;font-size:18px}.console aside nav button span{font-size:12px}.console aside nav button.selected{color:var(--green);background:#e7f3fc}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-bottom p{margin-top:15px;font-size:13px}.console-main{margin-left:236px}.console-top{height:79px;border-bottom:1px solid var(--line);padding:0 42px;background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:11px}.console-top>div{display:flex;align-items:center;gap:9px;color:var(--muted)}.avatar{background:#e7f3fc;border-radius:50%;padding:10px;color:var(--ink);margin-left:12px}.status-dot{height:6px;width:6px;background:#70a854;border-radius:50%}#content{max-width:1440px;margin:auto;padding:38px 42px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-heading h1{font-size:29px;letter-spacing:-1px;margin-bottom:8px}.page-heading p{font-size:12px;margin:0}.welcome{background:#e8f2fa;padding:27px 32px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.welcome h2{font-size:22px;margin-bottom:7px}.welcome p{font-size:12px;margin:0}.welcome .welcome-symbol{font-size:60px;color:#3687b9;padding:0 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:32px;margin:12px 0;font-weight:500}.stat small{font-size:10px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:24px;margin-bottom:24px;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h3{font-size:15px;font-weight:500;margin:0}.panel-title small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.empty{padding:45px 20px;text-align:center}.empty .empty-icon{font-size:35px;color:#659abb;display:block;margin-bottom:12px}.empty h3{font-weight:500;font-size:16px}.empty p{font-size:12px;max-width:400px;margin:0 auto 20px}.steps{display:flex;gap:12px;margin:20px 0}.steps b{border-radius:50%;background:#e7f3fc;height:25px;min-width:25px;display:grid;place-items:center;font-size:10px}.steps strong{font-size:12px;font-weight:500}.steps p{font-size:11px;margin-top:5px;margin-bottom:0}.table-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.table-toolbar input{max-width:300px}.table-toolbar select{max-width:200px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;font-weight:400;padding:12px;border-bottom:1px solid var(--line);background:#f8fafc}td{padding:18px 12px;border-bottom:1px solid #e9edf2}td small{display:block;margin-top:4px;font-size:10px}.row-actions{display:flex;gap:12px}.row-actions button{font-size:10px;color:var(--green);border:0;background:#e7f3fc;padding:8px;border-radius:5px}label{display:block;font-size:12px;color:#475467;margin:17px 0}input,select,textarea{display:block;margin-top:7px;width:100%;padding:12px;border:1px solid #d0dbe5;background:#fff;border-radius:6px;color:var(--ink);outline-color:var(--green)}textarea{resize:vertical;min-height:140px}input[type=color]{height:45px;padding:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note{border-left:3px solid #68abd3;background:#f0f7fc;padding:13px 16px;font-size:11px;line-height:1.9;color:#526a7b;margin:20px 0}.integration{padding:20px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between}.integration h3{font-size:14px;margin-bottom:7px}.integration p{font-size:12px;margin:0;max-width:600px}.preview-brand{min-height:230px;background:#f2f7fb;border-radius:10px;padding:30px}.preview-brand h3{margin:30px 0;font-size:26px}dialog{border:1px solid var(--line);border-radius:16px;padding:40px;width:min(520px,calc(100% - 30px));color:var(--ink);box-shadow:0 25px 100px #00517722}dialog::backdrop{background:#0e152370;backdrop-filter:blur(4px)}dialog h2{font-size:27px}dialog p{font-size:12px}dialog .eyebrow{font-size:9px}#login .button{width:100%;margin-bottom:10px}.close{position:absolute;top:15px;right:20px;background:none;border:0;font-size:24px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 24px;border-radius:9px;box-shadow:0 4px 30px #0002;z-index:10;max-width:90%;font-size:12px}#loginError{color:#ac493b}.key-output{overflow-wrap:anywhere;padding:20px;background:#e7f3fc;user-select:all}.request-brief{white-space:pre-wrap;max-width:500px;line-height:1.7}.partner-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px}.partner-card h3{margin:18px 0 8px;font-size:19px}.partner-card p{font-size:12px}.partner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-tag{font-size:10px;letter-spacing:1px;color:var(--muted)}@media(max-width:1050px){.hero{gap:25px;padding-top:35px}.hero-art{height:460px}.float-card{padding:12px}.console aside{width:195px;padding:25px 12px}.console-main{margin-left:195px}#content{padding:28px 24px}.console-top{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.partner-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.marketing-nav{padding:20px}.marketing-nav nav>a:not(.button){display:none}.logo{font-size:20px}.hero{padding:35px 22px;grid-template-columns:1fr}.hero h1{font-size:49px}.hero-art{height:430px}.strip{font-size:8px;letter-spacing:.5px;gap:12px;padding:20px}.features{padding:50px 22px}.section-intro{display:block}.feature-grid{grid-template-columns:1fr}.partner-banner{margin:0 16px 35px;padding:35px 25px}.partner-banner h2{font-size:30px}footer{padding:20px;gap:20px;flex-wrap:wrap}.console aside{width:100%;position:static;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.console aside nav{flex-direction:row;overflow:auto;margin-top:15px}.console aside nav button{white-space:nowrap;padding:10px;font-size:14px;gap:5px}.workspace-label,.sidebar-bottom{display:none}.console-main{margin:0}.console-top{height:55px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:24px}.page-heading .button{padding:11px;font-size:11px;white-space:nowrap}#content{padding:24px 16px}.welcome{padding:20px}.welcome .welcome-symbol{display:none}.stat{padding:18px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.partner-cards{grid-template-columns:1fr}.table-toolbar{flex-direction:column}.actions{gap:15px}.integration{flex-direction:column;gap:10px}dialog{padding:30px}.console-top{padding:0 18px}}
@media(max-width:700px){table{min-width:650px}.request-brief{min-width:180px}.console-top .avatar{display:none}.console-top>div{gap:7px}}

/* Official Managed-WP assets and palette, sourced from managed-wp.com. */
.official-logo{display:block;width:196px;height:auto;max-width:100%;object-fit:contain}.console aside .logo{display:block}.console aside .official-logo{width:188px}.official-logo[hidden]{display:none}.hero-brand-logo{width:190px;height:auto;max-height:100px;object-fit:contain}.brand-tile{background:#0e1523}.brand-utility{background:#0e1523;color:#cbd5e1;font-size:11px}.brand-utility>div{max-width:1280px;margin:auto;padding:10px 45px;display:flex;justify-content:space-between;gap:20px}.brand-utility nav{display:flex;gap:24px}.existing-services{max-width:1280px;margin:auto;padding:75px 45px 0}.service-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 30px}.service-links>a{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px}.service-links strong{display:block;font-size:14px;color:var(--green)}.service-links span{display:block;margin-top:10px;font-size:12px;color:var(--muted)}.integration-bridge{display:flex;align-items:center;gap:35px;background:#e8f2fa;border:1px solid #c4dced;border-radius:12px;padding:30px}.integration-bridge>div{flex:1}.integration-bridge .eyebrow{margin-bottom:15px}.integration-bridge h3{font-weight:500}.integration-bridge p{margin:0;font-size:12px}.integration-bridge>.button{flex-shrink:0}.existing-partner-link{color:#fff}.marketing-nav nav{gap:25px}footer .official-logo{width:170px}@media(max-width:900px){.service-links{grid-template-columns:repeat(2,1fr)}.brand-utility>div{padding:10px 22px}.brand-utility>div>span{display:none}.marketing-nav nav{gap:15px}}@media(max-width:700px){.official-logo{width:170px}.marketing-nav .button{font-size:11px;padding:11px}.brand-utility nav{gap:20px;font-size:10px}.existing-services{padding:45px 22px 0}.service-links{grid-template-columns:1fr 1fr;gap:10px}.service-links>a{padding:16px}.service-links strong{font-size:12px}.integration-bridge{flex-direction:column;align-items:flex-start;padding:24px}.console aside .logo{max-width:188px}.partner-banner .actions{flex-wrap:wrap}}
.dns-value{overflow-wrap:anywhere;white-space:pre-wrap;max-width:550px;font-size:12px}.console aside nav{gap:3px}.console aside nav button{padding:10px 14px}.sidebar-bottom{padding-top:12px}.sidebar-bottom p{display:none}.row-actions{flex-wrap:wrap}

.partner-logo{display:block;max-width:188px;max-height:80px;width:auto;height:auto;object-fit:contain;margin:0 0 12px}.partner-logo[hidden]{display:none}.preview-brand .partner-logo{margin:0 auto 16px;max-height:100px}
#modal:has(#reportForm){width:min(1050px,96vw);max-width:1050px}#reportFrame{width:100%;height:65vh;border:1px solid var(--line);margin-top:16px;background:white}#reportForm .form-row{display:flex;gap:20px;flex-wrap:wrap}#reportOutput .actions{flex-wrap:wrap}
#modal:has(#historyForm){width:min(1050px,96vw);max-width:1050px}.history-scroll{overflow-x:auto;margin-top:16px}