/* Shared visual language for the public site and license console. */
:root{--bg:#f7f8fa;--bg-hero:none;--login-bg:none;--panel:#fff;--panel2:#f0f3f5;--line:#e1e6eb;--line-strong:#b7c4cf;--heading:#172b39;--text:#304654;--muted:#607481;--brand:#087e8b;--brand-hover:#066672;--brand-soft:#e7f4f3;--brand-border:#a7d5d2;--brand-glow:#087e8b22;--card-shadow:0 4px 16px #172b3905;--nav-bg:#ffffffed}
[data-theme=dark]{color-scheme:dark;--bg:#101a22;--panel:#172630;--panel2:#20333f;--line:#304652;--line-strong:#54707f;--heading:#edf6f7;--text:#d3e3e8;--muted:#a3bac4;--brand:#51c6c5;--brand-hover:#75d8d5;--brand-soft:#1b3c43;--brand-border:#376970;--brand-glow:#51c6c522;--nav-bg:#172630ed;--bg-hero:none;--login-bg:none}
body{font-family:'Segoe UI',sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}
:focus-visible{outline:3px solid var(--brand);outline-offset:4px}section[id]{scroll-margin-top:100px}.input,select,textarea{min-height:44px;border-radius:9px}.btn{min-height:42px;box-shadow:none;border-radius:9px;font-size:.88rem}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}[data-theme=dark] .btn-primary{color:#102a32}.label{text-transform:none;letter-spacing:0;font-size:.85rem}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:12px;background:var(--panel);color:var(--heading)}.skip-link:focus{top:12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--brand)}
/* Public site */
.public-site .container{max-width:1280px;padding-left:40px;padding-right:40px}.public-site .nav-inner{padding-top:12px;padding-bottom:12px;min-height:80px}.brand{white-space:nowrap}.public-site .brand{font-size:1.05rem}.public-site .nav-links{gap:22px;font-size:.84rem}.public-site .nav-actions{gap:8px}.public-site .theme-btn{font-size:0;width:42px;padding:8px}.public-site .theme-btn::before{content:"◐";font-size:20px}.menu-toggle{display:none}.public-site .hero{padding-top:78px;padding-bottom:30px;text-align:left}.hero-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:48px;align-items:center}.hero-copy{min-width:0}.public-site .pill-badge{border:0;background:transparent;padding:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.pill-badge::before{content:'';width:7px;height:7px;background:var(--brand);border-radius:50%}.public-site .hero h1{font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 24px;font-weight:750}.public-site .gradient-text{background:none;-webkit-text-fill-color:var(--brand);color:var(--brand)}.public-site .hero p{font-size:1rem;line-height:1.8;margin:0 0 26px}.public-site .hero-actions{justify-content:flex-start;gap:10px;margin:0 0 18px}.public-site .btn-lg{padding:12px 18px;font-size:.88rem}.hero-note{font-size:.75rem;color:var(--muted)}.hero-preview{min-width:0;position:relative;padding:24px 0}.preview-label{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.public-site .showcase-box{padding:10px;border-radius:14px;box-shadow:0 25px 70px #173e4a18}.public-site .showcase-tabs{justify-content:flex-start;gap:4px;margin-bottom:8px}.public-site .tab-btn{padding:8px 10px;font-size:.72rem;border-radius:7px}.public-site .showcase-img-wrap{border-radius:8px}.preview-caption{margin-top:18px;display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted)}.preview-caption b{color:var(--heading)}.preview-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--brand-soft);border-radius:10px;color:var(--brand)}.public-site .metrics{margin:64px 0 0;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.public-site .metric-card{padding:26px 22px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left}.public-site .metric-card+.metric-card{border-left:1px solid var(--line)}.public-site .metric-num{font-size:1.35rem;color:var(--heading);letter-spacing:-.03em}.public-site .metric-desc{font-size:.8rem;line-height:1.6}.public-site section{padding-top:72px;padding-bottom:40px}.public-site .sec-head{text-align:left;margin:0 0 32px;max-width:750px}.public-site .sec-tag{font-size:.72rem;letter-spacing:.14em}.public-site .sec-head h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.04em}.public-site .sec-head p{font-size:.95rem}.public-site .features-grid{gap:16px}.public-site .feat-card{border-radius:12px;padding:26px;box-shadow:none}.public-site .feat-icon{background:var(--panel2);border:0;font-size:18px;width:40px;height:40px}.public-site .feat-card h3{font-size:1.06rem}.public-site .feat-card p{font-size:.88rem;line-height:1.8}.public-site .roadmap-grid{gap:14px}.public-site .rm-card{border-radius:12px;padding:22px;box-shadow:none}.public-site .rm-card h4{font-size:1rem}.public-site .rm-card p,.public-site .rm-card ul{font-size:.85rem}.public-site #workflow .rm-card{background:transparent;border:0;border-top:2px solid var(--brand-border);border-radius:0;padding-left:0}.public-site #roadmap .sec-head h2{font-size:1.8rem}.public-site .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.public-site .price-card{border-radius:12px;padding:26px;box-shadow:none}.public-site .price-card.popular{background:var(--brand-soft)}.public-site .price-amount{font-size:2rem;letter-spacing:-.05em}.public-site .price-features{font-size:.85rem}.public-site #lookup>.showcase-box{max-width:none!important;box-shadow:none;padding:32px!important}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:10px;padding:18px 22px;background:var(--panel)}.faq-list summary{cursor:pointer;font-weight:600;color:var(--heading)}.faq-list p{font-size:.9rem;color:var(--muted);margin-top:12px}.public-site .modal-card{border-radius:18px;max-height:90dvh;overflow-y:auto}.close-btn{min-width:44px;min-height:44px}.public-site footer{margin-top:60px}#lookupResultBox{overflow-wrap:anywhere}
/* Management console */
.admin-site #adminApp>header{position:fixed;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:28px 18px;gap:34px;border-right:1px solid var(--line);border-bottom:0;box-shadow:none;overflow-y:auto}.admin-site header .brand{font-size:1rem;gap:12px;white-space:normal}.admin-site .brand-badge{background:var(--brand);flex-shrink:0}.brand-sub{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-weight:500}.admin-site .nav-tabs{flex-direction:column;gap:7px}.admin-site .nav-tabs::before{content:'WORKSPACE';font-size:.66rem;color:var(--muted);letter-spacing:.16em;padding:0 14px 10px}.admin-site .nav-tab{text-align:left;padding:12px;font-size:.85rem;min-height:44px}.admin-site .nav-tab.active{border-color:transparent}.nav-number{font-size:.7rem;margin-right:12px;opacity:.6}.admin-site header .admin-account{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.admin-site header .admin-account .btn{font-size:.77rem}.admin-site #adminApp>.container{max-width:none;margin-left:244px;padding:36px;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.workspace-heading h1{font-size:1.9rem;letter-spacing:-.04em;color:var(--heading);font-weight:700;margin:6px 0}.workspace-heading p{font-size:.87rem;color:var(--muted)}.workspace-tag{border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:.73rem;color:var(--muted);white-space:nowrap}.admin-site .stats-grid{gap:12px;margin-bottom:28px}.admin-site .stat-card{padding:20px 18px;border-radius:10px;box-shadow:none}.admin-site .stat-label{font-size:.72rem;text-transform:none;letter-spacing:0;font-weight:500}.admin-site .stat-value{font-size:1.7rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:10px}.admin-site .main-grid{grid-template-columns:300px minmax(0,1fr);gap:20px}.admin-site .main-grid>.card{min-width:0}.admin-site .card{padding:22px;border-radius:12px;box-shadow:none}.admin-site .card-title{font-size:.96rem;padding-bottom:16px;border-bottom:1px solid var(--line)}.admin-site .field{margin-bottom:16px}.admin-site .input,.admin-site select,.admin-site textarea{font-size:.85rem;background:var(--panel);padding:10px 12px}.admin-site th{font-size:.68rem;background:var(--panel2);white-space:nowrap;padding:12px;text-transform:uppercase;letter-spacing:.04em}.admin-site td{padding:16px 12px;font-size:.8rem}.admin-site tbody tr:hover{background:var(--panel2)}.admin-site .badge{font-size:.7rem}.admin-site .two-col{gap:22px}.admin-site .login-wrap{gap:8vw;padding:60px;min-height:100dvh;background:var(--bg)}.login-intro{max-width:440px}.login-intro h1{font-size:3.4rem;line-height:1.1;letter-spacing:-.05em;color:var(--heading);margin:24px 0}.login-intro h1 span{color:var(--brand)}.login-intro p{color:var(--muted);font-size:1rem;line-height:1.8}.login-intro .login-detail{margin-top:36px;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem}.admin-site .login-card{max-width:440px;border-radius:18px;padding:32px;box-shadow:0 24px 80px #172b3910}.admin-site .login-card>div:first-child{flex-wrap:wrap}.admin-site .toast{max-width:calc(100vw - 32px)}
@media(min-width:1450px){.admin-site .main-grid{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:1200px){.public-site .nav-links{gap:14px}.public-site .btn-hide-mobile{display:none}.hero-grid{gap:28px}.admin-site .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-site .main-grid{grid-template-columns:1fr}.admin-site .main-grid>.card:first-child form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.admin-site .main-grid>.card:first-child form>button{align-self:end;margin-bottom:16px}.admin-site .two-col{grid-template-columns:1fr}}
@media(max-width:960px){.public-site .container{padding-left:24px;padding-right:24px}.hero-grid{grid-template-columns:1fr}.public-site .hero{padding-top:48px}.public-site .hero h1{max-width:650px;font-size:3.4rem}.hero-preview{padding-top:4px}.public-site .hero p{max-width:620px}.public-site .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--panel);padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.public-site .nav-links.is-open{display:flex}.menu-toggle{display:inline-flex}.public-site .features-grid{grid-template-columns:repeat(2,1fr)}.public-site .roadmap-grid{grid-template-columns:repeat(2,1fr)}.admin-site #adminApp>header{position:sticky;inset:auto;top:0;width:100%;padding:14px 20px;gap:14px}.admin-site .nav-tabs{flex-direction:row;overflow-x:auto;flex-wrap:nowrap}.admin-site .nav-tabs::before{display:none}.admin-site .nav-tab{white-space:nowrap}.admin-site header .admin-account{margin:0;padding:0;border:0}.admin-site #adminApp>.container{margin:0;padding:24px}.admin-site .login-wrap{padding:32px;gap:36px}.login-intro h1{font-size:2.5rem}.workspace-tag{display:none}}
@media(max-width:600px){.public-site .container{padding-left:20px;padding-right:20px}.public-site .brand{font-size:.9rem;gap:8px}.public-site .brand img{width:30px;height:30px}.public-site .nav-actions>.btn-primary{display:none}.public-site .nav-inner{gap:6px;min-height:68px}.public-site .hero h1{font-size:2.7rem}.public-site .hero-actions .btn{width:100%}.public-site .metrics{grid-template-columns:1fr 1fr;margin-top:28px}.public-site .metric-card{padding:18px 12px}.public-site .metric-card:nth-child(3){border-left:0}.public-site .metric-card:nth-child(n+3){border-top:1px solid var(--line)}.public-site .features-grid,.public-site .roadmap-grid,.faq-list{grid-template-columns:1fr}.public-site section{padding-top:48px}.public-site .sec-head{margin-bottom:24px}.public-site .showcase-tabs{flex-wrap:nowrap;overflow-x:auto}.public-site .tab-btn{white-space:nowrap}.public-site .form-two-col{grid-template-columns:1fr!important}.public-site .modal-card{padding:26px 20px}.admin-site .stats-grid{grid-template-columns:1fr 1fr}.admin-site .stat-card:last-child{grid-column:1/-1}.admin-site #adminApp>.container{padding:20px 14px}.admin-site .main-grid>.card:first-child form{display:block}.admin-site .card{padding:16px}.admin-site #searchBox{width:100%!important}.admin-site .login-wrap{flex-direction:column;padding:28px 20px;align-items:stretch}.login-intro{max-width:440px;margin:auto}.login-intro h1{font-size:2.2rem;margin:12px 0}.login-intro .login-detail{display:none}.admin-site .login-card{margin:auto;padding:24px}.workspace-heading h1{font-size:1.6rem}.admin-site .nav-number{display:none}.preview-label{font-size:.6rem}.admin-site .plan-grid-row{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:960px){.admin-site #adminApp>header{position:relative}}

/* Keep identifiers and row actions readable; wide tables scroll within their card. */
.admin-site table{min-width:1100px}.admin-site td:first-child{min-width:220px}.admin-site td:first-child .mono{white-space:nowrap}.admin-site td:last-child{min-width:240px}.admin-site td:last-child .btn{font-size:.75rem;padding:7px 10px;min-height:34px}.table-hint{font-size:.75rem;color:var(--muted);margin-bottom:12px}

/* Landing refinements: two-line hero and consistent section rhythm. */
.public-site .hero-grid{grid-template-columns:1fr;gap:48px;text-align:center}
.public-site .hero-copy{max-width:100%;margin:auto}
.public-site .hero h1{max-width:none;font-size:clamp(1.45rem,4.1vw,3.6rem);letter-spacing:-.04em}
.public-site .hero-line{display:block;white-space:nowrap}
.public-site .hero p{max-width:760px;margin:0 auto 26px}
.public-site .hero-actions{justify-content:center}
.public-site .hero-preview{width:100%;max-width:1100px;margin:auto;padding:0;text-align:left}
.public-site .hero{padding-top:64px;padding-bottom:40px}
.public-site section{padding-top:40px;padding-bottom:40px}
.public-site .nav-links{display:flex}
.public-site .hero-actions [aria-disabled=true]{opacity:.6;cursor:not-allowed;background:var(--panel2)}
.public-site #heroDownloadExtension{flex-basis:100%;width:auto;min-height:auto;border:0;background:none;padding:4px;box-shadow:none;font-size:.8rem;color:var(--muted)}
@media(max-width:960px){.public-site .nav-inner{flex-wrap:wrap}.public-site .nav-links{position:static;order:3;flex-basis:100%;flex-direction:row;justify-content:center;padding:8px 0 0;border:0;background:none;gap:20px}.public-site .hero h1{font-size:clamp(1.45rem,4.8vw,3rem)}}
@media(max-width:600px){.public-site .hero{padding-top:40px;padding-bottom:28px}.public-site section{padding-top:28px;padding-bottom:28px}.public-site .hero-grid{gap:32px}.public-site .nav-links{font-size:.75rem;gap:16px}.public-site .hero h1{font-size:clamp(1.2rem,5.8vw,2.1rem)}.public-site #heroDownloadExtension{width:auto}.public-site .hero-actions .btn{width:auto;flex:1 1 140px}}
/* Premium sun/moon switch: stable dimensions in every navigation context. */
body .btn.premium-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:74px;min-width:74px;height:42px;min-height:42px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);box-shadow:inset 0 1px 3px #102a3210;font-size:0;flex-shrink:0;cursor:pointer;transition:border-color .2s,box-shadow .2s}
body .premium-theme-toggle::before{content:none!important}
body .premium-theme-toggle:hover{transform:none;border-color:var(--brand-border);background:var(--panel2);box-shadow:0 0 0 4px var(--brand-soft)}
.theme-track{position:relative;display:block;width:64px;height:32px}
.theme-thumb{position:absolute;inset:0 auto 0 0;width:32px;border-radius:50%;background:var(--panel);box-shadow:0 2px 6px #102a3226,inset 0 0 0 1px #ffffff30;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s}
.theme-track svg{position:absolute;top:7px;width:18px;height:18px;z-index:1;transition:color .3s,transform .4s,opacity .3s;pointer-events:none}
.theme-sun{left:7px;color:#a56714}.theme-moon{right:7px;color:var(--muted);opacity:.55}
[data-theme=dark] .theme-thumb{transform:translateX(32px);background:#344c60;box-shadow:0 2px 8px #0005,inset 0 1px 0 #ffffff20}
[data-theme=dark] .theme-sun{color:var(--muted);opacity:.55;transform:rotate(45deg)}
[data-theme=dark] .theme-moon{color:#d5e5ff;opacity:1;transform:rotate(-12deg)}
/* Only the dark snapshot is clipped: expand new dark, contract old dark. */
html.theme-changing *,html.theme-changing *::before,html.theme-changing *::after{transition:none!important}
html.theme-changing::view-transition-group(root){animation:none}
html.theme-changing::view-transition-old(root),html.theme-changing::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-theme-direction=expand]::view-transition-old(root){z-index:1}
html[data-theme-direction=expand]::view-transition-new(root){z-index:2}
html[data-theme-direction=contract]::view-transition-old(root){z-index:2}
html[data-theme-direction=contract]::view-transition-new(root){z-index:1}
@media(prefers-reduced-motion:reduce){.theme-thumb,.theme-track svg{transition:none}}
/* Contact QR codes retain a white quiet zone in both themes. */
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.support-card{display:flex;align-items:center;gap:24px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0}
.support-card img{width:180px;height:180px;flex-shrink:0;background:#fff;border-radius:10px}
.support-card h3{font-size:1.25rem;color:var(--heading);margin-bottom:10px}
.support-card p{color:var(--muted);font-size:.9rem;line-height:1.7;margin-bottom:18px}
.public-site .nav-links{flex-wrap:wrap}
@media(max-width:1200px){.support-card{flex-direction:column;align-items:flex-start}.support-card img{align-self:center}}
@media(max-width:600px){.support-grid{grid-template-columns:1fr}.support-card{padding:24px;align-items:center;text-align:center}#support{scroll-margin-top:160px}}
/* Snapshot overlays must not swallow repeated mouse/touch input. */
html.theme-changing::view-transition{pointer-events:none}
html.theme-changing::view-transition-group(root),html.theme-changing::view-transition-image-pair(root),html.theme-changing::view-transition-old(root),html.theme-changing::view-transition-new(root){pointer-events:none}
/* Hide the new dark snapshot from its very first frame, before WAAPI starts. */
html[data-theme-direction=expand]::view-transition-new(root){clip-path:var(--theme-reveal-start)}