.brand-studio{--bs-red:var(--primary);--bs-cream:var(--foreground);--bs-muted:var(--muted-foreground);background:var(--background);color:var(--bs-cream);min-height:100svh;padding:35px 0 0;overflow:clip}.brand-studio-inner{width:min(1240px,calc(100% - 80px));margin-inline:auto}.brand-studio a,.brand-studio button,.brand-studio input{-webkit-tap-highlight-color:transparent}.brand-studio button{cursor:pointer}.brand-studio a:focus-visible,.brand-studio button:focus-visible,.brand-studio input:focus-visible{outline:2px solid var(--brand-link);outline-offset:5px}.brand-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--border);font-size:11px}.brand-topline>span{display:flex;align-items:center;gap:10px;font-family:var(--font-space-grotesk),sans-serif;letter-spacing:.12em;color:var(--muted-foreground)}.brand-status-dot{width:6px;height:6px;background:var(--bs-red);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--primary) 40%,transparent)}.brand-topline a{display:inline-flex;align-items:center;gap:8px;color:var(--muted-foreground);text-decoration:none}.brand-intro{display:grid;grid-template-columns:1.2fr 1fr;min-height:430px;align-items:center;gap:60px;margin:42px 0 55px}.brand-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground)}.brand-studio .brand-intro h1{margin:22px 0 18px;font-family:var(--font-tajawal),sans-serif;font-size:clamp(48px,5.5vw,76px);font-weight:700;line-height:1.2;letter-spacing:-.04em}.brand-intro h1 span{color:var(--brand-link)}.brand-studio .brand-intro p{color:var(--bs-muted);font-size:15px;line-height:2;max-width:480px}.brand-intro-link{display:inline-flex;align-items:center;gap:16px;margin-top:25px;color:var(--bs-cream);font-size:13px;text-decoration:none;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--foreground) 40%,transparent)}.brand-hero-art{position:relative;min-height:360px;display:grid;place-items:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--primary) 5.49%,transparent),transparent 70%)}.brand-hero-art>svg{z-index:1;filter:drop-shadow(0 18px 50px color-mix(in srgb,var(--primary) 14.902%,transparent))}.brand-orbit-line{position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:325px;height:325px}.brand-orbit-two{width:245px;height:245px}.brand-coordinate{position:absolute;color:var(--subtle-foreground);font:10px var(--font-space-grotesk),sans-serif;letter-spacing:.12em}.brand-coordinate-top{top:16px;left:12px}.brand-coordinate-bottom{bottom:10px;right:12px}.brand-art-cross{position:absolute;left:20px;bottom:40px;color:var(--primary);font-size:24px;font-weight:300}.brand-applications,.brand-concepts,.brand-preview-section{scroll-margin-top:90px;margin-bottom:80px}.brand-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.brand-overline{display:block;font:10px var(--font-space-grotesk),sans-serif;letter-spacing:.16em;color:var(--subtle-foreground);margin-bottom:12px}.brand-studio h2{font-size:26px;font-weight:700;line-height:1.6;margin:0}.brand-studio .brand-section-heading p{color:var(--bs-muted);font-size:12px;margin:0 0 5px}.brand-concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-concept-card{display:flex;flex-direction:column;align-items:stretch;text-align:start!important;min-width:0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:inherit;transition:background .2s,border-color .2s,transform .2s}.brand-concept-card:hover{background:var(--surface);border-color:var(--input);transform:translateY(-3px)}.brand-concept-card.is-selected{background:var(--surface-elevated);border-color:var(--primary)}.brand-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;min-height:25px}.brand-card-meta>span:first-child{color:var(--muted-foreground);font:10px var(--font-space-grotesk),sans-serif;letter-spacing:.1em}.brand-recommended{color:var(--brand-link);font-size:9px;background:color-mix(in srgb,var(--primary) 8.235%,transparent);padding:3px 6px;border-radius:2px}.brand-card-art{min-height:170px;display:grid;place-items:center}.brand-card-art>svg{max-width:100%;height:auto}.brand-card-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.brand-studio .brand-card-title h3{font-size:21px;font-weight:700;margin:0}.brand-card-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;color:var(--subtle-foreground)}.is-selected .brand-card-check{background:var(--primary);border-color:var(--primary);color:white}.brand-studio .brand-concept-card p{margin:0 0 20px;color:var(--muted-foreground);font-size:12px;line-height:1.95}.brand-card-use{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);font-size:10px;line-height:1.8;color:var(--muted-foreground)}.brand-selection-label{font:11px var(--font-space-grotesk),sans-serif;letter-spacing:.12em;color:var(--brand-link);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);padding:7px 12px}.brand-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--border);border-radius:5px;overflow:hidden}.brand-canvas{min-height:430px;min-width:0;padding:24px;display:flex;flex-direction:column;background-color:var(--surface);background-image:linear-gradient(#ffffff04 1px,transparent 0),linear-gradient(90deg,#ffffff04 1px,transparent 0);background-size:30px 30px;color:var(--subtle-foreground);transition:background-color .25s}.brand-canvas.is-light{background-color:var(--brand-cream);background-image:linear-gradient(color-mix(in srgb,var(--brand-charcoal) 1.961%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand-charcoal) 1.961%,transparent) 1px,transparent 1px);color:var(--brand-charcoal)}.brand-canvas-bottom,.brand-canvas-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.brand-canvas-bottom span[dir],.brand-canvas-top span[dir]{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:.12em}.brand-canvas-art{display:grid;place-items:center;flex:1;min-height:260px;min-width:0;padding:45px 12px}.brand-preview-logo{max-width:100%;height:auto}.brand-controls{background:var(--surface);border-inline-start:1px solid var(--border);padding:25px 22px 18px}.brand-controls fieldset{padding:0;border:0;margin:0 0 22px}.brand-controls legend{font-size:12px;font-weight:600;color:var(--muted-foreground);margin-bottom:11px}.brand-controls button{color:var(--muted-foreground);font-size:11px;min-height:38px;border-radius:3px;border:1px solid var(--border);background:var(--secondary);padding:7px 8px;transition:color .15s,border-color .15s,background .15s}.brand-controls button[aria-pressed=true]{background:var(--brand-cream);color:var(--brand-charcoal);border-color:var(--brand-cream)}.brand-controls button:hover{border-color:var(--muted-foreground)}.brand-variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.brand-segmented{display:flex;gap:5px}.brand-segmented button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px}.brand-swatch{height:11px;width:11px;border-radius:50%;border:1px solid var(--subtle-foreground)}.brand-swatch-dark{background:var(--surface)}.brand-swatch-light{background:#efede7}.brand-size-control label{display:flex;justify-content:space-between;color:var(--muted-foreground);font-size:12px;margin-bottom:8px}.brand-size-control label span{font:11px var(--font-space-grotesk),sans-serif;color:var(--subtle-foreground)}.brand-size-control input{width:100%;accent-color:var(--primary);cursor:pointer}.brand-motion-toggle{display:flex;align-items:center;gap:8px;font-size:11px;margin:18px 0;color:var(--muted-foreground);cursor:pointer}.brand-motion-toggle input{accent-color:var(--primary);width:15px;height:15px}.brand-motion-toggle svg{margin-inline-start:auto}.brand-export-actions{display:flex;gap:7px}.brand-controls .brand-export-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:43px}.brand-controls .brand-download{background:var(--primary);border-color:var(--primary);color:white}.brand-studio .brand-export-note{color:var(--muted-foreground);font-size:10px;line-height:1.7;margin:10px 0 0}.brand-studio .brand-notice{min-height:30px;margin:8px 0 0;color:var(--foreground);font-size:11px;line-height:1.7}.brand-studio .brand-concept-detail{margin:18px 0 0;color:var(--muted-foreground);font-size:12px;line-height:1.8}.brand-concept-detail>span{color:var(--foreground);border-inline-end:1px solid var(--input);padding-inline-end:14px;margin-inline-end:14px}.brand-application-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:16px}.brand-application{min-width:0;min-height:320px;background:var(--surface);border:1px solid var(--border);border-radius:5px;overflow:hidden;position:relative}.brand-application-label{display:block;color:var(--muted-foreground);font-size:10px;padding:18px 20px;border-bottom:1px solid var(--border)}.brand-mini-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 22px 0;padding-bottom:20px;border-bottom:1px solid var(--border)}.brand-mini-header>svg{max-width:55%;height:auto}.brand-mini-nav{color:var(--muted-foreground);font:9px var(--font-dm-sans),sans-serif;white-space:nowrap}.brand-mini-avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-elevated);color:var(--brand-link);font-size:9px;flex:0 0 auto}.brand-mini-content{margin:28px 22px}.brand-mini-content>span{font-size:10px;color:var(--muted-foreground)}.brand-studio .brand-mini-content h3{margin:8px 0 22px;font-size:23px;font-weight:700}.brand-mini-workout{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid color-mix(in srgb,var(--primary) 16.078%,transparent);border-radius:8px;background:color-mix(in srgb,var(--primary) 3.529%,transparent)}.brand-mini-workout>svg:first-child{color:var(--brand-link)}.brand-mini-workout>svg:last-child{margin-inline-start:auto;color:#af837f}.brand-mini-workout small,.brand-mini-workout strong{display:block}.brand-mini-workout strong{font-size:12px}.brand-mini-workout small{color:var(--subtle-foreground);font-size:10px;margin-top:3px}.brand-mobile-app{display:flex;flex-direction:column;align-items:center}.brand-mobile-app .brand-application-label{align-self:stretch}.brand-app-icon{display:grid;place-items:center;width:106px;height:106px;margin:28px 0 12px;background:linear-gradient(145deg,var(--surface-elevated),var(--surface));border:1px solid #ffffff12;border-radius:25px;box-shadow:0 12px 22px #00000040}.brand-mobile-app>strong{font:13px var(--font-space-grotesk),sans-serif}.brand-mobile-app>small{font-size:10px;color:var(--muted-foreground);margin-top:7px}.brand-icon-sizes{display:flex;gap:27px;align-items:end;justify-content:center;margin:20px 0}.brand-icon-sizes>div{display:flex;flex-direction:column;align-items:center;gap:7px}.brand-icon-sizes span{color:var(--subtle-foreground);font:9px var(--font-space-grotesk),sans-serif}.brand-premium-app{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 30% 30%,color-mix(in srgb,var(--brand-gold) 6.275%,transparent),transparent 80%),var(--surface-elevated);border-color:color-mix(in srgb,var(--brand-gold) 20%,transparent)}.brand-premium-app .brand-application-label{align-self:stretch;color:var(--muted-foreground);border-color:color-mix(in srgb,var(--brand-gold) 12.549%,transparent)}.brand-premium-top{align-self:stretch;display:flex;align-items:center;justify-content:space-between;margin:24px 24px 20px;color:var(--brand-gold-soft);font:9px var(--font-space-grotesk),sans-serif;letter-spacing:.12em}.brand-premium-app>svg{margin-block:4px 28px;max-width:calc(100% - 50px);height:auto}.brand-premium-bottom{align-self:stretch;margin:auto 24px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid color-mix(in srgb,var(--brand-gold) 14.51%,transparent);padding-top:15px;color:var(--muted-foreground);font-size:10px}.brand-premium-bottom span[dir]{font:8px var(--font-space-grotesk),sans-serif;letter-spacing:.1em}.brand-system{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;border-top:1px solid var(--border);padding:55px 0 70px}.brand-studio .brand-system h2{font-size:31px;line-height:1.6;margin-bottom:18px}.brand-studio .brand-system p{color:var(--muted-foreground);font-size:13px;line-height:2;max-width:480px;margin-bottom:12px}.brand-system-samples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-system-samples>div{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:15px;border:1px solid var(--border);background:var(--surface)}.brand-system-samples svg{max-width:100%;height:auto}.brand-system-samples span{font-size:10px;color:var(--subtle-foreground)}.brand-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:24px 0 32px;font-size:11px;color:var(--subtle-foreground)}.brand-footer a{display:inline-flex;gap:7px;align-items:center;color:var(--muted-foreground);text-decoration:none}.has-motion .tc-brand-symbol{transform-box:fill-box;transform-origin:center;animation:brand-breathe 3s ease-in-out infinite}@keyframes brand-breathe{0%,to{opacity:1}50%{opacity:.65}}@media (max-width:1100px){.brand-studio-inner{width:calc(100% - 48px)}.brand-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card-art{min-height:155px}.brand-intro{gap:20px}.brand-application-grid{grid-template-columns:1fr 1fr}.brand-web-app{grid-column:1/-1}.brand-mini-header>svg{max-width:50%}.brand-system{gap:30px}}@media (max-width:700px){.brand-studio{padding-top:25px}.brand-studio-inner{width:calc(100% - 32px)}.brand-topline{gap:12px}.brand-topline>span{font-size:8px;letter-spacing:.04em}.brand-topline a{font-size:10px}.brand-intro{grid-template-columns:1fr;margin:35px 0 45px;gap:0}.brand-studio .brand-intro h1{font-size:49px}.brand-hero-art{min-height:285px;margin-top:25px}.brand-hero-art>svg{width:145px;height:145px}.brand-orbit-one{width:260px;height:260px}.brand-orbit-two{width:200px;height:200px}.brand-section-heading{align-items:start;flex-direction:column;gap:9px;margin-bottom:20px}.brand-studio h2{font-size:23px}.brand-applications,.brand-concepts,.brand-preview-section{margin-bottom:50px}.brand-concept-grid{gap:10px}.brand-concept-card{padding:14px}.brand-card-meta{min-height:38px;align-content:start}.brand-card-meta>span:first-child{font-size:9px}.brand-recommended{font-size:8px}.brand-card-art{min-height:130px}.brand-studio .brand-concept-card p{font-size:11px}.brand-card-use{font-size:9px}.brand-workbench{grid-template-columns:1fr}.brand-canvas{min-height:300px;padding:17px}.brand-canvas-art{min-height:220px;padding:30px 0}.brand-controls{border-inline-start:0;border-top:1px solid var(--border);padding:22px}.brand-controls button{min-height:43px;font-size:12px}.brand-canvas-bottom,.brand-canvas-top{font-size:8px}.brand-application-grid{gap:10px}.brand-application{min-height:310px}.brand-app-icon{width:90px;height:90px;border-radius:22px}.brand-app-icon svg{width:62px;height:62px}.brand-mobile-app>small{font-size:9px;text-align:center;padding-inline:10px}.brand-premium-top{margin:20px 14px;font-size:8px;letter-spacing:.03em}.brand-premium-bottom{margin-inline:14px;flex-direction:column;align-items:start;font-size:9px}.brand-application-label{padding:16px 14px;font-size:9px}.brand-premium-app>svg{margin-top:30px}.brand-icon-sizes{gap:17px}.brand-system{grid-template-columns:1fr;padding:35px 0 40px;gap:25px}.brand-system-samples>div{padding:14px 10px}.brand-system-samples svg{max-width:100%}.brand-footer{flex-wrap:wrap;font-size:10px}.brand-footer>span{display:none}}@media (max-width:380px){.brand-application-grid,.brand-concept-grid{grid-template-columns:1fr}.brand-card-art{min-height:150px}.brand-card-meta{min-height:25px}.brand-web-app{grid-column:auto}.brand-system-samples{grid-template-columns:1fr}.brand-topline{flex-wrap:wrap}.brand-studio .brand-intro h1{font-size:43px}}@media (prefers-reduced-motion:reduce){.brand-studio *,.brand-studio :after,.brand-studio :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.brand-concept-card:hover{transform:none}}