/* Hallmark · theme: brand · built: the project · redesign: polish · genre: modern-minimal */
/* critique: preserve approved layouts; colors follow common tokens. */
:root{--brand-accent:#9e2927;--stage-white:#fff;--stage-ink:#14212b;--stage-blue:#1f6bff;--stage-font:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif}html,body{height:100%;overflow:clip}body{font-family:var(--stage-font)}#page-scroll{height:100dvh;overflow-y:auto;overflow-x:clip;scroll-snap-type:y mandatory;scroll-snap-stop:always;scrollbar-width:none;overscroll-behavior-y:contain}#page-scroll::-webkit-scrollbar{display:none}.hero,.brand-stage{height:100dvh;min-height:0;max-height:none;scroll-snap-align:start;scroll-snap-stop:always}.site-nav{position:fixed;z-index:1000}.hero-content{bottom:clamp(88px,10vh,125px)}.brand-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-accent);color:var(--stage-white);transition:background-color 450ms}.js .brand-media{position:absolute;inset:0 0 0 24%;z-index:-3;opacity:0;transform:scale(1.025);transition:opacity 480ms ease,transform 900ms cubic-bezier(.2,.7,.3,1);overflow:hidden;background:var(--legacy-color-83)}.brand-media.is-active{opacity:1;transform:scale(1)}.brand-media>svg{width:100%;height:100%;display:block}.brand-media.is-device{inset:0 0 0 34%;background:var(--legacy-color-84)}.brand-media.is-device>svg{object-fit:contain}.brand-stage::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,var(--brand-accent) 0%,var(--brand-accent) 21%,color-mix(in srgb,var(--brand-accent) 90%,var(--legacy-color-20)) 35%,color-mix(in srgb,var(--brand-accent) 35%,var(--legacy-color-20)) 57%,var(--legacy-color-20) 80%);pointer-events:none}.brand-stage::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,var(--legacy-color-85),var(--legacy-color-20) 32%,var(--legacy-color-20) 58%,var(--legacy-color-86));pointer-events:none}.brand-copy-wrap{position:absolute;left:max(calc((100% - 1240px)/2),7vw);top:45%;transform:translateY(-50%);width:430px;max-width:38vw}.brand-panel{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 300ms,transform 400ms,visibility 400ms;pointer-events:none}.brand-panel.is-active{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto}.brand-section-name{font-size:15px;line-height:1.5;font-weight:450;margin-bottom:27px;opacity:.85}.brand-panel h2{font-size:40px;font-weight:600;letter-spacing:-1px;line-height:1.3;margin:0 0 18px;overflow-wrap:break-word}.brand-panel .brand-purpose{font-size:23px;line-height:1.55;font-weight:500;margin-bottom:21px}.brand-panel .brand-description{font-size:16px;line-height:1.95;max-width:390px;margin:0;color:var(--legacy-color-87)}.brand-products{display:flex;gap:9px 14px;flex-wrap:wrap;font-size:13px;line-height:1.7;opacity:.84;margin-top:22px}.brand-cta{display:inline-flex;align-items:center;gap:20px;color:var(--stage-white);font-size:15px;font-weight:550;text-decoration:none;border-bottom:1px solid var(--legacy-color-88);padding:11px 0 10px;margin-top:var(--space-6)}.brand-cta:hover{border-color:var(--stage-white)}.brand-rail{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 160px));display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--legacy-color-89);background:var(--legacy-color-90);backdrop-filter:blur(16px);border-radius:0 0 10px 10px;overflow:visible}.brand-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:var(--space-3);min-width:0;min-height:132px;padding:20px 18px;color:var(--legacy-color-91);background:var(--legacy-color-20);border:0;cursor:pointer;transition:background-color 180ms,color 180ms}.brand-tab:hover{background:var(--legacy-color-92)}.brand-tab[aria-selected=true]{background:var(--legacy-color-93);color:var(--stage-white)}.brand-tab[aria-selected=true]::before{content:"";position:absolute;top:-2px;left:0;right:0;height:3px;background:var(--stage-white)}.brand-tab strong{display:block;font-size:20px;line-height:1.2;font-weight:650;white-space:nowrap;letter-spacing:-.4px}.brand-tab small{font-size:12px;line-height:1.5;opacity:.82}.brand-tab[data-brand=enrigin] strong{font-size:19px}.brand-tab[data-brand=datapp] strong{font-size:20px}.brand-note{position:absolute;bottom:17px;left:max(calc((100% - 1240px)/2),7vw);font-size:10px;opacity:.67;line-height:1.6}.stage-pager{position:fixed;z-index:900;right:23px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:17px}.stage-pager button{background:var(--legacy-color-94);border:1px solid var(--legacy-color-95);color:var(--legacy-color-96);width:12px;height:12px;border-radius:50%;padding:0;cursor:pointer}.stage-pager button[aria-current=step]{background:var(--stage-white);box-shadow:0 0 0 var(--space-unit) var(--legacy-color-97)}.stage-pager button span{position:absolute;right:25px;white-space:nowrap;font-size:12px;opacity:0;transition:opacity 140ms;top:auto}.stage-pager button:hover span,.stage-pager button:focus-visible span{opacity:1}.scroll-cue{position:absolute;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:0;background:var(--legacy-color-20);color:var(--legacy-color-96);font-size:12px;cursor:pointer;padding:var(--space-2) var(--space-3);opacity:.9}.scroll-cue svg{width:15px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.tool-toggle{position:fixed;z-index:1001;bottom:24px;left:30px;background:var(--legacy-color-98);backdrop-filter:blur(10px);border:1px solid var(--legacy-color-99);color:var(--legacy-color-96);border-radius:20px;font-size:11px;padding:var(--space-2) 14px;cursor:pointer}.demo-wrap{position:fixed;left:30px;bottom:65px;z-index:1002;width:min(680px,calc(100% - 60px));padding:0;border-radius:18px;display:none}.tools-open .demo-wrap{display:block}#demo-controls{width:100%;padding:20px;gap:15px;box-shadow:0 15px 50px var(--legacy-color-100)}.demo-intro{display:none}.demo-actions{gap:var(--space-2)}body[data-active-screen=brands] .demo-wrap,body[data-active-screen=brands] .tool-toggle{display:none}a:focus-visible,button:focus-visible{outline:3px solid var(--legacy-color-2);outline-offset:var(--space-unit)}.site-nav a:focus-visible,.site-nav button:focus-visible{outline-color:var(--stage-blue)}.brand-tab:focus-visible{outline-offset:-5px}.site-nav a{text-decoration:none}.brand-description,.brand-purpose{overflow-wrap:break-word}
@media(min-width:1700px){.brand-copy-wrap{width:470px;max-width:38vw}.brand-panel h2{font-size:46px}.brand-panel .brand-purpose{font-size:26px}.brand-panel .brand-description{font-size:17px}.brand-rail{bottom:58px}.brand-tab{min-height:150px;padding-inline:23px}.brand-tab strong{font-size:23px}.brand-tab small{font-size:13px}.brand-note{bottom:22px}}
@media(max-height:820px) and (min-width:1000px){.brand-copy-wrap{top:43%;width:420px}.brand-section-name{margin-bottom:var(--space-4)}.brand-panel h2{font-size:33px;margin-bottom:13px}.brand-panel .brand-purpose{font-size:20px;margin-bottom:var(--space-4)}.brand-panel .brand-description{font-size:14px;line-height:1.8}.brand-products{margin-top:15px;font-size:12px}.brand-cta{margin-top:14px;font-size:14px}.brand-tab{min-height:110px}.brand-rail{bottom:35px}.brand-note{bottom:11px}.hero-content{bottom:78px}.hero-title{font-size:64px}.hero-subtitle{font-size:18px;margin-top:15px}.hero-support{font-size:14px}.hero-actions{margin-top:20px}.orbit{top:140px}}
@media(max-width:1050px){.brand-rail{width:calc(100% - 80px)}.brand-tab{padding-inline:11px}.brand-tab strong,.brand-tab[data-brand=enrigin] strong{font-size:15px}.brand-copy-wrap{left:6vw;max-width:45vw}.brand-panel h2{font-size:33px}.js .brand-media{left:12%}}
@media(max-width:760px){#page-scroll{scroll-snap-type:y proximity}.brand-stage{min-height:900px;height:100dvh}.brand-copy-wrap{left:28px;top:34%;width:85%;max-width:none}.js .brand-media{inset:0;opacity:0}.brand-media.is-active{opacity:.5}.brand-stage::before{background:linear-gradient(90deg,var(--brand-accent),color-mix(in srgb,var(--brand-accent) 80%,var(--legacy-color-20)))}.brand-panel h2{font-size:33px}.brand-panel .brand-description{font-size:15px;max-width:90%}.brand-rail{bottom:42px;width:calc(100% - 56px);grid-template-columns:repeat(4,minmax(0,1fr))}.brand-tab{min-height:85px;padding:var(--space-3);gap:7px}.brand-tab strong,.brand-tab[data-brand=enrigin] strong{font-size:16px}.brand-note{left:28px;bottom:12px}.stage-pager{right:11px}.site-nav{width:calc(100% - 28px);padding-inline:15px}.nav-link{font-size:11px;padding-inline:7px}.nav-cta{display:none}.logo-text{font-size:17px}.tool-toggle{left:15px}.hero{min-height:780px;height:100dvh}}
@media(prefers-reduced-motion:reduce){#page-scroll{scroll-behavior:auto;scroll-snap-type:y proximity}*,*::before,*::after{transition:none!important;animation:none!important}.js .brand-media{transform:none}.brand-panel{transform:none}}