:root{
  --about-bg:#050914;
  --about-panel:#0b1222;
  --about-line:rgba(145,164,205,.18);
  --about-text:#f5f7fc;
  --about-muted:#a3aec2;
  --about-gradient:linear-gradient(110deg,#5d9cff 0%,#8f63f2 52%,#ce5ee6 100%);
}

body[data-about-page="1"]{background:var(--about-bg)!important}
body[data-about-page="1"] .site-main,
body[data-about-page="1"] .knox-layout,
body[data-about-page="1"] .knox-content{overflow:visible!important}

.about-page{overflow:hidden;color:var(--about-text);background:radial-gradient(circle at 84% 3%,rgba(110,67,220,.18),transparent 28%),linear-gradient(180deg,#060a16,#07101c 55%,#050914)}
.about-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}
.about-kicker{display:block;color:#b489ff;font-size:.72rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}

.about-hero{position:relative;border-bottom:1px solid var(--about-line)}
.about-hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:72px;min-height:690px;padding:70px 0}
.about-hero-copy{max-width:700px}
.about-hero h1{margin:18px 0 22px;color:#fff;font-size:clamp(3.4rem,6vw,5.65rem);font-weight:900;letter-spacing:-.06em;line-height:.98}
.about-hero h1 em{color:transparent;font-style:normal;background:var(--about-gradient);-webkit-background-clip:text;background-clip:text}
.about-hero-copy>p{max-width:650px;margin:0;color:#b9c3d5;font-size:1.07rem;line-height:1.72}
.about-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.about-primary,.about-secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:13px;padding:0 21px;border-radius:11px;font-size:.82rem;font-weight:820;text-decoration:none}
.about-primary{border:1px solid rgba(207,174,255,.52);color:#080c17;background:var(--about-gradient);box-shadow:0 16px 38px rgba(112,71,211,.26)}
.about-secondary{border:1px solid rgba(154,173,213,.35);color:#eef2f9;background:rgba(8,15,29,.54)}
.about-primary span{transition:transform .18s ease}.about-primary:hover span{transform:translateX(3px)}

.about-orbit{position:relative;min-height:420px;border:1px solid rgba(143,165,214,.22);border-radius:50%;background:radial-gradient(circle,rgba(106,64,201,.24),rgba(9,16,33,.92) 45%,rgba(5,10,22,.24) 70%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 30px 90px rgba(0,0,0,.24)}
.about-orbit:before,.about-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(154,119,235,.2);border-radius:50%}
.about-orbit:after{inset:27%;border-color:rgba(103,169,255,.2)}
.about-orbit-brand{position:absolute;z-index:2;top:50%;left:50%;display:flex;width:152px;height:152px;align-items:center;justify-content:center;flex-direction:column;transform:translate(-50%,-50%);border:1px solid rgba(169,128,255,.35);border-radius:36px;background:linear-gradient(145deg,rgba(20,31,61,.96),rgba(10,15,32,.98));box-shadow:0 24px 60px rgba(0,0,0,.35)}
.about-orbit-brand img{width:50px;height:50px}.about-orbit-brand strong{margin-top:10px;font-size:1.05rem}.about-orbit-brand span{margin-top:3px;color:#8f9ab0;font-size:.61rem}
.about-orbit-node{position:absolute;z-index:3;display:flex;min-width:98px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(160,135,220,.3);border-radius:999px;color:#e9edf8;background:rgba(12,21,41,.94);font-size:.73rem;font-weight:790;box-shadow:0 15px 35px rgba(0,0,0,.25)}
.about-orbit-fans{top:11%;left:10%}.about-orbit-creators{top:8%;right:7%}.about-orbit-partners{right:8%;bottom:13%}

.about-section{padding:88px 0}
.about-section-head{max-width:760px;margin-bottom:38px}.about-section-head h2,.about-principles h2,.about-final h2{margin:12px 0 0;color:#fff;font-size:clamp(2.35rem,4vw,3.8rem);font-weight:880;letter-spacing:-.05em;line-height:1.03}.about-section-head>p{max-width:650px;margin:16px 0 0;color:var(--about-muted);line-height:1.7}
.about-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-audience-grid article{display:flex;min-height:260px;flex-direction:column;padding:28px;border-top:1px solid rgba(160,121,241,.55);background:linear-gradient(180deg,rgba(13,23,45,.83),rgba(8,15,30,.84))}
.about-audience-grid article>span{color:#9270df;font-size:.68rem;font-weight:850}.about-audience-grid h3{margin:22px 0 10px;font-size:1.35rem}.about-audience-grid p{margin:0;color:#a9b4c6;font-size:.87rem;line-height:1.66}.about-audience-grid a{margin-top:auto;padding-top:24px;color:#b890ff;font-size:.76rem;font-weight:780;text-decoration:none}

.about-principles{padding:80px 0;border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);background:rgba(6,12,25,.65)}
.about-principles-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:90px;align-items:start}
.about-principles-list{display:grid}.about-principles-list>div{display:grid;grid-template-columns:185px minmax(0,1fr);gap:30px;padding:24px 0;border-top:1px solid var(--about-line)}.about-principles-list>div:last-child{border-bottom:1px solid var(--about-line)}.about-principles-list strong{font-size:.93rem}.about-principles-list p{margin:0;color:#aab5c7;font-size:.85rem;line-height:1.6}

.about-final{padding:74px 0}.about-final-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.about-final .about-actions{margin:0}

@media(max-width:920px){.about-hero-inner{grid-template-columns:1fr;gap:45px;min-height:0;padding:75px 0}.about-orbit{width:min(520px,100%);min-height:420px;margin:0 auto}.about-audience-grid{grid-template-columns:1fr}.about-audience-grid article{min-height:220px}.about-principles-grid{grid-template-columns:1fr;gap:42px}.about-final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.about-shell{width:calc(100% - 28px)}.about-hero-inner{padding:56px 0}.about-hero h1{font-size:3rem}.about-hero-copy>p{font-size:.92rem}.about-actions{align-items:stretch;flex-direction:column}.about-primary,.about-secondary{width:100%}.about-orbit{min-height:310px}.about-orbit-brand{width:122px;height:122px;border-radius:29px}.about-orbit-brand img{width:40px;height:40px}.about-orbit-node{min-width:82px;height:36px;font-size:.65rem}.about-section,.about-principles{padding:58px 0}.about-audience-grid article{padding:23px}.about-principles-list>div{grid-template-columns:1fr;gap:8px}.about-final{padding:56px 0}.about-final-inner{gap:28px}}