/* The supplied 851 × 1849 design is the frontend layout specification. */
.reference-site{--content-width:89.6%;--content-max:1440px;--ink:#15222c;--muted:#828585;--orange:#d97757;--orange-dark:#c46243;--paper:#faf9f5;--line:#e4e2de;--sans:'K9 Source Sans',Arial,'Noto Sans CJK SC','Microsoft YaHei',sans-serif;--serif:'K9 Source Serif','Noto Serif CJK SC','Songti SC',serif;background:var(--paper);font-family:var(--sans)}
.reference-site .wrap{width:var(--content-width);max-width:var(--content-max)}.reference-site .site-header{height:clamp(55px,6.58vw,96px);border:0;background:#faf9f5ef;box-shadow:none}.reference-site .header-inner{gap:clamp(18px,2.3vw,36px)}.reference-site .logo-reference{display:inline-flex;gap:0;align-items:baseline;letter-spacing:-1.3px;font-family:Arial,var(--sans);font-size:clamp(22px,2.6vw,38px);font-weight:800}.reference-site .logo-reference .global{color:var(--orange);font:inherit;letter-spacing:-1.3px}.reference-site .desktop-nav{display:flex;position:absolute;left:24%;gap:clamp(20px,3.4vw,49px);margin-left:0}.reference-site .nav-entry>summary,.reference-site .nav-link{font-size:clamp(8px,.97vw,14px);font-weight:500;padding:14px 0}.reference-site .nav-entry>summary>.icon{display:none}.reference-site .header-actions{margin-left:auto;gap:clamp(13px,2.05vw,30px);font-size:clamp(8px,.95vw,14px)}.reference-site .header-actions .member-label{display:inline}.reference-site .header-divider{display:block;height:clamp(12px,1.5vw,22px)}.reference-site .language-trigger{font-size:inherit;gap:5px}.reference-site .language-trigger>.icon:first-child{display:none}.reference-site .language-trigger>.icon:last-child{display:block;width:10px;height:10px}.reference-site .header-actions .btn{min-width:8.23vw;min-height:clamp(28px,3.3vw,48px);font-size:clamp(8px,.94vw,14px);padding:5px clamp(15px,1.8vw,26px);border-radius:4px;gap:0}.reference-site .header-actions .btn .icon{display:none}.reference-site .mobile-toggle{display:none}.reference-site .eyebrow{display:block;color:var(--orange);font-family:Arial,var(--sans);font-size:clamp(7px,.77vw,11px);letter-spacing:clamp(1.6px,.25vw,3.6px);font-weight:500;line-height:1.5}.reference-site .eyebrow:before{display:none}.reference-site .nav-dropdown{top:40px;left:-15px;min-width:200px;border-color:#e6dfd7}.reference-site .nav-dropdown a{font-size:12px}.reference-site .language-pop a{font-size:12px}.reference-site .hero{overflow:hidden}.reference-site .hero-inner{display:block;min-height:0;height:clamp(350px,41.13vw,660px)}.reference-site .hero-copy{position:relative;left:.3vw;width:47%;padding:clamp(47px,5.65vw,88px) 0 0;z-index:2}.reference-site .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(36px,4.7vw,72px);line-height:1.24;letter-spacing:-.8px;margin:clamp(11px,1.3vw,20px) 0 clamp(14px,1.65vw,25px);color:#14212b;white-space:pre-line}.reference-site .hero-desc{font-family:var(--sans);font-size:clamp(12px,1.7vw,25px);font-weight:400;line-height:1.65;color:#7d8282;max-width:none;white-space:pre-line}.reference-site .hero-buttons{gap:clamp(25px,3.4vw,49px);margin-top:clamp(12px,1.5vw,23px);flex-wrap:nowrap}.reference-site .hero-buttons .btn{font-size:clamp(11px,1.3vw,19px);min-height:clamp(33px,3.8vw,55px);padding:clamp(6px,.7vw,10px) clamp(19px,2.2vw,32px);gap:clamp(12px,1.7vw,25px);border-radius:4px;font-weight:500;white-space:nowrap}.reference-site .hero-buttons .btn .icon{width:clamp(13px,1.6vw,22px);height:clamp(13px,1.6vw,22px)}.reference-site .hero-buttons .btn-text{padding:8px 0;border:0;border-bottom:2px solid #dfa995;border-radius:0;gap:18px;min-height:0;font-size:clamp(10px,1.18vw,17px);font-weight:600}.reference-site .hero-art{position:absolute;right:-5.2vw;top:0;width:59.46vw;max-width:950px;height:100%;margin:0;display:block;isolation:auto;z-index:0;overflow:visible}.reference-site .hero-art:before{display:none}.reference-hero-image{display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 11%);animation:reference-arrive 900ms ease both}.reference-site .btn{transition:background 180ms,box-shadow 180ms,transform 180ms}.reference-site .btn-primary:hover{transform:translateY(-2px);background:var(--orange-dark);box-shadow:0 5px 12px #b95e411e}.reference-site .reference-section-title{text-align:center;display:block;margin:0}.reference-section-title h2{font-family:var(--serif);font-weight:700;font-size:clamp(27px,3.3vw,51px);letter-spacing:-.4px;line-height:1.35;margin:clamp(12px,1.45vw,22px) 0 clamp(10px,1.2vw,18px);color:#14212b}.reference-section-title>p{font-family:var(--sans);font-size:clamp(11px,1.45vw,21px);line-height:1.65;color:#949696;font-weight:400;max-width:none}.reference-site .trust-section{padding:clamp(34px,4vw,63px) 0 0;border:0;background:none}.reference-site .trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2.05vw,30px);border:0;border-radius:0;overflow:visible;margin-top:clamp(22px,2.7vw,41px)}.reference-site .trust-card{position:relative;display:block;min-height:clamp(137px,16.1vw,250px);border:0!important;border-radius:7px;padding:0;overflow:hidden;color:#fff;background:#06141b;box-shadow:none;transition:transform 240ms,box-shadow 240ms}.reference-site .trust-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #111e241c}.flag-photo{position:absolute;inset:0;background-image:var(--flag);background-position:center top;background-size:100% auto;background-repeat:no-repeat;transition:transform 500ms;mask-image:linear-gradient(#000 0%,#000 28%,transparent 92%)}.reference-site .trust-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#08151c50 48%,#06131ced 100%);pointer-events:none}.reference-site .trust-card:hover .flag-photo{transform:scale(1.035)}.regulation-card-copy{position:relative;z-index:2;padding:clamp(60px,8.1vw,123px) clamp(12px,1.65vw,24px) 5px}.regulation-authority{font-family:Arial,var(--sans);font-size:clamp(15px,2.15vw,31px);line-height:1.3;font-weight:400;letter-spacing:.2px}.reference-site .trust-card h3{font-size:clamp(12px,1.6vw,23px);font-weight:500;margin-top:3px;line-height:1.4}.reference-site .trust-card p{font-size:clamp(8px,1.02vw,15px);line-height:1.5;margin-top:4px;color:#e3e6e4}.reference-site .trust-card>.icon{display:none}.regulation-footnote{text-align:center;font-size:clamp(9px,1.1vw,16px);line-height:1.6;margin-top:clamp(17px,2.05vw,30px);color:#a7aaa8}.reference-site .reference-advantages{padding:clamp(56px,6.7vw,102px) 0 0}.reference-site .principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(15px,1.85vw,28px);margin-top:clamp(21px,2.65vw,40px);padding:0}.reference-site .principle{display:block;padding:clamp(20px,2.35vw,36px) clamp(20px,2.7vw,41px);border:1px solid #e1dfdb;border-radius:6px;min-height:clamp(185px,22.1vw,330px);position:relative;background:transparent;transition:transform 220ms,border-color 220ms,box-shadow 220ms}.reference-site .principle:hover{transform:translateY(-4px);border-color:#d6a58e;box-shadow:0 8px 23px #4e34230a}.reference-site .principle .icon{position:static;width:clamp(35px,4.6vw,69px);height:clamp(35px,4.6vw,69px);color:var(--orange);stroke-width:1.4;margin:0 0 clamp(18px,2.1vw,32px)}.reference-site .principle h3{font-family:var(--serif);font-size:clamp(15px,1.9vw,28px);font-weight:700;line-height:1.4;margin:0 0 clamp(10px,1.2vw,18px);white-space:nowrap}.reference-site .principle p{font-family:var(--sans);font-size:clamp(11px,1.5vw,22px);line-height:1.6;color:#8b8f8e;white-space:pre-line}.reference-site .reference-products{padding:clamp(69px,8.6vw,130px) 0 clamp(70px,8.6vw,130px);background:none}.product-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(15px,1.85vw,28px);margin-top:clamp(26px,3.2vw,48px)}.product-card{display:block;border:1px solid #e4e1dc;border-radius:7px;overflow:hidden;transition:transform 220ms,box-shadow 220ms,border-color 220ms}.product-card:hover{transform:translateY(-5px);border-color:#d7baa8;box-shadow:0 12px 25px #503d2b0c}.product-card-image{aspect-ratio:179/109;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 550ms ease}.product-card:hover .product-card-image img{transform:scale(1.045)}.product-card-copy{padding:clamp(13px,1.75vw,26px) clamp(14px,1.85vw,28px) clamp(16px,1.9vw,29px)}.product-card h3{font-size:clamp(14px,1.7vw,26px);font-weight:500;margin:0 0 8px;line-height:1.4}.product-card p{font-size:clamp(9px,1.12vw,17px);font-weight:400;color:#939797;line-height:1.65;min-height:1.65em;white-space:nowrap}.product-card .round-arrow{width:clamp(24px,2.8vw,43px);height:clamp(24px,2.8vw,43px);border-color:#e2aa91;color:var(--orange);margin-top:clamp(16px,1.9vw,29px)}.product-card .round-arrow .icon{width:clamp(11px,1.3vw,19px);height:clamp(11px,1.3vw,19px)}.product-card:hover .round-arrow{background:var(--orange);border-color:var(--orange);color:white}.reference-site .site-footer{padding:clamp(24px,3vw,45px) 0 clamp(12px,1.8vw,27px);background:radial-gradient(ellipse at 15% 70%,#26303750,transparent 55%),#171f22;color:#d8dedf}.reference-site .footer-main{display:grid;grid-template-columns:2fr repeat(5,minmax(0,1fr));gap:clamp(17px,2.4vw,36px);padding:0 0 clamp(26px,3.5vw,53px)}.reference-site .footer-brand{border-right:1px solid #3e4648;padding-right:clamp(17px,2.6vw,39px);display:block;grid-row:auto;grid-column:auto}.reference-site .footer-brand .logo{font-size:clamp(26px,3.15vw,48px);letter-spacing:-1px}.reference-site .footer-brand .logo>span:first-child{color:#fff}.reference-site .footer-tagline{display:block;font-size:clamp(7px,.87vw,13px);color:#d1d5d5;white-space:nowrap;line-height:1.6;margin-top:4px}.reference-site .footer-brand p{font-size:clamp(8px,.98vw,15px);line-height:1.6;color:#c5cccd;white-space:pre-line;margin-top:clamp(10px,1.2vw,18px);max-width:none}.footer-socials{display:flex;align-items:center;gap:clamp(12px,1.9vw,28px);margin-top:clamp(13px,1.7vw,25px)}.footer-socials a{font-family:Arial,sans-serif;color:#d7dfe1;font-size:clamp(13px,1.6vw,24px);font-weight:700;line-height:1;transition:color 180ms,transform 180ms}.footer-socials a:hover{color:var(--orange);transform:translateY(-2px)}.reference-site .footer-group h2{font-size:clamp(8px,1vw,15px);font-weight:600;color:#e1e5e6;margin:3px 0 clamp(10px,1.3vw,20px);white-space:nowrap}.reference-site .footer-group a{font-size:clamp(8px,.97vw,14px);color:#a8b1b2;margin:clamp(4px,.5vw,8px) 0;line-height:1.65;white-space:nowrap}.reference-site .footer-group a:hover{color:#e1a58b}.footer-legal-area{border-top:1px solid #4c5253;padding-top:clamp(17px,2.3vw,35px)}.reference-site .footer-disclosures{border:0;border-left:1px solid #454d4f;padding:0 0 0 clamp(20px,3.25vw,49px);margin-left:26%;display:grid;gap:clamp(9px,1.2vw,18px)}.reference-site .disclosure{display:grid;grid-template-columns:clamp(44px,5.5vw,83px) 1fr;gap:clamp(6px,.8vw,12px);font-size:clamp(7px,.86vw,13px);line-height:1.6;color:#a9b0b1}.reference-site .disclosure strong{font-weight:600;color:#d8dfe0;font-size:inherit;white-space:nowrap}.reference-site .disclosure p{font-size:inherit;color:inherit;line-height:inherit}.footer-policy-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.3vw,35px);font-size:clamp(8px,.98vw,15px);color:#c6cdce;margin-top:clamp(12px,1.4vw,21px)}.footer-policy-links i{height:13px;width:1px;background:#535c5d}.footer-policy-links a:hover{color:#e0a188}.reference-site .footer-bottom{font-size:clamp(7px,.82vw,12px);margin:clamp(15px,1.8vw,27px) 0 0;padding:0;color:#9ba6a8;display:flex;gap:20px}.reference-site .footer-bottom .languages{margin-left:auto;width:auto;font-size:inherit;gap:clamp(12px,1.6vw,24px)}.reference-site .footer-bottom .languages a.active{color:#e6ae94}.reference-site .prototype-dock{left:auto;right:12px;transform:none;font-size:9px;opacity:.2;bottom:10px;padding:3px 7px 3px 10px;gap:6px;transition:opacity 180ms}.reference-site .prototype-dock:hover,.reference-site .prototype-dock:focus-within{opacity:1}.reference-site .prototype-dock .dock-label,.reference-site .prototype-dock>.dot{display:none}.reference-site .prototype-dock a{padding:5px 8px}.reference-site .inner-hero h1{font-family:var(--serif);font-weight:700}.reference-site .inner-hero .reference-brand-image{object-fit:contain;mix-blend-mode:multiply}.reference-site .article h2{font-family:var(--serif);font-weight:700}.reference-site .article .reference-trust{padding-top:30px}.reference-site .article .reference-trust .wrap{width:100%}.reference-site .article .reference-section-title h2{font-size:24px}.reference-site .article .reference-section-title>p{font-size:12px}.reference-site .article .trust-grid{gap:12px}.reference-site .article .trust-card{min-height:160px}.reference-site .article .regulation-card-copy{padding:60px 12px 15px}.reference-site .article .regulation-authority{font-size:16px}.reference-site .article .trust-card h3{font-size:13px}.reference-site .article .trust-card p{font-size:9px}.reference-site .reference-brand-image{object-fit:contain;mix-blend-mode:multiply;animation:none}.admin .mini-hero .reference-brand-image{width:270px;right:-15px;top:-30px;object-fit:contain}.admin .logo-reference{font-family:Arial,sans-serif;font-weight:800;gap:0}.admin .logo-reference .global{font:inherit;color:#d97757}.reference-site .cta-row{display:none}
/* Spacing calibrated at the source design width of 851 px. */
@media(min-width:801px){
 .reference-site .reference-advantages .reference-section-title h2,.reference-site .reference-products .reference-section-title h2{margin-bottom:.5vw}
 .reference-site .principle-grid{margin-top:2.15vw}
 .reference-site .principle p{font-size:clamp(11px,1.41vw,21px)}
 .reference-site .reference-products{padding-top:7.9vw}
 .product-card-grid{margin-top:2.25vw}
 .product-card-copy{padding-top:1.4vw;padding-bottom:1.4vw}
 .product-card h3{margin-bottom:6px}
 .product-card .round-arrow{margin-top:1.4vw}
 .reference-site .footer-main{grid-template-columns:2.25fr repeat(5,minmax(0,1fr));padding-bottom:2.7vw}
 .reference-site .footer-brand p{font-size:clamp(9px,1.06vw,16px)}
 .reference-site .footer-tagline{font-size:clamp(8px,.98vw,15px)}
 .reference-site .footer-group h2{font-size:clamp(9px,1.08vw,16px)}
 .reference-site .footer-group a{font-size:clamp(9px,1.06vw,16px)}
 .footer-legal-area{padding-top:1.8vw}
 .footer-policy-links{margin-top:1vw}
 .reference-site .footer-bottom{margin-top:1.2vw}
}
/* Non-Chinese copy wraps naturally instead of overflowing the reference cards. */
.reference-site:lang(en) .principle h3,.reference-site:lang(vi) .principle h3{white-space:normal;font-size:clamp(13px,1.5vw,23px)}
.reference-site:lang(en) .product-card p,.reference-site:lang(vi) .product-card p{white-space:normal;min-height:3.3em}
.reference-site:lang(en) .hero h1,.reference-site:lang(vi) .hero h1{font-size:clamp(30px,3.7vw,58px)}
.reference-site .nav-entry[open] .nav-dropdown{animation:reference-menu 160ms ease both}
@keyframes reference-menu{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes reference-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:801px) and (max-width:1000px){.reference-site .header-inner{gap:18px}.reference-site .desktop-nav{gap:clamp(20px,3.4vw,32px)}.reference-site .header-actions{gap:clamp(13px,2.05vw,20px)}.reference-site .header-actions .member-label{display:inline}.reference-site .language-trigger{font-size:8px}.reference-site .hero-desc{font-size:14px}.reference-site .hero-copy{width:47%}.reference-site .hero-buttons .btn{font-size:11px;gap:14px;height:33px;min-height:33px;padding:0 20px}.reference-site .hero-buttons .btn-text{font-size:10px;padding:8px 0}.reference-site .footer-main{gap:16px}.reference-site .footer-brand{grid-column:auto;grid-row:auto}.reference-site .principle{padding:20px}.reference-site .principle p{font-size:12px}.reference-site .principle h3{font-size:15px}.reference-site .product-card p{font-size:8.7px}}
@media(max-width:800px){.reference-site{--content-width:calc(100% - 40px)}.reference-site .wrap{width:var(--content-width)}.reference-site .site-header{height:70px}.reference-site .header-inner{gap:12px}.reference-site .logo-reference{font-size:25px;letter-spacing:-1px}.reference-site .desktop-nav{display:none}.reference-site .header-actions{margin-left:auto;gap:12px}.reference-site .header-actions .member-label,.reference-site .header-divider{display:none}.reference-site .header-actions .btn{min-width:8.23vw;min-height:34px;font-size:10px;padding:7px 13px}.reference-site .language-trigger{font-size:10px}.reference-site .mobile-toggle{display:grid;min-width:30px;min-height:36px;padding:3px}.reference-site .mobile-menu{inset:70px 0 0;padding-top:15px}.reference-site .mobile-menu summary{font-size:15px;padding:17px 0}.reference-site .mobile-menu a{font-size:14px}.reference-site .hero-inner{height:auto;padding:0;display:flex;flex-direction:column;min-height:0}.reference-site .hero-copy{left:0;padding:36px 0 0;width:100%}.reference-site .hero .eyebrow{font-size:7px;letter-spacing:1.4px}.reference-site .hero h1{font-size:clamp(34px,8.7vw,46px);line-height:1.3;margin:19px 0 18px;letter-spacing:-.7px}.reference-site .hero-desc{font-size:13px;line-height:1.8;white-space:normal;max-width:95%}.reference-site .hero-buttons{gap:23px;margin-top:23px;flex-wrap:nowrap}.reference-site .hero-buttons .btn{font-size:12px;min-height:42px;padding:9px 19px;gap:17px}.reference-site .hero-buttons .btn-text{font-size:11px;padding:8px 0;gap:12px}.reference-site .hero-buttons .btn .icon{width:14px;height:14px}.reference-site .hero-art{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:506/350;margin:10px -20px 0;max-width:none}.reference-hero-image{height:100%;width:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 5%)}.reference-site .trust-section{padding:30px 0 0}.reference-site .reference-section-title .eyebrow{font-size:8px;letter-spacing:2px}.reference-section-title h2{font-size:25px;line-height:1.5;margin:12px 0 10px;letter-spacing:-.6px}.reference-section-title>p{font-size:11px;line-height:1.9;max-width:100%}.reference-site .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}.reference-site .trust-card{min-height:137px;border-radius:5px}.regulation-card-copy{padding:55px 9px 11px}.regulation-authority{font-size:9px;letter-spacing:.4px;line-height:1.5;white-space:nowrap}.reference-site .trust-card h3{font-size:12px;margin-top:5px}.reference-site .trust-card p{font-size:8px;line-height:1.5;margin-top:7px}.regulation-footnote{font-size:9px;margin-top:15px;line-height:1.7}.reference-site .reference-advantages{padding:48px 0 0}.reference-site .principle-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.reference-site .principle{padding:23px 17px 22px;min-height:205px;border-radius:5px}.reference-site .principle .icon{width:36px;height:36px;margin-bottom:20px}.reference-site .principle h3{font-size:17px;white-space:normal;margin-bottom:11px;line-height:1.4}.reference-site .principle p{font-size:11px;line-height:1.9;white-space:normal}.reference-site .reference-products{padding:51px 0 48px}.product-card-grid{grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:23px}.product-card{border-radius:5px}.product-card-copy{padding:13px 13px 15px}.product-card h3{font-size:15px;margin-bottom:7px}.product-card p{font-size:9px;white-space:normal;line-height:1.7;min-height:31px}.product-card .round-arrow{width:27px;height:27px;margin-top:14px}.product-card .round-arrow .icon{width:13px;height:13px}.reference-site .site-footer{padding:31px 0 26px}.reference-site .footer-main{grid-template-columns:1fr 1fr;gap:25px 20px;padding:0 0 27px}.reference-site .footer-brand{grid-column:1/-1;padding:0 0 23px;border:0;border-bottom:1px solid #3d4648;display:block}.reference-site .footer-brand .logo{font-size:30px}.reference-site .footer-tagline{font-size:9px;line-height:1.7;margin-top:5px}.reference-site .footer-brand p{font-size:11px;line-height:1.8;margin-top:16px;max-width:100%}.footer-socials{gap:24px;margin-top:17px}.footer-socials a{font-size:18px}.reference-site .footer-group h2{font-size:12px;white-space:normal;margin:0 0 12px}.reference-site .footer-group a{font-size:11px;margin:7px 0;line-height:1.7;white-space:normal}.footer-legal-area{padding-top:22px}.reference-site .footer-disclosures{margin:0;padding:0;border:0;gap:17px}.reference-site .disclosure{display:block;font-size:9px;line-height:1.85}.reference-site .disclosure strong{display:block;margin-bottom:6px;font-size:10px}.reference-site .disclosure p{font-size:9px;line-height:1.85}.footer-policy-links{gap:11px;justify-content:flex-start;flex-wrap:wrap;font-size:9px;line-height:1.8;margin-top:20px}.footer-policy-links i{height:10px}.reference-site .footer-bottom{display:block;margin-top:20px;font-size:8px;line-height:1.7}.reference-site .footer-bottom .languages{display:flex;margin:14px 0 0;gap:18px;font-size:10px}.reference-site .footer-bottom{padding-bottom:26px}.reference-site .prototype-dock{opacity:.5}.reference-site .article .trust-grid{grid-template-columns:1fr}.reference-site .article .trust-card{min-height:150px}.reference-site .article .regulation-card-copy{padding-top:55px}.reference-site .article .regulation-authority{font-size:17px}.reference-site .inner-hero h1{font-size:34px;line-height:1.4}.reference-site .inner-art{height:190px}.reference-site .inner-art .reference-brand-image{height:230px;width:330px}}
@media(prefers-reduced-motion:reduce){.reference-site *, .reference-site *:before,.reference-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.footer-socials .social-icon{display:block;width:clamp(14px,1.7vw,25px);height:clamp(14px,1.7vw,25px)}
.reference-site .nav-entry>summary:hover,.reference-site .nav-link:hover{color:var(--orange)}
@media(min-width:801px){.reference-site .nav-dropdown{top:calc(100% - 1px)}.reference-site .nav-entry:after{content:'';position:absolute;top:100%;height:8px;left:0;right:0}}
@media(max-width:800px){.footer-socials .social-icon{width:19px;height:19px}.reference-site .mobile-toggle{border-radius:4px}.reference-site .mobile-toggle:active{background:#e9ded4}.reference-site .mobile-menu .language-list{gap:16px;flex-wrap:wrap}.reference-site .hero .eyebrow{letter-spacing:1.25px}}

.reference-site.compact-header .desktop-nav{display:none}
.reference-site.compact-header .mobile-toggle{display:grid;width:34px;height:36px;padding:4px}
.reference-site.compact-header .mobile-menu{inset:var(--reference-header-height,70px) 0 0}
.reference-site .hero-copy,.reference-site .principle,.reference-site .product-card-copy{overflow-wrap:break-word}
.reference-site:lang(en) .hero-desc,.reference-site:lang(vi) .hero-desc{white-space:normal}

/* CMS uses the same brand palette; green remains reserved for status indicators. */
.admin{background:#f7f6f2;--orange:#d97757;--ink:#15222c;--muted:#7a817f;--line:#e4e2de;--sans:'Manrope','K9 Source Sans',sans-serif;--serif:'K9 Source Serif',serif}
.admin .admin-sidebar,.admin .admin-topbar{background:#fffefa;border-color:#e7e1d9}
.admin .sidebar-link.active{background:#f4e9e2;color:#a75d43}
.admin .btn-primary{background:#d97757}.admin .btn-primary:hover{background:#c46243;box-shadow:0 4px 13px #d9775720}
.admin .guide-hero{background:#f0e9df}.admin .avatar{background:#f0e3d8;color:#a1664d}
.admin .mini-hero h2{font-family:var(--serif);font-weight:700}

@media(min-width:801px){.reference-site .header-inner{position:relative}.reference-site .desktop-nav{left:21%}.reference-site .footer-group:not(:last-child){border-right:1px solid #3e4648;padding-right:6px}}