@font-face{font-family:BrandReferenceSora;src:url(/fonts/home-reference-sora.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:BrandReferenceInter;src:url(/fonts/home-reference-inter.woff2)format("woff2");font-weight:100 900;font-display:swap}[data-brand-reference]{--e11-void:var(--color-background);--e11-obsidian:var(--color-background);--e11-carbon:#17181b;--e11-graphite:#272c33;--e11-platinum:#e1e3e6;--e11-titanium:#a6a9ad;--e11-ion:#52d6f4;--e11-deep-ion:#087f9d;--e11-ice:#f7f8fa;--e11-white:#fff;--e11-error:#ff5f6d;--bg:var(--e11-void);--panel:var(--e11-obsidian);--line:rgb(var(--ink-rgb) / .12);--cyan:var(--e11-ion);--white:var(--e11-platinum);--muted:var(--e11-titanium);--ease:cubic-bezier(.16,.8,.2,1);--radius:24px;--wrap:1320px}[data-brand-reference] *{box-sizing:border-box}[data-brand-reference]{scroll-behavior:smooth;background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;margin:0;padding-top:108px;scroll-padding-top:130px;font-family:BrandReferenceInter,sans-serif;font-size:16px;line-height:1.625}[data-brand-reference] a{color:inherit;text-decoration:none}[data-brand-reference] button{font:inherit;cursor:pointer}[data-brand-reference] a,[data-brand-reference] button{-webkit-tap-highlight-color:transparent}[data-brand-reference] a:focus-visible,[data-brand-reference] button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:5px}[data-brand-reference] h1,[data-brand-reference] h2,[data-brand-reference] h3{letter-spacing:-.01em;color:var(--e11-platinum);margin:0;font-family:BrandReferenceSora,sans-serif;line-height:1.15}[data-brand-reference] p{margin:0}[data-brand-reference] h1{font-size:clamp(56px,6.6vw,96px);font-weight:700;line-height:1.08}[data-brand-reference] h2{font-size:clamp(35px,4.4vw,60px);font-weight:600;line-height:1.14}[data-brand-reference] h2 span{color:var(--e11-titanium)}[data-brand-reference] h3{font-size:20px;font-weight:600}[data-brand-reference] small{font-size:11px}[data-brand-reference] .skip-link{z-index:20;background:var(--e11-platinum);color:var(--e11-obsidian);border-radius:10px;padding:14px 22px;position:fixed;top:-70px;left:20px}[data-brand-reference] .skip-link:focus{top:15px}[data-brand-reference] .brand-icon{fill:none;width:24px;height:24px;color:var(--e11-titanium);flex-shrink:0;display:block}[data-brand-reference] .brand{flex-shrink:0;align-items:center;gap:25px;display:inline-flex}[data-brand-reference] .brand-mark{object-fit:contain;width:48px;height:48px}[data-brand-reference] .brand-wordmark{letter-spacing:.07em;white-space:nowrap;font-family:BrandReferenceSora,sans-serif;font-size:18px;font-weight:600;line-height:1}[data-brand-reference] .button{background:var(--e11-platinum);min-height:54px;color:var(--e11-obsidian);border:1px solid rgb(var(--ink-rgb) / .3);white-space:nowrap;box-shadow:inset 0 1px 0 var(--e11-white);transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);border-radius:100px;justify-content:space-between;align-items:center;gap:25px;padding:9px 10px 9px 25px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}[data-brand-reference] .button:hover{background:var(--e11-ice);box-shadow:inset 0 1px 0 var(--e11-white),0 0 28px #52d6f414}[data-brand-reference] .button:active{transform:scale(.98)}[data-brand-reference] .button-arrow{background:var(--e11-obsidian);width:34px;height:34px;color:var(--e11-platinum);transition:transform .2s var(--ease),color .2s var(--ease);border-radius:50%;place-items:center;display:grid}[data-brand-reference] .button:hover .button-arrow{color:var(--color-accent-text);transform:translate(1px,-1px)}[data-brand-reference] .button.outline{border-color:rgb(var(--ink-rgb) / .2);color:var(--e11-platinum);box-shadow:inset 0 1px rgb(var(--ink-rgb) / .04);background:0 0}[data-brand-reference] .button.outline .button-arrow,[data-brand-reference] .button.outline:hover{background:var(--e11-carbon)}[data-brand-reference] .eyebrow{letter-spacing:.12em;color:var(--color-accent-text);margin-bottom:28px;font-size:11px;font-weight:600;line-height:1.4}[data-brand-reference] .text-link{min-height:44px;color:var(--e11-platinum);align-items:center;gap:15px;font-size:13px;font-weight:500;display:inline-flex}[data-brand-reference] .text-link:hover{color:var(--color-accent-text)}[data-brand-reference] .actions{align-items:center;gap:30px;margin-top:35px;display:flex}[data-brand-reference] .section{max-width:var(--wrap);margin:auto;padding:125px 50px}[data-brand-reference] .device-wrap{max-width:1070px;margin:70px auto 65px;padding-bottom:18px;padding-right:70px;position:relative}[data-brand-reference] .device{background:linear-gradient(155deg,var(--e11-titanium),var(--e11-graphite) 7%,var(--e11-carbon) 70%,var(--e11-titanium));border:1px solid rgb(var(--ink-rgb) / .18);box-shadow:0 20px 80px rgb(var(--base-rgb) / .4),inset 0 1px rgb(var(--ink-rgb) / .2);border-radius:18px;padding:8px 8px 14px}[data-brand-reference] .device-bar{color:var(--e11-titanium);justify-content:space-between;align-items:center;padding:3px 14px 8px;font-size:10px;display:flex}[data-brand-reference] .device-bar .brand-icon{width:15px;height:15px}[data-brand-reference] .screen{aspect-ratio:16/9;background:var(--e11-obsidian);border:1px solid rgb(var(--ink-rgb) / .06);border-radius:8px}[data-brand-reference] .device-foot{background:linear-gradient(var(--e11-titanium),var(--e11-graphite));border-radius:3px 3px 45% 45%;width:104%;height:13px;margin-left:-2%}[data-brand-reference] .final-cta{isolation:isolate;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 140%,#52d6f41a,transparent 60%),var(--e11-obsidian);padding:120px 6%;position:relative;overflow:hidden}[data-brand-reference] .final-cta h2{font-size:clamp(48px,6.5vw,90px);font-weight:600;line-height:1.13}[data-brand-reference] .final-cta>p{color:var(--e11-titanium);margin:28px 0 35px;font-size:16px;line-height:1.7}[data-brand-reference] .final-actions{justify-content:center;gap:18px;display:flex}[data-brand-reference] footer{max-width:var(--wrap);margin:auto;padding:55px 50px 35px}[data-brand-reference] .footer-top{justify-content:space-between;align-items:center;gap:30px;padding-bottom:50px;display:flex}[data-brand-reference] .footer-top>span{color:var(--e11-titanium);font-size:13px}[data-brand-reference] .footer-top>a:last-child{letter-spacing:.06em;color:var(--e11-titanium);font-size:10px}[data-brand-reference] .footer-bottom{border-top:1px solid var(--line);color:var(--e11-titanium);justify-content:space-between;align-items:center;gap:25px;padding-top:28px;font-size:11px;display:flex}@keyframes reference-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reference-panel-in{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1100px){[data-brand-reference] .brand-wordmark{font-size:16px}[data-brand-reference] .brand{gap:21px}[data-brand-reference] .section{padding:100px 38px}[data-brand-reference] footer{padding-left:38px;padding-right:38px}}@media(max-width:767px){[data-brand-reference]{padding-top:88px;scroll-padding-top:110px;font-size:15px}[data-brand-reference] .brand-mark{width:42px;height:42px}[data-brand-reference] .brand-wordmark{letter-spacing:.04em;font-size:15px}[data-brand-reference] .brand{gap:18px}[data-brand-reference] h1{letter-spacing:-.01em;font-size:clamp(40px,11.8vw,65px);line-height:1.12}[data-brand-reference] .actions{gap:22px;margin-top:30px}[data-brand-reference] .actions .button{gap:20px;padding-left:20px;font-size:12px}[data-brand-reference] .actions .text-link{gap:10px;font-size:12px}[data-brand-reference] .section{padding:80px 6%}[data-brand-reference] h2{font-size:clamp(32px,8vw,46px);line-height:1.2}[data-brand-reference] .eyebrow{margin-bottom:23px;font-size:10px}[data-brand-reference] .device-wrap{margin:45px 0 55px;padding-bottom:10px;padding-right:25px}[data-brand-reference] .device{border-radius:10px;padding:5px 5px 8px}[data-brand-reference] .device-bar{padding:2px 7px 6px;font-size:7px}[data-brand-reference] .device-bar .brand-icon{width:11px;height:11px}[data-brand-reference] .screen{border-radius:4px}[data-brand-reference] .device-foot{height:7px}[data-brand-reference] .final-cta{padding:85px 6%}[data-brand-reference] .final-cta h2{font-size:clamp(39px,10vw,60px)}[data-brand-reference] .final-cta>p{margin-top:25px;font-size:15px}[data-brand-reference] .final-actions{flex-direction:column;align-items:center;gap:14px}[data-brand-reference] .final-actions .button{min-width:220px;max-width:100%;font-size:12px}[data-brand-reference] footer{padding:40px 6% 30px}[data-brand-reference] .footer-top{flex-wrap:wrap;gap:25px;padding-bottom:40px}[data-brand-reference] .footer-top>span{flex-basis:100%;font-size:12px}[data-brand-reference] .footer-top>a:last-child{font-size:10px}[data-brand-reference] .footer-bottom{flex-wrap:wrap;gap:20px;font-size:10px}[data-brand-reference] .footer-bottom>span:first-child{flex-basis:100%}}@media(max-width:380px){[data-brand-reference] .brand{gap:17px}[data-brand-reference] .brand-wordmark{font-size:14px}[data-brand-reference] .brand-mark{width:38px;height:38px}[data-brand-reference] .actions{gap:15px}[data-brand-reference] .actions .button{gap:17px;padding-left:17px}[data-brand-reference] .actions .text-link{gap:7px;font-size:11px}}@media(prefers-reduced-motion:reduce){[data-brand-reference]{scroll-behavior:auto}[data-brand-reference] *{transition:none!important;animation:none!important}}[data-brand-reference] .signal-dot{background:var(--e11-ion);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:11px;display:inline-block;box-shadow:0 0 12px #52d6f459}[data-brand-reference] .device-wrap{isolation:isolate}[data-brand-reference] .device{box-shadow:0 0 0 6px rgb(var(--ink-rgb) / .025),0 20px 80px rgb(var(--base-rgb) / .4),inset 0 1px rgb(var(--ink-rgb) / .2)}[data-brand-reference] .final-cta{padding-top:130px;padding-bottom:130px}[data-brand-reference] .final-cta h2 span{color:var(--e11-platinum)}@media(max-width:767px){[data-brand-reference] .final-cta{padding-top:90px;padding-bottom:105px}}[data-brand-reference]{overflow-x:clip}[data-brand-reference] h2{font-weight:600}[data-brand-reference] .brand-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;max-width:1420px;min-height:650px;margin:auto;padding:75px 50px 80px;display:grid}[data-brand-reference] .brand-hero h1{font-size:clamp(58px,6.1vw,88px);line-height:1.08}[data-brand-reference] .brand-hero-slogan{margin-top:30px;font-family:BrandReferenceSora,sans-serif;font-size:23px}[data-brand-reference] .brand-hero-description{color:var(--muted);max-width:460px;margin-top:20px;font-size:16px;line-height:1.75}[data-brand-reference] .brand-hero-art{background:radial-gradient(ellipse,var(--e11-carbon),transparent 67%);border-radius:50%;place-items:center;height:520px;display:grid;position:relative}[data-brand-reference] .brand-hero-art img{width:280px;height:280px}[data-brand-reference] .brand-hero-art>span{color:var(--muted);letter-spacing:.12em;font-size:9px;position:absolute;bottom:8px}[data-brand-reference] .brand-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1320px;color:var(--muted);grid-template-columns:repeat(4,1fr);gap:25px;margin:auto;padding:26px 50px;font-size:11px;display:grid}[data-brand-reference] .brand-index a:hover{color:var(--cyan)}[data-brand-reference] .brand-section{border-bottom:1px solid var(--line);padding-top:105px;padding-bottom:105px}[data-brand-reference] .brand-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:60px;margin-bottom:55px;display:grid}[data-brand-reference] .brand-heading>.eyebrow{margin-bottom:20px}[data-brand-reference] .brand-heading>p{max-width:470px;color:var(--muted);text-wrap:pretty;font-size:16px;line-height:1.8}[data-brand-reference] .brand-heading h2{font-size:clamp(36px,4.2vw,58px)}[data-brand-reference] .brand-heading .eyebrow{margin-bottom:25px;font-size:10px}[data-brand-reference] .idea-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}[data-brand-reference] .idea-grid article{border-top:1px solid var(--line);padding:30px 0}[data-brand-reference] .idea-grid strong{font-family:BrandReferenceSora,sans-serif;font-size:55px;font-weight:500;line-height:1.2}[data-brand-reference] .idea-grid p{color:var(--muted);margin-top:25px;font-size:14px;line-height:1.85}[data-brand-reference] .philosophy-line{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:25px;margin-top:40px;padding-top:28px;font-size:12px;display:flex}[data-brand-reference] .philosophy-line b{color:var(--white);margin-left:16px;font-weight:500}[data-brand-reference] .treatment-controls,[data-brand-reference] .asset-filters{gap:8px;padding:5px 0 22px;display:flex;overflow-x:auto}[data-brand-reference] .treatment-controls button,[data-brand-reference] .asset-filters button,[data-brand-reference] .guide-toggle,[data-brand-reference] .copy-button,[data-brand-reference] .motion-card button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--muted);white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);border-radius:100px;padding:12px 18px;font-size:12px}[data-brand-reference] .treatment-controls button[aria-pressed=true],[data-brand-reference] .asset-filters button[aria-pressed=true]{background:var(--e11-graphite);color:var(--white);border-color:#52d6f459}[data-brand-reference] .treatment-controls button:hover,[data-brand-reference] .copy-button:hover,[data-brand-reference] .asset-filters button:hover{color:var(--white);border-color:rgb(var(--ink-rgb) / .3)}[data-brand-reference] .master-stage{border:1px solid var(--line);border-radius:28px;place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}[data-brand-reference] .master-stage.obsidian{background:var(--e11-obsidian)}[data-brand-reference] .master-stage.ice{background:var(--e11-ice);color:var(--e11-obsidian)}[data-brand-reference] .master-stage.transparent{background-color:var(--e11-ice);background-image:linear-gradient(45deg,var(--e11-platinum) 25%,transparent 25%),linear-gradient(-45deg,var(--e11-platinum) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--e11-platinum) 75%),linear-gradient(-45deg,transparent 75%,var(--e11-platinum) 75%);color:var(--e11-obsidian);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}[data-brand-reference] .master-stage.transparent-dark{background-color:var(--e11-carbon);background-image:linear-gradient(45deg,var(--e11-graphite) 25%,transparent 25%),linear-gradient(-45deg,var(--e11-graphite) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--e11-graphite) 75%),linear-gradient(-45deg,transparent 75%,var(--e11-graphite) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}[data-brand-reference] .mark-frame{place-items:center;width:600px;max-width:100%;height:560px;display:grid;position:relative}[data-brand-reference] .master-image{width:300px;height:300px}[data-brand-reference] .mark-guide{opacity:.5;pointer-events:none;border:1px dashed;place-items:start center;display:grid;position:absolute;inset:55px 10px}[data-brand-reference] .mark-guide span{letter-spacing:.08em;padding:14px;font-size:9px}[data-brand-reference] .stage-caption{letter-spacing:.08em;opacity:.7;font-size:10px;position:absolute;bottom:27px;left:28px}[data-brand-reference] .guide-toggle{min-height:38px;font-size:10px;position:absolute;bottom:20px;right:22px}[data-brand-reference] .master-stage.ice .guide-toggle,[data-brand-reference] .master-stage.transparent .guide-toggle{color:var(--e11-obsidian);background:var(--e11-ice);border-color:rgb(var(--base-rgb) / .2)}[data-brand-reference] .construction-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px;display:grid}[data-brand-reference] .construction-grid strong{font-family:BrandReferenceSora,sans-serif;font-size:28px;font-weight:500;display:block}[data-brand-reference] .construction-grid span{color:var(--muted);margin-top:10px;font-size:12px;display:block}[data-brand-reference] .working-note{border:1px solid var(--line);background:var(--panel);border-radius:18px;gap:20px;margin-top:35px;padding:28px;display:flex}[data-brand-reference] .working-note p{color:var(--muted);font-size:13px;line-height:1.85}[data-brand-reference] .working-note b{color:var(--white);font-weight:500}[data-brand-reference] .working-note .brand-icon{margin-top:4px}[data-brand-reference] .logo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}[data-brand-reference] .logo-spec{border:1px solid var(--line);background:var(--panel);border-radius:24px;overflow:hidden}[data-brand-reference] .logo-preview{flex-direction:column;justify-content:center;align-items:center;height:300px;padding:25px;display:flex}[data-brand-reference] .logo-preview img{object-fit:contain;width:140px;height:140px}[data-brand-reference] .logo-preview img[width="32"]{width:32px;height:32px}[data-brand-reference] .logo-preview .spec-wordmark{letter-spacing:.07em;font-family:BrandReferenceSora,sans-serif;font-size:22px;font-weight:600;line-height:1}[data-brand-reference] .logo-preview.stacked .spec-wordmark{margin-top:36px}[data-brand-reference] .logo-preview .wordmark-only{font-size:28px}[data-brand-reference] .horizontal-spec{align-items:center;gap:48px;display:flex}[data-brand-reference] .horizontal-spec img{width:100px;height:100px}[data-brand-reference] .horizontal-spec .spec-wordmark{font-size:17px}[data-brand-reference] .spec-caption{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding:18px 20px;font-size:11px;display:flex}[data-brand-reference] .spec-caption small{letter-spacing:.07em;color:var(--muted);font-size:8px}[data-brand-reference] .logo-spec.light{background:var(--e11-ice);color:var(--e11-obsidian)}[data-brand-reference] .logo-spec.light .spec-caption{border-color:rgb(var(--base-rgb) / .12)}[data-brand-reference] .logo-spec.light .spec-caption small{color:var(--e11-graphite)}[data-brand-reference] .coverage-bar{border:1px solid var(--line);border-radius:16px;grid-template-columns:70fr 22fr 8fr;height:65px;font-family:BrandReferenceSora,sans-serif;font-size:19px;display:grid;overflow:hidden}[data-brand-reference] .coverage-bar span{background:var(--e11-carbon);align-items:center;padding:20px;display:flex}[data-brand-reference] .coverage-bar span:nth-child(2){background:var(--white);color:var(--bg)}[data-brand-reference] .coverage-bar span:nth-child(3){background:var(--cyan);color:var(--bg);justify-content:center;padding:8px;font-size:15px}[data-brand-reference] .coverage-labels{color:var(--muted);justify-content:space-between;gap:25px;margin:18px 0 40px;font-size:11px;display:flex}[data-brand-reference] .swatch-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px;display:grid}[data-brand-reference] .swatch>div{border:1px solid var(--line);border-radius:17px;height:125px}[data-brand-reference] .swatch h3{margin:16px 0 7px;font-family:BrandReferenceInter,sans-serif;font-size:14px}[data-brand-reference] .swatch code{color:var(--muted);font-size:12px}[data-brand-reference] .copy-button{justify-content:space-between;align-items:center;gap:25px;font-size:11px;display:inline-flex}[data-brand-reference] .copy-button span{color:var(--cyan)}[data-brand-reference] .swatch .copy-button{width:100%;margin-top:15px;padding:10px 13px}[data-brand-reference] .contrast-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:45px;display:grid}[data-brand-reference] .contrast-grid article{border:1px solid var(--line);background:var(--e11-obsidian);border-radius:24px;padding:35px}[data-brand-reference] .contrast-grid h3{color:var(--cyan);margin:22px 0 18px;font-size:27px}[data-brand-reference] .contrast-grid p{color:var(--muted);font-size:14px;line-height:1.8}[data-brand-reference] .contrast-grid small{letter-spacing:.1em;font-size:9px}[data-brand-reference] .contrast-grid article.light{background:var(--e11-ice);color:var(--e11-obsidian)}[data-brand-reference] .contrast-grid .light h3{color:var(--e11-deep-ion)}[data-brand-reference] .contrast-grid .light p{color:var(--e11-graphite)}[data-brand-reference] .semantic-row{grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0;display:grid}[data-brand-reference] .semantic-row>span{border-left:3px solid var(--status);padding-left:14px;font-size:12px}[data-brand-reference] .semantic-row code{color:var(--muted);margin-top:6px;font-size:11px;display:block}[data-brand-reference] .type-specimen{background:var(--e11-carbon);border:1px solid var(--line);border-radius:28px;padding:65px 45px}[data-brand-reference] .type-specimen>p{letter-spacing:-.01em;font-family:BrandReferenceSora,sans-serif;font-size:clamp(40px,6vw,80px);font-weight:700;line-height:1.15}[data-brand-reference] .type-specimen>span{letter-spacing:.1em;color:var(--muted);margin-top:35px;font-size:10px;display:block}[data-brand-reference] .type-table{margin-top:40px}[data-brand-reference] .type-row{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr 230px;align-items:center;gap:25px;padding:24px 0;display:grid}[data-brand-reference] .type-row>span,[data-brand-reference] .type-row code{color:var(--muted);font-size:11px}[data-brand-reference] .type-row p{min-width:0;line-height:1.4}[data-brand-reference] .type-display{letter-spacing:-.01em;font-family:BrandReferenceSora,sans-serif;font-size:38px;font-weight:700}[data-brand-reference] .type-h1{font-family:BrandReferenceSora,sans-serif;font-size:32px;font-weight:700;line-height:36px!important}[data-brand-reference] .type-h2{font-family:BrandReferenceSora,sans-serif;font-size:26px;font-weight:700;line-height:32px!important}[data-brand-reference] .type-h3{font-family:BrandReferenceSora,sans-serif;font-size:20px;font-weight:600;line-height:26px!important}[data-brand-reference] .type-body{font-size:16px;line-height:26px!important}[data-brand-reference] .type-ui{font-size:13px;font-weight:600;line-height:16px!important}[data-brand-reference] .type-micro{letter-spacing:.12em;font-size:11.5px;font-weight:600}[data-brand-reference] .type-numeric{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}[data-brand-reference] .font-pair{grid-template-columns:1fr 1fr;gap:55px;margin-top:40px;display:grid}[data-brand-reference] .font-pair h3{font-size:30px}[data-brand-reference] .font-pair p{margin:20px 0;font-size:28px}[data-brand-reference] .font-pair article:first-child p{font-family:BrandReferenceSora,sans-serif}[data-brand-reference] .font-pair span{color:var(--muted);font-size:12px}[data-brand-reference] .motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}[data-brand-reference] .motion-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:25px}[data-brand-reference] .motion-demo{background:var(--e11-carbon);border-radius:15px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}[data-brand-reference] .motion-object{border:1px solid var(--white);border-radius:50%;width:48px;height:48px;display:block;position:relative}[data-brand-reference] .motion-demo i{background:var(--cyan);border-radius:50%;width:6px;height:6px;display:block;position:absolute}[data-brand-reference] .motion-scan .motion-object{border-width:1px 0;border-radius:0;width:130px;height:45px}[data-brand-reference] .motion-scan i{border-radius:0;width:1px;height:80px;transform:translate(-80px)}[data-brand-reference] .motion-scan.is-playing i{animation:reference-brand-scan 3.2s var(--ease) both}[data-brand-reference] .motion-orbit .motion-object{border-color:var(--e11-graphite);width:90px;height:90px}[data-brand-reference] .motion-orbit i{transform:rotate(0)translate(44px)}[data-brand-reference] .motion-orbit.is-playing i{animation:5.5s linear both reference-brand-orbit}[data-brand-reference] .motion-active i{border:1px solid var(--cyan);background:0 0;width:42px;height:42px}[data-brand-reference] .motion-active.is-playing i{animation:reference-brand-pulse 2.4s var(--ease) both}[data-brand-reference] .motion-processing .motion-object{border-color:var(--e11-graphite);border-top-color:var(--cyan)}[data-brand-reference] .motion-processing.is-playing .motion-object{animation:reference-brand-spin 3.6s var(--ease) both}[data-brand-reference] .motion-processing i{display:none}[data-brand-reference] .motion-aperture .motion-object{border-radius:50%;width:75px;height:45px}[data-brand-reference] .motion-aperture.is-playing .motion-object{animation:reference-brand-aperture 3.6s var(--ease) both}[data-brand-reference] .motion-aperture i{display:none}[data-brand-reference] .motion-online .motion-object{background:var(--e11-titanium);border:0;width:10px;height:10px}[data-brand-reference] .motion-online i{opacity:0;width:10px;height:10px}[data-brand-reference] .motion-online.is-playing i{animation:reference-brand-online 4s var(--ease) both}[data-brand-reference] .motion-card h3{margin:23px 0 13px;font-size:20px}[data-brand-reference] .motion-card p{color:var(--muted);min-height:47px;font-size:13px;line-height:1.8}[data-brand-reference] .motion-card button{justify-content:space-between;align-items:center;width:100%;margin-top:22px;display:flex}[data-brand-reference] .motion-tokens{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px;display:grid}[data-brand-reference] .motion-tokens span{color:var(--muted);font-size:12px}[data-brand-reference] .motion-tokens b{color:var(--white);margin-bottom:10px;font-family:BrandReferenceSora,sans-serif;font-size:24px;font-weight:500;display:block}[data-brand-reference] .brand-note{color:var(--muted);margin-top:27px;font-size:12px;line-height:1.85}[data-brand-reference] .brand-note code{overflow-wrap:anywhere;font-size:11px}[data-brand-reference] .subheading{justify-content:space-between;gap:25px;margin:45px 0 25px;font-size:24px;display:flex}[data-brand-reference] .subheading span{color:var(--muted);letter-spacing:0;font-family:BrandReferenceInter,sans-serif;font-size:12px;font-weight:400}[data-brand-reference] .icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}[data-brand-reference] .icon-tile{background:var(--panel);border:1px solid var(--line);color:var(--white);text-align:left;transition:border-color .2s var(--ease);border-radius:16px;flex-direction:column;align-items:flex-start;gap:19px;padding:22px 17px;display:flex}[data-brand-reference] .icon-tile .brand-icon{width:27px;height:27px}[data-brand-reference] .icon-tile span{font-size:11px;line-height:1.5}[data-brand-reference] .icon-tile small{color:var(--muted);margin-top:auto;font-size:9px}[data-brand-reference] .icon-tile:hover,[data-brand-reference] .icon-tile:focus-visible{border-color:#52d6f466}[data-brand-reference] .icon-tile:hover .brand-icon,[data-brand-reference] .icon-tile:focus-visible .brand-icon{color:var(--cyan)}[data-brand-reference] .icon-token-row,[data-brand-reference] .interface-principles{color:var(--muted);flex-wrap:wrap;gap:20px 30px;margin-top:30px;font-size:12px;display:flex}[data-brand-reference] #interface .device-wrap{margin-bottom:30px;padding-right:0}[data-brand-reference] #interface .device-bar{padding-block:7px 12px}[data-brand-reference] .brand-rule-band{background:var(--white);color:var(--e11-obsidian);border-radius:32px;margin:20px 24px 0}[data-brand-reference] .brand-rule-band .brand-section{border:0}[data-brand-reference] .brand-rule-band h2,[data-brand-reference] .brand-rule-band h3{color:var(--e11-obsidian)}[data-brand-reference] .brand-rule-band h2 span,[data-brand-reference] .brand-rule-band .brand-heading>p,[data-brand-reference] .brand-rule-band .eyebrow{color:var(--e11-graphite)}[data-brand-reference] .rule-grid{grid-template-columns:1fr 1fr;gap:45px 65px;display:grid}[data-brand-reference] .rule-grid article>span{color:var(--e11-graphite);font-size:11px}[data-brand-reference] .rule-grid h3{margin:15px 0 24px;font-size:24px}[data-brand-reference] .rule-grid p{color:var(--e11-graphite);align-items:flex-start;gap:16px;margin-top:20px;font-size:14px;line-height:1.8;display:flex}[data-brand-reference] .rule-grid .brand-icon{width:18px;height:18px;color:var(--e11-obsidian);margin-top:4px}[data-brand-reference] .applied-grid{grid-template-columns:1.5fr 1fr;gap:22px;display:grid}[data-brand-reference] .applied-grid article{border:1px solid var(--line);border-radius:24px;overflow:hidden}[data-brand-reference] .presentation-spec{background:var(--e11-carbon);flex-direction:column;justify-content:center;align-items:flex-start;min-height:430px;padding:35px;display:flex}[data-brand-reference] .presentation-spec small,[data-brand-reference] .social-spec small{letter-spacing:.08em;color:var(--muted);font-size:9px}[data-brand-reference] .presentation-spec img{margin-top:40px}[data-brand-reference] .presentation-spec h3{margin-top:40px;font-size:39px;line-height:1.2}[data-brand-reference] .presentation-spec>span{letter-spacing:.1em;color:var(--muted);margin-top:30px;font-size:9px}[data-brand-reference] .social-spec{background:var(--panel);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:35px;display:flex}[data-brand-reference] .social-spec h3{margin:30px 0 40px;font-size:37px;line-height:1.25}[data-brand-reference] .campaign-spec{background:var(--panel);grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:40px;display:grid}[data-brand-reference] .campaign-spec img{width:100%;height:auto}[data-brand-reference] .campaign-spec h3{margin-bottom:20px;font-size:27px}[data-brand-reference] .campaign-spec p{color:var(--muted);font-size:14px;line-height:1.8}[data-brand-reference] .fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}[data-brand-reference] .field-preview{border:1px solid var(--line);border-radius:24px;height:240px}[data-brand-reference] .field-void{background:var(--color-background)}[data-brand-reference] .field-signal{background:radial-gradient(ellipse at 80% 20%,#52d6f41f,transparent 60%),var(--color-background)}[data-brand-reference] .field-horizon{background:radial-gradient(ellipse at 50% 120%,rgb(var(--ink-rgb) / .16),transparent 60%),var(--color-background)}[data-brand-reference] .fields-grid h3{margin:22px 0 17px;font-size:20px}[data-brand-reference] .fields-grid .copy-button{width:100%}[data-brand-reference] .asset-filters{padding-bottom:25px}[data-brand-reference] .asset-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;padding:28px 0;display:flex}[data-brand-reference] .asset-item small{letter-spacing:.08em;color:var(--muted);font-size:9px}[data-brand-reference] .asset-item h3{margin-top:13px;font-size:21px}[data-brand-reference] .asset-item p{color:var(--muted);margin-top:12px;font-size:12px}[data-brand-reference] .download-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:620px;display:flex}[data-brand-reference] .download-links a{border:1px solid var(--line);border-radius:100px;align-items:center;gap:22px;min-height:44px;padding:10px 17px;font-size:11px;display:inline-flex}[data-brand-reference] .download-links a:hover{border-color:var(--muted)}[data-brand-reference] .download-links a span{color:var(--cyan)}[data-brand-reference] .pending-label{color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:11px}[data-brand-reference] .brand-footer-links{color:var(--muted);flex-wrap:wrap;gap:30px;padding-bottom:35px;font-size:12px;display:flex}[data-brand-reference] .copy-toast{z-index:20;background:var(--e11-carbon);max-width:calc(100% - 30px);color:var(--white);text-align:center;border:1px solid #52d6f44d;border-radius:100px;padding:15px 22px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@keyframes reference-brand-scan{0%{opacity:0;transform:translate(-80px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(80px)}}@keyframes reference-brand-orbit{to{transform:rotate(360deg)translate(44px)}}@keyframes reference-brand-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes reference-brand-spin{to{transform:rotate(360deg)}}@keyframes reference-brand-aperture{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes reference-brand-online{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){[data-brand-reference] .brand-hero{grid-template-columns:1.1fr 1fr;padding-inline:38px}[data-brand-reference] .brand-hero-art img{width:200px;height:200px}[data-brand-reference] .brand-heading,[data-brand-reference] .horizontal-spec{gap:35px}[data-brand-reference] .horizontal-spec img{width:70px;height:70px}[data-brand-reference] .horizontal-spec .spec-wordmark{font-size:14px}[data-brand-reference] .logo-preview{height:270px}[data-brand-reference] .swatch-grid{grid-template-columns:repeat(5,minmax(0,1fr))}[data-brand-reference] .swatch .copy-button{gap:10px;font-size:10px}[data-brand-reference] .type-row{grid-template-columns:65px 1fr 190px;gap:20px}[data-brand-reference] .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-brand-reference] .brand-index{padding-inline:38px}}@media(max-width:1023px){[data-brand-reference] .brand-hero{grid-template-columns:1fr;gap:25px;padding-top:55px}[data-brand-reference] .brand-hero-art{height:360px}[data-brand-reference] .brand-heading{display:block}[data-brand-reference] .brand-heading>p{max-width:630px;margin-top:25px}[data-brand-reference] .logo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}[data-brand-reference] .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-brand-reference] .type-row{grid-template-columns:60px 1fr}[data-brand-reference] .type-row code{grid-column:2}[data-brand-reference] .motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-brand-reference] .asset-item{align-items:flex-start}[data-brand-reference] .download-links{max-width:440px}[data-brand-reference] .construction-grid{grid-template-columns:repeat(2,1fr)}[data-brand-reference] .campaign-spec{gap:30px}}@media(max-width:767px){[data-brand-reference] .brand-hero{min-height:0;padding:45px 6% 55px}[data-brand-reference] .brand-hero h1{font-size:clamp(43px,11vw,68px)}[data-brand-reference] .brand-hero-slogan{font-size:19px}[data-brand-reference] .brand-hero-description{font-size:15px}[data-brand-reference] .brand-hero .actions{gap:20px}[data-brand-reference] .brand-hero .button{gap:18px;padding-left:20px;font-size:12px}[data-brand-reference] .brand-hero .text-link{gap:8px;font-size:11px}[data-brand-reference] .brand-hero-art{height:300px}[data-brand-reference] .brand-hero-art img{width:140px;height:140px}[data-brand-reference] .brand-hero-art>span{letter-spacing:.07em;font-size:8px}[data-brand-reference] .brand-index{grid-template-columns:1fr 1fr;gap:20px;padding:23px 6%;font-size:10px}[data-brand-reference] .brand-section{padding:75px 6%}[data-brand-reference] .brand-heading{margin-bottom:35px}[data-brand-reference] .brand-heading h2{font-size:clamp(32px,8vw,45px)}[data-brand-reference] .brand-heading>p{font-size:15px;line-height:1.8}[data-brand-reference] .brand-heading .eyebrow{font-size:9px}[data-brand-reference] .idea-grid{grid-template-columns:1fr;gap:15px}[data-brand-reference] .idea-grid strong{font-size:43px}[data-brand-reference] .idea-grid p{margin-top:18px}[data-brand-reference] .philosophy-line{flex-direction:column;gap:20px;font-size:12px}[data-brand-reference] .treatment-controls button{padding:11px 15px;font-size:11px}[data-brand-reference] .master-stage{border-radius:20px;min-height:340px}[data-brand-reference] .mark-frame{width:280px;height:340px}[data-brand-reference] .master-image{width:140px;height:140px}[data-brand-reference] .mark-guide{inset:55px 5px}[data-brand-reference] .mark-guide span{padding-top:13px;font-size:8px}[data-brand-reference] .stage-caption{max-width:140px;font-size:8px;bottom:18px;left:17px}[data-brand-reference] .guide-toggle{min-height:36px;padding:10px 12px;font-size:9px;bottom:12px;right:13px}[data-brand-reference] .construction-grid{gap:27px 20px}[data-brand-reference] .construction-grid strong{font-size:24px}[data-brand-reference] .construction-grid span{font-size:11px}[data-brand-reference] .working-note{gap:15px;padding:23px 20px}[data-brand-reference] .working-note p{font-size:12px}[data-brand-reference] .working-note .brand-icon{width:20px;height:20px}[data-brand-reference] .logo-gallery{grid-template-columns:1fr;gap:18px}[data-brand-reference] .logo-preview{height:300px}[data-brand-reference] .horizontal-spec{gap:48px}[data-brand-reference] .horizontal-spec img{width:85px;height:85px}[data-brand-reference] .horizontal-spec .spec-wordmark{font-size:17px}[data-brand-reference] .coverage-bar{grid-template-columns:70fr 22fr 8fr;height:55px;font-size:15px}[data-brand-reference] .coverage-bar span{padding:15px}[data-brand-reference] .coverage-bar span:nth-child(3){padding:3px;font-size:10px}[data-brand-reference] .coverage-labels{flex-direction:column;gap:9px;margin-top:15px;font-size:11px}[data-brand-reference] .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}[data-brand-reference] .swatch>div{height:110px}[data-brand-reference] .swatch h3{font-size:13px}[data-brand-reference] .swatch .copy-button{font-size:11px}[data-brand-reference] .contrast-grid{grid-template-columns:1fr;gap:18px}[data-brand-reference] .contrast-grid article{padding:28px}[data-brand-reference] .contrast-grid h3{font-size:25px}[data-brand-reference] .semantic-row{grid-template-columns:1fr 1fr;gap:24px}[data-brand-reference] .type-specimen{border-radius:20px;padding:40px 25px}[data-brand-reference] .type-specimen>p{font-size:clamp(28px,7.8vw,50px)}[data-brand-reference] .type-row{padding:23px 0;display:block}[data-brand-reference] .type-row>span{margin-bottom:17px;font-size:10px;display:block}[data-brand-reference] .type-row code{margin-top:17px;font-size:10px;display:block}[data-brand-reference] .type-display{font-size:29px}[data-brand-reference] .type-h1{font-size:28px;line-height:34px!important}[data-brand-reference] .type-h2{font-size:24px;line-height:30px!important}[data-brand-reference] .type-body{font-size:15px}[data-brand-reference] .font-pair{grid-template-columns:1fr;gap:35px}[data-brand-reference] .font-pair p{font-size:23px}[data-brand-reference] .font-pair span{font-size:11px}[data-brand-reference] .motion-grid{grid-template-columns:1fr}[data-brand-reference] .motion-card{padding:25px}[data-brand-reference] .motion-card p{min-height:0;font-size:14px}[data-brand-reference] .motion-tokens{grid-template-columns:1fr 1fr;gap:27px}[data-brand-reference] .motion-tokens b{font-size:23px}[data-brand-reference] .brand-note{font-size:11px}[data-brand-reference] .subheading{font-size:22px;display:block}[data-brand-reference] .subheading span{margin-top:12px;font-size:11px;display:block}[data-brand-reference] .icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}[data-brand-reference] .icon-tile{border-radius:13px;gap:16px;padding:18px 11px}[data-brand-reference] .icon-tile .brand-icon{width:24px;height:24px}[data-brand-reference] .icon-tile span{font-size:10px}[data-brand-reference] .icon-tile small{font-size:8px}[data-brand-reference] .icon-token-row,[data-brand-reference] .interface-principles{gap:16px 23px;font-size:11px}[data-brand-reference] .brand-rule-band{border-radius:24px;margin:10px 12px 0}[data-brand-reference] .brand-rule-band .brand-section{padding-inline:7%}[data-brand-reference] .rule-grid{grid-template-columns:1fr;gap:38px}[data-brand-reference] .rule-grid h3{font-size:23px}[data-brand-reference] .rule-grid p{gap:14px;font-size:13px}[data-brand-reference] .applied-grid{grid-template-columns:1fr;gap:18px}[data-brand-reference] .presentation-spec{text-align:center;align-items:center;min-height:480px;padding:28px}[data-brand-reference] .presentation-spec h3{font-size:34px}[data-brand-reference] .social-spec{min-height:380px;padding:30px}[data-brand-reference] .social-spec h3{font-size:33px}[data-brand-reference] .campaign-spec{grid-column:auto;grid-template-columns:1fr;gap:30px;padding:30px}[data-brand-reference] .campaign-spec h3{font-size:25px}[data-brand-reference] .fields-grid{grid-template-columns:1fr;gap:35px}[data-brand-reference] .field-preview{height:230px}[data-brand-reference] .asset-item{flex-direction:column;gap:23px;padding:28px 0}[data-brand-reference] .asset-item h3{font-size:22px}[data-brand-reference] .download-links{justify-content:flex-start;gap:9px;max-width:100%}[data-brand-reference] .download-links a{gap:18px;padding:11px 15px;font-size:11px}[data-brand-reference] .asset-filters button{padding:11px 15px;font-size:11px}[data-brand-reference] .brand-footer-links{gap:23px;font-size:11px}[data-brand-reference] .final-cta h2{font-size:clamp(36px,10vw,60px)}}@media(max-width:380px){[data-brand-reference] .brand-hero .actions{flex-wrap:wrap;gap:15px}[data-brand-reference] .brand-hero h1{font-size:42px}[data-brand-reference] .horizontal-spec{gap:38px}[data-brand-reference] .horizontal-spec .spec-wordmark{font-size:15px}[data-brand-reference] .coverage-bar span:nth-child(2){padding:8px}[data-brand-reference] .icon-grid{grid-template-columns:1fr 1fr}[data-brand-reference] .icon-tile{padding:19px 16px}[data-brand-reference] .logo-preview{padding:18px}}@media(prefers-reduced-motion:reduce){[data-brand-reference] .motion-demo *{transition:none!important;animation:none!important}}@media(max-width:767px){[data-brand-reference] #manual-copy textarea{font-size:16px}[data-brand-reference] .coverage-bar span:nth-child(3){padding:1px;font-size:9px}}[data-brand-reference] #manual-copy{border:1px solid var(--line);background:var(--e11-carbon);width:min(620px,100% - 30px);color:var(--white);border-radius:24px;padding:35px}[data-brand-reference] #manual-copy::backdrop{background:rgb(var(--base-rgb) / .8)}[data-brand-reference] #manual-copy h3{font-size:24px}[data-brand-reference] #manual-copy p{color:var(--muted);margin:20px 0;font-size:14px}[data-brand-reference] #manual-copy textarea{background:var(--e11-obsidian);width:100%;min-height:220px;color:var(--white);border:1px solid var(--line);resize:vertical;border-radius:12px;padding:20px;font-family:monospace;font-size:13px}[data-brand-reference] #manual-copy .copy-button{margin-top:20px}[data-brand-reference] #manual-copy textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[data-brand-reference] [data-copied=true]{border-color:var(--cyan)}[data-brand-reference] .logo-preview.supplied-preview img{object-fit:contain;max-width:100%}[data-brand-reference] .logo-preview.supplied-preview.wide img{width:100%;height:auto;max-height:210px}[data-brand-reference] .logo-preview.supplied-preview.campaign img{width:100%;height:auto;max-height:250px}[data-brand-reference] .logo-preview.supplied-preview.favicon img{width:32px;height:32px}[data-brand-reference] .seal-spec{background:var(--panel);grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:40px;display:grid}[data-brand-reference] .seal-art{place-items:center;padding:10px;display:grid}[data-brand-reference] .seal-art img{object-fit:contain;width:min(100%,300px);height:auto}[data-brand-reference] .seal-spec h3{margin-bottom:20px;font-size:27px}[data-brand-reference] .seal-spec p{color:var(--muted);font-size:14px;line-height:1.8}[data-brand-reference] .seal-spec .text-link{margin-top:24px;font-size:12px;display:inline-flex}[data-brand-reference] .signature-spec{background:var(--e11-carbon);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}[data-brand-reference] .signature-spec img{object-fit:contain;width:100%;height:auto}[data-brand-reference] .signature-spec p{margin-top:38px;font-family:BrandReferenceSora,sans-serif;font-size:24px}[data-brand-reference] .signature-spec>span{letter-spacing:.08em;color:var(--muted);margin-top:22px;font-size:9px}[data-brand-reference] .download-links a{white-space:normal}@media(max-width:767px){[data-brand-reference] .seal-spec{grid-template-columns:1fr;gap:25px;padding:28px}[data-brand-reference] .seal-art img{max-width:240px}[data-brand-reference] .signature-spec{min-height:300px;padding:30px 25px}[data-brand-reference] .signature-spec p{font-size:21px}[data-brand-reference] .logo-preview.supplied-preview.wide img{max-height:180px}}[data-brand-reference]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#000;--color-surface:#000;--color-text:#fff;--color-secondary:#b6b6b6;--color-border:#ffffff2e;--color-hover:#ffffff12;--color-accent:#52d6f4;--color-accent-text:#52d6f4;--color-on-accent:#000;--base-rgb:0 0 0;--ink-rgb:255 255 255;--color-shadow:#00000059}.light [data-brand-reference]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#fff;--color-surface:#fff;--color-text:#000;--color-secondary:#555;--color-border:#0003;--color-hover:#0000000b;--color-accent-text:#087f9d;--base-rgb:255 255 255;--ink-rgb:0 0 0;--color-shadow:#0000001a}[data-brand-reference]{--e11-ion:var(--color-accent);--e11-deep-ion:#087f9d;--e11-error:#ff5f6d;--e11-success:#3fd39a;--e11-warning:#f2b84b;--e11-void:var(--color-background);--e11-obsidian:var(--color-surface);--e11-carbon:var(--color-hover);--e11-graphite:var(--color-border);--e11-platinum:var(--color-text);--e11-ice:var(--color-text);--e11-white:var(--color-text);--e11-titanium:var(--color-secondary);--bg:var(--color-background);--panel:var(--color-surface);--line:var(--color-border);--cyan:var(--color-accent);--white:var(--color-text);--muted:var(--color-secondary);color:var(--color-text);background-color:var(--color-background)!important}[data-brand-reference] ::selection{background:var(--color-accent);color:#000}[data-brand-reference] :focus-visible{outline:2px solid var(--color-accent-text);outline-offset:5px}[data-brand-reference] .foundation-note{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;margin-bottom:60px;padding:32px}[data-brand-reference] .foundation-note p:not(.eyebrow){max-width:720px;color:var(--color-secondary);margin-top:18px}[data-brand-reference] .foundation-note .text-link{margin-top:20px}[data-brand-reference] .brand-index,[data-brand-reference] .brand-hero{background:var(--color-background)}[data-brand-reference] :is(.idea-grid article,.resource-card,.motion-card,.asset-item){background:var(--color-surface)}[data-brand-reference] .brand-rule-band{background:var(--color-background);color:var(--color-text);border-block:1px solid var(--color-border)}[data-brand-reference] .brand-rule-band :is(h2,h3,p,.eyebrow){color:var(--color-text)}[data-brand-reference] .brand-rule-band .rule-grid p{color:var(--color-secondary)}[data-brand-reference] .master-stage.obsidian{color:#fff;background:#000}[data-brand-reference] .master-stage.ice,[data-brand-reference] .logo-spec.light,[data-brand-reference] .contrast-grid article.light{color:#000;background:#fff}[data-brand-reference] .contrast-grid article.light :is(h3,p){color:#000}[data-brand-reference] .copy-toast,[data-brand-reference] #manual-copy{background:var(--color-surface)}.light [data-brand-reference] .brand-hero-art img{content:url(/brand/reference/assets/brand-page-mark-black.svg)}[data-brand-reference]{padding-top:var(--review-header-height)}[data-brand-reference] .review-page-menu nav{min-width:210px;max-height:calc(100svh - 100px);overflow-y:auto}[data-brand-reference] .review-page-menu nav a[aria-current=location]{color:var(--review-cyan)}[data-brand-reference] main section[id]{scroll-margin-top:calc(var(--review-header-height) + 28px)}[data-brand-reference] .skip-link{z-index:100}[data-brand-reference] #manual-copy{color:var(--color-text);margin:auto}@media(prefers-reduced-motion:reduce){[data-brand-reference] *,[data-brand-reference] :before,[data-brand-reference] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-brand-reference]{padding-top:0;--color-background:#000;--ink-rgb:255 255 255}[data-brand-reference] [hidden]{display:none!important}[data-brand-reference] .brand-copy-status{position:fixed;right:18px;bottom:18px;z-index:10;border-radius:8px;background:#17181b;color:#fff;padding:8px 14px;font:13px Inter,sans-serif}[data-brand-reference] .brand-copy-status:empty{display:none}[data-brand-reference] .screen{aspect-ratio:8/5;overflow:hidden}[data-brand-reference] .screen img{display:block;width:100%;height:100%;object-fit:cover}[data-brand-reference] #library>.brand-note{margin:0 0 28px}[data-brand-reference] #library>.brand-note .text-link{display:inline-flex;align-items:center;gap:8px}@media(max-width:500px){[data-brand-reference] .brand-hero .actions{flex-direction:column;align-items:flex-start;gap:14px}[data-brand-reference] .brand-hero .button{max-width:100%;white-space:normal}[data-brand-reference] .brand-hero .text-link{min-height:40px}}.careerContactSurface{background:#000;color:#fff}.careerContactSurface .pageHero{padding-bottom:66px}.careerContactSurface section[id]{scroll-margin-top:102px}.careerContactSurface a:focus-visible,.careerContactSurface button:focus-visible,.careerContactSurface input:focus-visible,.careerContactSurface select:focus-visible,.careerContactSurface textarea:focus-visible{outline:2px solid #52d6f4;outline-offset:4px}.careerStatus{display:flex;align-items:center;gap:28px;padding:22px 0;border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line)}.careerStatus span{flex:none;color:#52d6f4;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.careerStatus p{max-width:850px;margin:0;color:var(--page-muted);font-size:14px;line-height:1.65}.careerPrinciples{display:grid;grid-template-columns:minmax(230px,.8fr) 1.8fr;gap:60px;border-bottom:1px solid var(--page-line)}.careerPrinciples h2{font-size:clamp(35px,4vw,58px);line-height:1.08}.careerPrincipleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.careerPrincipleGrid p{font-size:15px;line-height:1.75;color:var(--page-muted);margin:0}.careerPrincipleGrid strong{display:block;color:#fff;font-weight:600;margin-bottom:9px}.careerCatalog .pageSectionHead{margin-bottom:68px}.careerGroup+.careerGroup{margin-top:86px}.careerGroupHeading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-bottom:21px;border-bottom:1px solid var(--page-line);margin-bottom:20px}.careerGroupHeading h3{font-size:clamp(24px,2.5vw,35px);line-height:1.2}.careerGroupHeading p{color:var(--page-muted);max-width:430px;margin:0;font-size:14px;line-height:1.55}.careerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.careerCard{display:flex;flex-direction:column;min-height:346px;padding:29px;border:1px solid #293a42;border-radius:14px;background:#0b1114}.careerCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.careerIndex{font:600 15px/1.3 Sora,sans-serif;color:#52d6f4}.careerCardType{color:#a0b0b8;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:right}.careerCard h4{font:550 clamp(22px,2vw,28px)/1.22 Sora,sans-serif;letter-spacing:-.055em;margin:0 0 21px;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.careerSuperpower{color:#e7f7fa;font-size:16px;line-height:1.5;margin:0 0 15px}.careerSuperpower span{display:block;color:#52d6f4;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}.careerContribution,.careerEvidence{color:var(--page-muted);font-size:13px;line-height:1.65;margin:0 0 13px}.careerEvidence strong{color:#e1e9ec;font-weight:600}.careerCard>a{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #293a42;text-decoration:none;color:#9be8f8;font-size:13px;font-weight:600}.careerCard>a:hover{color:#fff}.careerCard>a span{font-size:18px}.careerFinal{border-top:1px solid var(--page-line);margin-top:42px;padding-bottom:110px}.careerFinal h2{font-size:clamp(35px,4.2vw,61px);line-height:1.1;max-width:900px}.careerFinal>p:not(.pageEyebrow){max-width:760px;font-size:17px;line-height:1.75;color:var(--page-muted);margin:24px 0 0}.careerFinal small{display:block;margin-top:20px;color:#aab8be;font-size:12px;line-height:1.5}.contactRoutes{padding-top:38px}.contactRouteGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contactRouteCard{display:flex;flex-direction:column;min-height:230px;padding:27px;border:1px solid #33454d;border-radius:14px;background:#0b1114;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.contactRouteCard:hover{border-color:#52d6f4;transform:translateY(-2px)}.contactRouteIndex{color:#8fe2f3;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.contactRouteCard strong{font:550 clamp(20px,2vw,27px)/1.27 Sora,sans-serif;letter-spacing:-.045em;margin:25px 0}.contactRouteEmail{display:flex;justify-content:space-between;gap:10px;color:#a7e6f3;font-size:13px;margin-top:auto;overflow-wrap:anywhere}.contactRouteEmail span{flex:none}.contactSecondaryLinks{display:flex;flex-wrap:wrap;gap:16px 30px;padding-top:26px}.contactSecondaryLinks a{color:var(--page-muted);font-size:13px;text-decoration:none;border-bottom:1px solid #45545a;padding-bottom:4px}.contactSecondaryLinks a:hover{color:#a8ebf8}.contactCompose{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(45px,7vw,130px);align-items:start;border-top:1px solid var(--page-line)}.contactComposeIntro h2{font-size:clamp(35px,4vw,57px);line-height:1.12}.contactComposeIntro>p:not(.pageEyebrow){font-size:16px;line-height:1.75;color:var(--page-muted);margin:23px 0 0;max-width:480px}.contactCompose .contactForm{gap:21px}.contactCompose .contactForm label{font-size:13px;font-weight:600}.contactCompose .contactForm input,.contactCompose .contactForm textarea,.contactCompose .contactForm select{box-sizing:border-box}.contactOptional{color:#9babba;font-weight:400}.contactCompose .contactFormNote{font-size:12px;line-height:1.6}.contactCompose .contactReview h2{font-size:25px;outline:none}.contactCompose .contactReview h2:focus-visible{outline:2px solid #52d6f4;outline-offset:5px}.contactCompose .contactReview p{overflow-wrap:anywhere}.contactCompose .contactReview small{display:block;color:#a9bac1;font-size:12px;line-height:1.6;margin-top:16px}.contactPage .contactCompose{padding-bottom:115px}@media(max-width:1100px){.careerGrid,.contactRouteGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.careerPrinciples{grid-template-columns:1fr;gap:26px}.contactCompose{gap:45px}}@media(max-width:700px){.careerContactSurface .pageHero{padding-bottom:45px}.careerStatus{display:block}.careerStatus p{margin-top:8px}.careerPrincipleGrid{grid-template-columns:1fr;gap:18px}.careerPrincipleGrid strong{margin-bottom:4px}.careerCatalog .pageSectionHead{margin-bottom:45px}.careerGroup+.careerGroup{margin-top:55px}.careerGroupHeading{display:block}.careerGroupHeading p{margin-top:12px}.careerGrid,.contactRouteGrid,.contactCompose{grid-template-columns:1fr}.careerCard{min-height:0;padding:24px}.careerCardTop{margin-bottom:25px}.careerCard h4{font-size:24px}.careerCard>a{margin-top:12px}.careerFinal{padding-bottom:75px}.contactRoutes{padding-top:18px}.contactRouteCard{min-height:175px;padding:24px}.contactRouteCard strong{margin:18px 0}.contactCompose{gap:30px}.contactPage .contactCompose{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.contactRouteCard{transition:none}.contactRouteCard:hover{transform:none}}:root[data-theme=light] .sitePage:has(>.careerContactSurface){--page-muted:#51616a;--page-line:#bdcbd0;background:#f4f8f9;color:#0c171c}:root[data-theme=light] .careerContactSurface{background:#f4f8f9;color:#0c171c}:root[data-theme=light] .careerContactSurface .pageEyebrow{color:#006f86!important}:root[data-theme=light] .careerContactSurface .pageHero h1 span{background:linear-gradient(105deg,#0c171c,#007d97 75%);color:transparent;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .careerStatus span,:root[data-theme=light] .careerIndex,:root[data-theme=light] .careerSuperpower span{color:#006f86}:root[data-theme=light] .careerPrincipleGrid strong,:root[data-theme=light] .careerEvidence strong{color:#17272e}:root[data-theme=light] .careerCard,:root[data-theme=light] .contactRouteCard,:root[data-theme=light] .contactCompose .contactForm{background:#fff;border-color:#c6d2d7;color:#0c171c}:root[data-theme=light] .careerCardType{color:#617078}:root[data-theme=light] .careerSuperpower{color:#17272e}:root[data-theme=light] .careerCard>a,:root[data-theme=light] .contactRouteEmail{color:#006d83}:root[data-theme=light] .careerCard>a:hover,:root[data-theme=light] .contactSecondaryLinks a:hover{color:#003a49}:root[data-theme=light] .contactRouteIndex{color:#006f86}:root[data-theme=light] .contactCompose .contactForm label{color:#17272e}:root[data-theme=light] .contactCompose .contactForm input,:root[data-theme=light] .contactCompose .contactForm select,:root[data-theme=light] .contactCompose .contactForm textarea{background:#fff;color:#0c171c;border-color:#879ca5}:root[data-theme=light] .contactCompose .contactForm input::placeholder,:root[data-theme=light] .contactCompose .contactForm textarea::placeholder{color:#596972}:root[data-theme=light] .contactCompose .contactForm option{background:#fff;color:#0c171c}:root[data-theme=light] .careerContactSurface .pageButton.secondary{background:#fff;color:#0c171c!important;border-color:#8ca2ab}.connectOverview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,110px);border-top:1px solid var(--page-line)}.connectOverviewCopy h2,.connectHealth h2,.notesService h2{font-size:clamp(30px,3.6vw,52px);line-height:1.16}.connectOverviewCopy>p:not(.pageEyebrow),.connectHealth p:not(.pageEyebrow),.notesService p:not(.pageEyebrow){font-size:16px;line-height:1.75;color:var(--page-muted);max-width:620px}.connectEndpointCard{align-self:start;padding:clamp(24px,3vw,40px);border:1px solid #3b505a;border-radius:18px;background:#0d1519}.connectEndpointMeta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#90ddee;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.connectEndpointMeta span+span{color:#c1cbd0}.connectEndpointCard code{display:block;margin:34px 0;padding:22px 0;border-top:1px solid #304149;border-bottom:1px solid #304149;font:500 clamp(16px,2vw,25px)/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:#fff}.connectEndpointActions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}.connectEndpointActions p{min-height:20px;font-size:12px;color:#8fe4f6;margin:0}.connectSteps{border-top:1px solid var(--page-line)}.connectStepGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.connectStepGrid article{padding:25px 26px 28px;border-top:2px solid #56d7f3;background:#0b1114}.connectStepGrid article>span{font-size:11px;font-weight:650;letter-spacing:.14em;color:#8edbed;text-transform:uppercase}.connectStepGrid h3{font-size:clamp(23px,2.1vw,29px);margin:28px 0 0}.connectStepGrid p{font-size:14px;line-height:1.7;color:var(--page-muted);margin:14px 0 0}.connectHealth,.notesService{display:flex;justify-content:space-between;align-items:end;gap:50px;border-top:1px solid var(--page-line)}.connectHealthLinks{width:min(100%,370px);flex:none;display:grid;gap:0}.connectHealthLinks a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #34454d;color:#fff;text-decoration:none;font-size:15px}.connectHealthLinks a:hover{color:#8fe4f6}.notesGuides,.notesGuideList{border-top:1px solid var(--page-line)}.notesGuideRow{display:grid;grid-template-columns:70px minmax(0,1fr) 30px;gap:22px;align-items:start;padding:28px 10px;border-bottom:1px solid var(--page-line);text-decoration:none;color:#fff;transition:background .2s}.notesGuideRow:hover{background:#0c1519}.notesGuideNumber{font-size:11px;letter-spacing:.12em;color:#83deef;margin-top:6px}.notesGuideRow h3{font-size:clamp(23px,2.3vw,32px);line-height:1.25}.notesGuideRow p{font-size:14px;line-height:1.65;color:var(--page-muted);margin:10px 0 0;max-width:780px}.notesGuideArrow{font-size:22px;color:#7de4f5;text-align:right}.notesBoundaries{border-top:1px solid var(--page-line)}.notesBoundaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.notesBoundaryGrid article{display:flex;flex-direction:column;padding:28px;border:1px solid #32444d;border-radius:14px;background:#0c1418}.notesBoundaryGrid h3{font-size:clamp(23px,2.2vw,30px);line-height:1.25}.notesBoundaryGrid p:not(.pageEyebrow){font-size:14px;line-height:1.7;color:var(--page-muted);margin:18px 0 28px}.notesBoundaryGrid a{font-size:13px;font-weight:600;color:#8fe4f6;margin-top:auto;text-underline-offset:4px}.notesService{padding-bottom:100px}.notesService .pageButton{flex:none}.connectHealthLinks a:focus-visible,.notesGuideRow:focus-visible,.notesBoundaryGrid a:focus-visible{outline:2px solid #52d6f4;outline-offset:4px}@media(max-width:1000px){.connectOverview{grid-template-columns:1fr;gap:30px}.connectOverviewCopy>p:not(.pageEyebrow){max-width:780px}.connectStepGrid,.notesBoundaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.connectHealth,.notesService{align-items:start;flex-direction:column;gap:22px}}@media(max-width:700px){.connectStepGrid,.notesBoundaryGrid{grid-template-columns:1fr}.connectOverview{padding-top:42px}.connectEndpointCard{padding:22px}.connectEndpointMeta{display:grid}.connectEndpointCard code{margin:24px 0}.notesGuideRow{grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;padding:23px 0}.notesGuideArrow{font-size:17px}.notesBoundaryGrid article{padding:24px}.connectHealth,.notesService{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){.notesGuideRow{transition:none}}
