@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,200..800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Source+Sans+3:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";@font-face{font-family:Quincy CF;src:url(/fonts/quincy-cf-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Quincy CF;src:url(/fonts/quincy-cf-medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Quincy CF;src:url(/fonts/quincy-cf-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#e9eef0}button,input,select{font:inherit}button{color:inherit}button,summary,select,input[type=range],input[type=color]{cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.logo-dropzone:focus-visible,.logo-dropzone:focus-within{outline:2px solid var(--brand-primary);outline-offset:3px}::selection{background:var(--brand-secondary);color:var(--brand-dark)}.app{min-height:100vh;color:var(--brand-dark);font-family:var(--font-body);font-weight:var(--type-weight);padding:28px 24px 148px;transition:color var(--motion) var(--easing)}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 14px;transform:translateY(-160%);background:var(--brand-dark);color:var(--brand-light);border-radius:var(--radius);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),#e9eef0;background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);mask-image:linear-gradient(to bottom,#000 0%,transparent 85%)}.guide{width:100%}.guide-page{position:relative;width:min(100%,var(--page-width));min-height:880px;margin:0 auto 64px;padding:calc(58px * var(--spacing-factor));overflow:hidden;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand-dark) 12%,transparent);border-radius:var(--radius);box-shadow:var(--elevation);transition:width var(--motion) var(--easing),background-color var(--motion) var(--easing),border-radius var(--motion) var(--easing),box-shadow var(--motion) var(--easing);scroll-margin-top:24px}.page-header{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(360px,2.5fr) auto;gap:calc(32px * var(--spacing-factor));align-items:start;margin-bottom:calc(64px * var(--spacing-factor));padding-bottom:calc(28px * var(--spacing-factor));border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 20%,transparent)}.page-header__index{display:flex;align-items:center;gap:13px;font-family:var(--font-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.page-header__index span:first-child{display:grid;width:31px;height:31px;place-items:center;border:1px solid currentColor;border-radius:50%}.page-header__title h2{margin:-8px 0 14px;max-width:820px;font-family:var(--font-display);font-size:clamp(calc(2.4rem * var(--type-scale)),calc(5.6vw * var(--type-scale)),calc(5.25rem * var(--type-scale)));font-weight:var(--type-weight);letter-spacing:-.055em;line-height:var(--display-leading)}.page-header__title p{max-width:700px;margin:0;color:color-mix(in srgb,var(--brand-dark) 67%,transparent);font-size:15px;line-height:1.65}.page-header__trailing{align-self:end}.eyebrow,.micro-label{margin:0;font-family:var(--font-data);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.icon{display:block;flex:0 0 auto}.brand-mark{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--brand-dark)}.brand-mark__symbol{display:block;width:calc(48px * var(--logo-scale));height:calc(48px * var(--logo-scale));flex:0 0 auto}.brand-mark__image{display:block;width:auto;max-width:calc(150px * var(--logo-scale));height:calc(48px * var(--logo-scale));object-fit:contain}.brand-mark__word{overflow:hidden;font-size:calc(30px * var(--logo-scale));font-weight:600;letter-spacing:-.05em;line-height:1;text-overflow:ellipsis}.brand-mark--compact{gap:8px}.brand-mark--compact .brand-mark__symbol{width:calc(28px * var(--logo-scale));height:calc(28px * var(--logo-scale))}.brand-mark--compact .brand-mark__image{max-width:calc(100px * var(--logo-scale));height:calc(28px * var(--logo-scale))}.brand-mark--compact .brand-mark__word{font-size:calc(18px * var(--logo-scale))}.brand-mark--mono{color:currentColor}.cover-page{display:grid;min-height:850px;place-items:center;padding:0;isolation:isolate;background:#ef3b36;color:#fff}.cover-page__artwork,.cover-page__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cover-page__artwork{z-index:-2;object-fit:cover}.cover-page__shade{z-index:-1;background:#070f1c1f}.cover-page__lockup{position:relative;z-index:2;display:flex;max-width:calc(100% - 80px);gap:clamp(18px,2.5vw,32px);align-items:center;justify-content:center;pointer-events:none}.cover-page__lockup .brand-mark{color:#fff}.cover-page__lockup .brand-mark__symbol{width:calc(64px * var(--logo-scale));height:calc(64px * var(--logo-scale))}.cover-page__lockup .brand-mark__image{max-width:calc(330px * var(--logo-scale));height:calc(76px * var(--logo-scale))}.cover-page__lockup .brand-mark__word{font-size:calc(48px * var(--logo-scale))}.cover-page__divider{width:1px;height:clamp(42px,5vw,62px);flex:0 0 auto;background:#ffffffdb}.cover-page__lockup h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,3rem);font-weight:var(--type-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);white-space:nowrap}.cover-page__drop{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;padding:0;background:transparent;border:0}.cover-page__drop>span{position:absolute;right:18px;bottom:18px;display:flex;gap:7px;align-items:center;padding:8px 10px;background:#070f1c85;color:#ffffffd1;border:1px solid rgba(255,255,255,.2);border-radius:999px;font:8px var(--font-data);letter-spacing:.05em;text-transform:uppercase;opacity:.55;transition:opacity .16s ease,background .16s ease}.cover-page__drop:hover>span,.cover-page__drop:focus-visible>span,.cover-page.is-dragging .cover-page__drop>span{background:#070f1cc7;opacity:1}.cover-page.is-dragging{outline:3px solid #fff;outline-offset:-12px}.code-panel{border-top:1px solid color-mix(in srgb,var(--brand-dark) 16%,transparent)}.code-panel summary{display:flex;justify-content:space-between;gap:12px;padding:11px 0 7px;list-style:none;color:color-mix(in srgb,var(--brand-dark) 68%,transparent);font-family:var(--font-data);font-size:9px}.code-panel summary::-webkit-details-marker{display:none}.code-panel[open] summary span{transform:rotate(45deg)}.code-panel__body{position:relative;padding:10px;background:var(--brand-dark);color:var(--brand-light);border-radius:var(--radius)}.code-panel pre{margin:0;overflow:auto;font:9px/1.6 var(--font-data);white-space:pre-wrap}.copy-button{position:absolute;top:8px;right:8px;display:flex;gap:5px;align-items:center;padding:4px 7px;background:color-mix(in srgb,var(--brand-light) 10%,transparent);color:var(--brand-light);border:0;border-radius:3px;font-family:var(--font-data);font-size:8px}.advice-specimen{display:grid;grid-template-columns:1.35fr .65fr;gap:calc(48px * var(--spacing-factor));padding:calc(42px * var(--spacing-factor));background:color-mix(in srgb,var(--brand-primary) 5%,var(--brand-light));border:1px solid color-mix(in srgb,var(--brand-primary) 22%,transparent);border-radius:var(--radius)}.advice-specimen__mast{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 14%,transparent)}.advice-specimen__mast>span{font-family:var(--font-data);font-size:9px;color:color-mix(in srgb,var(--brand-dark) 58%,transparent);text-transform:uppercase}.advice-specimen__copy{padding:calc(34px * var(--spacing-factor)) 0}.advice-specimen__copy .eyebrow{margin-bottom:18px;color:var(--brand-primary)}.advice-specimen__copy h3{max-width:760px;margin:0 0 30px;font-family:var(--font-display);font-size:clamp(calc(2.2rem * var(--type-scale)),calc(4.5vw * var(--type-scale)),calc(4.7rem * var(--type-scale)));font-weight:var(--type-weight);letter-spacing:-.055em;line-height:var(--display-leading)}.advice-specimen__copy>p:last-child{max-width:670px;margin:0;color:color-mix(in srgb,var(--brand-dark) 72%,transparent);font-size:16px;line-height:1.75}.advice-specimen__copy strong{color:var(--brand-dark)}.advice-specimen__metrics{display:grid;align-content:center}.advice-specimen__metrics div{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 14%,transparent)}.advice-specimen__metrics strong{font:500 22px var(--font-data);letter-spacing:-.04em}.advice-specimen__metrics span{color:color-mix(in srgb,var(--brand-dark) 55%,transparent);font-size:10px}.advice-specimen__note{grid-column:1 / -1;display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--brand-dark) 14%,transparent)}.advice-specimen__note>span{font-family:var(--font-data);font-size:9px;text-transform:uppercase}.advice-specimen__note p{margin:0;font-size:12px}.advice-specimen__note button{display:flex;align-items:center;gap:10px;padding:9px 0;background:transparent;border:0;border-bottom:1px solid currentColor;font-size:11px}.spec-key{display:grid;grid-template-columns:.7fr 2.3fr;gap:56px;margin-top:48px}.spec-key__intro h3{margin:8px 0 30px;font-family:var(--font-display);font-size:30px;letter-spacing:-.04em}.type-table{border-top:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.type-row{border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 14%,transparent)}.type-row summary{display:grid;grid-template-columns:105px minmax(230px,1.25fr) 1fr 48px;gap:22px;align-items:center;min-height:62px;list-style:none}.type-row summary::-webkit-details-marker{display:none}.type-row__token,.type-row__tag{font-family:var(--font-data);font-size:9px;text-transform:uppercase}.type-row__sample{font-family:var(--font-display);font-size:17px;font-weight:var(--type-weight);letter-spacing:-.02em;line-height:1.15}.type-row__sample--p,.type-row__sample--small{font-family:var(--font-body)}.type-row__sample--data{font-family:var(--font-data)}.type-row__role{color:color-mix(in srgb,var(--brand-dark) 55%,transparent);font-size:10px;line-height:1.45}.type-row__tag{justify-self:end;color:var(--brand-primary)}.type-row pre{margin:0 0 14px 125px;padding:12px;overflow:auto;background:color-mix(in srgb,var(--brand-dark) 5%,transparent);border-radius:3px;font:9px/1.6 var(--font-data)}.colour-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:72px}.swatch{min-width:0}.swatch__colour{height:72px;background:var(--swatch);border:1px solid color-mix(in srgb,var(--brand-dark) 12%,transparent);border-radius:var(--radius);transition:background-color var(--motion) var(--easing),border-radius var(--motion) var(--easing)}.swatch__info{padding:13px 0 0}.swatch__info>div{display:flex;justify-content:space-between;gap:12px}.swatch__info strong{font-family:var(--font-display);font-size:19px;letter-spacing:-.03em}.swatch__info span{font:9px var(--font-data)}.swatch__info p{min-height:32px;margin:7px 0 12px;color:color-mix(in srgb,var(--brand-dark) 56%,transparent);font-size:10px;line-height:1.5}.colour-groups{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-bottom:72px}.group-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.group-heading span{font-family:var(--font-data);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.group-heading p{margin:0;color:color-mix(in srgb,var(--brand-dark) 55%,transparent);font-size:10px}.swatch-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.colour-usage{display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:end;padding-top:26px;border-top:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.colour-usage__statement h3{margin:8px 0 0;max-width:320px;font-family:var(--font-display);font-size:28px;line-height:1.04;letter-spacing:-.04em}.colour-ratio{display:flex;height:78px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent);border-radius:var(--radius)}.colour-ratio span{display:flex;min-width:38px;align-items:flex-end;padding:10px;font:8px var(--font-data);text-transform:uppercase}.logo-stage{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-dark) 16%,transparent);border-radius:var(--radius)}.logo-stage__label{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:10px;font:9px var(--font-data)}.logo-stage__label span{display:grid;width:24px;height:24px;place-items:center;border:1px solid currentColor;border-radius:50%}.logo-stage__label p{margin:0;color:color-mix(in srgb,currentColor 60%,transparent)}.logo-stage--master{min-height:395px;background:color-mix(in srgb,var(--brand-primary) 4%,var(--brand-light))}.logo-stage--master>.brand-mark .brand-mark__symbol{width:calc(118px * var(--logo-scale));height:calc(118px * var(--logo-scale))}.logo-stage--master>.brand-mark .brand-mark__word{font-size:calc(72px * var(--logo-scale))}.logo-stage--master>.brand-mark .brand-mark__image{max-width:calc(440px * var(--logo-scale));height:calc(118px * var(--logo-scale))}.clearspace{position:absolute;top:50%;left:50%;width:520px;height:190px;transform:translate(-50%,-50%);border:1px dashed color-mix(in srgb,var(--brand-primary) 35%,transparent);pointer-events:none}.clearspace span{position:absolute;top:-18px;left:-1px;font:8px var(--font-data);color:var(--brand-primary)}.clearspace i{position:absolute;width:6px;height:6px;background:var(--brand-primary)}.clearspace i:nth-of-type(1){top:-3px;left:-3px}.clearspace i:nth-of-type(2){top:-3px;right:-3px}.clearspace i:nth-of-type(3){bottom:-3px;left:-3px}.clearspace i:nth-of-type(4){bottom:-3px;right:-3px}.logo-variants{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin-top:16px}.logo-stage--mono{background:var(--brand-dark);color:var(--brand-light)}.logo-stage--mono .brand-mark{color:var(--brand-light)}.logo-stage--mono .brand-mark__image{max-width:calc(340px * var(--logo-scale));height:calc(96px * var(--logo-scale))}.logo-stage--icon{background:color-mix(in srgb,var(--brand-secondary) 9%,var(--brand-light))}.logo-stage--icon .brand-mark__symbol,.logo-stage--icon .brand-mark__image{width:calc(120px * var(--logo-scale));max-width:calc(120px * var(--logo-scale));height:calc(120px * var(--logo-scale))}.logo-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.logo-rules div{display:grid;gap:6px}.logo-rules span{font-size:9px;color:color-mix(in srgb,var(--brand-dark) 55%,transparent)}.logo-rules strong{font-family:var(--font-data);font-size:11px}.logo-rules p{margin:0;color:color-mix(in srgb,var(--brand-dark) 56%,transparent);font-size:9px}.charts-page{padding-right:0}.charts-page .page-header{margin-right:calc(58px * var(--spacing-factor))}.rail-controls{display:flex;gap:7px}.rail-controls button{display:grid;width:38px;height:38px;place-items:center;background:transparent;border:1px solid color-mix(in srgb,var(--brand-dark) 25%,transparent);border-radius:50%;transition:background var(--motion) var(--easing),color var(--motion) var(--easing)}.rail-controls button:hover{background:var(--brand-dark);color:var(--brand-light)}.chart-rail{display:flex;min-width:0;max-width:100%;gap:calc(24px * var(--spacing-factor));padding:0 calc(58px * var(--spacing-factor)) 28px 0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--brand-primary) transparent}.chart-rail::-webkit-scrollbar{height:3px}.chart-rail::-webkit-scrollbar-thumb{background:var(--brand-primary)}.chart-card{position:relative;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;flex:0 0 clamp(520px,85vw,620px);min-height:0;aspect-ratio:24 / 25;padding:25px;overflow:hidden;background:color-mix(in srgb,var(--brand-dark) 2%,var(--brand-light));border:1px solid color-mix(in srgb,var(--brand-dark) 14%,transparent);border-radius:var(--radius);transition:border-radius var(--motion) var(--easing),background var(--motion) var(--easing)}.chart-card:has(>.code-panel[open]){overflow-y:auto}.chart-card>header{display:flex;gap:14px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent)}.chart-card>header>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:50%;font:8px var(--font-data)}.chart-card h3{margin:0 0 3px;font-family:var(--font-display);font-size:19px;letter-spacing:-.03em}.chart-card header p{margin:0;color:color-mix(in srgb,var(--brand-dark) 52%,transparent);font:8px var(--font-data);text-transform:uppercase}.chart-card__actions{display:flex;flex:0 0 auto;gap:7px;margin-left:auto}.chart-replay,.chart-style-trigger{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;padding:0;background:transparent;color:color-mix(in srgb,var(--brand-dark) 48%,transparent);border:1px solid color-mix(in srgb,var(--brand-dark) 16%,transparent);border-radius:50%;transition:background var(--motion) var(--easing),border-color var(--motion) var(--easing),color var(--motion) var(--easing)}.chart-replay:hover,.chart-style-trigger:hover,.chart-style-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--brand-dark) 5%,transparent);color:var(--brand-dark);border-color:color-mix(in srgb,var(--brand-dark) 36%,transparent)}.chart-style-trigger[aria-expanded=true]{background:var(--brand-dark);color:var(--brand-light)}.chart-style-tray{position:absolute;z-index:12;top:64px;right:14px;display:flex;width:min(292px,calc(100% - 28px));max-height:calc(100% - 80px);flex-direction:column;overflow:hidden;background:#f7f8f6;color:#0f172a;border:1px solid rgba(15,23,42,.18);border-radius:max(var(--radius),5px);box-shadow:0 22px 64px #0f172a3d;font-family:Inter,sans-serif;animation:chart-tray-in .18s var(--easing) both}.chart-style-tray__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:12px 13px;background:#0f172a;color:#fff}.chart-style-tray__header>div{display:flex;gap:9px;align-items:center}.chart-style-tray__header p{display:grid;gap:2px;margin:0;color:inherit;text-transform:none}.chart-style-tray__header strong{font-size:10px}.chart-style-tray__header small{color:#ffffff80;font:7px IBM Plex Mono,monospace}.chart-style-tray__header button{display:grid;width:26px;height:26px;place-items:center;padding:0;background:transparent;color:#fff;border:0}.chart-style-tray__scroll{min-height:0;overflow-y:auto;padding:0 15px 15px}.chart-style-tray__section{padding:15px 0;border-bottom:1px solid rgba(15,23,42,.1)}.chart-style-tray__heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2px}.chart-style-tray__heading span{font-size:9px;font-weight:700}.chart-style-tray__heading small{color:#0f172a61;font:7px IBM Plex Mono,monospace}.chart-style-tray .range-control{margin-top:12px}.chart-style-tray__reset{width:100%;margin-top:15px;padding:9px;background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.15);border-radius:4px;font-size:8px}.chart-style-tray__reset:hover{background:#0f172a0d}.echart{width:100%;height:100%;min-height:220px;opacity:1;transition:none}.echart[data-chart-state=waiting]{opacity:0;transition:none}.chart-tooltip span{border-radius:0!important}.chart-card__rules{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent)}.chart-card__rules>p{margin:0;color:color-mix(in srgb,var(--brand-dark) 64%,transparent);font-size:11px;line-height:1.55}.chart-card__rules ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.chart-card__rules li{position:relative;padding-left:17px;font-size:9px;line-height:1.4}.chart-card__rules li:before{content:"—";position:absolute;left:0;color:var(--brand-primary)}.chart-card>.code-panel{align-self:end;margin-top:18px}.chart-card>.code-panel .code-panel__body{max-height:320px;overflow:auto}.chart-rail__end{display:grid;flex:0 0 250px;align-content:center;padding:34px;border-left:1px solid color-mix(in srgb,var(--brand-dark) 17%,transparent)}.chart-rail__end span{font:10px var(--font-data);color:var(--brand-primary)}.chart-rail__end p{max-width:130px;font-family:var(--font-display);font-size:25px;line-height:1}.chart-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px calc(58px * var(--spacing-factor)) 0 0;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.chart-principles div{display:flex;gap:11px}.chart-principles span{color:var(--brand-primary);font:8px var(--font-data)}.chart-principles p{max-width:160px;margin:0;font-size:9px;line-height:1.45}.chart-rulebook{margin:calc(84px * var(--spacing-factor)) calc(58px * var(--spacing-factor)) 0 0;padding-top:calc(44px * var(--spacing-factor));border-top:1px solid color-mix(in srgb,var(--brand-dark) 20%,transparent)}.chart-rulebook__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.65fr);gap:40px;align-items:end;padding-bottom:34px}.chart-rulebook__header>div{display:grid;gap:12px}.chart-rulebook__header span{color:var(--brand-primary);font:8px var(--font-data);letter-spacing:.08em}.chart-rulebook__header h3{max-width:700px;margin:0;font-family:var(--font-display);font-size:clamp(3rem,7vw,6.5rem);font-weight:var(--type-weight);line-height:var(--display-leading);letter-spacing:var(--display-tracking)}.chart-rulebook__header p{max-width:430px;margin:0;color:color-mix(in srgb,var(--brand-dark) 59%,transparent);font-size:11px;line-height:1.65}.chart-rulebook__rules{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.chart-rule{position:relative;display:grid;grid-column:span 6;min-width:0;min-height:210px;align-content:space-between;gap:30px;padding:24px;overflow:hidden;background:color-mix(in srgb,var(--brand-dark) 2.5%,var(--brand-light));border:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent);border-radius:var(--radius)}.chart-rule__number{position:absolute;top:24px;left:24px;color:var(--brand-primary);font:8px var(--font-data)}.chart-rule>div:first-of-type,.chart-rule__intro{max-width:470px;padding:31px 0 0}.chart-rule h4{margin:0 0 10px;font-family:var(--font-display);font-size:23px;font-weight:var(--type-weight);line-height:1.05;letter-spacing:-.035em}.chart-rule p{margin:0;color:color-mix(in srgb,var(--brand-dark) 61%,transparent);font-size:10px;line-height:1.6}.chart-rule--ratio>strong{display:grid;width:120px;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;justify-self:end;color:var(--brand-primary);font:400 26px var(--font-data)}.chart-rule--ratio>strong i{display:block;width:1px;height:38px;background:color-mix(in srgb,var(--brand-primary) 38%,transparent);transform:rotate(24deg)}.chart-rule--ratio>strong b{font-weight:400}.chart-rule--models,.chart-rule--motion,.chart-rule--legend{grid-column:span 12}.chart-rule--models{grid-template-columns:minmax(200px,.55fr) minmax(460px,1.45fr);gap:48px;align-items:start;min-height:0}.chart-rule--models .chart-rule__intro{align-self:start}.rulebook-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rulebook-model{min-width:0;margin:0}.rulebook-model__card{display:block;width:100%;aspect-ratio:24 / 25;overflow:hidden;background:#f7f8fa;border-radius:max(calc(var(--radius) * .65),3px)}.rulebook-model__image{display:block;width:100%;height:100%;object-fit:contain}.rulebook-model figcaption{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;padding-top:10px;font:7px var(--font-data);text-transform:uppercase}.rulebook-model figcaption>span{color:var(--brand-primary)}.rulebook-model figcaption small{color:color-mix(in srgb,var(--brand-dark) 43%,transparent);font:inherit}.chart-rule--format{grid-column:span 5}.rulebook-formats{display:flex;gap:22px;align-items:end}.rulebook-formats>span{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:end}.rulebook-formats b{font:7px var(--font-data);text-transform:uppercase}.rulebook-formats small{grid-column:2;color:color-mix(in srgb,var(--brand-dark) 48%,transparent);font:7px var(--font-data)}.rulebook-format{display:block;grid-row:span 2;background:color-mix(in srgb,var(--brand-primary) 12%,var(--brand-light));border:1px solid var(--brand-primary)}.rulebook-format--web{width:37px;aspect-ratio:24 / 25}.rulebook-format--video{width:65px;aspect-ratio:16 / 9}.chart-rule--colour{grid-column:span 7;grid-template-columns:minmax(190px,1fr) minmax(250px,1.15fr);gap:24px}.chart-rule--colour .chart-rule__intro{grid-row:span 2}.rulebook-palette-block{display:grid;min-width:0;gap:9px;align-self:end}.rulebook-palette{display:flex;gap:5px}.rulebook-palette>button{position:relative;min-width:0;flex:1;padding:0;background:transparent;color:inherit;border:0}.rulebook-palette>button:disabled{opacity:1}.rulebook-palette.is-editable>button{cursor:pointer}.rulebook-palette i{display:block;width:100%;aspect-ratio:1;background:var(--rulebook-colour);border:1px solid transparent;transition:transform .16s ease,border-color .16s ease}.rulebook-palette.is-editable>button:hover i{transform:translateY(-2px)}.rulebook-palette>button.is-selected i{border-color:var(--brand-dark)}.rulebook-palette>button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.rulebook-palette small{display:none}.rulebook-palette-editor{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:8px;align-items:center;padding:7px;background:color-mix(in srgb,var(--brand-dark) 3%,var(--brand-light));border:1px solid color-mix(in srgb,var(--brand-dark) 14%,transparent)}.rulebook-palette-editor__picker{position:relative;display:block;width:24px;height:24px;cursor:pointer}.rulebook-palette-editor__picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.rulebook-palette-editor__picker i{display:block;width:100%;height:100%;background:var(--rulebook-colour);border:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.rulebook-palette-editor__hex{display:grid;grid-template-columns:minmax(55px,auto) minmax(0,1fr);gap:8px;align-items:center}.rulebook-palette-editor__hex span{overflow:hidden;font:7px var(--font-data);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.rulebook-palette-editor__hex input{min-width:0;width:100%;padding:5px 7px;background:var(--brand-light);color:var(--brand-dark);border:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent);border-radius:0;font:8px var(--font-data);text-transform:uppercase}.rulebook-palette-editor__hex input[aria-invalid=true]{border-color:var(--money-out)}.rulebook-palette-editor>button{display:grid;width:24px;height:24px;place-items:center;padding:0;background:transparent;color:color-mix(in srgb,var(--brand-dark) 58%,transparent);border:0;cursor:pointer}.rulebook-semantics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rulebook-semantics>button{display:grid;grid-template-columns:12px 1fr;gap:2px 8px;align-items:center;padding:10px 0 0;background:transparent;color:inherit;border:0;border-top:1px solid color-mix(in srgb,var(--brand-dark) 12%,transparent);text-align:left}.rulebook-semantics>button:disabled{opacity:1}.rulebook-semantics.is-editable>button{cursor:pointer}.rulebook-semantics>button.is-selected{border-top-color:var(--brand-dark)}.rulebook-semantics>button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.rulebook-semantics i{width:11px;height:11px;grid-row:span 2;background:var(--rulebook-colour)}.rulebook-semantics b{font:7px var(--font-data);text-transform:uppercase}.rulebook-semantics small{color:color-mix(in srgb,var(--brand-dark) 48%,transparent);font:6px var(--font-data)}.chart-rule--measure,.chart-rule--tooltip,.chart-rule--axis{grid-column:span 4}.rulebook-measure{position:relative;width:100%;height:50px;border-block:1px solid color-mix(in srgb,var(--brand-dark) 15%,transparent)}.rulebook-measure i{display:block;width:72%;height:50px;background:var(--brand-primary)}.rulebook-measure span{position:absolute;right:0;top:50%;padding-left:9px;transform:translateY(-50%);background:color-mix(in srgb,var(--brand-dark) 2.5%,var(--brand-light));font:8px var(--font-data)}.rulebook-tooltip{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:14px;background:var(--brand-dark);color:var(--brand-light);border-radius:max(calc(var(--radius) * .7),3px);font:9px var(--font-data)}.rulebook-tooltip i{width:12px;height:12px;background:var(--brand-primary)}.rulebook-tooltip strong{font:500 10px var(--font-data)}.rulebook-axis{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:5px 9px;height:70px;color:color-mix(in srgb,var(--brand-dark) 48%,transparent);font:7px var(--font-data)}.rulebook-axis>span{display:grid;align-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 24%,transparent);border-left:1px solid color-mix(in srgb,var(--brand-dark) 24%,transparent)}.rulebook-axis i{display:block;height:1px;background:color-mix(in srgb,var(--brand-dark) 10%,transparent)}.rulebook-axis b{font-weight:400}.rulebook-axis>b:last-child{grid-column:2;text-align:right}.chart-rule--motion{grid-template-columns:minmax(215px,.65fr) minmax(400px,1.15fr) minmax(170px,.5fr);gap:28px;align-items:end;min-height:235px}.rulebook-motion-specs{display:grid;grid-template-columns:repeat(3,1fr)}.rulebook-motion-specs>span{display:grid;gap:8px;min-height:82px;align-content:end;padding:14px;border-left:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent)}.rulebook-motion-specs small{color:var(--brand-primary);font:6px var(--font-data)}.rulebook-motion-specs b{font:8px var(--font-data);text-transform:uppercase}.rulebook-ease-graph{display:grid;min-width:0;gap:8px;margin:0;padding-left:18px;border-left:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent)}.rulebook-ease-graph svg{display:block;width:100%;height:auto;overflow:visible}.rulebook-ease-graph__axis{fill:none;stroke:color-mix(in srgb,var(--brand-dark) 32%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.rulebook-ease-graph__grid{fill:none;stroke:color-mix(in srgb,var(--brand-dark) 9%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.rulebook-ease-graph__curve{fill:none;stroke:var(--brand-primary);stroke-width:2.25;vector-effect:non-scaling-stroke}.rulebook-ease-graph__point{fill:var(--brand-light);stroke:var(--brand-primary);stroke-width:1.5;vector-effect:non-scaling-stroke}.rulebook-ease-graph text{fill:color-mix(in srgb,var(--brand-dark) 43%,transparent);font:6px var(--font-data);letter-spacing:.08em}.rulebook-ease-graph figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-family:var(--font-data);text-transform:uppercase}.rulebook-ease-graph figcaption span{color:var(--brand-primary);font-size:6px}.rulebook-ease-graph figcaption strong{font-size:7px;font-weight:500}.chart-rule--legend{grid-template-columns:minmax(230px,.7fr) minmax(420px,1.3fr);align-items:end;min-height:190px}.rulebook-legend-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end;padding:22px;border:1px solid color-mix(in srgb,var(--brand-dark) 11%,transparent)}.rulebook-legend-swatches>span{display:grid;grid-template-columns:14px 1fr;gap:9px;align-items:center;min-width:0}.rulebook-legend-swatches i{display:block;width:14px;height:14px;background:var(--legend-colour);border-radius:0}.rulebook-legend-swatches b{overflow:hidden;font:8px var(--font-data);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.mockup-carousel{border-top:1px solid color-mix(in srgb,var(--brand-dark) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 16%,transparent)}.mockup-slide{display:grid;min-height:640px;grid-template-columns:minmax(210px,.65fr) minmax(0,2fr);gap:clamp(28px,5vw,72px);align-items:center;padding:42px 0;animation:mockup-slide-in .42s var(--easing) both}.mockup-slide__copy{align-self:center}.mockup-slide__copy>span{display:block;margin-bottom:34px;color:var(--brand-primary);font:8px var(--font-data);letter-spacing:.08em}.mockup-slide__copy>p:first-of-type{margin:0 0 10px;color:color-mix(in srgb,var(--brand-dark) 46%,transparent);font:8px var(--font-data);letter-spacing:.07em;text-transform:uppercase}.mockup-slide__copy h3{margin:0 0 18px;font:500 clamp(33px,4.2vw,62px)/.94 var(--font-display);letter-spacing:var(--display-tracking)}.mockup-slide__copy>p:last-of-type{margin:0;color:color-mix(in srgb,var(--brand-dark) 58%,transparent);font-size:10px;line-height:1.65}.mockup-slide__copy>a{display:inline-flex;gap:9px;align-items:center;margin-top:30px;padding-bottom:5px;color:var(--brand-dark);border-bottom:1px solid var(--brand-primary);font-size:9px;text-decoration:none}.mockup-slide__frame{display:grid;min-width:0;place-items:center}.mockup-browser{width:100%;overflow:hidden;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand-dark) 25%,transparent);border-radius:max(calc(var(--radius) * 1.1),5px);box-shadow:0 24px 60px color-mix(in srgb,var(--brand-dark) 14%,transparent)}.mockup-browser__bar{display:grid;height:38px;grid-template-columns:1fr minmax(120px,1.6fr) 1fr;align-items:center;padding:0 12px;background:color-mix(in srgb,var(--brand-dark) 4%,var(--brand-light));border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 12%,transparent)}.mockup-browser__bar>div{display:flex;gap:5px}.mockup-browser__bar>div i{display:block;width:7px;height:7px;background:color-mix(in srgb,var(--brand-dark) 18%,transparent);border-radius:50%}.mockup-browser__bar>div i:first-child{background:color-mix(in srgb,var(--brand-secondary) 75%,var(--brand-light))}.mockup-browser__bar>span{overflow:hidden;padding:6px 12px;background:color-mix(in srgb,var(--brand-dark) 4%,var(--brand-light));color:color-mix(in srgb,var(--brand-dark) 47%,transparent);border-radius:99px;font:6px var(--font-data);text-align:center;text-overflow:ellipsis;white-space:nowrap}.mockup-browser__bar>a{display:grid;width:27px;height:27px;place-items:center;justify-self:end;color:var(--brand-dark);border:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent);border-radius:50%;transform:rotate(-45deg)}.mockup-browser__viewport{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--brand-light)}.mockup-browser__viewport iframe{display:block;width:100%;height:100%;border:0}.mockup-phone-wrap{display:grid;justify-items:center;gap:19px}.mockup-phone{position:relative;width:min(430px,100%);padding:9px;background:color-mix(in srgb,var(--brand-dark) 88%,#000);border:1px solid color-mix(in srgb,var(--brand-light) 18%,transparent);border-radius:58px;box-shadow:0 28px 70px color-mix(in srgb,var(--brand-dark) 20%,transparent)}.mockup-phone__screen{width:100%;aspect-ratio:9 / 18.8;overflow:hidden;background:var(--brand-light);border-radius:48px}.mockup-phone__screen iframe{display:block;width:100%;height:100%;border:0}.mockup-phone__button{position:absolute;left:-4px;width:3px;background:color-mix(in srgb,var(--brand-dark) 72%,#000);border-radius:3px 0 0 3px}.mockup-phone__button--action{top:105px;height:30px}.mockup-phone__button--volume{top:152px;height:66px}.mockup-phone-wrap__open{display:flex;gap:7px;align-items:center;color:var(--brand-primary);font-size:8px;text-decoration:none}.mockup-carousel__controls{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:16px 0;border-top:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent)}.mockup-carousel__controls>div:first-child{display:flex;gap:7px}.mockup-carousel__controls>div:first-child button{display:grid;width:34px;height:34px;place-items:center;background:transparent;border:1px solid color-mix(in srgb,var(--brand-dark) 20%,transparent);border-radius:50%}.mockup-carousel__dots{display:flex;gap:4px;justify-content:center}.mockup-carousel__dots button{min-width:38px;padding:8px 10px;background:transparent;color:color-mix(in srgb,var(--brand-dark) 38%,transparent);border:0;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent);font:7px var(--font-data)}.mockup-carousel__dots button.is-active{color:var(--brand-dark);border-bottom-color:var(--brand-primary)}.mockup-carousel__controls>span{color:color-mix(in srgb,var(--brand-dark) 46%,transparent);font:7px var(--font-data)}.mockup-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--brand-dark) 18%,transparent)}.mockup-footer p{margin:0;color:color-mix(in srgb,var(--brand-dark) 55%,transparent);font-size:10px}.tune-trigger{position:fixed;z-index:80;top:24px;right:24px;display:flex;gap:9px;align-items:center;padding:11px 15px;background:var(--brand-dark);color:var(--brand-light);border:0;border-radius:999px;box-shadow:0 12px 35px #0f172a26;font-size:11px}.settings-panel{position:fixed;z-index:90;display:flex;width:min(360px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 96px));flex-direction:column;overflow:hidden;background:#f7f8f6;color:#0f172a;border:1px solid rgba(15,23,42,.16);border-radius:max(var(--radius),5px);box-shadow:0 24px 70px #0f172a38;font-family:Inter,sans-serif;font-weight:500}.settings-panel__handle{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#0f172a;color:#fff;cursor:grab;touch-action:none}.settings-panel__handle:active{cursor:grabbing}.settings-panel__handle>div{display:flex;gap:10px;align-items:center}.drag-dots{color:#fff6;font-size:17px}.settings-panel__handle p{display:grid;gap:2px;margin:0}.settings-panel__handle strong{font-size:11px}.settings-panel__handle small{color:#ffffff80;font-size:8px}.settings-panel__handle button{display:grid;width:28px;height:28px;place-items:center;padding:0;background:transparent;color:#fff;border:0}.settings-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(15,23,42,.13)}.settings-tabs button{padding:12px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:10px}.settings-tabs button[aria-selected=true]{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.settings-panel__scroll{overflow-y:auto;padding:0 16px 18px}.settings-section{padding:18px 0;border-bottom:1px solid rgba(15,23,42,.1)}.settings-section__heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.settings-section__heading span{font-size:10px;font-weight:700}.settings-section__heading p{margin:0;color:#0f172a73;font-size:8px}.settings-transfer{margin-top:16px;padding:14px;background:color-mix(in srgb,var(--brand-primary) 6%,#fff);border:1px solid color-mix(in srgb,var(--brand-primary) 22%,transparent);border-radius:5px}.settings-transfer .settings-section__heading{margin-bottom:9px}.settings-transfer>p{margin:0;color:#0f172a8f;font-size:8px;line-height:1.55}.settings-transfer>button{display:flex;width:100%;gap:8px;align-items:center;justify-content:center;margin-top:12px;padding:10px;background:#0f172a;color:#fff;border:0;border-radius:4px;font-size:9px}.range-control{display:grid;gap:7px;margin-top:14px}.range-control>span{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.range-control strong{font-size:9px}.range-control output{color:#0f172a8f;font:8px IBM Plex Mono,monospace}.range-control small{margin-top:-4px;color:#0f172a6b;font-size:7px}.range-control input{width:100%;height:2px;margin:5px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a29}.range-control input::-webkit-slider-thumb{width:13px;height:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brand-primary);border:2px solid #f7f8f6;border-radius:50%;box-shadow:0 0 0 1px var(--brand-primary)}.range-control input::-moz-range-thumb{width:10px;height:10px;background:var(--brand-primary);border:2px solid #f7f8f6;border-radius:50%;box-shadow:0 0 0 1px var(--brand-primary)}.select-control,.text-control{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;align-items:center;margin-top:12px}.select-control span,.text-control span{font-size:9px}.select-control select,.text-control input{min-width:0;width:100%;padding:8px 9px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.15);border-radius:4px;font-size:9px}.option-toggle{display:grid;min-width:0;gap:7px;margin:14px 0 0;padding:0;border:0}.option-toggle legend{padding:0;font-size:9px;font-weight:700}.option-toggle>small{color:#0f172a6b;font-size:7px;line-height:1.4}.option-toggle>div{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#0f172a0f;border:1px solid rgba(15,23,42,.11);border-radius:5px}.option-toggle>div[data-options="3"]{grid-template-columns:1fr}.option-toggle button{display:grid;min-width:0;gap:2px;padding:8px 9px;background:transparent;color:#0f172a8c;border:0;border-radius:3px;font-size:8px;line-height:1.25;text-align:left}.option-toggle button>span{font-weight:650}.option-toggle button>small{color:#0f172a66;font-size:7px;line-height:1.35}.option-toggle button[aria-pressed=true]{background:#0f172a;color:#fff;box-shadow:0 2px 8px #0f172a24}.option-toggle button[aria-pressed=true]>small{color:#ffffff8f}.colour-control{display:grid;grid-template-columns:16px 1fr 22px auto;gap:9px;align-items:center;margin-top:12px}.colour-control__chip{width:15px;height:15px;border:1px solid rgba(15,23,42,.14);border-radius:50%}.colour-control>span:nth-child(2){display:grid;gap:1px}.colour-control strong{font-size:9px}.colour-control small{color:#0f172a6b;font-size:7px}.colour-control input{width:22px;height:22px;padding:0;opacity:0}.colour-control output{font:8px IBM Plex Mono,monospace;color:#0f172a94}.logo-dropzone{position:relative;display:flex;gap:8px;align-items:center;min-height:64px;margin-top:10px;padding:9px 10px;border:1px dashed rgba(15,23,42,.25);border-radius:5px;font-size:9px;transition:border-color .16s ease,background .16s ease}.logo-dropzone.is-dragging{background:color-mix(in srgb,var(--brand-primary) 9%,#fff);border-color:var(--brand-primary)}.logo-dropzone__pick{display:grid;min-width:0;flex:1;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:0;background:transparent;color:inherit;border:0;text-align:left}.logo-dropzone__pick>img{width:34px;height:34px;object-fit:contain}.cover-media-icon{display:grid;width:34px;height:34px;place-items:center;background:var(--brand-dark);color:var(--brand-light);border-radius:50%}.logo-dropzone__pick>span{display:grid;gap:3px}.logo-dropzone strong{font-size:9px}.logo-dropzone small{color:#0f172a73;font-size:7px}.logo-dropzone>button:not(.logo-dropzone__pick){display:grid;width:24px;height:24px;place-items:center;padding:0;background:transparent;border:1px solid rgba(15,23,42,.14);border-radius:50%}.logo-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.reset-button,.delete-button{width:100%;margin-top:14px;padding:9px;background:transparent;border:1px solid rgba(15,23,42,.14);border-radius:4px;font-size:9px}.delete-button{display:flex;gap:7px;align-items:center;justify-content:center;color:#b42318;border-color:#b423184d}.bottom-ribbon{position:fixed;z-index:70;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;pointer-events:none}.section-nav,.brand-switcher{pointer-events:auto;background:#0f172af2;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 45px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-nav{display:flex;padding:5px;border-radius:999px}.section-nav button{position:relative;padding:9px 12px;background:transparent;color:#ffffff8a;border:0;border-radius:999px;font-size:9px}.section-nav button.active{background:#ffffff1a;color:#fff}.brand-switcher{display:flex;min-width:0;gap:4px;align-items:center;justify-content:flex-end;padding:5px 6px 5px 14px;overflow-x:auto;border-radius:999px;scrollbar-width:none}.brand-switcher::-webkit-scrollbar{display:none}.brand-switcher__label{margin-right:6px;color:#fff6;font:8px var(--font-data);text-transform:uppercase}.brand-switcher button{display:flex;flex:0 0 auto;gap:7px;align-items:center;padding:8px 11px;background:transparent;color:#ffffff8f;border:0;border-radius:999px;font-size:9px}.brand-switcher button i{width:7px;height:7px;border-radius:50%}.brand-switcher button.active{background:#fff;color:#0f172a}.brand-switcher .add-brand{padding-left:9px;border:1px solid rgba(255,255,255,.17);color:#fff}.toast{position:fixed;z-index:300;top:24px;left:50%;display:flex;gap:8px;align-items:center;padding:10px 14px;transform:translate(-50%);background:var(--brand-dark);color:var(--brand-light);border-radius:999px;box-shadow:0 12px 30px #0f172a2e;font-size:10px;animation:toast-in .22s ease both}.admin-unlock{position:fixed;z-index:400;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#08111bc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-unlock form{display:grid;width:min(410px,100%);padding:36px;background:#f8fafc;color:#0f172a;border-radius:8px;box-shadow:0 28px 80px #00000047;font-family:Inter,sans-serif}.admin-unlock form>.icon{margin-bottom:28px;color:#007282}.admin-unlock h2{margin:0 0 10px;font-size:27px;letter-spacing:-.04em}.admin-unlock p{margin:0 0 26px;color:#0f172a9e;font-size:12px;line-height:1.55}.admin-unlock label{display:grid;gap:7px}.admin-unlock label span{font-size:9px;font-weight:700;text-transform:uppercase}.admin-unlock input{width:100%;padding:12px;border:1px solid rgba(15,23,42,.2);border-radius:4px}.admin-unlock button{margin-top:14px;padding:12px;background:#0f172a;color:#fff;border:0;border-radius:4px;font-size:10px}.admin-unlock button:disabled{opacity:.45}.admin-unlock .admin-unlock__error{margin:10px 0 0;color:#b42318;font-size:10px}.viewer-badge{position:fixed;z-index:75;top:22px;right:22px;display:flex;gap:6px;align-items:center;padding:8px 11px;background:#0f172aeb;color:#fff;border-radius:999px;font:8px var(--font-data);text-transform:uppercase;letter-spacing:.06em}.page-header__title h2,.advice-specimen__copy h3,.spec-key__intro h3,.type-row__sample,.swatch__info strong,.colour-usage__statement h3,.chart-card h3,.mockup-slide__copy h3{letter-spacing:var(--display-tracking)}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes chart-tray-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}}@keyframes mockup-slide-in{0%{opacity:0;transform:translate(12px)}}@media(max-width:1050px){.app{padding-right:14px;padding-left:14px}.guide-page{padding:calc(38px * var(--spacing-factor))}.page-header{grid-template-columns:110px 1fr auto}.cover-page{padding:0}.colour-groups{gap:28px}.spec-key{grid-template-columns:1fr;gap:24px}.mockup-slide{grid-template-columns:minmax(190px,.55fr) minmax(0,1.7fr);gap:32px}.charts-page .page-header{margin-right:38px}.chart-rail{padding-right:38px}.chart-principles,.chart-rulebook{margin-right:38px}.chart-rule--models{grid-template-columns:minmax(180px,.45fr) minmax(420px,1.55fr);gap:30px}.chart-rule--colour{grid-template-columns:1fr}.chart-rule--colour .chart-rule__intro{grid-row:auto}.rulebook-semantics,.bottom-ribbon{grid-template-columns:1fr}.section-nav{width:max-content;max-width:100%;justify-self:center}.brand-switcher{justify-content:flex-start}}@media(max-width:760px){.app{padding:10px 8px 160px}.guide-page{min-height:0;margin-bottom:22px;padding:24px 18px;border-radius:max(var(--radius),3px)}.page-header{grid-template-columns:1fr auto;gap:22px;margin-bottom:38px}.page-header__index{grid-column:1 / -1}.page-header__title h2{font-size:clamp(2.5rem,13vw,4.4rem)}.page-header__trailing{grid-column:2;grid-row:2}.cover-page{min-height:700px;padding:0}.cover-page__lockup{max-width:calc(100% - 44px);gap:15px}.cover-page__lockup .brand-mark__image{max-width:calc(190px * var(--logo-scale));height:calc(55px * var(--logo-scale))}.cover-page__lockup .brand-mark__word{font-size:calc(34px * var(--logo-scale))}.cover-page__lockup h1{font-size:clamp(1.2rem,5vw,1.8rem)}.cover-page__divider{height:40px}.advice-specimen{grid-template-columns:1fr;padding:23px}.advice-specimen__copy{padding-bottom:0}.advice-specimen__copy h3{font-size:clamp(2.4rem,12vw,4rem)}.advice-specimen__metrics{grid-template-columns:repeat(3,1fr);gap:12px}.advice-specimen__metrics strong{font-size:14px}.advice-specimen__note{grid-template-columns:1fr}.advice-specimen__note button{justify-self:start}.type-row summary{grid-template-columns:76px 1fr 35px}.type-row__role{display:none}.type-row pre{margin-left:0}.colour-hero,.colour-groups,.colour-usage{grid-template-columns:1fr;gap:36px}.swatch-grid{gap:18px}.colour-ratio{height:64px}.logo-stage--master{min-height:280px}.logo-stage--master>.brand-mark .brand-mark__symbol{width:75px;height:75px}.logo-stage--master>.brand-mark .brand-mark__word{font-size:43px}.clearspace{width:86%;height:130px}.logo-variants{grid-template-columns:1fr}.logo-rules{grid-template-columns:1fr 1fr}.charts-page{padding-right:0}.charts-page .page-header{margin-right:18px}.chart-rail{padding-right:18px}.chart-card{padding:18px}.chart-card__rules{grid-template-columns:1fr}.chart-principles{grid-template-columns:1fr 1fr;margin-right:18px}.chart-rulebook{margin-right:18px;padding-top:30px}.chart-rulebook__header{grid-template-columns:1fr;gap:18px}.chart-rulebook__header h3{font-size:clamp(3rem,15vw,5.2rem)}.chart-rulebook__rules{grid-template-columns:1fr}.chart-rule{grid-column:1;min-height:190px}.chart-rule--models,.chart-rule--colour,.chart-rule--motion,.chart-rule--legend{grid-template-columns:1fr}.rulebook-models,.rulebook-semantics,.rulebook-motion-specs{grid-template-columns:1fr 1fr}.rulebook-ease-graph{width:min(240px,100%);justify-self:end}.mockup-slide{min-height:0;grid-template-columns:1fr;gap:34px;padding:30px 0}.mockup-slide__copy{display:grid;grid-template-columns:auto 1fr;column-gap:18px}.mockup-slide__copy>span{grid-column:1;margin:3px 0 0}.mockup-slide__copy>p:first-of-type,.mockup-slide__copy h3,.mockup-slide__copy>p:last-of-type,.mockup-slide__copy>a{grid-column:2}.mockup-slide__copy>p:first-of-type{grid-row:1}.mockup-slide__copy h3{margin-bottom:12px;font-size:36px}.mockup-slide__copy>a{width:max-content;margin-top:18px}.mockup-slide__frame--phone{padding:10px 0}.mockup-phone{width:min(290px,88vw)}.mockup-carousel__controls{grid-template-columns:auto 1fr}.mockup-carousel__controls>span{display:none}.settings-panel{max-height:calc(100vh - 24px)}.tune-trigger{top:14px;right:14px}.tune-trigger span{display:none}.bottom-ribbon{right:8px;bottom:8px;left:8px;gap:5px}.section-nav{max-width:100%;overflow-x:auto;scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav button{flex:0 0 auto;padding:8px 10px}.brand-switcher{padding-left:8px}.brand-switcher__label{display:none}}@media(max-width:480px){.cover-page{min-height:620px}.cover-page__lockup{max-width:calc(100% - 28px);gap:10px}.cover-page__lockup .brand-mark__symbol{width:calc(42px * var(--logo-scale));height:calc(42px * var(--logo-scale))}.cover-page__lockup .brand-mark__image{max-width:calc(140px * var(--logo-scale));height:calc(44px * var(--logo-scale))}.cover-page__lockup .brand-mark__word{font-size:calc(27px * var(--logo-scale))}.cover-page__lockup h1{font-size:1.1rem}.cover-page__divider{height:34px}.cover-page__drop>span{right:12px;bottom:12px}.advice-specimen__metrics{grid-template-columns:1fr}.advice-specimen__metrics div{padding:12px 0}.swatch-grid{grid-template-columns:1fr}.swatch__colour{height:78px}.logo-stage--master>.brand-mark .brand-mark__symbol{width:55px;height:55px}.logo-stage--master>.brand-mark .brand-mark__word{font-size:32px}.clearspace{height:105px}.chart-rulebook__header h3{font-size:2.8rem}.rulebook-models,.rulebook-semantics{grid-template-columns:1fr}.chart-rule{padding:20px}.chart-rule__number{top:20px;left:20px}.rulebook-motion-specs,.rulebook-legend-swatches{grid-template-columns:1fr 1fr}.rulebook-motion-specs>span{min-height:64px}.rulebook-ease-graph{justify-self:start}.rulebook-formats{flex-direction:column;align-items:start}.rulebook-palette{gap:3px}.mockup-browser__bar{grid-template-columns:1fr minmax(95px,1.8fr) 1fr}.mockup-browser__viewport{aspect-ratio:4 / 3}.mockup-carousel__controls{gap:12px}.mockup-carousel__dots button{min-width:30px;padding-right:7px;padding-left:7px}.brand-switcher button{padding:7px 9px;font-size:8px}.brand-switcher button span{display:inline}.section-nav button{padding:8px 9px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.product-experience{min-height:100vh;background:color-mix(in srgb,var(--brand-dark) 4%,var(--brand-light));color:var(--brand-dark);font-family:var(--font-body);font-weight:500}.product-experience button,.product-experience select,.product-experience a{font:inherit}.product-experience button{color:inherit}.product-experience h1,.product-experience h2,.product-experience p{margin-top:0}.product-experience .xp-icon{flex:0 0 auto}.product-experience__surface{min-height:100vh}.xp-brand{display:flex;min-width:0;gap:10px;align-items:center}.xp-brand svg{width:31px;height:31px;flex:0 0 auto}.xp-brand img{max-width:150px;height:36px;object-fit:contain;object-position:left center}.xp-brand strong{overflow:hidden;font-size:25px;font-weight:500;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap}.xp-brand--compact{gap:7px}.xp-brand--compact svg{width:23px;height:23px}.xp-brand--compact img{max-width:100px;height:26px}.xp-brand--compact strong{font-size:18px}.portal-app{display:grid;min-height:inherit;grid-template-columns:190px 1fr;background:color-mix(in srgb,var(--brand-dark) 3%,var(--brand-light))}.portal-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:26px 18px 16px;background:var(--brand-light);border-right:1px solid color-mix(in srgb,var(--brand-dark) 10%,transparent)}.is-embedded .portal-sidebar{height:100vh}.portal-sidebar .xp-brand{padding:0 6px 26px}.portal-sidebar nav{display:grid;gap:4px}.portal-sidebar nav button{display:flex;width:100%;gap:10px;align-items:center;padding:11px 10px;background:transparent;border:0;border-radius:max(var(--radius),3px);color:color-mix(in srgb,var(--brand-dark) 65%,transparent);font-size:10px;text-align:left}.portal-sidebar nav button.is-active{background:color-mix(in srgb,var(--brand-primary) 10%,var(--brand-light));color:var(--brand-primary)}.portal-sidebar__collapse{display:grid;width:31px;height:31px;margin-top:auto;place-items:center;background:transparent;border:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent);border-radius:50%}.portal-shell{min-width:0}.portal-ad{display:flex;height:58px;gap:5px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand-dark) 2%,var(--brand-light));color:color-mix(in srgb,var(--brand-dark) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent);font-size:8px}.portal-ad span{font:7px var(--font-data)}.portal-topbar{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 30px;background:var(--brand-light);border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 10%,transparent)}.portal-topbar button{display:grid;width:32px;height:32px;place-items:center;background:transparent;border:0}.portal-topbar>div{display:flex;gap:5px;align-items:center}.portal-topbar>div>span{display:grid;width:31px;height:31px;margin-left:8px;place-items:center;background:var(--brand-primary);color:var(--brand-light);border-radius:50%;font:8px var(--font-data)}.portal-topbar strong{margin-left:4px;font-size:10px}.portal-main{width:min(1100px,100%);margin:0 auto;padding:34px 34px 54px}.portal-main__intro{margin-bottom:25px}.portal-main__intro>span{color:var(--brand-primary);font:8px var(--font-data);letter-spacing:.08em;text-transform:uppercase}.portal-main__intro h1{margin:7px 0;font:500 clamp(31px,4vw,54px)/.98 var(--font-display);letter-spacing:var(--display-tracking)}.portal-main__intro p{margin-bottom:0;color:color-mix(in srgb,var(--brand-dark) 52%,transparent);font-size:10px}.portal-main__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-panel,.portal-activity{overflow:hidden;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand-dark) 11%,transparent);border-radius:max(var(--radius),4px)}.portal-panel>header,.portal-activity>header{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 10%,transparent)}.portal-panel h2,.portal-activity h2{margin:0;font:500 18px var(--font-display);letter-spacing:-.035em}.portal-panel>header span{color:color-mix(in srgb,var(--brand-dark) 37%,transparent);font:8px var(--font-data)}.portal-panel>div{display:grid}.portal-panel>div button{display:grid;min-height:52px;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;padding:0 14px;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 8%,transparent);text-align:left}.portal-panel>div button:last-child{border-bottom:0}.portal-panel>div button>i{display:grid;width:30px;height:30px;place-items:center;background:color-mix(in srgb,var(--brand-primary) 9%,var(--brand-light));color:var(--brand-primary);border-radius:max(var(--radius),5px)}.portal-panel>div button>span{font-size:10px}.portal-panel>div button>small{padding:4px 7px;background:color-mix(in srgb,var(--brand-secondary) 13%,var(--brand-light));color:color-mix(in srgb,var(--brand-secondary) 82%,var(--brand-dark));border-radius:99px;font:7px var(--font-data);text-transform:uppercase}.portal-panel>div button>.xp-icon{color:color-mix(in srgb,var(--brand-dark) 26%,transparent)}.portal-activity{margin-top:18px}.portal-activity>header button{display:flex;gap:6px;align-items:center;background:transparent;color:var(--brand-primary);border:0;font-size:8px}.portal-activity>div button{display:grid;width:100%;min-height:54px;grid-template-columns:1fr auto 20px;gap:15px;align-items:center;padding:0 18px;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 8%,transparent);text-align:left}.portal-activity>div button:last-child{border-bottom:0}.portal-activity>div button>span{display:grid;gap:2px}.portal-activity strong{font-size:9px}.portal-activity small{color:color-mix(in srgb,var(--brand-dark) 48%,transparent);font-size:8px}.portal-activity time{color:color-mix(in srgb,var(--brand-dark) 39%,transparent);font-size:8px}.portal-activity b{letter-spacing:.08em}.review-app{min-height:inherit;padding:0 30px 54px;background:color-mix(in srgb,var(--brand-dark) 3%,var(--brand-light))}.review-topbar{display:grid;min-height:74px;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;width:min(1280px,100%);margin:0 auto}.review-topbar__title{display:grid;gap:2px;padding-left:16px;border-left:1px solid color-mix(in srgb,var(--brand-dark) 13%,transparent)}.review-topbar__title span{color:color-mix(in srgb,var(--brand-dark) 46%,transparent);font:7px var(--font-data);letter-spacing:.06em;text-transform:uppercase}.review-topbar__title strong{font-size:11px}.review-topbar__actions{display:flex;gap:8px}.review-topbar__actions select,.review-topbar__actions button{display:flex;min-height:34px;gap:6px;align-items:center;padding:0 12px;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand-dark) 12%,transparent);border-radius:max(var(--radius),3px);font-size:8px}.review-main{width:min(1280px,100%);margin:0 auto}.review-summary{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(320px,1.5fr) minmax(180px,.7fr);min-height:118px;align-items:stretch;overflow:hidden;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand-dark) 10%,transparent);border-radius:max(var(--radius),4px);box-shadow:var(--elevation)}.review-summary__person{display:grid;align-content:center;padding:20px}.review-summary__person>span{color:var(--brand-primary);font:7px var(--font-data);text-transform:uppercase}.review-summary__person h1{margin:5px 0 3px;font:500 29px var(--font-display);letter-spacing:var(--display-tracking)}.review-summary__person p{margin:0;color:color-mix(in srgb,var(--brand-dark) 50%,transparent);font-size:8px}.review-summary>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-right:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent);border-left:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent)}.review-summary>dl>div{display:grid;align-content:center;padding:18px;border-right:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent)}.review-summary>dl>div:last-child{border:0}.review-summary dt{color:color-mix(in srgb,var(--brand-dark) 50%,transparent);font-size:7px}.review-summary dd{margin:6px 0 0;font:600 19px var(--font-data)}.review-summary dl div:last-child dd{color:var(--money-in)}.review-summary__adviser{display:flex;gap:10px;align-items:center;padding:18px}.review-summary__adviser>span{display:grid;width:38px;height:38px;place-items:center;background:var(--brand-dark);color:var(--brand-light);border-radius:50%;font:10px var(--font-data)}.review-summary__adviser p{display:grid;gap:2px;margin:0}.review-summary__adviser small{color:color-mix(in srgb,var(--brand-dark) 45%,transparent);font-size:7px}.review-summary__adviser strong{font-size:10px}.review-summary__adviser em{color:color-mix(in srgb,var(--brand-dark) 48%,transparent);font-size:7px;font-style:normal}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.review-tile{position:relative;display:grid;min-height:280px;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand-dark) 10%,transparent);border-radius:max(var(--radius),4px)}.review-tile:after{content:"";position:absolute;top:0;right:0;width:32%;height:3px;background:var(--brand-secondary)}.review-tile:nth-child(3n+1):after{background:var(--brand-primary)}.review-tile:nth-child(3n+2):after{background:var(--brand-secondary)}.review-tile:nth-child(3n+3):after{background:color-mix(in srgb,var(--brand-primary) 54%,var(--brand-secondary))}.review-tile>header{display:grid;grid-template-columns:29px 1fr;gap:12px;padding:20px 20px 15px}.review-tile>header>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid color-mix(in srgb,var(--brand-dark) 26%,transparent);border-radius:50%;font:7px var(--font-data)}.review-tile h2{margin:0 0 4px;font:500 21px var(--font-display);letter-spacing:-.04em}.review-tile header p{margin:0;color:color-mix(in srgb,var(--brand-dark) 47%,transparent);font-size:7px}.review-tile__body{padding:2px 20px 14px 61px}.review-tile__metric{display:block;margin:2px 0 15px;color:var(--brand-primary);font:500 31px var(--font-data);letter-spacing:-.04em}.review-tile dl{display:grid;gap:0;margin:0}.review-tile dl>div{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent)}.review-tile dt{font-size:8px}.review-tile dd{margin:0;color:color-mix(in srgb,var(--brand-dark) 55%,transparent);font:8px var(--font-data);text-align:right}.review-tile>button{display:flex;gap:7px;align-items:center;justify-self:start;margin:0 20px 17px 61px;padding:0;background:transparent;color:var(--brand-primary);border:0;font-size:8px}.review-allocation{display:grid;grid-template-columns:82px 1fr;gap:16px;align-items:center}.review-allocation__donut{width:82px;aspect-ratio:1;background:conic-gradient(var(--brand-primary) 0 30%,var(--brand-secondary) 30% 55%,color-mix(in srgb,var(--brand-primary) 55%,var(--brand-light)) 55% 73%,color-mix(in srgb,var(--brand-secondary) 45%,var(--brand-light)) 73% 100%);border-radius:50%;mask:radial-gradient(circle,transparent 0 44%,#000 45%)}.review-allocation ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.review-allocation li{display:grid;grid-template-columns:7px 1fr auto;gap:6px;align-items:center;font-size:7px}.review-allocation li i{width:7px;height:7px;background:var(--brand-primary)}.review-allocation li:nth-child(2) i{background:var(--brand-secondary)}.review-allocation li:nth-child(3) i{background:color-mix(in srgb,var(--brand-primary) 55%,var(--brand-light))}.review-allocation li:nth-child(4) i{background:color-mix(in srgb,var(--brand-secondary) 45%,var(--brand-light))}.review-allocation li strong{font:7px var(--font-data)}body:has(.product-experience--mobile-portal.is-embedded){min-width:0;overflow:hidden}.product-experience--mobile-portal.is-embedded{height:100vh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.product-experience--mobile-portal.is-embedded::-webkit-scrollbar{display:none;width:0;height:0}.product-experience--mobile-portal:not(.is-embedded){padding:34px 14px 56px}.product-mobile-device{position:relative;width:min(430px,100%);min-height:820px;margin:0 auto;overflow:hidden;background:var(--brand-dark);border:9px solid var(--brand-dark);border-radius:54px;box-shadow:0 32px 90px color-mix(in srgb,var(--brand-dark) 24%,transparent)}.product-mobile-device .product-experience__surface{min-height:820px;overflow:hidden;border-radius:45px}.mobile-device-chrome{position:absolute;z-index:30;top:9px;right:9px;left:9px;display:grid;height:34px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;color:var(--brand-dark);font:8px var(--font-data);pointer-events:none}.mobile-device-chrome time{justify-self:start}.mobile-device-chrome__island{width:76px;height:21px;background:var(--brand-dark);border-radius:99px}.mobile-device-chrome__signals{display:flex;gap:7px;align-items:center;justify-self:end}.mobile-device-chrome__signals b{font:600 8px var(--font-data)}.mobile-device-chrome__signals>i{position:relative;display:block;width:13px;height:7px;border:1px solid currentColor;border-radius:2px}.mobile-device-chrome__signals>i:after{content:"";position:absolute;top:1px;right:-3px;width:2px;height:3px;background:currentColor;border-radius:0 1px 1px 0}.mobile-device-chrome__signals>i span{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:72%;background:currentColor}.mobile-app{position:relative;min-height:inherit;padding:34px 18px 98px;overflow:hidden;background:color-mix(in srgb,var(--brand-primary) 4%,var(--brand-light));color:var(--brand-dark)}.mobile-app:before{content:"";position:absolute;top:-120px;right:-140px;width:330px;height:330px;background:color-mix(in srgb,var(--brand-secondary) 22%,transparent);border-radius:50%;filter:blur(3px)}.mobile-header{position:relative;z-index:1;display:flex;height:54px;align-items:center;justify-content:space-between}.mobile-header button{position:relative;display:grid;width:38px;height:38px;place-items:center;background:color-mix(in srgb,var(--brand-light) 65%,transparent);border:1px solid color-mix(in srgb,var(--brand-light) 72%,transparent);border-radius:50%;box-shadow:0 8px 25px color-mix(in srgb,var(--brand-dark) 9%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header button i{position:absolute;top:6px;right:7px;width:6px;height:6px;background:var(--brand-secondary);border:1px solid var(--brand-light);border-radius:50%}.mobile-app main{position:relative;z-index:1}.mobile-welcome{padding:26px 3px 18px}.mobile-welcome>span{color:var(--brand-primary);font:8px var(--font-data);letter-spacing:.06em;text-transform:uppercase}.mobile-welcome h1{max-width:320px;margin:8px 0 9px;font:500 41px/.92 var(--font-display);letter-spacing:var(--display-tracking)}.mobile-welcome p{max-width:320px;margin:0;color:color-mix(in srgb,var(--brand-dark) 56%,transparent);font-size:10px;line-height:1.55}.mobile-position{padding:19px;background:color-mix(in srgb,var(--brand-dark) 92%,var(--brand-primary));color:var(--brand-light);border-radius:27px;box-shadow:0 18px 40px color-mix(in srgb,var(--brand-dark) 18%,transparent)}.mobile-position>header{display:flex;align-items:center;justify-content:space-between}.mobile-position>header span{font-size:9px}.mobile-position>header small{display:flex;gap:5px;align-items:center;color:color-mix(in srgb,var(--brand-light) 58%,transparent);font:7px var(--font-data)}.mobile-position>header small:before{content:"";width:5px;height:5px;background:var(--money-in);border-radius:50%}.mobile-position>strong{display:block;margin-top:18px;font:500 47px/.9 var(--font-data)}.mobile-position>p{margin:7px 0 19px;color:color-mix(in srgb,var(--brand-light) 54%,transparent);font-size:8px}.mobile-position>div{display:grid;gap:4px}.mobile-position>div i{display:block;height:4px;background:var(--brand-primary)}.mobile-position>div i:nth-child(2){background:var(--brand-secondary)}.mobile-position>div i:nth-child(3){background:color-mix(in srgb,var(--brand-light) 30%,transparent)}.mobile-position dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0}.mobile-position dl div{display:grid;gap:4px}.mobile-position dt{color:color-mix(in srgb,var(--brand-light) 50%,transparent);font-size:6px}.mobile-position dd{margin:0;font:10px var(--font-data)}.mobile-actions{margin-top:24px}.mobile-actions>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-actions h2{margin:0;font:500 19px var(--font-display);letter-spacing:-.035em}.mobile-actions header button{padding:0;background:transparent;color:var(--brand-primary);border:0;font-size:8px}.mobile-actions>div{display:grid;gap:8px}.mobile-actions>div>button{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:11px;background:color-mix(in srgb,var(--brand-light) 73%,transparent);border:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent);border-radius:17px;box-shadow:0 10px 26px color-mix(in srgb,var(--brand-dark) 6%,transparent);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-actions>div>button>i{display:grid;width:36px;height:36px;place-items:center;background:color-mix(in srgb,var(--brand-primary) 11%,var(--brand-light));color:var(--brand-primary);border-radius:12px}.mobile-actions>div>button>span{display:grid;gap:3px}.mobile-actions strong{font-size:9px}.mobile-actions small{color:color-mix(in srgb,var(--brand-dark) 48%,transparent);font-size:7px}.mobile-insight{margin-top:18px;padding:19px;background:color-mix(in srgb,var(--brand-secondary) 14%,var(--brand-light));border-radius:23px}.mobile-insight>span{display:flex;gap:6px;align-items:center;color:color-mix(in srgb,var(--brand-secondary) 72%,var(--brand-dark));font:7px var(--font-data);text-transform:uppercase}.mobile-insight h2{margin:13px 0 18px;font:500 21px/1.05 var(--font-display);letter-spacing:-.035em}.mobile-insight button{display:flex;gap:7px;align-items:center;padding:0;background:transparent;color:var(--brand-dark);border:0;font-size:8px}.mobile-tabbar{position:absolute;z-index:10;right:14px;bottom:19px;left:14px;display:grid;height:66px;grid-template-columns:repeat(4,1fr);padding:7px;background:color-mix(in srgb,var(--brand-light) 72%,transparent);border:1px solid color-mix(in srgb,var(--brand-light) 75%,transparent);border-radius:26px;box-shadow:0 14px 38px color-mix(in srgb,var(--brand-dark) 18%,transparent);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.mobile-tabbar button{display:grid;gap:2px;place-content:center;place-items:center;background:transparent;color:color-mix(in srgb,var(--brand-dark) 48%,transparent);border:0;border-radius:19px;font-size:6px}.mobile-tabbar button.is-active{background:color-mix(in srgb,var(--brand-primary) 12%,var(--brand-light));color:var(--brand-primary)}.mobile-home-indicator{position:absolute;z-index:11;bottom:7px;left:50%;width:88px;height:4px;transform:translate(-50%);background:color-mix(in srgb,var(--brand-dark) 68%,transparent);border-radius:99px}.video-app{min-height:inherit;padding:24px 40px 60px;background:var(--brand-light)}.video-app>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 12%,transparent)}.video-app>header>span{color:color-mix(in srgb,var(--brand-dark) 47%,transparent);font:8px var(--font-data);letter-spacing:.12em;text-transform:uppercase}.video-app main{width:min(1120px,100%);margin:0 auto;padding-top:52px}.video-app__intro{display:grid;max-width:800px;grid-template-columns:1fr}.video-app__intro>span{color:var(--brand-primary);font:8px var(--font-data);letter-spacing:.09em;text-transform:uppercase}.video-app__intro h1{margin:10px 0 12px;font:500 clamp(40px,6vw,76px)/.92 var(--font-display);letter-spacing:var(--display-tracking)}.video-app__intro p{color:color-mix(in srgb,var(--brand-dark) 49%,transparent);font-size:10px}.video-player{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:34px;overflow:hidden;background:color-mix(in srgb,var(--brand-dark) 94%,var(--brand-primary));box-shadow:var(--elevation)}.video-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media(max-width:950px){.portal-app{grid-template-columns:150px 1fr}.portal-sidebar{padding-right:12px;padding-left:12px}.portal-main{padding:26px 24px 42px}.review-summary{grid-template-columns:1fr 1.4fr}.review-summary__adviser{display:none}.review-summary>dl{border-right:0}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.portal-app{grid-template-columns:1fr}.portal-sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:12px 16px;border:0;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 10%,transparent)}.portal-sidebar .xp-brand{padding:0}.portal-sidebar nav{display:flex;margin-left:auto}.portal-sidebar nav button{width:34px;height:34px;padding:0;justify-content:center}.portal-sidebar nav button span,.portal-sidebar nav button:not(:first-child){display:none}.portal-sidebar__collapse,.portal-ad{display:none}.portal-main__grid{grid-template-columns:1fr}.review-app{padding:0 16px 40px}.review-topbar{grid-template-columns:auto 1fr}.review-topbar__title{display:none}.review-topbar__actions{justify-self:end}.review-topbar__actions select{display:none}.review-summary{grid-template-columns:1fr}.review-summary>dl{border:0;border-top:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent)}.review-grid{grid-template-columns:1fr}.video-app{padding:18px 18px 40px}.video-app main{padding-top:32px}.video-player{margin-top:24px}}@media(max-width:480px){.product-experience--mobile-portal:not(.is-embedded){padding:0}.product-mobile-device{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.product-mobile-device .product-experience__surface{min-height:100vh;border-radius:0}.product-mobile-device .mobile-device-chrome{top:0;right:0;left:0}.portal-topbar{padding:0 14px}.portal-topbar strong{display:none}.portal-main{padding:24px 14px 36px}.portal-main__intro h1{font-size:35px}.portal-panel>div button{padding-right:10px;padding-left:10px}.review-topbar__actions button{width:33px;padding:0;justify-content:center}.review-topbar__actions button{font-size:0}.review-summary>dl{grid-template-columns:1fr}.review-summary>dl>div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--brand-dark) 9%,transparent)}.review-grid{gap:10px}.review-tile{min-height:250px}.video-app>header>span{display:none}.video-app__intro h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.product-experience *,.product-experience *:before,.product-experience *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}