.brand-page{--background:#0d1117;--background-light:#161b22;--accent:#4ecdc4;--accent-dark:#3dbdb5;--accent-light:#5eeee0;--accent-orange:#ff6b35;--accent-pink:#ff3ea5;--accent-purple:#7b68ee;--accent-green:#95e1d3;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.5);--text-hint:hsla(0,0%,100%,.3);--glass-bg:hsla(0,0%,100%,.02);--glass-bg-hover:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.05);--glass-border-hover:rgba(78,205,196,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 30px rgba(78,205,196,.4);--shadow-glow-strong:0 0 60px rgba(78,205,196,.6);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.brand-page .container{max-width:1100px;margin:0 auto;padding:0 40px}.brand-page section{padding:100px 0;border-bottom:1px solid var(--glass-border)}.brand-page section:last-of-type{border-bottom:none}.brand-page .section-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:16px}.brand-page .section-title{font-size:32px;font-weight:600;margin-bottom:12px;letter-spacing:-.02em}.brand-page .section-description{font-size:17px;font-weight:300;color:var(--text-secondary);max-width:600px;margin-bottom:60px}.brand-page .subsection{margin-bottom:60px}.brand-page .subsection:last-child{margin-bottom:0}.brand-page .subsection-title{font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.brand-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 40px;background:rgba(13,17,23,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.brand-page .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.brand-page .nav-logo-mark{width:28px;height:28px;position:relative}.brand-page .nav-logo-mark .ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(78,205,196,.25)}.brand-page .nav-logo-mark .ring-1{width:24px;height:24px}.brand-page .nav-logo-mark .ring-2{width:16px;height:16px}.brand-page .nav-logo-mark .ring-3{width:8px;height:8px}.brand-page .nav-logo-mark .core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.brand-page .nav-logo span{font-size:16px;font-weight:600}.brand-page .nav-links{display:flex;gap:32px}.brand-page .nav-links a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.brand-page .nav-links a:hover{color:var(--text-primary)}.brand-page .cover{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding-top:60px;border-bottom:1px solid var(--glass-border)}.brand-page .cover-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(78,205,196,.05) 0,transparent 60%);animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.brand-page .cover-content{position:relative;z-index:1}.brand-page .cover-logo{width:120px;height:120px;margin:0 auto 40px;position:relative}.brand-page .cover-logo-svg{margin:0 auto 40px;display:block}.brand-page .cover-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(78,205,196,.2)}.brand-page .cover-ring-1{width:100px;height:100px}.brand-page .cover-ring-2{width:70px;height:70px}.brand-page .cover-ring-3{width:40px;height:40px}.brand-page .cover-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent-light),var(--accent),var(--accent-dark));box-shadow:0 0 20px var(--accent),0 0 40px rgba(78,205,196,.4);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.brand-page .cover-title{font-size:64px;font-weight:200;letter-spacing:-.03em;margin-bottom:8px}.brand-page .cover-subtitle{font-size:18px;font-weight:400;color:var(--text-muted);letter-spacing:4px;text-transform:uppercase}.brand-page .cover-meta{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:40px;font-size:12px;color:var(--text-hint)}.brand-page .toc{padding:60px 0}.brand-page .toc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-page .toc-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;text-decoration:none;transition:all .3s ease}.brand-page .toc-item:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.brand-page .toc-number{font-size:11px;color:var(--accent);margin-bottom:8px;font-weight:500}.brand-page .toc-name{font-size:15px;color:var(--text-primary);font-weight:500}.brand-page .overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.brand-page .overview-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px}.brand-page .overview-card h3{font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.brand-page .overview-card p{font-size:17px;font-weight:300;color:var(--text-primary);line-height:1.6}.brand-page .personality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.brand-page .personality-item{display:flex;align-items:baseline;gap:16px;padding:24px 0;border-bottom:1px solid var(--glass-border)}.brand-page .personality-do{font-size:20px;font-weight:500;color:var(--accent);min-width:140px}.brand-page .personality-dont{font-size:15px;color:var(--text-muted)}.brand-page .personality-dont:before{content:"not ";color:var(--text-hint)}.brand-page .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:60px}.brand-page .color-grid:last-child{margin-bottom:0}.brand-page .color-card{background:var(--background-light);border-radius:16px;overflow:hidden}.brand-page .color-swatch{height:100px;display:flex;align-items:flex-end;padding:16px}.brand-page .color-info{padding:16px}.brand-page .color-name{font-size:14px;font-weight:500;margin-bottom:4px}.brand-page .color-value{font-size:13px;font-family:SF Mono,Monaco,monospace;color:var(--text-muted)}.brand-page .color-var{font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint);margin-top:4px}.brand-page .surface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.brand-page .surface-card{padding:40px;border-radius:var(--radius-xl);text-align:center;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-page .surface-glass{background:var(--glass-bg);border:1px solid var(--glass-border)}.brand-page .surface-glass-hover{background:var(--glass-bg-hover);border:1px solid var(--glass-border-hover)}.brand-page .surface-elevated{background:var(--background-light);box-shadow:var(--shadow-lg)}.brand-page .surface-label{font-size:14px;font-weight:500;margin-bottom:8px}.brand-page .surface-specs{font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint);line-height:1.6}.brand-page .shadow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.brand-page .shadow-demo{text-align:center}.brand-page .shadow-box{width:80px;height:80px;background:var(--background-light);border-radius:var(--radius-lg);margin:0 auto 16px}.brand-page .shadow-sm{box-shadow:var(--shadow-sm)}.brand-page .shadow-md{box-shadow:var(--shadow-md)}.brand-page .shadow-lg{box-shadow:var(--shadow-lg)}.brand-page .shadow-glow{box-shadow:var(--shadow-glow)}.brand-page .shadow-glow-strong{box-shadow:var(--shadow-glow-strong)}.brand-page .shadow-name{font-size:13px;font-weight:500;margin-bottom:4px}.brand-page .shadow-value{font-size:10px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint)}.brand-page .type-specimen{margin-bottom:60px}.brand-page .type-row{display:flex;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--glass-border);gap:40px}.brand-page .type-meta{min-width:200px}.brand-page .type-name{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.brand-page .type-specs{font-size:12px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint)}.brand-page .type-sample{flex:1}.brand-page .sample-hero{font-size:72px;font-weight:200;letter-spacing:-.03em;line-height:1.1}.brand-page .sample-display{font-size:48px;font-weight:200;letter-spacing:-.02em}.brand-page .sample-h1{font-size:32px;font-weight:600;letter-spacing:-.01em}.brand-page .sample-h2{font-size:24px;font-weight:600}.brand-page .sample-h3{font-size:18px;font-weight:500}.brand-page .sample-body-large{font-size:17px;font-weight:300;color:var(--text-secondary)}.brand-page .sample-body{font-size:15px;font-weight:400}.brand-page .sample-small{font-size:13px;color:var(--text-muted)}.brand-page .sample-counter{font-size:64px;font-weight:200;font-variant-numeric:tabular-nums;color:var(--accent)}.brand-page .spacing-grid{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.brand-page .spacing-item{text-align:center}.brand-page .spacing-box{background:var(--accent);border-radius:4px;margin-bottom:12px;opacity:.6}.brand-page .spacing-label{font-size:12px;font-weight:500;margin-bottom:2px}.brand-page .spacing-value{font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint)}.brand-page .radius-grid{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.brand-page .radius-item{text-align:center}.brand-page .radius-box{width:80px;height:80px;background:var(--glass-bg);border:1px solid var(--glass-border);margin-bottom:12px}.brand-page .radius-sm{border-radius:var(--radius-sm)}.brand-page .radius-md{border-radius:var(--radius-md)}.brand-page .radius-lg{border-radius:var(--radius-lg)}.brand-page .radius-xl{border-radius:var(--radius-xl)}.brand-page .radius-2xl{border-radius:var(--radius-2xl)}.brand-page .radius-full{border-radius:var(--radius-full)}.brand-page .radius-label{font-size:12px;font-weight:500;margin-bottom:2px}.brand-page .radius-value{font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint)}.brand-page .logo-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}.brand-page .logo-variant{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:60px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.brand-page .logo-variant-light{background:#fff}.brand-page .logo-mark{position:relative;margin-bottom:24px}.brand-page .logo-mark-large{width:80px;height:80px}.brand-page .logo-mark-medium{width:48px;height:48px}.brand-page .logo-mark-small{width:32px;height:32px;margin:0}.brand-page .logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(78,205,196,.25)}.brand-page .logo-mark-large .logo-ring:first-child{width:68px;height:68px}.brand-page .logo-mark-large .logo-ring:nth-child(2){width:48px;height:48px}.brand-page .logo-mark-large .logo-ring:nth-child(3){width:28px;height:28px}.brand-page .logo-mark-medium .logo-ring:first-child{width:40px;height:40px}.brand-page .logo-mark-medium .logo-ring:nth-child(2){width:28px;height:28px}.brand-page .logo-mark-medium .logo-ring:nth-child(3){width:16px;height:16px}.brand-page .logo-mark-small .logo-ring:first-child{width:28px;height:28px}.brand-page .logo-mark-small .logo-ring:nth-child(2){width:20px;height:20px}.brand-page .logo-mark-small .logo-ring:nth-child(3){width:12px;height:12px}.brand-page .logo-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,var(--accent-light),var(--accent),var(--accent-dark));box-shadow:0 0 12px var(--accent),0 0 24px rgba(78,205,196,.4)}.brand-page .logo-mark-large .logo-core{width:12px;height:12px}.brand-page .logo-mark-medium .logo-core{width:8px;height:8px}.brand-page .logo-mark-small .logo-core{width:6px;height:6px}.brand-page .logo-wordmark{font-size:24px;font-weight:600;letter-spacing:.5px}.brand-page .logo-wordmark-dark{color:var(--background)}.brand-page .logo-variant-label{font-size:12px;color:var(--text-hint);margin-top:20px}.brand-page .logo-variant-light .logo-variant-label{color:rgba(0,0,0,.4)}.brand-page .logo-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.brand-page .logo-rule{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.brand-page .logo-rule-title{font-size:13px;font-weight:500;margin-bottom:8px}.brand-page .logo-rule-text{font-size:14px;color:var(--text-muted);line-height:1.5}.brand-page .icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.brand-page .icon-item{text-align:center;padding:24px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.brand-page .icon-preview{font-size:28px;margin-bottom:12px;display:block}.brand-page .icon-name{font-size:12px;color:var(--text-muted)}.brand-page .icon-sf{font-size:10px;font-family:SF Mono,Monaco,monospace;color:var(--text-hint);margin-top:4px}.brand-page .room-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.brand-page .room-item{text-align:center}.brand-page .room-swatch{width:100%;aspect-ratio:1;border-radius:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:32px}.brand-page .room-name{font-size:13px;font-weight:500;margin-bottom:4px}.brand-page .room-hex{font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--text-muted)}.brand-page .components-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.brand-page .component-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:40px}.brand-page .component-label{font-size:12px;font-weight:500;color:var(--text-hint);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.brand-page .component-demo{display:flex;flex-direction:column;gap:16px}.brand-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-page .btn-primary{padding:16px 32px;background:var(--accent);color:var(--background);border-radius:30px}.brand-page .btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(78,205,196,.4)}.brand-page .btn-secondary{padding:14px 28px;background:rgba(78,205,196,.1);color:var(--accent);border:1px solid rgba(78,205,196,.3);border-radius:30px}.brand-page .btn-secondary:hover{background:var(--accent);color:var(--background)}.brand-page .btn-ghost{padding:12px 20px;background:transparent;color:var(--text-secondary);border-radius:12px}.brand-page .btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}.brand-page .input-demo{display:flex;gap:12px}.brand-page .input{flex:1;padding:16px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;transition:all .3s ease}.brand-page .input::-moz-placeholder{color:var(--text-hint)}.brand-page .input::placeholder{color:var(--text-hint)}.brand-page .input:focus{border-color:var(--glass-border-hover);background:hsla(0,0%,100%,.05)}.brand-page .card-demo{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:all .3s ease}.brand-page .card-demo:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.brand-page .card-demo-content{display:flex;align-items:center;gap:16px}.brand-page .card-demo-emoji{font-size:32px}.brand-page .card-demo-title{font-size:16px;font-weight:500;margin-bottom:4px}.brand-page .card-demo-meta{font-size:13px;color:var(--accent)}.brand-page .streak-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,107,53,.15);border-radius:20px;font-size:14px;font-weight:500}.brand-page .toggle-demo{display:flex;align-items:center;gap:12px}.brand-page .toggle{width:52px;height:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:all .3s ease}.brand-page .toggle:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;background:var(--text-muted);border-radius:50%;transition:all .3s ease}.brand-page .toggle.active{background:var(--accent);border-color:var(--accent)}.brand-page .toggle.active:after{left:24px;background:var(--background)}.brand-page .states-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.brand-page .state-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:40px;text-align:center;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-page .state-icon{font-size:48px;margin-bottom:16px}.brand-page .state-title{font-size:16px;font-weight:500;margin-bottom:8px}.brand-page .state-description{font-size:14px;color:var(--text-muted);max-width:200px}.brand-page .spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}.brand-page .animation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.brand-page .animation-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px;text-align:center}.brand-page .animation-preview{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.brand-page .anim-breathe{width:40px;height:40px;border-radius:50%;background:var(--accent);animation:breathe 8s ease-in-out infinite}.brand-page .anim-pulse{width:20px;height:20px;border-radius:50%;background:var(--accent);animation:pulse 3s ease-in-out infinite}.brand-page .anim-glow{font-size:32px;font-weight:200;color:var(--accent);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(78,205,196,.4)}50%{text-shadow:0 0 40px rgba(78,205,196,.8)}}.brand-page .anim-float{width:20px;height:20px;border-radius:50%;background:var(--accent);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-page .animation-name{font-size:14px;font-weight:500;margin-bottom:4px}.brand-page .animation-duration{font-size:12px;font-family:SF Mono,Monaco,monospace;color:var(--text-muted)}.brand-page .voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.brand-page .voice-column h3{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--accent);display:inline-block}.brand-page .voice-column.dont h3{border-color:var(--accent-pink)}.brand-page .voice-example{padding:20px 0;border-bottom:1px solid var(--glass-border);font-size:16px;line-height:1.5}.brand-page .voice-column.do .voice-example{color:var(--text-primary)}.brand-page .voice-column.dont .voice-example{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--accent-pink)}.brand-page .code-block{background:var(--background-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto;color:var(--text-secondary);white-space:pre}.brand-footer{padding:60px 0;text-align:center;border-top:1px solid var(--glass-border)}.brand-page .footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.brand-page .footer-logo span{font-size:18px;font-weight:600}.brand-page .footer-meta{font-size:13px;color:var(--text-hint)}@media (max-width:1000px){.brand-page .toc-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.brand-nav{padding:12px 20px}.brand-page .nav-links{display:none}.brand-page .components-grid,.brand-page .logo-showcase,.brand-page .overview-grid,.brand-page .states-grid,.brand-page .surface-grid,.brand-page .voice-grid{grid-template-columns:1fr}.brand-page .room-grid{grid-template-columns:repeat(3,1fr)}.brand-page .animation-grid{grid-template-columns:repeat(2,1fr)}.brand-page .personality-grid{grid-template-columns:1fr}.brand-page .shadow-grid{grid-template-columns:repeat(3,1fr)}.brand-page .icon-grid{grid-template-columns:repeat(4,1fr)}.brand-page .toc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.brand-page .container{padding:0 20px}.brand-page section{padding:60px 0}.brand-page .cover-title{font-size:40px}.brand-page .room-grid{grid-template-columns:repeat(2,1fr)}.brand-page .type-row{flex-direction:column;gap:16px}.brand-page .type-meta{min-width:auto}.brand-page .logo-rules{grid-template-columns:1fr}.brand-page .shadow-grid{grid-template-columns:repeat(2,1fr)}.brand-page .icon-grid{grid-template-columns:repeat(3,1fr)}.brand-page .toc-grid{grid-template-columns:1fr}.brand-page .sample-hero{font-size:48px}.brand-page .sample-display{font-size:32px}.brand-page .sample-counter{font-size:48px}}