*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper,#ffffff);color:var(--ink,#111827);font:16px/1.8 var(--body,sans-serif)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-family:var(--heading,sans-serif)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}button{cursor:pointer}img,svg{max-width:100%}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:19px}.site-header{border-bottom:1px solid var(--line,#e5e7eb);background:var(--paper);position:sticky;top:0;z-index:15}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;gap:10px;align-items:center;font:700 27px/1 var(--heading);letter-spacing:-1px}.brand img{max-height:44px;width:auto;max-width:200px;object-fit:contain}.brand-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;background:var(--ink);color:var(--secondary,#10b981);font-size:26px}.desktop-nav{display:flex;align-items:center;gap:26px;font-size:13px}.desktop-nav a.active{color:var(--accent)}.nav-cta{padding:10px 17px;border:1px solid var(--ink);border-radius:4px}.lang{font-size:11px;border-left:1px solid var(--line,#e5e7eb);padding-left:20px}.mobile-menu{display:none}.hero{padding:90px 0 88px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.hero h1{font-size:clamp(35px,4.1vw,57px);letter-spacing:-1.5px;line-height:1.28;overflow-wrap:anywhere}.hero .lede{font-size:17px;line-height:1.95;color:var(--muted,#6b7280);max-width:580px;margin:26px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:49px;padding:13px 23px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:5px;font-size:13px;font-weight:600}.button.outline{background:transparent;color:var(--ink);border-color:var(--line,#e5e7eb)}.button:hover{transform:translateY(-2px);transition:transform .15s}.hero-tags{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted,#6b7280);margin-top:25px}.hero-tags span:before{content:'↗';color:var(--accent);margin-right:7px}.hero-art{position:relative;min-height:460px;display:grid;align-content:center}.art-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted,#6b7280);margin-bottom:17px}.brandboard{position:relative;background:var(--mist,#f9fafb);padding:34px 27px;border:1px solid var(--line,#e5e7eb);border-radius:5px}.board-window{background:var(--mist,#f9fafb);border:1px solid var(--line,#e5e7eb);box-shadow:0 12px 35px #1118270e;transform:rotate(-3deg);padding:24px;width:94%;min-height:240px}.window-nav{display:flex;justify-content:space-between;gap:10px;font-size:8px;margin-bottom:27px}.window-word{font-weight:700;font-family:var(--heading);font-size:15px}.window-headline{font:700 27px/1.3 var(--heading);letter-spacing:-.8px;max-width:240px;overflow-wrap:anywhere}.window-caption{font-size:8px;color:var(--muted,#6b7280);margin:15px 0}.window-button{background:var(--accent);color:white;font-size:8px;display:inline-block;padding:7px 12px}.board-card{position:absolute;right:14px;bottom:-27px;background:var(--ink);color:white;transform:rotate(7deg);width:42%;min-height:225px;padding:21px;border:6px solid var(--paper)}.board-card small{font-size:8px}.board-card strong{display:block;font:700 26px/1.1 var(--heading);letter-spacing:-1px;margin:29px 0 26px}.board-card span{font-size:8px;color:var(--on-dark,#d1d5db)}.board-colors{display:flex;align-items:center;gap:8px;margin-top:34px;font-size:9px;color:var(--muted,#6b7280)}.board-colors i{display:block;height:22px;width:22px;border-radius:50%;border:1px solid var(--line,#e5e7eb)}.board-colors .ink{background:var(--ink)}.board-colors .accent{background:var(--accent)}.board-colors .paper{background:var(--paper)}.work-note{font-size:10px;color:var(--muted,#6b7280);margin-top:32px}.intro-band{padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line,#e5e7eb);border-bottom:1px solid var(--line,#e5e7eb)}.intro-band span{font-size:13px}.intro-band strong{font-family:var(--heading);font-size:17px}.section{padding:85px 0;border-bottom:1px solid var(--line,#e5e7eb)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}.section h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px}.section-head p{color:var(--muted,#6b7280);font-size:14px;max-width:510px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature{background:var(--mist,#f9fafb);border:1px solid var(--line,#e5e7eb);border-radius:5px;padding:31px;position:relative}.feature-index{font:11px var(--heading);color:var(--muted,#6b7280);margin-bottom:37px;display:block}.feature h3{font-size:22px;letter-spacing:-.6px;margin-bottom:15px}.feature p{font-size:14px;color:var(--muted,#6b7280);max-width:40em}.feature-arrow{position:absolute;right:30px;top:26px;font-size:27px;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;margin:0;padding:0}.step{border-top:2px solid var(--line,#e5e7eb);padding-top:23px}.step h3{font-size:17px;margin-bottom:13px}.step p{font-size:13px;color:var(--muted,#6b7280)}.case-panel{display:grid;grid-template-columns:1fr 1fr;gap:46px;background:var(--ink);color:var(--paper);padding:45px;border-radius:5px}.case-panel h2{font-size:37px;margin-bottom:20px}.case-panel p{color:var(--on-dark,#d1d5db);font-size:14px}.case-panel .eyebrow{color:var(--highlight,#10b981)}.case-panel .button{border-color:var(--on-dark,#d1d5db);color:var(--paper)}.case-points{display:grid;gap:14px;align-content:center}.case-points div{border-bottom:1px solid #ffffff24;padding-bottom:15px}.case-points strong{display:block;font-size:15px}.case-points p{font-size:12px;margin-top:5px}.faq-list{display:grid;gap:0}.faq-list details{border-top:1px solid var(--line,#e5e7eb);padding:22px 0}.faq-list summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq-list summary:after{content:'+';font-size:22px;color:var(--accent)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin-top:14px;color:var(--muted,#6b7280);font-size:14px;max-width:800px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:85px 0}.contact-section h2{font-size:clamp(30px,4vw,45px);letter-spacing:-1px;line-height:1.4}.contact-section p{font-size:14px;color:var(--muted,#6b7280);margin-top:20px}.inquiry-form{display:grid;gap:17px}.inquiry-form label{display:block;font-size:13px}.inquiry-form input,.inquiry-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line,#e5e7eb);background:var(--mist,#f9fafb);padding:13px;border-radius:4px;color:var(--ink)}.inquiry-form textarea{min-height:130px;resize:vertical}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inquiry-form .consent{display:flex;gap:9px;align-items:start;font-size:11px;color:var(--muted,#6b7280)}.consent input{width:16px;height:16px;margin:4px 0 0;accent-color:var(--accent);flex-shrink:0}.consent a{text-decoration:underline}.inquiry-form [role=status]{font-size:12px;line-height:1.8;min-height:24px;margin:0}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{border-top:1px solid var(--line,#e5e7eb);padding:42px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:45px;align-items:start}.footer-brand p{font-size:12px;color:var(--muted,#6b7280);max-width:280px;margin-top:18px}.footer-links{display:flex;gap:34px;flex-wrap:wrap;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:38px;border-top:1px solid var(--line,#e5e7eb);padding-top:18px;color:var(--muted,#6b7280);font-size:10px}.prose{max-width:820px;padding:65px 0;border-bottom:1px solid var(--line,#e5e7eb)}.prose h2{font-size:30px;margin-bottom:23px}.prose p{font-size:16px;color:var(--muted,#6b7280);line-height:1.95}.custom-page{padding:60px 0;overflow-wrap:anywhere}.custom-page h2,.custom-page h3,.custom-page p{margin-bottom:18px}.custom-page table{border-collapse:collapse;width:100%}.custom-page td,.custom-page th{border:1px solid var(--line,#e5e7eb);padding:12px}.custom-page a{color:var(--accent);text-decoration:underline}.preview-ribbon{background:var(--ink,#111827);color:white;font-size:11px;text-align:center;padding:9px}.landing .hero{padding-top:70px}.landing .header-inner{min-height:72px}.landing .desktop-nav a:not(.nav-cta):not(.lang){display:none}.empty{padding:80px 0}.email-link{margin-top:25px;display:block;font-size:14px;text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:15px}.hero{gap:30px;padding-top:65px}.hero h1{font-size:39px}.board-card{width:47%;min-height:190px}.board-card strong{font-size:23px}.steps{grid-template-columns:1fr 1fr}.case-panel{gap:30px;padding:32px}.contact-section{gap:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:74px}.brand{font-size:24px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line,#e5e7eb);padding:8px 12px;font-size:12px}.mobile-menu nav{position:absolute;left:0;right:0;top:74px;background:var(--paper);padding:20px;border-bottom:1px solid var(--line,#e5e7eb);display:grid;gap:15px;font-size:14px}.hero{grid-template-columns:1fr;padding:47px 0 60px;gap:34px}.hero h1{font-size:clamp(32px,8.5vw,43px);letter-spacing:-1px}.hero .lede{font-size:15px;margin:20px 0}.hero-art{min-height:365px}.brandboard{padding:24px 19px}.board-window{min-height:200px;padding:20px}.window-headline{font-size:23px;max-width:230px}.board-card{width:43%;min-height:185px;bottom:-20px;padding:16px}.board-card strong{font-size:23px;margin:23px 0}.hero-tags{gap:13px;font-size:10px}.intro-band{align-items:start;flex-direction:column;gap:7px}.intro-band span{font-size:11px}.intro-band strong{font-size:15px}.section{padding:52px 0}.section-head{grid-template-columns:1fr;gap:19px;margin-bottom:27px}.section-head h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.feature{padding:25px}.feature-index{margin-bottom:24px}.steps{gap:22px}.step h3{font-size:16px}.case-panel{grid-template-columns:1fr;padding:26px;gap:29px}.case-panel h2{font-size:30px}.contact-section{grid-template-columns:1fr;padding:54px 0;gap:30px}.form-fields{grid-template-columns:1fr}.contact-section h2{font-size:33px}.footer-main{flex-direction:column;gap:30px}.footer-bottom{flex-direction:column;gap:8px;margin-top:27px}.footer-links{gap:20px}.button{padding:12px 18px;font-size:12px;min-height:46px}.prose{padding:43px 0}.prose h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}

