.brand-page{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.06),transparent 35%),var(--obsidian);color:var(--white);overflow-x:hidden}.brand-container{position:relative;width:min(1380px,calc(100% - 80px));margin:0 auto}.brand-section{position:relative;padding:150px 0;border-top:1px solid rgba(255,255,255,.07);overflow:hidden}.brand-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.brand-section__head{position:relative;display:grid;grid-template-columns:90px 1fr;gap:30px;margin-bottom:90px;z-index:2}.brand-section__number{font-family:var(--font-heading);font-size:13px;color:var(--gold);letter-spacing:.16em;padding-top:10px}.brand-section__label{display:block;margin-bottom:16px;color:var(--gold);font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.28em}.brand-section h2{margin:0;font-family:var(--font-heading);font-size:clamp(42px,5vw,76px);line-height:.98;font-weight:600;letter-spacing:-.04em}.brand-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 22px;border-radius:2px;font-family:var(--font-heading);font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:var(--transition)}.brand-button span{font-size:15px}.brand-button--primary{color:var(--obsidian);background:var(--gold)}.brand-button--primary:hover{background:var(--gold-light);box-shadow:0 0 35px rgba(212,175,55,.2);transform:translateY(-2px)}.brand-button--secondary{color:var(--white);border:1px solid rgba(255,255,255,.18)}.brand-button--secondary:hover{border-color:var(--gold);color:var(--gold)}.brand-hero{position:relative;min-height:100vh;padding:160px 8% 90px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 48%,rgba(212,175,55,.08),transparent 27%),linear-gradient(135deg,#080808 0%,#0c0c0c 100%)}.brand-hero__grid,.brand-final__grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(212,175,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.045) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:radial-gradient(circle at 70% 50%,black,transparent 70%);mask-image:radial-gradient(circle at 70% 50%,black,transparent 70%)}.brand-hero__glow{position:absolute;width:600px;height:600px;right:5%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.09),transparent 65%);filter:blur(10px);pointer-events:none}.brand-hero__content{position:relative;z-index:4;width:54%;max-width:760px}.brand-hero__label{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-family:var(--font-heading);font-size:10px;letter-spacing:.25em;margin-bottom:30px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(212,175,55,.8);animation:statusPulse 2s infinite}@keyframes statusPulse{0%,100%{opacity:.45} 50%{opacity:1}}.brand-hero h1{margin:0;font-family:var(--font-heading);font-size:clamp(65px,9vw,145px);line-height:.82;letter-spacing:-.075em;font-weight:600}.brand-hero h1 span{display:block;margin-top:17px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.38)}.brand-hero__description{max-width:600px;margin:42px 0 0;color:#9c9c9c;font-size:16px;line-height:1.8}.brand-hero__actions{display:flex;gap:14px;margin-top:42px}.brand-hero__visual{position:absolute;right:6%;top:50%;width:min(42vw,620px);aspect-ratio:1;transform:translateY(-50%);z-index:2}.brand-hero__logo{position:absolute;width:33%;height:33%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:5}.brand-hero__logo img{position:relative;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 22px rgba(212,175,55,.22));animation:logoFloat 5s ease-in-out infinite}.brand-hero__logo-glow{position:absolute;inset:10%;border-radius:50%;background:rgba(212,175,55,.09);filter:blur(30px);animation:logoGlow 3.5s ease-in-out infinite}@keyframes logoFloat{0%,100%{transform:scale(1)} 50%{transform:scale(1.035)}}@keyframes logoGlow{0%,100%{opacity:.45;transform:scale(.85)} 50%{opacity:.85;transform:scale(1.15)}}.brand-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(212,175,55,.15);border-radius:50%;transform:translate(-50%,-50%)}.brand-orbit::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px rgba(212,175,55,.8)}.brand-orbit--one{width:48%;height:48%;animation:orbitRotate 18s linear infinite}.brand-orbit--one::before{left:50%;top:-3px}.brand-orbit--two{width:70%;height:70%;border-style:dashed;opacity:.65;animation:orbitRotateReverse 28s linear infinite}.brand-orbit--two::before{right:10%;top:18%}.brand-orbit--three{width:94%;height:94%;opacity:.35;animation:orbitRotate 42s linear infinite}.brand-orbit--three::before{left:13%;bottom:9%}@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitRotateReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}.brand-hero__coordinate{position:absolute;right:0;bottom:6%;color:rgba(212,175,55,.55);font-family:var(--font-heading);font-size:9px;letter-spacing:.2em}.brand-hero__scroll{position:absolute;bottom:35px;left:8%;display:flex;align-items:center;gap:16px;color:#666;font-family:var(--font-heading);font-size:9px;letter-spacing:.2em}.brand-hero__scroll i{display:block;width:55px;height:1px;background:var(--gold);position:relative;overflow:hidden}.brand-hero__scroll i::after{content:"";position:absolute;width:20px;height:1px;left:-20px;background:#fff;animation:scrollLine 2.2s infinite}@keyframes scrollLine{to{left:60px}}.brand-intro__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;z-index:2}.brand-intro__statement{display:flex;gap:30px;align-items:flex-start}.big-mark{flex:0 0 auto;font-family:var(--font-heading);font-size:140px;line-height:.7;color:var(--gold);opacity:.85}.brand-intro__statement p{max-width:620px;margin:0;font-family:var(--font-heading);font-size:clamp(28px,3vw,48px);line-height:1.15;letter-spacing:-.03em}.brand-intro__text{padding-top:8px}.brand-intro__text p{margin:0 0 28px;color:#888;line-height:1.8;font-size:15px}.brand-logo-showcase{position:relative;display:grid;grid-template-columns:1.35fr .65fr;min-height:570px;border:1px solid var(--border);background:#0b0b0b;z-index:2}.brand-logo-showcase__main{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,rgba(212,175,55,.08),transparent 55%)}.brand-logo-showcase__main::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.045) 1px,transparent 1px);background-size:45px 45px}.brand-logo-showcase__glow{position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(212,175,55,.08);filter:blur(70px)}.brand-logo-showcase__main img{position:relative;z-index:2;width:min(330px,50%);filter:drop-shadow(0 0 35px rgba(212,175,55,.2))}.brand-logo-showcase__info{padding:55px 45px;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.brand-logo-showcase__info > span{color:var(--gold);font-size:9px;letter-spacing:.22em}.brand-logo-showcase__info h3{margin:15px 0 22px;font-family:var(--font-heading);font-size:35px;letter-spacing:.08em}.brand-logo-showcase__info p{margin:0;color:#777;line-height:1.8;font-size:13px}.brand-spec{display:grid;gap:15px;margin-top:35px}.brand-spec div{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.brand-spec span{color:#555;font-size:9px;letter-spacing:.15em}.brand-spec strong{color:#bbb;font-size:9px;font-weight:500;letter-spacing:.08em}.brand-logo-variants{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:20px;z-index:2}.logo-variant{position:relative;height:220px;padding:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);overflow:hidden}.logo-variant span{position:absolute;top:16px;left:18px;color:#666;font-size:9px}.logo-variant img{width:100px}.logo-variant small{position:absolute;bottom:15px;left:18px;color:#666;font-size:8px;letter-spacing:.15em}.logo-variant--light{background:#f5f5f5}.logo-variant--mono{background:#111}.logo-placeholder{font-family:var(--font-heading);font-size:65px;font-weight:700;color:var(--gold)}.color-system{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;z-index:2}.color-card{background:#101010;border:1px solid rgba(255,255,255,.07);border-radius:2px;transition:var(--transition)}.color-card:hover{transform:translateY(-7px);border-color:var(--border)}.color-card__visual{height:250px}.color-card--black .color-card__visual{background:#080808}.color-card--gold .color-card__visual{background:#d4af37}.color-card--white .color-card__visual{background:#fff}.color-card--gray .color-card__visual{background:#161616}.color-card__data{padding:24px}.color-card__data span{display:block;margin-bottom:8px;color:#666;font-size:8px;letter-spacing:.17em}.color-card__data strong{display:block;margin-bottom:12px;font-family:var(--font-heading);font-size:12px;letter-spacing:.06em}.color-card__data code{color:var(--gold);font-size:10px;cursor:pointer}.typography-section{background:radial-gradient(circle at 80% 50%,rgba(212,175,55,.05),transparent 35%),#090909}.type-display{position:relative;min-height:420px;padding:45px;border:1px solid var(--border);background:linear-gradient(rgba(212,175,55,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px),#0c0c0c;background-size:45px 45px;z-index:2;overflow:hidden}.type-display__meta{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-family:var(--font-heading);font-size:9px;letter-spacing:.17em}.type-display__meta strong{font-size:12px}.type-display__sample{margin-top:90px;font-family:var(--font-heading);font-size:clamp(65px,11vw,180px);line-height:.8;letter-spacing:-.08em}.type-display__sample--small{margin-top:30px;font-size:clamp(20px,3vw,42px);letter-spacing:.04em;color:var(--gold)}.type-secondary{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0 0;z-index:2}.type-secondary div{display:flex;flex-direction:column;gap:12px}.type-secondary span{color:#555;font-size:9px;letter-spacing:.18em}.type-secondary strong{font-family:var(--font-body);font-size:35px}.type-secondary p{margin:0;max-width:550px;color:#777;line-height:1.8;font-size:13px}.system-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;z-index:2}.system-card{min-height:340px;padding:30px;border:1px solid rgba(255,255,255,.07);border-radius:2px;background:#0d0d0d;transition:var(--transition)}.system-card:hover{transform:translateY(-8px);border-color:rgba(212,175,55,.28);background:#101010}.system-card__icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:55px;border:1px solid var(--border);border-radius:2px;color:var(--gold);font-size:22px}.system-card > span{color:#555;font-size:9px}.system-card h3{margin:15px 0;font-family:var(--font-heading);font-size:21px;font-weight:500}.system-card p{margin:0;color:#707070;line-height:1.7;font-size:12px}.ecosystem-section{background:radial-gradient(circle at center,rgba(212,175,55,.055),transparent 45%),#080808}.ecosystem-map{position:relative;width:min(900px,90vw);aspect-ratio:1;margin:0 auto;border:1px solid rgba(212,175,55,.08);border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.06),transparent 45%)}.ecosystem-map::before,.ecosystem-map::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(212,175,55,.08);border-radius:50%}.ecosystem-map::before{width:67%;height:67%}.ecosystem-map::after{width:34%;height:34%}.ecosystem-map__center{position:absolute;left:50%;top:50%;width:155px;height:155px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.35);border-radius:50%;background:#090909;box-shadow:0 0 60px rgba(212,175,55,.08),inset 0 0 35px rgba(212,175,55,.04);z-index:5}.ecosystem-map__center::after{content:"";position:absolute;inset:-13px;border:1px solid rgba(212,175,55,.12);border-radius:50%;animation:ecosystemPulse 3s ease-in-out infinite}.ecosystem-map__center img{width:70%}@keyframes ecosystemPulse{0%,100%{transform:scale(.94);opacity:.35} 50%{transform:scale(1.08);opacity:.8}}.ecosystem-node{position:absolute;min-width:130px;min-height:54px;padding:12px 16px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(212,175,55,.25);border-radius:2px;background:rgba(10,10,10,.92);color:#bbb;font-family:var(--font-heading);font-size:9px;letter-spacing:.12em;z-index:4;transition:var(--transition)}.ecosystem-node::before{content:"";position:absolute;width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px rgba(212,175,55,.6)}.ecosystem-node:hover{color:var(--gold);border-color:var(--gold);box-shadow:0 0 25px rgba(212,175,55,.08);transform:scale(1.04)}.ecosystem-node--one{left:50%;top:-27px;transform:translateX(-50%)}.ecosystem-node--one::before{left:50%;bottom:-4px}.ecosystem-node--two{right:6%;top:21%}.ecosystem-node--two::before{left:-4px;top:50%}.ecosystem-node--three{right:6%;bottom:21%}.ecosystem-node--three::before{left:-4px;top:50%}.ecosystem-node--four{left:50%;bottom:-27px;transform:translateX(-50%)}.ecosystem-node--four::before{left:50%;top:-4px}.ecosystem-node--five{left:6%;bottom:21%}.ecosystem-node--five::before{right:-4px;top:50%}.ecosystem-node--six{left:6%;top:21%}.ecosystem-node--six::before{right:-4px;top:50%}.downloads-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;z-index:2}.download-card{position:relative;min-height:230px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.07);border-radius:2px;background:#0d0d0d;overflow:hidden;transition:var(--transition)}.download-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.07),transparent 55%);opacity:0;transition:var(--transition)}.download-card:hover{transform:translateY(-7px);border-color:rgba(212,175,55,.35)}.download-card:hover::before{opacity:1}.download-card > span{position:absolute;top:22px;left:22px;color:#555;font-size:9px}.download-card strong{position:relative;font-family:var(--font-heading);font-size:18px;font-weight:500}.download-card small{position:relative;margin-top:8px;color:#666;font-size:8px;letter-spacing:.15em}.download-card i{position:absolute;top:20px;right:20px;color:var(--gold);font-style:normal;font-size:17px}.brand-final{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at center,rgba(212,175,55,.1),transparent 40%),#080808}.brand-final__content{position:relative;z-index:2}.brand-final__content > span{color:var(--gold);font-family:var(--font-heading);font-size:9px;letter-spacing:.25em}.brand-final h2{margin:30px 0;font-family:var(--font-heading);font-size:clamp(55px,9vw,130px);line-height:.85;letter-spacing:-.07em}.brand-final p{margin:0 auto 35px;max-width:500px;color:#777;font-size:14px;line-height:1.7}@media (max-width:1100px){.brand-hero{padding-left:6%;padding-right:6%} .brand-hero__content{width:65%} .brand-hero__visual{right:-8%;width:52vw;opacity:.65} .brand-intro__grid{grid-template-columns:1fr;gap:55px} .color-system,.system-grid,.downloads-grid{grid-template-columns:repeat(2,1fr)} .brand-logo-showcase{grid-template-columns:1fr} .brand-logo-showcase__info{border-left:0;border-top:1px solid var(--border)}}@media (max-width:700px){.brand-container{width:calc(100% - 36px)} .brand-section{padding:90px 0} .brand-section__head{grid-template-columns:45px 1fr;gap:15px;margin-bottom:55px} .brand-section h2{font-size:40px} .brand-hero{min-height:850px;padding:130px 18px 70px;align-items:flex-start} .brand-hero__content{width:100%} .brand-hero h1{font-size:63px} .brand-hero__description{font-size:14px;line-height:1.7} .brand-hero__actions{flex-direction:column;align-items:stretch} .brand-button{width:100%} .brand-hero__visual{display:none} .brand-hero__scroll{display:none} .brand-intro__statement{display:block} .big-mark{display:block;margin-bottom:30px;font-size:100px} .brand-intro__statement p{font-size:28px} .brand-logo-showcase{min-height:0} .brand-logo-showcase__main{min-height:360px} .brand-logo-showcase__info{padding:35px 25px} .brand-logo-variants{grid-template-columns:1fr} .color-system,.system-grid,.downloads-grid{grid-template-columns:1fr} .color-card__visual{height:190px} .type-display{min-height:300px;padding:25px} .type-display__sample{margin-top:70px;font-size:70px} .type-secondary{grid-template-columns:1fr} .ecosystem-map{width:94vw;min-height:500px;aspect-ratio:auto;border-radius:50%} .ecosystem-map__center{width:110px;height:110px} .ecosystem-node{min-width:95px;min-height:42px;padding:8px;font-size:7px} .ecosystem-node--two,.ecosystem-node--three{right:-5px} .ecosystem-node--five,.ecosystem-node--six{left:-5px} .brand-final{min-height:500px;padding:60px 20px} .brand-final h2{font-size:64px}}@media (prefers-reduced-motion:reduce){.status-dot,.brand-hero__logo img,.brand-hero__logo-glow,.brand-orbit--one,.brand-orbit--two,.brand-orbit--three,.ecosystem-map__center::after,.brand-hero__scroll i::after{animation:none} .brand-button,.color-card,.system-card,.download-card,.ecosystem-node{transition:none} @media (max-width:760px){.brand-hero{grid-template-columns:1fr} .brand-hero__visual,.brand-orbit{display:none}}