*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;background:#fff;color:#16181d;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7485fa;outline-offset:5px}.skip{position:fixed;z-index:100;top:-80px;left:18px;padding:14px;background:white;color:black}.skip:focus{top:10px}.studio-bar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #dddfe5;padding:16px 3.2% 0}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.study-home{font-size:23px;font-weight:700;letter-spacing:-.055em;display:flex;align-items:center;gap:16px}.study-home span{font-size:12px;letter-spacing:0;font-weight:400;color:#747883}.study-context{font-size:13px;color:#5d616b}.study-links{display:flex;align-items:center;gap:20px;font-size:12px}.study-links button{padding:8px 12px;border:1px solid #dddfe5;background:#fff;border-radius:5px;color:#5a5d67;font-size:12px}.study-links button[aria-pressed=true]{background:#ecefff;color:#2946ee;border-color:#abb9ff}.study-links a{color:#646975}.direction-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:12px}.direction-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;flex:1;white-space:nowrap;padding:10px 13px;background:#fff;border:0;border-radius:5px;font-size:13px;color:#555a65}.direction-tabs button span{font:10px 'Space Mono',monospace;color:#9b9ea5}.direction-tabs button[aria-selected=true]{color:#fff;background:#20232a}.direction-tabs button[aria-selected=true] span{color:#b8becb}.direction-tabs button:hover{background:#eff1f5;color:#20232a}.brand-page{--paper:#f8faff;--ink:#151c2c;--muted:#59657b;--accent:#2b4bff;--on-accent:#fff;--line:#d9e0ef;--panel:#eef2ff;--art-bg:#e6edff;--art-ink:#2b4bff;--display:'Manrope',sans-serif;--weight:500;--heavy:700;--radius:10px;--tracking:-.065em;--heading:clamp(70px,7.25vw,118px);background:var(--paper);color:var(--ink)}.site-header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:38px;letter-spacing:-.065em;line-height:1;display:flex;align-items:center;gap:11px;font-weight:var(--heavy);white-space:nowrap}.wordmark>[data-mark]{color:var(--accent);width:36px;height:36px;display:flex;align-items:center}.wordmark sup{font:10px 'DM Sans',sans-serif;margin:-23px 0 0 -5px;letter-spacing:0}.wordmark svg,.wordmark img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{padding:13px 20px;border:1px solid var(--ink);border-radius:var(--radius);font-size:14px}.header-cta:hover{background:var(--ink);color:var(--paper)}.hero{padding:25px 5% 0}.eyebrow{display:flex;justify-content:space-between;gap:24px;font:11px 'Space Mono',monospace;letter-spacing:.015em}.eyebrow span:last-child{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:48px;align-items:stretch;padding:43px 0 44px;min-height:603px}.hero-copy{min-width:0;align-self:center}.hero h1{font-family:var(--display);font-weight:var(--weight);font-size:var(--heading);line-height:1.015;letter-spacing:var(--tracking);margin:0 0 27px}.hero h1 em{font-weight:var(--heavy);font-style:normal;color:var(--accent)}.hero-copy>p{max-width:393px;font-size:17px;line-height:1.55;letter-spacing:-.02em;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:23px}.primary-cta{padding:18px 24px;min-height:56px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:600;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center}.primary-cta:hover{filter:brightness(.91)}.hero-actions>span{font-size:12px;line-height:1.5;color:var(--muted)}.brand-stage{position:relative;min-width:0;background:var(--art-bg);color:var(--art-ink);display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--stage-radius,26px);overflow:hidden;min-height:505px;padding:24px}.stage-label,.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font:10px 'Space Mono',monospace;letter-spacing:.03em;z-index:2}.stage-label>span:first-child{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.045em}.hero-symbol{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:360px;padding:10px 4%}.hero-symbol>svg{width:100%;max-height:375px;height:auto}.hero-symbol>img{width:115%;height:100%;max-height:460px;object-fit:contain}.stage-small{display:block;width:25px;height:25px;flex-shrink:0}.stage-small svg,.stage-small img{width:100%;height:100%;object-fit:contain}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:25px 0;font-size:10px;letter-spacing:.04em}.hero-bottom>div{display:flex;gap:32px;font-size:13px;letter-spacing:0}.hero-bottom>span:last-child{color:var(--muted);font-family:'Space Mono',monospace}.identity-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.application{display:flex;align-items:center;justify-content:center;gap:22px;padding:28px 15px;min-width:0;border-right:1px solid var(--line)}.application:first-child{padding-left:0}.application:last-child{border:0;padding-right:0}.application>span:last-child{font-size:12px;color:var(--muted);line-height:1.5}.app-icon{display:block;width:58px;height:58px;padding:11px;border-radius:15px;background:var(--accent);color:var(--on-accent);flex-shrink:0}.app-icon svg,.app-icon img{width:100%;height:100%;object-fit:contain}.mono-tile>[data-mark]{display:block;width:48px;height:48px;color:var(--ink)}.mono-tile svg,.mono-tile img{width:100%;height:100%;object-fit:contain}.mono-tile img{filter:grayscale(1)}.type-sample{font-family:var(--display);font-size:49px;letter-spacing:-.06em;line-height:1}.colour-tile{flex-direction:column;gap:12px}.colour-tile>div{display:flex;gap:7px}.colour-tile>div span{width:28px;height:28px;border-radius:50%;border:1px solid #8883}.colour-tile>span{font-size:10px!important}.approach{padding:70px 5%;background:var(--paper)}.approach-intro{display:flex;justify-content:space-between;gap:50px;align-items:start;margin-bottom:50px}.section-kicker{font:11px 'Space Mono',monospace;line-height:1.6}.approach h2,.independent h2{font-family:var(--display);font-weight:var(--weight);font-size:44px;letter-spacing:-.045em;line-height:1.12;margin:0}.approach h2 em,.independent h2 em{font-style:normal;font-weight:var(--heavy)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{font:11px 'Space Mono',monospace;color:var(--muted)}.steps h3{font-family:var(--display);font-size:25px;line-height:1.17;letter-spacing:-.04em;font-weight:600;margin:24px 0 15px}.steps p{font-size:16px;line-height:1.6;color:var(--muted);max-width:335px;margin:0}.independent{display:flex;justify-content:space-between;gap:40px;padding:65px 5%;background:var(--panel);align-items:start;border-top:1px solid var(--line)}.independent h2{font-size:49px}.independent h2 em{color:var(--accent)}.independent>a{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:5px;align-self:end}.site-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:35px 5%;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.site-footer .wordmark{font-size:31px;color:var(--ink)}.site-footer .wordmark>[data-mark]{width:28px;height:28px}.direction-notes{padding:52px 5% 24px;background:#fff;color:#242832}.notes-heading{display:flex;justify-content:space-between;gap:60px;margin-bottom:42px}.note-kicker{font:11px 'Space Mono',monospace;color:#737884;letter-spacing:.02em}.notes-heading h2{font-size:39px;letter-spacing:-.055em;margin:10px 0 0;font-weight:500}.notes-heading>p{max-width:630px;font-size:20px;line-height:1.45;letter-spacing:-.025em;margin:0}.notes-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:50px}.notes-grid p{font-size:15px;line-height:1.65;margin:17px 0 0;color:#5f6470}.reference-item{margin-top:16px}.reference-item a{font-size:16px;text-decoration:underline;text-underline-offset:4px}.reference-item p{font-size:14px;margin-top:7px;line-height:1.5}.notes-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #e2e4e9;margin-top:45px;padding-top:20px;font-size:12px;color:#717682}
@media(max-width:1150px){.study-context{display:none}.direction-tabs button{flex:0 0 auto}.hero-grid{gap:28px;min-height:550px}.hero h1{font-size:7.6vw}.hero-copy>p{font-size:16px;max-width:355px}.hero-actions>span{display:none}.brand-stage{min-height:450px;padding:20px}.hero-symbol{min-height:300px}.stage-bottom{font-size:8px}.site-header{gap:20px}.site-header nav{gap:23px}.application{gap:13px;padding:22px 12px}.application>span:last-child{font-size:10px}.notes-grid{gap:30px}.independent{gap:25px}.independent h2{font-size:42px}.steps{gap:35px}}
@media(max-width:800px){html{scroll-padding-top:131px}.studio-bar{padding:12px 5% 0}.studio-top{gap:12px;margin-bottom:9px}.study-home{font-size:22px;gap:8px}.study-home span{display:none}.study-links{gap:13px}.study-links a{font-size:10px}.study-links button{font-size:11px;padding:7px 9px}.direction-tabs{padding-bottom:10px;gap:3px}.direction-tabs button{font-size:12px;padding:9px 11px;min-height:38px;gap:6px}.site-header{height:87px;padding:0 6%;gap:15px}.site-header nav{display:none}.wordmark{font-size:34px;gap:8px}.wordmark>[data-mark]{width:30px;height:30px}.header-cta{font-size:11px;padding:11px 13px;max-width:150px;text-align:center}.hero{padding:24px 6% 0}.eyebrow{font-size:9px;gap:22px;line-height:1.5}.eyebrow>span:first-child{max-width:180px}.eyebrow>span:last-child{text-align:right}.hero-grid{grid-template-columns:1fr;gap:30px;padding:30px 0}.hero h1{font-size:clamp(56px,13.8vw,100px);margin-bottom:23px}.hero-copy>p{max-width:480px;font-size:16px}.hero-actions>span{display:block;font-size:11px}.primary-cta{font-size:14px;padding:16px 20px;min-height:52px}.brand-stage{min-height:350px;aspect-ratio:1.06;padding:20px}.hero-symbol{min-height:240px;padding:0 6%}.hero-symbol>svg{max-height:290px}.hero-symbol>img{max-height:330px}.stage-label,.stage-bottom{font-size:8px}.stage-label>span:first-child{font-size:14px}.hero-bottom{flex-wrap:wrap;padding:20px 0;gap:17px;font-size:8px}.hero-bottom>div{order:3;flex-basis:100%;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding-top:17px;gap:20px}.identity-strip{grid-template-columns:1fr 1fr;padding:0 6%}.application{padding:23px 12px!important;justify-content:flex-start;min-height:102px}.application:nth-child(2){border-right:0}.application:nth-child(-n+2){border-bottom:1px solid var(--line)}.app-icon{width:45px;height:45px;padding:9px;border-radius:12px}.mono-tile>[data-mark]{width:38px;height:38px}.type-sample{font-size:40px}.colour-tile{align-items:start;justify-content:center;gap:8px}.colour-tile>div span{width:23px;height:23px}.colour-tile>span{font-size:8px!important}.approach{padding:42px 6%}.approach-intro{display:block;margin-bottom:30px}.approach h2{font-size:34px;margin-top:22px}.section-kicker{font-size:9px}.steps{grid-template-columns:1fr;gap:24px}.steps article{display:grid;grid-template-columns:1fr 1.3fr;gap:15px 24px;padding-top:17px}.steps article>span{grid-column:1/-1;font-size:10px}.steps h3{font-size:21px;margin:0}.steps p{font-size:14px;max-width:none}.independent{display:block;padding:40px 6%}.independent h2{margin:22px 0 27px;font-size:39px}.independent>a{display:inline-block;font-size:12px}.site-footer{padding:29px 6%;font-size:10px;gap:20px}.site-footer>span:nth-child(2){display:none}.site-footer .wordmark{font-size:27px}.site-footer .wordmark>[data-mark]{width:24px;height:24px}.direction-notes{padding:35px 6% 22px}.notes-heading{display:block;margin-bottom:30px}.notes-heading h2{font-size:34px;margin-bottom:17px}.notes-heading>p{font-size:18px}.note-kicker{font-size:10px}.notes-grid{grid-template-columns:1fr;gap:26px}.notes-grid p{font-size:15px;margin-top:10px}.reference-item p{font-size:14px;margin-top:7px}.notes-footer{display:block;margin-top:32px;padding-top:18px;font-size:11px;line-height:1.6}.notes-footer>span{display:block;margin-bottom:6px}}
@media(max-width:370px){.site-header .wordmark{font-size:30px;gap:6px}.wordmark sup{display:none}.header-cta{max-width:126px;font-size:10px;padding:10px}.hero-actions>span{display:none}.brand-stage{min-height:310px;padding:16px}.hero-symbol{min-height:220px}.hero-symbol>svg{max-height:255px}.stage-bottom{font-size:7px}.application{gap:9px;padding-left:9px!important}.colour-tile>div{gap:5px}.colour-tile>div span{width:20px;height:20px}.steps{gap:22px}.steps h3{font-size:19px}.steps p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.selection-row{display:flex;gap:22px;align-items:stretch}.family-select{display:flex;gap:4px;align-items:center;border-right:1px solid #e1e5ed;padding-right:20px;margin-bottom:12px}.family-select button{display:flex;gap:9px;align-items:center;white-space:nowrap;background:none;border:0;border-radius:6px;padding:13px 16px;color:#747b89;font-size:14px}.family-select button>span{font:11px 'Space Mono',monospace}.family-select button[aria-pressed=true]{background:#eaf0ff;color:#2852f4}.direction-tabs{min-width:0;flex:1;gap:6px}.direction-tabs button{justify-content:flex-start;gap:10px;padding:10px 12px;min-height:58px;font-size:14px}.direction-tabs .tab-icon{width:25px;height:25px;flex:0 0 25px;color:inherit;display:block}.tab-icon svg{width:100%;height:100%}.tab-copy{display:flex;flex-direction:column;gap:4px;align-items:start}.direction-tabs .tab-copy b{font:500 13px 'DM Sans',sans-serif}.direction-tabs .tab-copy small{font:9px 'Space Mono',monospace;color:#8c95a6}.direction-tabs button[aria-selected=true]{background:#202d47;color:white}.direction-tabs button[aria-selected=true]:hover{background:#202d47;color:white}.direction-tabs button[aria-selected=true] .tab-icon{color:white}.direction-tabs button[aria-selected=true] small{color:#b9c9e7}.direction-tabs button[aria-selected=false]:hover{background:#f0f4fc}.brand-page{--paper:#f8faff;--ink:#15213a;--muted:#586981;--accent:#2c50ff;--on-accent:white;--line:#d8e2f3;--panel:#eef3ff;--art-bg:#e8efff;--art-ink:#2c50ff;--display:'Manrope',sans-serif;--weight:500;--heavy:700;--radius:10px;--tracking:-.06em;--heading:clamp(70px,7.25vw,118px)}.brand-stage{width:100%;padding:26px 24px;min-height:510px}.stage-label{justify-content:center;gap:20px;line-height:1.5;font-size:10px}.stage-label>span:first-child{font:10px 'Space Mono',monospace;letter-spacing:.03em}.stage-bottom{justify-content:center;text-align:center;font-size:10px;line-height:1.5}.hero-symbol{padding:8px 9%;min-height:350px}.hero-symbol>svg{width:100%;max-height:360px}.mono-tile [data-mark]{color:var(--ink)}.identity-strip .mono-tile svg{color:var(--ink)}.notes-grid{grid-template-columns:1fr 1.15fr 1fr}.notes-heading h2{font-size:38px}.direction-notes .notes-grid p{margin-top:15px}.study-links a{font-size:13px}
/* Ascend: five treatments of the rising three-stroke mark. */
[data-theme=rise] .brand-stage{border-radius:165px 165px 22px 22px;border:1px solid #d5dff9}[data-theme=rise] .stage-label{margin-top:10px}
[data-theme=pace]{--paper:#fff;--ink:#182b4b;--muted:#586a84;--accent:#2751ef;--on-accent:#fff;--line:#d9e2f2;--panel:#f2f5fd;--art-bg:#2751ef;--art-ink:#fff;--display:'DM Sans',sans-serif;--weight:400;--heavy:600;--radius:50px;--tracking:-.06em}[data-theme=pace] .brand-stage{border-radius:28px}[data-theme=pace] .wordmark{font-weight:600}[data-theme=pace] .hero-symbol{padding:5px 12%}
[data-theme=edge]{--paper:#f4f8fd;--ink:#172d49;--muted:#5c6f86;--accent:#2855e8;--on-accent:#fff;--line:#cbd9ee;--panel:#eaf1fb;--art-bg:#e7effa;--art-ink:#2855e8;--display:'Space Grotesk',sans-serif;--weight:500;--heavy:500;--radius:0;--tracking:-.06em}[data-theme=edge] .brand-stage{border-radius:0;border-top:2px solid var(--accent);border-bottom:1px solid var(--line);background:none}[data-theme=edge] .wordmark{font-size:39px;font-weight:600;letter-spacing:-.07em}[data-theme=edge] .app-icon{border-radius:0}[data-theme=edge] .hero-symbol{padding:8px 11%}
[data-theme=flow]{--paper:#fafcff;--ink:#1b3150;--muted:#64768e;--accent:#2858ee;--on-accent:#fff;--line:#d4e2f4;--panel:#eff5fd;--art-bg:#eaf3ff;--art-ink:#2858ee;--display:'Outfit',sans-serif;--weight:400;--heavy:500;--radius:50px;--tracking:-.045em}[data-theme=flow] .brand-stage{border-radius:160px 32px 160px 32px}[data-theme=flow] .stage-label{padding-left:38px}[data-theme=flow] .stage-bottom{padding-right:32px}[data-theme=flow] .hero-symbol{padding:6px 12%}[data-theme=flow] .wordmark{font-weight:600;letter-spacing:-.04em}
[data-theme=compact]{--paper:#2d50ed;--ink:#fff;--muted:#d9e5ff;--accent:#fff;--on-accent:#2443ce;--line:#6e88f0;--panel:#2645d5;--art-bg:#2443ce;--art-ink:#fff;--display:'DM Sans',sans-serif;--weight:600;--heavy:700;--radius:12px;--tracking:-.065em}[data-theme=compact] .brand-stage{border:1px solid #7992f3;border-radius:30px;background:#2443ce}[data-theme=compact] .wordmark{font-size:40px;font-weight:700}[data-theme=compact] .hero-symbol{padding:6px 13%}[data-theme=compact] .primary-cta{font-weight:700}[data-theme=compact] .app-icon{border-radius:14px}
/* Modular U: the supplied logo, without the grid or technical diagram. */
[data-family=system] .brand-stage{border-radius:24px;padding:26px 24px;min-height:510px;background:var(--art-bg);border:0;overflow:hidden}[data-family=system] .hero-symbol{padding:10px 17%;min-height:350px;background:none}[data-family=system] .hero-symbol>svg{max-height:325px}[data-family=system] .stage-label{padding:0;justify-content:center;border:0;gap:18px;font-size:10px}[data-family=system] .stage-label>span:first-child{font-size:10px}[data-family=system] .stage-bottom{padding:0;min-height:15px;font-size:10px}
[data-theme=core]{--paper:#f8faff;--ink:#172c40;--muted:#53677d;--accent:#3158f4;--on-accent:#fff;--line:#d4e0f3;--panel:#edf3ff;--art-bg:#e8efff;--art-ink:#3158f4;--display:'Manrope',sans-serif;--weight:500;--heavy:600;--radius:8px;--tracking:-.058em}[data-theme=core] .wordmark{font-weight:600}[data-theme=core] .app-icon{border-radius:8px}
[data-theme=soft]{--paper:#fbfcff;--ink:#1b2a46;--muted:#5f718d;--accent:#3257ee;--on-accent:#fff;--line:#dce3f3;--panel:#f0f4fd;--art-bg:#edf2ff;--art-ink:#3257ee;--display:'DM Sans',sans-serif;--weight:400;--heavy:600;--radius:50px;--tracking:-.06em}[data-theme=soft] .brand-stage{border-radius:150px 150px 30px 30px;border:1px solid #dce5fa}[data-theme=soft] .stage-label{margin-top:10px}[data-theme=soft] .wordmark{font-weight:600}[data-theme=soft] .app-icon{border-radius:18px}
[data-theme=step]{--paper:#fff;--ink:#1b2b42;--muted:#5e6f86;--accent:#2451df;--on-accent:#fff;--line:#d7e1ed;--panel:#f0f4fb;--art-bg:#edf3fb;--art-ink:#2451df;--display:'Space Grotesk',sans-serif;--weight:500;--heavy:500;--radius:0;--tracking:-.06em}[data-theme=step] .brand-stage{border-radius:0;background:#edf3fb;border-bottom:7px solid var(--accent)}[data-theme=step] .wordmark{font-weight:600;letter-spacing:-.07em}[data-theme=step] .app-icon{border-radius:0}[data-theme=step] .hero-symbol{padding:12px 18%}
[data-theme=split]{--paper:#f4f8fe;--ink:#1d304d;--muted:#5a718d;--accent:#2a57f0;--on-accent:#fff;--line:#d2e0f4;--panel:#eaf2ff;--art-bg:#e5efff;--art-ink:#2a57f0;--display:'Manrope',sans-serif;--weight:400;--heavy:500;--radius:8px;--tracking:-.06em}[data-theme=split] .brand-stage{background:none;border:1px solid #cadcf5;border-radius:100px 18px 18px 18px}[data-theme=split] .wordmark{font-weight:600}[data-theme=split] .app-icon{border-radius:10px}
[data-theme=block]{--paper:#f8faff;--ink:#14264b;--muted:#566986;--accent:#2b51e8;--on-accent:#fff;--line:#d5e0f1;--panel:#edf2ff;--art-bg:#2b51e8;--art-ink:#fff;--display:'Space Grotesk',sans-serif;--weight:500;--heavy:600;--radius:5px;--tracking:-.065em}[data-theme=block] .brand-stage{border-radius:7px;background:#2b51e8}[data-theme=block] .wordmark{font-weight:700;letter-spacing:-.07em}[data-theme=block] .app-icon{border-radius:7px}[data-theme=block] .hero-symbol{padding:10px 18%}
@media(max-width:1200px){.selection-row{gap:14px}.family-select{padding-right:12px}.family-select button{padding:12px 10px;font-size:13px}.direction-tabs button{padding:9px 10px;gap:7px}.direction-tabs .tab-copy b{font-size:12px}.direction-tabs .tab-icon{width:23px;height:23px;flex-basis:23px}.hero-grid{gap:30px}}
@media(max-width:1000px){.selection-row{flex-wrap:wrap;gap:0}.family-select{border:0;padding:0;margin-bottom:8px;flex-basis:100%;justify-content:center}.family-select button{flex:1;justify-content:center;max-width:260px;padding:10px 15px}.direction-tabs{flex-basis:100%;gap:5px}.direction-tabs button{flex:1;min-width:112px;justify-content:center}.studio-top{margin-bottom:9px}.brand-stage{min-height:465px}.hero-symbol{min-height:305px}[data-family=system] .brand-stage{min-height:465px}[data-family=system] .hero-symbol{min-height:305px}.hero h1{font-size:7.5vw}}
@media(max-width:800px){html{scroll-padding-top:186px}.studio-bar{padding:10px 5% 0}.studio-top{margin-bottom:8px}.study-links a{font-size:11px}.direction-tabs button{min-width:105px;min-height:49px;gap:9px;padding:8px 10px;justify-content:flex-start}.direction-tabs .tab-icon{width:22px;height:22px;flex-basis:22px}.direction-tabs .tab-copy b{font-size:12px}.direction-tabs .tab-copy small{font-size:9px}.direction-tabs{padding-bottom:9px}.family-select{margin-bottom:6px}.family-select button{padding:8px 13px;font-size:13px;min-height:36px}.hero h1{font-size:clamp(52px,13.6vw,94px)}.brand-stage{width:100%;aspect-ratio:auto;min-height:345px;padding:21px 18px}.hero-symbol{min-height:230px;padding:3px 8%}.hero-symbol>svg{max-height:260px}.stage-label{font-size:8px;gap:16px}.stage-label>span:first-child{font-size:8px}.stage-bottom{font-size:8px}[data-theme=rise] .brand-stage{border-radius:135px 135px 20px 20px}[data-theme=rise] .stage-label{margin-top:10px}[data-theme=edge] .wordmark{font-size:33px}[data-theme=compact] .wordmark{font-size:35px}[data-theme=flow] .brand-stage{border-radius:100px 26px 100px 26px}[data-theme=flow] .hero-symbol{padding:5px 10%}[data-theme=flow] .stage-label{padding-left:28px}[data-theme=flow] .stage-bottom{padding-right:25px}[data-family=system] .brand-stage{padding:21px 18px;min-height:345px;aspect-ratio:auto}[data-family=system] .stage-label{padding:0;font-size:8px;gap:13px}[data-family=system] .stage-label>span:first-child{font-size:8px}[data-family=system] .hero-symbol{min-height:230px;padding:6px 20%;background:none}[data-family=system] .hero-symbol>svg{max-height:246px}[data-family=system] .stage-bottom{padding:0;min-height:12px;font-size:8px}[data-theme=soft] .brand-stage{border-radius:135px 135px 25px 25px}[data-theme=split] .brand-stage{border-radius:80px 16px 16px 16px}.notes-heading h2{font-size:33px}.notes-grid{grid-template-columns:1fr}}
@media(max-width:370px){.hero h1{font-size:13.6vw}.hero-copy>p{font-size:16px}.study-links a{font-size:10px}.direction-tabs button{min-width:100px}.brand-stage{min-height:312px}.hero-symbol{min-height:209px;padding:0 7%}.hero-symbol>svg{max-height:240px}.stage-label{gap:12px;font-size:7px}.stage-label>span:first-child{font-size:7px}[data-family=system] .brand-stage{min-height:312px}[data-family=system] .hero-symbol{min-height:209px}[data-family=system] .stage-label{gap:11px;font-size:7px}[data-family=system] .stage-label>span:first-child{font-size:7px}[data-theme=compact] .site-header .wordmark{font-size:29px}}

/* Focused refinements: Compact angles, two colours and a U wordmark. */
[hidden]{display:none!important}
.tuning-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 45px;padding:13px 5%;background:#f6f8fc;border-bottom:1px solid #e1e5ed;color:#30394b}
.tuning-group{display:flex;align-items:center;gap:13px}
.tuning-label{font-size:13px;color:#677184}
.tuning-options{display:flex;gap:5px}
.tuning-options button{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid transparent;padding:9px 13px;font-size:13px;line-height:1.25;background:transparent;color:#596379;border-radius:6px;min-height:36px;white-space:nowrap}
.tuning-options button[aria-pressed=true]{background:white;color:#244bef;border-color:#ccd8fa;box-shadow:0 1px 3px #2033600a}
.tuning-options button:hover{background:#e9eef9;color:#244bef}
.swatch{display:block;width:13px;height:13px;border-radius:50%;border:1px solid #b9c7e8}
.swatch-blue{background:#2d50ed;border-color:#2d50ed}.swatch-white{background:#fff}
[data-theme=compact][data-palette=white]{--paper:#fff;--ink:#172b50;--muted:#5c6e8d;--accent:#2d50ed;--on-accent:#fff;--line:#dce4f1;--panel:#f0f4ff;--art-bg:#2d50ed;--art-ink:#fff}
[data-theme=compact][data-palette=white] .brand-stage{background:#2d50ed;border-color:#2d50ed}
.wordmark.is-integrated{gap:.055em;align-items:baseline;line-height:1}
.wordmark.is-integrated>[data-mark]{height:.76em;flex:0 0 auto;display:inline-block;vertical-align:baseline;line-height:0;color:var(--accent)}
.wordmark.is-integrated .word{line-height:1}
.hero-lockup{display:flex;align-items:baseline;justify-content:center;gap:.055em;font-family:var(--display);font-weight:var(--heavy);font-size:clamp(58px,7.1vw,108px);letter-spacing:-.065em;line-height:1;white-space:nowrap;color:var(--art-ink)}
.hero-lockup .letter-mark{height:.76em;flex:0 0 auto;display:inline-block;line-height:0}
.hero-lockup svg{display:block;width:100%;height:100%}
[data-family=system][data-lockup=integrated] .hero-symbol{padding:10px 7%}
[data-family=system][data-lockup=integrated] .brand-stage .hero-lockup{font-weight:600}
[data-theme=block][data-lockup=integrated] .hero-lockup{font-weight:700}
@media(max-width:1000px){.tuning-bar{gap:12px 25px}.tuning-group{gap:10px}.tuning-options button{padding:9px 10px}.tuning-label{font-size:12px}}
@media(max-width:800px){.tuning-bar{padding:12px 6%;justify-content:flex-start;gap:12px}.tuning-group{flex-basis:100%;justify-content:space-between;gap:8px}.tuning-label{font-size:12px}.tuning-options{gap:2px}.tuning-options button{font-size:12px;padding:8px 9px}.hero-lockup{font-size:clamp(62px,17vw,112px)}[data-family=system][data-lockup=integrated] .hero-symbol{padding:8px 6%}.wordmark.is-integrated{font-size:34px}.site-footer .wordmark.is-integrated{font-size:27px}}
@media(max-width:370px){.tuning-group{align-items:flex-start;flex-direction:column;gap:6px}.tuning-options{width:100%;gap:4px}.tuning-options button{flex:1}.tuning-bar{gap:12px}.hero-lockup{font-size:17vw}.site-header .wordmark.is-integrated{font-size:30px}}