.brand-page{margin:0;background:#fff;color:#0f172a;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.brand-page *{box-sizing:border-box}.brand-page :where(main) h1,.brand-page :where(main) h2,.brand-page :where(main) h3,.brand-page :where(main) p,.brand-page :where(main) figure{margin:0}.brand-page :where(main) a{color:inherit;text-decoration:none}.brand-page :where(main) button{font:inherit;cursor:pointer}.brand-page :where(main) img{max-width:100%;object-fit:contain}.brand-page :where(main) a:focus-visible,.brand-page :where(main) button:focus-visible{outline:3px solid #0066ff;outline-offset:5px}.brand-header,.brand-hero,.brand-content,.brand-footer{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.brand-header{height:100px;display:flex;align-items:center;gap:24px}.brand-header>a:first-child{display:flex}.brand-header>span{border-left:1px solid #e2e8f0;padding-left:24px;font-size:13px;color:#64748b}.brand-header-download{margin-left:auto;font-size:13px;font-weight:600}.brand-header-download span{margin-left:12px}.brand-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding-top:80px;padding-bottom:80px;min-height:600px;align-items:center}.brand-eyebrow{font:500 11px/1.5 var(--font-mono);letter-spacing:.1em;color:#64748b;margin-bottom:24px!important}.brand-hero h1{font-size:72px;line-height:1.04;letter-spacing:-.055em;font-weight:600;margin-bottom:28px}.brand-hero h1 span{color:#06f}.brand-lead{max-width:470px;font-size:18px;line-height:1.6;color:#64748b;margin-bottom:32px!important}.brand-button{display:inline-flex;gap:36px;align-items:center;background:#06f;color:#fff!important;border-radius:10px;padding:14px 22px;font-size:14px;font-weight:600;transition:background .18s}.brand-button:hover{background:#0052cc}.brand-button span{font-size:21px;line-height:1}.brand-meta{font-size:11px;color:#64748b;margin-top:12px!important}.brand-hero-art{aspect-ratio:1;display:grid;place-items:center}.brand-hero-art img{display:block;width:100%;height:auto}.brand-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:36px;padding:20px 24px;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;font-size:13px}.brand-nav a{white-space:nowrap}.brand-nav a:hover,.brand-nav a[aria-current]{color:#06f}.brand-section{padding:80px 0;border-bottom:1px solid #e2e8f0;scroll-margin-top:80px}.brand-section-title{max-width:740px;margin-bottom:40px}.brand-section-title .brand-eyebrow{margin-bottom:16px!important}.brand-page :where(main) h2{font-size:40px;font-weight:550;line-height:1.18;letter-spacing:-.035em;margin-bottom:20px}.brand-section-title>p:last-child{font-size:16px;color:#64748b;max-width:680px}.brand-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px}.brand-logo-stage{height:240px;display:flex;justify-content:center;align-items:center;background:#f8fafc}.brand-dark{background:#0f172a!important}.brand-blue{background:#06f!important}.brand-card-caption{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand-page :where(main) h3{font-size:15px;font-weight:600}.brand-card-caption p{font-size:12px;color:#64748b;margin-top:4px}.brand-card-caption a{font:12px var(--font-mono);white-space:nowrap;color:#06f}.brand-sign-stage{background:#eff6ff}.brand-space-demo{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:60px 24px 28px;display:grid;justify-items:center;gap:28px;background-image:linear-gradient(#e2e8f066 1px,transparent 1px),linear-gradient(90deg,#e2e8f066 1px,transparent 1px);background-size:24px 24px}.brand-clear-zone{display:grid;grid-template-columns:24fr 200fr 24fr;grid-template-rows:24fr 48fr 24fr;width:448px;aspect-ratio:248 / 96;border:1px dashed #0066ff;background:#eff6ffb3;max-width:100%}.brand-clear-zone img{grid-column:2;grid-row:2;display:block;width:100%;height:100%;border:1px solid #0066ff40}.brand-dim{align-self:center;justify-self:center;font:12px var(--font-mono);color:#0052cc}.brand-dim-top{grid-column:2;grid-row:1}.brand-dim-left{grid-column:1;grid-row:2}.brand-dim-right{grid-column:3;grid-row:2}.brand-dim-bottom{grid-column:2;grid-row:3}.brand-space-spec{text-align:center;color:#475569;background:#f8fafc;padding:8px 12px;font-size:13px}.brand-space-spec strong{display:block;color:#0f172a;margin-bottom:8px}.brand-space-spec small{display:block;font-size:11px;margin-top:12px}.brand-subhead{font-size:21px!important;margin:40px 0 20px!important;letter-spacing:-.02em}.brand-backgrounds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-backgrounds figure>div{height:170px;border:1px solid #e2e8f0;border-radius:12px;display:grid;place-items:center}.brand-page figcaption{font-size:12px;color:#475569;margin-top:12px}.brand-mistakes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-mistakes figure>div{height:150px;background:#f8fafc;border-radius:12px;display:grid;place-items:center;overflow:hidden}.brand-mistakes img{width:170px}.brand-mistakes figcaption span{color:#b91c1c;font-size:18px;margin-right:6px}.brand-stretched{transform:scaleY(1.8)}.brand-recolored{filter:hue-rotate(110deg)}.brand-rotated{transform:rotate(-18deg)}.brand-shadowed{filter:drop-shadow(3px 5px 2px #64748b)}.brand-swatches{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:16px}.brand-swatch{border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:left;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s}.brand-swatch:hover{transform:translateY(-4px)}.brand-swatch>span{font-size:13px}.brand-swatch strong{font:14px var(--font-mono);display:flex;justify-content:space-between}.swatch-blue{background:#06f;color:#fff;border-color:#06f}.swatch-ink{background:#0f172a;color:#fff;border-color:#0f172a}.swatch-white{background:#fff;color:#0f172a}.swatch-mist{background:#f8fafc;color:#0f172a}.brand-note{font-size:12px;color:#64748b;margin-top:20px!important}.brand-type-list article{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding:36px 0;border-top:1px solid #e2e8f0}.brand-type-list h3{font-size:20px}.brand-type-list p:not([class]){font-size:13px;color:#64748b;margin-top:8px}.brand-type-list small{display:block;font-size:11px;color:#64748b;margin-top:20px}.brand-type-inter{font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-.035em}.brand-type-logo{font:800 64px/1.2 var(--font-logo);letter-spacing:.08em}.brand-type-mono{font:32px/1.5 var(--font-mono)}.brand-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-text-card{border:1px solid #e2e8f0;border-radius:16px;padding:32px}.brand-small-label{font:10px var(--font-mono);letter-spacing:.1em;color:#64748b}.brand-text-card h3{font:800 48px/1.2 var(--font-logo);letter-spacing:.08em;margin:24px 0}.brand-text-card h3.brand-description{font:500 25px/1.35 var(--font-sans);letter-spacing:-.025em}.brand-text-card p{font-size:14px;color:#64748b}.brand-example{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px;font-size:13px}.brand-copy-text{border:0;background:none;color:#06f;padding:0;margin-top:24px;font-size:13px!important}.brand-tone{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px;font-size:14px}.brand-tone span{display:block;font-size:12px;margin-bottom:8px}.brand-good{color:#15803d}.brand-bad{color:#b91c1c}.brand-download-section{margin:80px 0;padding:48px;background:#f0f6ff;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:32px;scroll-margin-top:100px}.brand-download-section .brand-eyebrow{margin-bottom:16px!important}.brand-download-section p:not([class]){font-size:14px;color:#64748b}.brand-footer{display:flex;align-items:center;gap:24px;padding-top:32px;padding-bottom:40px;border-top:1px solid #e2e8f0;font-size:12px;color:#64748b}.brand-footer a:last-child{margin-left:auto;color:#0f172a}.brand-footer>a:first-child{display:flex}.brand-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;background:#0f172a;color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 8px 30px #0f172a22}.brand-toast[hidden]{display:none}.brand-skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.brand-skip:focus{top:12px}@media(min-width:901px){.brand-nav{scrollbar-width:none}}@media(max-width:900px){.brand-hero h1{font-size:56px}.brand-header,.brand-hero,.brand-content,.brand-footer{padding-left:24px;padding-right:24px}.brand-hero{gap:24px;min-height:520px;padding-top:56px;padding-bottom:64px}.brand-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:12px 24px}.brand-nav a{display:flex;align-items:center;min-height:44px;white-space:normal}.brand-section,.brand-download-section{scroll-margin-top:132px}.brand-page :where(main) h2{font-size:34px}.brand-swatches,.brand-mistakes{grid-template-columns:1fr 1fr}.brand-download-section{padding:32px}.brand-footer p{display:none}}@media(max-width:600px){.brand-header{height:80px;gap:12px}.brand-header>span{display:none}.brand-header-download{font-size:11px}.brand-header img{width:120px}.brand-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:48px;gap:20px}.brand-hero h1{font-size:52px}.brand-lead{font-size:16px}.brand-hero-art{width:240px;margin:8px auto 20px}.brand-eyebrow{font-size:10px}.brand-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:12px 24px;font-size:12px}.brand-section,.brand-download-section{scroll-margin-top:176px}.brand-section{padding:48px 0}.brand-page :where(main) h2{font-size:30px}.brand-section-title{margin-bottom:28px}.brand-logo-grid,.brand-voice-grid{grid-template-columns:1fr;gap:16px}.brand-logo-stage{height:200px}.brand-card-caption{padding:18px}.brand-backgrounds{grid-template-columns:1fr}.brand-backgrounds figure>div{height:140px}.brand-mistakes{gap:12px}.brand-mistakes img{width:125px}.brand-mistakes figure>div{height:120px}.brand-mistakes figcaption{font-size:11px}.brand-space-demo{padding:36px 16px 24px}.brand-space-demo>span{font-size:10px;text-align:center}.brand-swatch{padding:18px;min-height:180px}.brand-swatch>span{font-size:11px}.brand-swatch strong{font-size:12px}.brand-type-list article{grid-template-columns:1fr;gap:24px;padding:28px 0}.brand-type-inter{font-size:34px}.brand-type-logo{font-size:52px}.brand-type-mono{font-size:28px}.brand-text-card{padding:24px}.brand-tone{grid-template-columns:1fr;gap:24px}.brand-download-section{margin:48px 0;padding:28px;align-items:flex-start;flex-direction:column}.brand-footer{gap:12px}.brand-footer>a:last-child{font-size:11px}.brand-footer img{width:110px}}@media(prefers-reduced-motion:reduce){.brand-page *{scroll-behavior:auto!important;transition:none!important}}.brand-dim-left,.brand-dim-right{writing-mode:vertical-rl;white-space:nowrap}.brand-dim{font-size:11px}.brand-breadcrumbs{padding-top:32px;color:#64748b;font-size:12px}.brand-breadcrumbs a,.brand-faq a{color:#06f}.brand-faq details{border-bottom:1px solid #e2e8f0;padding:20px 0}.brand-faq summary{cursor:pointer;font-size:16px;font-weight:500}.brand-faq details p{color:#64748b;font-size:14px;margin-top:16px;max-width:760px}.brand-faq summary:focus-visible{outline:3px solid #0066ff;outline-offset:4px}.brand-page #main{padding-top:72px}.brand-nav{top:72px}.brand-section,.brand-download-section{scroll-margin-top:160px}@media(max-width:900px){.brand-section,.brand-download-section{scroll-margin-top:212px}}@media(max-width:600px){.brand-section,.brand-download-section{scroll-margin-top:248px}}.brand-page main{font-size:16px;line-height:1.6}.brand-hero h1 .brand-title-shine{font-family:var(--wordmark-family, "Nunito Sans", sans-serif);font-weight:var(--wordmark-weight, 800);letter-spacing:var(--wordmark-tracking, .08em);color:#06f;background:linear-gradient(110deg,#06f 0% 42%,#91c2ff 49%,#06f 56% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-title-shine 5s ease-in-out infinite}@keyframes brand-title-shine{0%,20%{background-position:100% 0}65%,to{background-position:0% 0}}@media(prefers-reduced-motion:reduce){.brand-hero h1 .brand-title-shine{animation:none;background:none;-webkit-text-fill-color:#0066ff}}.brand-nav a{font-family:var(--font-sans);font-size:var(--nav-link-font-size);font-weight:var(--nav-link-font-weight);letter-spacing:var(--nav-link-letter-spacing);line-height:1.5}