/* Mingxi connected-horizons palette: color for identity, action for legible UI. */
.eyebrow,.desktop-nav a.active,.custom-page a{color:var(--action,var(--accent))}.button{background:var(--action,var(--ink));border-color:var(--action,var(--ink));color:#fff}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.nav-cta{border-color:var(--action);color:var(--action)}.window-button{background:var(--action,var(--accent))}.case-panel .button.outline{background:transparent;color:#fff;border-color:#6b7280}.board-colors i{border-color:var(--line)}.board-colors .secondary{background:var(--secondary)}
[data-brand-direction="mingxi"] .brand-mark{background:linear-gradient(135deg,var(--accent),var(--secondary));color:#fff}[data-brand-direction="mingxi"] .brandboard{background:linear-gradient(135deg,#eaf3ff,#ecfdf5);border-color:#dbeafe}[data-brand-direction="mingxi"] .board-card{border-top:6px solid var(--secondary);border-right-color:#fff;border-left-color:#fff;border-bottom-color:#fff}[data-brand-direction="mingxi"] .feature-arrow{color:var(--secondary)}[data-brand-direction="mingxi"] .step{border-top-color:var(--secondary)}[data-brand-direction="mingxi"] .case-panel{border-top:4px solid var(--secondary)}

/* Native language menus retain the equivalent page across locales. */
.language-menu{position:relative;font-size:12px;flex-shrink:0}.language-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:4px}.language-menu summary::-webkit-details-marker{display:none}.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:5px;box-shadow:0 10px 30px #11182712;display:grid;gap:2px;z-index:30}.desktop-nav .language-options a{display:block;padding:9px 12px;white-space:nowrap}.lang[aria-current=page]{color:var(--action);font-weight:700}.language-options a:hover,.language-options a:focus-visible{background:var(--mist)}.footer-links{max-width:680px}.footer-languages{flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px 22px}.mobile-languages{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid var(--line);padding-top:16px}.header-inner{gap:20px}.hero h1,.hero .lede,.feature,.step,.section-head,.contact-section,.footer-brand{min-width:0;overflow-wrap:anywhere}html:lang(vi) .hero h1{letter-spacing:-1px;line-height:1.35}html:lang(ja) .hero h1{letter-spacing:-.5px}html:lang(vi) .board-card strong{font-size:21px;letter-spacing:0}html:lang(ja) .board-card strong,html:lang(zh-Hant) .board-card strong{letter-spacing:0}html:lang(ja) .prose p{line-height:2}
@media(min-width:701px) and (max-width:1100px){.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:8px 12px;font-size:12px}.mobile-menu nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line);display:grid;gap:15px;font-size:14px}}
