#brand-kit *{box-sizing:border-box}#brand-kit{scroll-behavior:smooth;scroll-padding-top:96px}#brand-kit{margin:0;background:#050608;color:#ecebe6;font:400 15px/1.75 var(--ast-font-sans);font-synthesis:none}#brand-kit button,#brand-kit input,#brand-kit select{font:inherit}#brand-kit a{color:inherit}#brand-kit button,#brand-kit a,#brand-kit summary,#brand-kit input,#brand-kit select{touch-action:manipulation}#brand-kit a:focus-visible,#brand-kit button:focus-visible,#brand-kit summary:focus-visible{outline:2px solid #6fe3ff;outline-offset:4px}#brand-kit h1,#brand-kit h2,#brand-kit h3,#brand-kit p{margin:0}#brand-kit h1,#brand-kit h2,#brand-kit h3{font-weight:400;text-wrap:balance}#brand-kit p{text-wrap:pretty}#brand-kit button{cursor:pointer}#brand-kit code,#brand-kit .mono{font-family:var(--ast-font-mono);font-size:.85em}#brand-kit button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}#brand-kit .top{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(5,6,8,.96);border-bottom:1px solid #ecebe61f;backdrop-filter:blur(20px)}#brand-kit .logo{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.28em}#brand-kit .logo img{width:43px;height:24px}#brand-kit .top-meta{font:400 11px/1.4 var(--ast-font-mono);letter-spacing:.06em;color:#9a9fa8}#brand-kit .layout{max-width:1560px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding:0 40px}#brand-kit .toc{position:sticky;top:100px;height:calc(100dvh - 124px);overflow:auto;padding:24px 0}#brand-kit .toc>span{display:block;color:#9a9fa8;font-size:11px;letter-spacing:.12em;margin-bottom:20px}#brand-kit .toc a{display:flex;align-items:center;gap:16px;min-height:44px;text-decoration:none;color:#9a9fa8;font-size:13px;padding:8px 0}#brand-kit .toc a:hover,#brand-kit .toc a[aria-current=location]{color:#ecebe6}#brand-kit .toc small{font:11px var(--ast-font-mono);color:#7c838f}#brand-kit .toc a[aria-current=location] small{color:#6fe3ff}#brand-kit .toc .toc-download{margin-top:28px;padding-top:20px;border-top:1px solid #ecebe61f;font-size:12px}#brand-kit .main{min-width:0}#brand-kit .hero{position:relative;min-height:560px;padding:90px 0 60px;isolation:isolate;overflow:hidden;border-bottom:1px solid #ecebe61f}#brand-kit .hero-art{position:absolute;z-index:-2;width:75%;height:100%;right:-8%;top:0;object-fit:cover;opacity:.63;filter:saturate(.8)}#brand-kit .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050608 1%,#050608e6 25%,#05060810 78%),linear-gradient(0deg,#050608,transparent 50%)}#brand-kit .kicker{display:flex;align-items:center;gap:12px;color:#9a9fa8;font:500 11px/1.5 var(--ast-font-mono);letter-spacing:.11em;text-transform:uppercase}#brand-kit .kicker::before{content:'';width:28px;height:2px;background:var(--ast-spectrum)}#brand-kit .hero h1{font-size:64px;line-height:1.16;letter-spacing:0;margin:24px 0;max-width:10em}#brand-kit .hero h1 span{display:block}#brand-kit .hero p{max-width:38em;color:#b9bab6;font-size:16px;line-height:1.85}#brand-kit .hero-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}#brand-kit .hero-links a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #ecebe638;font-size:13px}#brand-kit .section{padding:72px 0;border-bottom:1px solid #ecebe61f}#brand-kit .section-head{display:grid;grid-template-columns:68px minmax(0,1fr);gap:20px;margin-bottom:32px}#brand-kit .section-no{color:#9a9fa8;font:12px var(--ast-font-mono);padding-top:13px}#brand-kit .section h2{font-size:34px;line-height:1.25;margin-bottom:14px}#brand-kit .section-head p{max-width:42em;color:#b9bab6;font-size:15px}#brand-kit .tagline{font-size:21px;line-height:1.6}#brand-kit .muted{color:#9a9fa8}#brand-kit .note{font-size:13px;color:#9a9fa8;margin-top:20px;max-width:65em}#brand-kit .fine{font-size:12px;color:#9a9fa8}#brand-kit .spec-line{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ecebe61f;padding:20px 0}#brand-kit .spec-line strong{font-weight:500}#brand-kit .spec-line p{color:#b9bab6;max-width:38em}#brand-kit .logo-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ecebe61f}#brand-kit .logo-plate{padding:52px 24px;min-height:200px;display:flex;align-items:center;justify-content:center;gap:16px}#brand-kit .logo-plate+div{border-left:1px solid #ecebe61f}#brand-kit .logo-plate.light{background:#f3f4f5;color:#15171b}#brand-kit .logo-plate img{width:68px;height:38px}#brand-kit .logo-word{font-size:16px;font-weight:500;letter-spacing:.28em}#brand-kit .colors{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}#brand-kit .color{min-width:0}#brand-kit .color-paint{height:86px;border:1px solid #ecebe61f;margin-bottom:14px}#brand-kit .color strong{font-size:13px;font-weight:500;display:block}#brand-kit .copy{border:0;background:none;color:#9a9fa8;padding:8px 0;min-height:44px;text-align:left;font:12px var(--ast-font-mono);display:inline-flex;gap:10px;align-items:center}#brand-kit .copy:hover{color:#ecebe6}#brand-kit .color p{font-size:12px;color:#9a9fa8}#brand-kit .spectrum-strip{height:48px;background:var(--ast-spectrum);margin:32px 0 20px;box-shadow:0 8px 38px #3dd5ff0d}#brand-kit .spectrum-values{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;font:10px var(--ast-font-mono);color:#b9bab6}#brand-kit .pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}#brand-kit .type-spec{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid #ecebe61f;align-items:center}#brand-kit .type-meta{font-size:12px;color:#9a9fa8}#brand-kit .type-meta strong{display:block;color:#b9bab6;font-weight:500;margin-bottom:8px}#brand-kit .type-display{font-size:44px;line-height:1.2}#brand-kit .type-page{font-size:28px;line-height:1.3;font-weight:500}#brand-kit .type-body{font-size:17px;line-height:1.85}#brand-kit .type-data{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}#brand-kit .type-code{font:13px/1.7 var(--ast-font-mono)}#brand-kit .rule-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7}#brand-kit .rule-table td,#brand-kit .rule-table th{text-align:left;padding:16px 12px;border-bottom:1px solid #ecebe61f;vertical-align:top}#brand-kit .rule-table th{font-weight:500;color:#b9bab6;background:#0b0d10}#brand-kit .rule-table td:first-child{color:#ecebe6}#brand-kit .rule-table td{color:#b9bab6}#brand-kit .table-scroll{overflow-x:auto}#brand-kit .material-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}#brand-kit .material{min-height:200px;border:1px solid #ecebe61f;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:end;gap:8px;position:relative;overflow:hidden}#brand-kit .material strong{font-weight:500;font-size:16px}#brand-kit .material p{font-size:12px;color:#b9bab6}#brand-kit .material.work{background:#0b0d10;box-shadow:inset 0 1px 0 #ffffff0a}#brand-kit .material.glass{background:linear-gradient(145deg,#1b222a,#0b0d10 45%);border-color:#ecebe638;box-shadow:inset 0 1px 0 #ffffff22}#brand-kit .material.glass:before{content:'';position:absolute;inset:8px 8px auto;height:1px;background:linear-gradient(90deg,transparent,#b4d4e060,transparent)}#brand-kit .material.metal{background:linear-gradient(125deg,#1b2027,#3c4651 25%,#151a20 27%,#090c10 70%,#343b44);border-color:#ecebe638}#brand-kit .beam-board{position:relative;overflow:hidden;border:1px solid #ecebe61f;background:#07090d;min-height:320px;border-radius:24px}#brand-kit .beam-board svg{display:block;width:100%;height:320px}#brand-kit .beam-tag{position:absolute;left:24px;top:24px;font:11px var(--ast-font-mono);letter-spacing:.1em;color:#9a9fa8}#brand-kit .beam-controls{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}#brand-kit .beam-controls p{font-size:12px;color:#9a9fa8}#brand-kit .beam-controls button{font-size:12px;padding:8px 12px;color:#ecebe6;border:1px solid #747b87;border-radius:8px;background:#111419;min-height:44px}#brand-kit .beam-pulse{stroke-dasharray:28 800;animation:beam-travel 4s linear infinite}#brand-kit .beam-board.paused .beam-pulse{animation:none;stroke-dasharray:none;opacity:.2}@keyframes beam-travel{to{stroke-dashoffset:-828}}#brand-kit .sample-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}#brand-kit .sample-toolbar>span{font-size:12px;color:#9a9fa8}#brand-kit .sample-tools{display:flex;gap:8px}#brand-kit .sample-tools button,#brand-kit .sample-tools select{background:#111419;border:1px solid #747b87;color:#ecebe6;border-radius:8px;min-height:44px;padding:8px 12px;font-size:12px}#brand-kit .sample{padding:28px;border:1px solid var(--ast-line);border-radius:16px;min-width:0}#brand-kit .sample-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}#brand-kit .sample-title{font-size:12px;font-weight:500;letter-spacing:.18em}#brand-kit .sample h3{font-size:22px;line-height:1.35}#brand-kit .sample .head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:28px 0 20px}#brand-kit .sample .head-row p{color:var(--ast-text-3);font-size:12px;margin-top:6px}#brand-kit .sample-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}#brand-kit .sample-context{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--ast-line)}#brand-kit .sample-context dt{font-size:12px;color:var(--ast-text-3)}#brand-kit .sample-context dd{margin:6px 0 0;font-size:18px;font-weight:500}#brand-kit .sample-feed{padding-top:20px;display:grid;gap:16px}#brand-kit .sample-feed>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px}#brand-kit .feed-index{font:12px var(--ast-font-mono);color:var(--ast-text-3);padding-top:4px}#brand-kit .sample-feed strong{font-weight:500}#brand-kit .sample-feed p{color:var(--ast-text-3);font-size:12px;margin-top:4px}#brand-kit .sample-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}#brand-kit .sample-side{border-left:1px solid var(--ast-line);padding-left:24px;display:flex;flex-direction:column;gap:20px}#brand-kit .sample-message{display:flex;gap:10px;padding:14px 0;border-top:1px solid var(--ast-line);color:var(--ast-text-2);font-size:13px}#brand-kit .component-examples{display:grid;grid-template-columns:1fr 1fr;gap:24px}#brand-kit .component-group{padding:24px;min-width:0;border-top:1px solid #ecebe61f}#brand-kit .component-group h3{font-size:15px;font-weight:500;margin-bottom:20px}#brand-kit .button-row{display:flex;flex-wrap:wrap;gap:12px}#brand-kit .component-group .ast-field+.ast-field{margin-top:20px}#brand-kit .states{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}#brand-kit .docs-sample{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;padding:32px}#brand-kit .docs-sample .ast-doc-nav{align-content:start;border-right:1px solid var(--ast-line);padding-right:24px}#brand-kit .docs-sample h3{font-size:32px;line-height:1.25;font-weight:400;margin-bottom:20px}#brand-kit .docs-sample .doc-copy{font-size:16px;line-height:1.85;color:var(--ast-text-2)}#brand-kit .docs-sample .doc-copy p+p{margin-top:16px}#brand-kit .doc-figure{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:28px 0;padding:24px 0;border-top:1px solid var(--ast-line);border-bottom:1px solid var(--ast-line);font-size:13px}#brand-kit .doc-figure span{font-size:20px;color:var(--ast-text-3)}#brand-kit .doc-figure strong{font-weight:500}#brand-kit .motion-rows{display:grid;gap:0}#brand-kit .motion-row{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;padding:20px 0;border-bottom:1px solid #ecebe61f;gap:20px}#brand-kit .motion-track{height:2px;background:#ecebe61f;position:relative}#brand-kit .motion-track>i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#ecebe6;left:0;transition:left var(--demo-duration,200ms) var(--ast-ease-out)}#brand-kit .motion-row:hover i,#brand-kit .motion-row:focus-within i{left:calc(100% - 8px)}#brand-kit .motion-row button{color:#b9bab6;background:none;border:1px solid #747b87;border-radius:6px;min-height:44px;font-size:12px}#brand-kit .check-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}#brand-kit .check-list li{padding:20px 0;border-bottom:1px solid #ecebe61f;color:#b9bab6;font-size:14px}#brand-kit .check-list li::before{content:'↗';display:inline-block;color:#6fe3ff;margin-right:12px}#brand-kit .delivery{display:flex;justify-content:space-between;align-items:start;gap:24px}#brand-kit .delivery p{color:#b9bab6;max-width:36em}#brand-kit .delivery a{white-space:nowrap}#brand-kit .footer{padding:40px 0 60px;display:flex;justify-content:space-between;gap:20px;color:#9a9fa8;font-size:12px}#brand-kit .copy-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#ecebe6;color:#0a0b0d;border-radius:10px;padding:10px 18px;z-index:30;font-size:13px}#brand-kit .copy-notice:empty{display:none}#brand-kit .flow-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}#brand-kit .flow-list li{border-top:1px solid #ecebe638;padding-top:16px}#brand-kit .flow-list small{font:11px var(--ast-font-mono);color:#9a9fa8}#brand-kit .flow-list h3{font-size:18px;margin:14px 0 8px}#brand-kit .flow-list p{font-size:13px;color:#9a9fa8}
@media(max-width:1199px){#brand-kit .layout{grid-template-columns:176px minmax(0,1fr);gap:28px;padding-inline:28px}#brand-kit .hero h1{font-size:54px}#brand-kit .material-row{gap:12px}#brand-kit .material{padding:20px 16px}#brand-kit .sample-columns{grid-template-columns:1fr}#brand-kit .sample-side{border-left:0;border-top:1px solid var(--ast-line);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr}#brand-kit .docs-sample{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:24px}#brand-kit .top{padding-inline:28px}}
@media(max-width:999px){#brand-kit .layout{display:block}#brand-kit .toc{position:sticky;top:76px;height:auto;background:#050608f5;z-index:12;display:flex;gap:20px;padding:10px 0;overflow:auto;border-bottom:1px solid #ecebe61f}#brand-kit .toc>span,#brand-kit .toc .toc-download{display:none}#brand-kit .toc a{flex:none;font-size:12px;gap:6px;min-height:44px}#brand-kit .hero{padding-top:64px;min-height:480px}#brand-kit .section{scroll-margin-top:56px}#brand-kit .component-examples{gap:12px}#brand-kit .component-group{padding-inline:12px}#brand-kit .section-no{width:48px}#brand-kit .section-head{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:680px){#brand-kit .top{height:64px;padding-inline:20px}#brand-kit .logo{font-size:11px;letter-spacing:.2em}#brand-kit .logo img{width:36px;height:20px}#brand-kit .top-meta{font-size:10px}#brand-kit .layout{padding-inline:20px}#brand-kit .toc{top:64px;gap:18px}#brand-kit .hero{min-height:500px;padding:64px 0 40px}#brand-kit .hero h1{font-size:40px;line-height:1.2;margin:22px 0}#brand-kit .hero p{font-size:15px;line-height:1.85;max-width:27em}#brand-kit .hero-art{width:120%;right:-35%;opacity:.48}#brand-kit .hero::after{background:linear-gradient(90deg,#050608f2,#05060899 70%,#05060833),linear-gradient(0deg,#050608,transparent 70%)}#brand-kit .kicker{font-size:10px;letter-spacing:.08em}#brand-kit .section{padding-block:48px;scroll-margin-top:56px}#brand-kit .section h2{font-size:28px}#brand-kit .section-head{display:block;margin-bottom:24px}#brand-kit .section-no{display:block;margin-bottom:16px;padding:0}#brand-kit .section-head p{font-size:14px}#brand-kit .logo-grid{grid-template-columns:1fr}#brand-kit .logo-plate{min-height:150px;padding:32px 16px}#brand-kit .logo-plate+div{border:0;border-top:1px solid #ecebe61f}#brand-kit .logo-word{font-size:14px}#brand-kit .colors{grid-template-columns:repeat(2,1fr);gap:20px 16px}#brand-kit .color-paint{height:72px}#brand-kit .spectrum-strip{height:32px}#brand-kit .spectrum-values{grid-template-columns:repeat(4,1fr);row-gap:16px}#brand-kit .type-spec{grid-template-columns:1fr;gap:14px;padding:24px 0}#brand-kit .type-meta{display:flex;justify-content:space-between;gap:12px}#brand-kit .type-meta strong{margin:0}#brand-kit .type-display{font-size:32px}#brand-kit .type-page{font-size:24px}#brand-kit .type-body{font-size:16px}#brand-kit .type-data{font-size:28px}#brand-kit .pair,#brand-kit .material-row,#brand-kit .component-examples,#brand-kit .check-list{grid-template-columns:1fr}#brand-kit .material{min-height:150px;padding:24px}#brand-kit .spec-line{display:block}#brand-kit .spec-line p{margin-top:10px;font-size:14px}#brand-kit .beam-board{min-height:280px;border-radius:16px}#brand-kit .beam-board svg{height:280px;width:160%;margin-left:-30%}#brand-kit .beam-controls{left:16px;right:16px}#brand-kit .beam-controls p{max-width:14em;line-height:1.6}#brand-kit .beam-tag{left:16px;top:20px;font-size:10px}#brand-kit .sample{padding:20px 16px}#brand-kit .sample-toolbar{align-items:start}#brand-kit .sample-tools{flex-wrap:wrap}#brand-kit .sample h3{font-size:20px}#brand-kit .sample .head-row{gap:12px}#brand-kit .sample .head-row>.ast-status{margin-top:5px;font-size:11px}#brand-kit .sample-context dd{font-size:16px}#brand-kit .sample-side{grid-template-columns:1fr}#brand-kit .sample-actions .ast-btn{flex:1}#brand-kit .sample-title{font-size:11px}#brand-kit .component-group{padding:24px 0}#brand-kit .docs-sample{display:block;padding:24px 16px}#brand-kit .docs-sample .ast-doc-nav{display:flex;overflow:auto;gap:20px;border-right:0;border-bottom:1px solid var(--ast-line);padding:0 0 16px;margin-bottom:24px}#brand-kit .ast-doc-nav a{white-space:nowrap}#brand-kit .docs-sample h3{font-size:28px}#brand-kit .doc-figure{gap:6px;font-size:12px}#brand-kit .doc-figure span{font-size:16px}#brand-kit .motion-row{grid-template-columns:100px 1fr 72px;gap:12px;font-size:12px}#brand-kit .flow-list{grid-template-columns:1fr;gap:24px}#brand-kit .flow-list h3{margin-top:8px}#brand-kit .delivery{display:block}#brand-kit .delivery a{margin-top:24px}#brand-kit .footer{flex-direction:column;gap:8px}#brand-kit .rule-table{min-width:520px}#brand-kit .type-code{font-size:12px;overflow-wrap:anywhere}}
@media(max-width:360px){#brand-kit .layout{padding-inline:16px}#brand-kit .top{padding-inline:16px}#brand-kit .hero h1{font-size:34px}#brand-kit .top-meta{max-width:72px;text-align:right}#brand-kit .hero p{font-size:14px}#brand-kit .sample-title{letter-spacing:.12em}#brand-kit .sample .head-row{flex-direction:column}#brand-kit .doc-figure{grid-template-columns:1fr;text-align:center}#brand-kit .doc-figure span{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){#brand-kit{scroll-behavior:auto}#brand-kit *,#brand-kit *::before,#brand-kit *::after{animation:none!important;transition:none!important}}
@media print{#brand-kit .top,#brand-kit .toc,#brand-kit .hero-links,#brand-kit .sample-tools,#brand-kit .beam-controls button,#brand-kit .copy-notice{display:none}#brand-kit .layout{display:block;padding:0}#brand-kit .hero{min-height:300px;padding-top:30px}#brand-kit .section{break-inside:avoid;padding-block:28px}#brand-kit .section h2{font-size:26px}#brand-kit{-webkit-print-color-adjust:exact;print-color-adjust:exact}#brand-kit .hero h1{font-size:44px}#brand-kit .section-head{margin-bottom:20px}}

#brand-kit{font-family:var(--ast-font-sans);background:#050608;padding-top:28px}#brand-kit .hero{inset:auto;margin:0;max-width:none;width:auto;transform:none}#brand-kit .hero-art{max-width:none;content:url(/brand/photonic-beam.webp)}#brand-kit .section{scroll-margin-top:90px}.brandkit-site .site-footer{opacity:1}#brand-kit a{overflow-wrap:anywhere}@media(max-width:999px){#brand-kit .toc{top:64px}}