@font-face{font-family:"Inter Tight";src:url("/fonts/inter-tight-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrument-serif-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/ibm-plex-mono-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--ivory:#F4F0E8;--ink:#222222;--navy:#0A1E44;--orange:#F56A1C;--red:#BB2233;--white:#FFFFFF;--stroke:#E3E7ED;--font-main:"Inter Tight",Arial,sans-serif;--font-data:"IBM Plex Mono",monospace;--font-accent:"Instrument Serif",Georgia,serif;--max:1216px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font-main);font-size:16px;line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;z-index:200;background:var(--navy);color:var(--white);padding:12px 20px}.skip:focus{top:8px}
.container{max-width:var(--max);margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}.eyebrow,.mono,.meta,.label,.section-number{font-family:var(--font-data);font-size:.7rem;letter-spacing:.065em;text-transform:uppercase}.eyebrow{font-size:.72rem;font-weight:400;display:flex;gap:12px;align-items:center}.dot{width:7px;height:7px;display:inline-block;background:var(--orange);border-radius:50%}.muted{color:color-mix(in srgb,var(--ink) 69%,var(--white))}.overline{font-size:.72rem;font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase}.section-intro{margin-bottom:44px}.section-intro h2{font-size:clamp(2.1rem,4.6vw,4.4rem);font-weight:600;line-height:1.08;letter-spacing:-.055em;margin:16px 0 17px;max-width:900px}.section-intro>p{max-width:670px;font-size:1.08rem;line-height:1.75}.section-intro .accent{font-family:var(--font-accent);font-weight:400;font-style:italic;letter-spacing:-.02em}.section{padding:clamp(75px,9vw,130px) 0;border-top:1px solid color-mix(in srgb,var(--navy) 18%,transparent)}.surface-white{background:var(--white)}.surface-navy{background:var(--navy);color:var(--white)}.surface-ivory{background:var(--ivory)}.microcopy{font-size:.76rem;line-height:1.7;color:color-mix(in srgb,var(--ink) 65%,var(--white))}
.topbar{background:var(--navy);color:var(--white)}.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:12px}.topbar p{margin:0;font-family:var(--font-data);font-size:.64rem;letter-spacing:.08em}.topbar a{font-size:.66rem;display:flex;gap:6px;align-items:center;color:var(--white)}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid color-mix(in srgb,var(--navy) 15%,var(--white));background:color-mix(in srgb,var(--ivory) 93%,var(--white));backdrop-filter:blur(14px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{height:42px;width:36px;object-fit:contain}.brand-name{display:block;font-size:1.03rem;font-weight:750;letter-spacing:-.04em;line-height:1.1;color:var(--navy)}.brand-caption{display:block;color:var(--navy);font-family:var(--font-data);font-size:.56rem;letter-spacing:.04em;text-transform:uppercase;margin-top:3px}.nav-list{display:flex;align-items:center;gap:clamp(12px,2vw,25px);margin-left:auto}.nav-list>a{color:var(--navy);font-size:.8rem;font-weight:600;white-space:nowrap;padding:12px 0;transition:opacity .15s}.nav-list>a:hover{text-decoration:underline;text-underline-offset:5px}.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{border:1px solid color-mix(in srgb,var(--navy) 28%,var(--white));display:inline-flex;border-radius:8px;overflow:hidden}.lang-switch button{border:0;background:transparent;color:var(--navy);padding:8px 9px;font-family:var(--font-data);font-size:.65rem;cursor:pointer}.lang-switch button[aria-pressed=true]{background:var(--navy);color:var(--white)}.menu-button{display:none;padding:9px;border:1px solid var(--stroke);background:transparent;border-radius:8px;color:var(--navy);cursor:pointer}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:10px;border:1px solid var(--navy);font-size:.86rem;font-weight:650;line-height:1.25;transition:transform .18s,background .18s,color .18s;cursor:pointer;min-height:46px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:var(--white)}.button-primary:hover{background:var(--ink);color:var(--white)}.button-outline{background:transparent;color:var(--navy)}.button-outline:hover{background:var(--white)}.button-light{background:var(--white);color:var(--navy);border-color:var(--white)}.button-light:hover{background:var(--ivory)}.arrow{font-size:1rem;line-height:1}
.hero{padding:clamp(70px,7vw,125px) 0 clamp(80px,8vw,115px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(38px,5vw,80px);align-items:center}.hero h1{font-size:clamp(3.2rem,6.1vw,6.8rem);font-weight:650;line-height:.99;letter-spacing:-.078em;max-width:760px;color:var(--navy);margin:25px 0}.hero h1 em{font-family:var(--font-accent);font-weight:400;letter-spacing:-.025em}.hero-summary{font-size:1.09rem;line-height:1.8;max-width:560px;margin-bottom:30px;color:color-mix(in srgb,var(--ink) 78%,var(--white))}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-metadata{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid color-mix(in srgb,var(--navy) 18%,transparent);margin-top:40px;padding-top:22px;color:var(--navy)}.hero-metadata span{font-family:var(--font-data);font-size:.66rem;letter-spacing:.04em}.specimen{border:1px solid color-mix(in srgb,var(--navy) 16%,var(--white));background:var(--white);border-radius:18px;overflow:hidden;box-shadow:0 30px 65px color-mix(in srgb,var(--navy) 8%,transparent)}.spec-top{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--stroke);font-family:var(--font-data);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:var(--navy)}.spec-light{height:260px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--ivory)}.spec-light img{width:110px;height:156px;object-fit:contain}.spec-bottom{height:165px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:35px 32px;color:var(--white)}.spec-bottom img{height:96px;width:80px;object-fit:contain}.spec-bottom h3{font-weight:550;font-size:1.42rem;line-height:1.13;letter-spacing:-.04em;margin:0}.spec-bottom em{font-family:var(--font-accent);font-weight:400}.spec-footer{padding:13px 21px;display:flex;justify-content:space-between;color:var(--navy);font-family:var(--font-data);font-size:.61rem}
.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--navy) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--navy) 18%,transparent);background:var(--white)}.stat-strip>div{padding:25px 27px;border-right:1px solid var(--stroke)}.stat-strip>div:last-child{border:0}.stat-strip strong{font-size:1.04rem;color:var(--navy);font-weight:650}.stat-strip p{margin:6px 0 0;font-size:.76rem;line-height:1.5}
.two-up{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-up{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{padding:30px;border:1px solid color-mix(in srgb,var(--navy) 16%,var(--white));border-radius:16px;background:var(--white)}.feature-card .index{color:var(--red);font-family:var(--font-data);font-size:.7rem}.feature-card h3{font-size:1.3rem;letter-spacing:-.035em;color:var(--navy);margin:45px 0 12px}.feature-card p{font-size:.88rem;line-height:1.75;margin:0}.split-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,90px);align-items:start}.split-text h3{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:var(--navy);letter-spacing:-.045em;margin:0 0 16px}.split-text p{font-size:.97rem;line-height:1.8}
.logo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-panel{min-height:260px;border:1px solid var(--stroke);border-radius:17px;display:flex;flex-direction:column;overflow:hidden}.logo-panel .plate{flex:1;min-height:227px;display:flex;align-items:center;justify-content:center}.logo-panel .plate img{height:145px;width:145px;object-fit:contain}.logo-panel .plate.ivory{background:var(--ivory)}.logo-panel .plate.navy{background:var(--navy)}.logo-panel .foot{background:var(--white);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:.79rem;font-weight:650;color:var(--navy)}.logo-panel .foot a{text-decoration:underline;text-underline-offset:4px;font-size:.73rem}.note{margin-top:20px;padding:20px 23px;border:1px solid color-mix(in srgb,var(--navy) 22%,var(--white));border-radius:12px;font-size:.86rem;line-height:1.8}.note strong{color:var(--navy)}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.swatch{border:1px solid color-mix(in srgb,var(--navy) 16%,var(--white));border-radius:13px;overflow:hidden;background:var(--white)}.swatch-fill{height:165px}.swatch-info{padding:18px 15px}.swatch-info h3{margin:0 0 5px;font-size:.94rem;color:var(--navy)}.swatch-info p{font-size:.7rem;min-height:45px;line-height:1.45;margin:0 0 10px}.copy-hex{background:transparent;border:1px solid var(--stroke);padding:7px 10px;border-radius:7px;color:var(--navy);font-family:var(--font-data);font-size:.65rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%}.copy-hex:hover{background:var(--ivory)}.color-caption{margin-top:22px;max-width:730px;font-size:.82rem;line-height:1.8}
.type-showcase{border:1px solid var(--stroke);border-radius:15px;overflow:hidden}.type-row{display:grid;grid-template-columns:235px minmax(0,1fr);gap:30px;align-items:center;padding:35px 35px;background:var(--white);border-bottom:1px solid var(--stroke)}.type-row:last-child{border:0}.type-label h3{font-size:.96rem;margin:0 0 4px;color:var(--navy)}.type-label p{font-size:.76rem;line-height:1.6;margin:0}.type-sample{font-size:clamp(2rem,4vw,3.6rem);line-height:1.14;letter-spacing:-.05em;color:var(--navy)}.type-sample.serif{font-family:var(--font-accent);font-weight:400;font-style:italic}.type-sample.mono{font-family:var(--font-data);font-size:clamp(1.2rem,2.6vw,2rem);font-weight:400;letter-spacing:-.04em}.rule-list{padding-left:22px}.rule-list li{margin:10px 0;font-size:.89rem;line-height:1.8}.rule-list li::marker{color:var(--red)}.visual-example{border-radius:16px;overflow:hidden;border:1px solid var(--stroke);background:var(--white)}.visual-banner{min-height:270px;background:var(--navy);display:grid;grid-template-columns:1fr 125px;align-items:center;padding:35px 42px;gap:20px}.visual-banner h3{font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.03;letter-spacing:-.05em;color:var(--white);font-weight:550;margin:18px 0}.visual-banner h3 em{font-family:var(--font-accent);font-weight:400}.visual-banner img{width:120px;max-height:160px;object-fit:contain}.visual-example .foot{padding:17px 22px;font-size:.79rem;color:var(--navy);display:flex;justify-content:space-between;gap:15px}.voice-quote{font-family:var(--font-accent);font-style:italic;font-size:clamp(2.1rem,4.6vw,4.6rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 26px;color:var(--navy)}.voice-small{max-width:640px;line-height:1.75}.download-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.download-card{border:1px solid var(--stroke);background:var(--white);border-radius:12px;padding:23px;display:flex;align-items:flex-start;justify-content:space-between;gap:17px;transition:border-color .2s}.download-card:hover{border-color:var(--navy)}.download-card strong{display:block;color:var(--navy);font-size:1rem;margin-bottom:7px}.download-card span{font-size:.78rem;line-height:1.6;display:block}.download-card .dl-icon{font-family:var(--font-data);font-size:1.3rem;color:var(--red)}.pill{border:1px solid color-mix(in srgb,var(--navy) 25%,var(--white));border-radius:99px;padding:5px 10px;font-family:var(--font-data);font-size:.58rem;letter-spacing:.04em;color:var(--navy)}
.canva-band{background:var(--navy);color:var(--white);padding:clamp(55px,6vw,90px) 0}.canva-band .inner{display:flex;justify-content:space-between;gap:40px;align-items:end}.canva-band h2{font-size:clamp(2.1rem,4.2vw,4rem);line-height:1.05;letter-spacing:-.05em;font-weight:550;max-width:760px;margin:16px 0}.canva-band h2 em{font-family:var(--font-accent);font-weight:400}.canva-band p{max-width:630px;color:color-mix(in srgb,var(--white) 82%,var(--navy))}.site-footer{background:var(--navy);color:var(--white);border-top:1px solid color-mix(in srgb,var(--white) 22%,transparent);padding:44px 0 32px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-top .brand-name,.footer-top .brand-caption{color:var(--white)}.footer-top p{max-width:350px;font-size:.78rem;line-height:1.8;color:color-mix(in srgb,var(--white) 70%,var(--navy))}.footer-nav{display:flex;gap:26px;flex-wrap:wrap;font-size:.8rem}.footer-nav a:hover{text-decoration:underline}.footer-bottom{margin-top:42px;border-top:1px solid color-mix(in srgb,var(--white) 20%,transparent);padding-top:21px;font-family:var(--font-data);font-size:.63rem;color:color-mix(in srgb,var(--white) 65%,var(--navy));display:flex;justify-content:space-between;gap:16px}
.subhero{padding:90px 0 60px}.subhero h1{font-size:clamp(3rem,6vw,6rem);line-height:1;letter-spacing:-.065em;color:var(--navy);margin:22px 0}.subhero h1 em{font-weight:400;font-family:var(--font-accent)}.subhero p{font-size:1.06rem;line-height:1.8;max-width:720px}.steps{counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:16px}.step{background:var(--white);border:1px solid var(--stroke);border-radius:13px;padding:25px}.step:before{counter-increment:step;content:"0"counter(step);display:block;color:var(--red);font-family:var(--font-data);font-size:.8rem;margin-bottom:34px}.step h3{font-size:1.17rem;color:var(--navy);margin:0 0 12px}.step p{font-size:.9rem;line-height:1.8}.code-line{display:block;overflow-wrap:anywhere;background:var(--ivory);border:1px solid var(--stroke);padding:11px 13px;border-radius:8px;font-family:var(--font-data);font-size:.76rem;color:var(--navy)}.not-found{max-width:750px;min-height:80vh;margin:auto;padding:17vh 22px}.not-found h1{font-size:3rem;letter-spacing:-.05em;color:var(--navy)}.not-found .button{margin-top:20px}
@media(max-width:1050px){.nav-list{gap:13px}.nav-list>a{font-size:.74rem}.hero-grid{grid-template-columns:1fr .85fr;gap:30px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.nav{height:70px}.menu-button{display:inline-flex;align-items:center}.nav-list{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ivory);padding:15px 24px 25px;border-bottom:1px solid var(--stroke);flex-direction:column;align-items:stretch;box-shadow:0 10px 18px color-mix(in srgb,var(--navy) 7%,transparent)}.nav-list.is-open{display:flex}.nav-list>a{font-size:.93rem;padding:11px}.nav-actions .lang-switch{margin-right:2px}.hero-grid{grid-template-columns:1fr}.specimen{max-width:600px}.three-up{grid-template-columns:1fr 1fr}.type-row{grid-template-columns:1fr;gap:15px}.canva-band .inner{flex-direction:column;align-items:start}.footer-top{flex-direction:column}.footer-nav{gap:14px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:590px){.topbar .container{gap:8px}.topbar p{font-size:.52rem}.topbar a{font-size:.54rem}.brand-name{font-size:.9rem}.brand-caption{font-size:.49rem}.brand-mark{width:27px;height:34px}.nav-actions{gap:6px}.lang-switch button{padding:8px 7px}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.hero-metadata{gap:13px}.spec-light{height:225px}.spec-bottom{height:145px}.stat-strip{grid-template-columns:1fr}.stat-strip>div{border-right:0;border-bottom:1px solid var(--stroke)}.three-up,.two-up,.split-text,.logo-gallery,.download-list,.steps{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-fill{height:130px}.type-row{padding:25px}.visual-banner{grid-template-columns:1fr 75px;padding:23px}.visual-banner img{width:75px}.footer-bottom{flex-direction:column}.section{padding:70px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.topbar,.site-header,.hero-actions,.button,.site-footer,.canva-band,.copy-hex{display:none!important}body{background:white}.section{break-inside:avoid;padding:28px 0}.hero{padding:24px 0}.container{max-width:none;padding:0}.hero-grid{grid-template-columns:1fr}.specimen{display:none}.section-intro h2{font-size:2rem}.swatch-grid{grid-template-columns:repeat(5,1fr)}}