@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&family=Oswald:wght@400;600;700&display=swap";:root{--lotus:#004c97;--lotus-dark:#00396d;--pillar:#ea7600;--stone:#1a1a18;--muted:#5e5e59;--line:#e7e7e5;--paper:#fafaf9;--font-open-sans:"Open Sans";--font-lato:"Lato";--font-merriweather:"Merriweather";--font-oswald:"Oswald";--font-great-vibes:"Great Vibes";--font-geist:var(--font-open-sans);--font-mono:Consolas,"SFMono-Regular","Liberation Mono",Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--stone);font-family:var(--font-open-sans), "Open Sans", Arial, sans-serif;background:#fff;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-lato), "Lato", Arial, sans-serif}button,a{font:inherit}button{cursor:pointer}.logout-button{border:1px solid var(--line);background:var(--paper);color:#444440;border-radius:20px;padding:7px 11px;font-size:11px}.logout-button:hover{border-color:var(--lotus);color:var(--lotus)}.auth-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:1rem;display:flex}.auth-loading img{width:3rem;height:3rem}.auth-page{background:#fff;grid-template-columns:minmax(22rem,.8fr) minmax(30rem,1.2fr);min-height:100vh;display:grid}.auth-card{flex-direction:column;place-self:center;gap:3rem;width:min(100%,34rem);padding:clamp(2rem,6vw,5rem);display:flex}.auth-brand{align-items:center;gap:.875rem;font-size:.875rem;display:flex}.auth-brand img{object-fit:contain;width:4rem;height:4rem}.auth-brand b{color:var(--muted);font-weight:400;display:block}.auth-card h1{letter-spacing:-.045em;margin:.75rem 0 1rem;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1}.auth-card>div>p:not(.kicker){color:var(--muted);margin:0;line-height:1.65}.auth-card form{flex-direction:column;gap:1.25rem;display:flex}.auth-card label{color:#444440;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.auth-card input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--stone);text-transform:none;letter-spacing:normal;border-radius:.5rem;outline:none;padding:.9rem 1rem;font-size:1rem}.auth-card input:focus{border-color:var(--lotus);background:#fff;box-shadow:0 0 0 3px #004c9717}.auth-card form>button{background:var(--lotus);color:#fff;border:0;border-radius:.5rem;padding:1rem;font-weight:700}.auth-card form>button:hover{background:var(--lotus-dark)}.auth-card form>button:disabled{opacity:.65;cursor:wait}.auth-card>small{color:var(--muted)}.auth-error{color:#8e384d;background:#fef5f7;border-left:3px solid #bf536b;margin:0;padding:.75rem 1rem;font-size:.875rem}.auth-visual{background:linear-gradient(135deg,#f2f8fd,#dcecf8);align-items:flex-end;padding:clamp(3rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.auth-visual div{border-radius:50%;position:absolute}.auth-visual div:first-child{aspect-ratio:1;background:linear-gradient(145deg,#438fce,#004c97);width:min(34vw,32rem);top:8%;right:7%;box-shadow:0 2rem 5rem #004c9740}.auth-visual div:nth-child(2){aspect-ratio:1;background:linear-gradient(145deg,#ffb15a,#ea7600);width:min(16vw,13rem);top:48%;right:40%;box-shadow:0 1.5rem 4rem #ea760044}.auth-visual p{z-index:1;color:var(--pillar);font:700 clamp(2.5rem,4vw,5rem)/.98 var(--font-lato);letter-spacing:-.05em;margin:0;position:relative}.auth-visual em{color:var(--lotus);font-style:normal}.route-message{text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.route-message img{width:6rem;height:6rem}.route-message h1{max-width:42rem;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.route-message p{margin:0}.route-message a{background:var(--lotus);color:#fff;border-radius:.375rem;padding:.75rem 1rem;font-weight:700;text-decoration:none}.site-header{border-bottom:1px solid var(--line);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(24px,5vw,80px);display:flex;position:sticky;top:0}.brand{color:var(--stone);letter-spacing:-.01em;align-items:center;gap:13px;font-size:13px;text-decoration:none;display:flex}.brand b{color:#7d7d78;font-weight:500;display:block}.header-logo{object-fit:contain;flex:none;width:52px;height:52px;display:block}.brand-mark{justify-content:center;align-items:flex-end;gap:2px;width:36px;height:36px;display:flex;transform:rotate(45deg)}.brand-mark i{border-radius:8px;width:8px;display:block;transform:rotate(-45deg)}.brand-mark i:first-child{background:var(--lotus);height:17px}.brand-mark i:nth-child(2){background:var(--pillar);height:27px}.brand-mark i:nth-child(3){background:var(--lotus);height:12px}nav{align-items:center;gap:34px;font-size:13px;display:flex}nav a{color:#444440;text-decoration:none}nav a:hover{color:var(--lotus)}nav span{background:var(--paper);border:1px solid var(--line);font-family:var(--font-mono);border-radius:20px;padding:7px 11px;font-size:10px}.hero{background:linear-gradient(120deg,#fff 42%,#f2f8fd);min-height:660px;padding:110px clamp(24px,8vw,130px) 80px;position:relative;overflow:hidden}.eyebrow,.kicker{color:var(--lotus);text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:650}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--pillar);width:25px;height:2px}.hero h1{letter-spacing:-.065em;max-width:900px;margin:26px 0 22px;font-size:clamp(54px,6.3vw,102px);font-weight:590;line-height:.94}.hero h1>span{color:var(--pillar)}.hero h1 em,.future h2 em{color:var(--lotus);font-family:var(--font-open-sans), sans-serif;font-style:normal;font-weight:300}.hero>p{max-width:570px;color:var(--muted);font-size:18px;line-height:1.65}.hero-meta{gap:60px;margin-top:68px;display:flex}.hero-meta div{align-items:center;gap:12px;display:flex}.hero-meta strong{color:var(--pillar);font-size:30px;font-weight:400}.hero-meta span{color:var(--muted);font-size:11px;line-height:1.3}.hero-orbit{border:1px solid #004c9724;border-radius:50%;width:560px;height:560px;position:absolute;top:70px;right:-60px}.orbit-line{border:1px solid #ea76002e;border-radius:50%;width:420px;height:420px;position:absolute;top:70px;left:70px}.orb-blue,.orb-orange{filter:blur(.2px);border-radius:50%;position:absolute}.orb-blue{background:linear-gradient(145deg,#438fce,#004c97);width:280px;height:280px;top:72px;left:60px;box-shadow:0 28px 80px #004c9738}.orb-orange{background:linear-gradient(145deg,#ffb15a,#ea7600);width:130px;height:130px;bottom:85px;right:40px;box-shadow:0 20px 60px #ea76003d}.section{padding:110px clamp(24px,7vw,112px)}.section-intro{grid-template-columns:70px minmax(300px,1fr) minmax(280px,440px);align-items:start;gap:34px;margin-bottom:78px;display:grid}.section-number{font-family:var(--font-mono);color:var(--pillar);padding-top:5px;font-size:11px}.section-intro h2,.code-section h2,.future h2{letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(42px,4.4vw,70px);font-weight:560;line-height:1}.section-intro>p{color:var(--muted);margin:25px 0 0;font-size:15px;line-height:1.7}.palette{border-top:1px solid var(--line);padding:38px 0 68px}.palette-head{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.palette-head>div:first-child{grid-template-columns:40px auto;column-gap:12px;display:grid}.palette-index{color:#a9a9a4;font:10px var(--font-open-sans);grid-row:1/3;padding-top:8px}.palette h3{font:400 34px var(--font-open-sans);margin:0}.palette-head p{color:var(--muted);margin:5px 0 0;font-size:12px}.type-section{background:#fff}.type-hero{background:var(--lotus);color:#fff;border-radius:12px;grid-template-columns:1fr 2.2fr;min-height:340px;display:grid;overflow:hidden}.type-hero>div{flex-direction:column;justify-content:space-between;padding:45px;display:flex}.type-hero>div:first-child{background:#00396d}.type-hero span,.type-hero p{text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin:0;font-size:11px}.type-hero strong{letter-spacing:-.08em;font-size:120px;font-weight:300;line-height:.8}.type-hero h3{letter-spacing:-.05em;margin:20px 0 50px;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:1}.type-hero small{letter-spacing:.08em;opacity:.7;overflow-wrap:anywhere;font-size:10px}.font-source{background:#f2f8fd;border:1px solid #dcecf8;border-radius:8px;align-items:center;gap:24px;margin:24px 0;padding:18px 22px;display:flex}.font-source span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px}.font-source strong{color:var(--lotus);font-size:16px}.font-source a{color:var(--lotus);margin-left:auto;font-size:11px;text-decoration:none}.type-token-catalog{margin:72px 0 86px}.type-token-intro{grid-template-columns:1fr minmax(280px,460px);align-items:end;gap:7vw;margin-bottom:36px;display:grid}.type-token-intro h3{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(36px,4vw,58px);line-height:1}.type-token-intro>p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.type-token-head,.type-token-row{grid-template-columns:minmax(260px,1.7fr) minmax(110px,.8fr) 65px 85px 85px 85px;align-items:center;gap:18px;display:grid}.type-token-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 10px;font-size:9px}.type-token-row{border-bottom:1px solid var(--line);min-height:78px;padding:14px 10px}.type-token-row>div{grid-template-columns:1fr auto;gap:4px 16px;display:grid}.type-token-row code{font:9px var(--font-mono);color:var(--lotus);grid-column:1/-1}.type-token-row strong{font-size:14px}.type-token-row small{color:var(--muted);text-align:right;font-size:10px}.type-token-row>span{color:var(--muted);font-size:11px}.type-token-row>b{font-size:11px;font-weight:650}.type-ratio-system{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 6rem;padding:4rem 0}.type-ratio-intro{grid-template-columns:1fr minmax(18rem,30rem);align-items:end;gap:4rem;margin-bottom:2rem;display:grid}.type-ratio-intro h3{letter-spacing:-.025em;margin:1rem 0 0;font-size:2.5rem;line-height:1.12}.type-ratio-intro>p{color:var(--muted);margin:0;font-size:1.125rem;line-height:1.65}.type-ratio-table{border-top:1px solid var(--line)}.type-ratio-table article{border-bottom:1px solid var(--line);grid-template-columns:minmax(16rem,1fr) 8rem 1.4fr;align-items:center;gap:2rem;padding:1.5rem .5rem;display:grid}.type-ratio-table article>div{flex-direction:column;gap:.5rem;display:flex}.type-ratio-table strong{font-size:1.5rem}.type-ratio-table span{color:var(--muted);font-size:.875rem}.type-ratio-table b{color:var(--lotus);font-size:1.5rem}.type-ratio-table p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.type-ratio-system>aside{border-left:3px solid var(--pillar);background:#fff7ed;grid-template-columns:12rem 1fr;gap:1.5rem;margin-top:2rem;padding:1.5rem;display:grid}.type-ratio-system>aside strong{text-transform:uppercase;letter-spacing:.08em;color:#944600;font-size:.875rem}.type-ratio-system>aside p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.weight-specimen{border-top:1px solid var(--line);margin:38px 0}.specimen-head,.weight-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr 110px;align-items:center;padding:15px 8px;display:grid}.specimen-head{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.specimen-head p{margin:0}.specimen-head code{text-align:right}.weight-row>span,.weight-row small{color:var(--muted);font-size:10px}.weight-row strong{letter-spacing:-.04em;font-size:clamp(28px,4vw,54px)}.weight-row small{text-align:right;text-transform:uppercase;letter-spacing:.1em}.type-variants{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:32px;display:grid}.type-variants article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:290px;padding:32px;display:flex}.type-variants article>span{color:var(--pillar);font-size:10px}.type-variants article>p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:25px 0 5px;font-size:10px}.type-variants h3{margin:0 0 28px;font-size:28px;font-weight:600}.type-variants article>small{color:var(--muted);max-width:520px;margin-top:auto;font-size:12px;line-height:1.65}.weight-line{flex-wrap:wrap;align-items:baseline;gap:22px;display:flex}.weight-line b{font-size:18px}.style-sample,.sample-condensed{color:var(--lotus);margin-bottom:20px;font-size:clamp(24px,3vw,36px);font-weight:600}.style-sample.italic{font-style:italic}.sample-condensed{font-variation-settings:"wdth" 75,"wght" 700;letter-spacing:.01em;font-stretch:75%}.standard-sample{font-variation-settings:"wdth" 100,"wght" 600;font-stretch:100%}.type-note{border-left:3px solid var(--pillar);background:#fff7ed;grid-template-columns:160px 1fr auto;align-items:center;gap:25px;margin-top:24px;padding:25px 30px;display:grid}.type-note b{text-transform:uppercase;letter-spacing:.1em;font-size:12px}.type-note p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.type-note span{color:#944600;white-space:nowrap;font-size:20px}.display-intro{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin:110px 0 44px;padding-top:70px;display:grid}.display-intro h3{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(38px,4vw,62px);line-height:1}.display-intro>p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.display-fonts{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.display-card{border-radius:10px;flex-direction:column;min-height:520px;padding:28px;display:flex;overflow:hidden}.display-meta{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex}.display-meta a{color:inherit;opacity:.7;text-decoration:none}.display-card h4{margin:auto 0;font-size:clamp(42px,4vw,65px);line-height:1.02}.display-detail{border-top:1px solid;padding-top:20px}.display-detail strong{font-size:18px}.display-detail p{font-family:var(--font-open-sans),sans-serif;opacity:.75;min-height:55px;font-size:11px;line-height:1.6}.display-detail span{font-family:var(--font-open-sans),sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.merriweather-card{color:#002d57;background:#f2f8fd}.merriweather-card h4{font-family:var(--font-merriweather),serif;letter-spacing:-.045em;font-weight:700}.oswald-card{color:#fff;background:#004c97}.oswald-card h4{font-family:var(--font-oswald),sans-serif;letter-spacing:-.035em;font-weight:600}.vibes-card{color:#703600;background:#fff7ed}.vibes-card h4{font-family:var(--font-great-vibes),cursive;font-weight:400;line-height:.9}.title-rule{border:1px solid var(--line);align-items:center;gap:35px;margin-top:20px;padding:22px 28px;display:flex}.title-rule b{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:11px}.title-rule p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.official-chip{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;border-radius:20px;align-items:center;gap:8px;padding:8px 13px;font-size:10px;display:flex}.official-chip span{border-radius:50%;width:9px;height:9px}.swatch-grid{border-radius:10px;grid-template-columns:repeat(11,1fr);min-height:178px;display:grid;overflow:hidden;box-shadow:0 12px 40px #0e0e0d14}.swatch{border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;padding:16px 8px;transition:transform .18s,z-index .18s;display:flex;position:relative}.swatch:hover{z-index:2;transform:translateY(-7px)scale(1.015)}.swatch span{font-size:12px;font-weight:650}.swatch small{font:8px var(--font-mono);opacity:.8;margin-top:4px}.swatch b{text-transform:uppercase;letter-spacing:.08em;font-size:8px;position:absolute;top:14px;left:10px}.swatch i{color:#1a1a18;background:#ffffffe6;border-radius:4px;padding:5px 7px;font-size:9px;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0002}.palette-actions{align-items:center;gap:16px;margin-top:18px;display:flex}.palette-actions button{border:1px solid var(--lotus);color:var(--lotus);font:700 10px var(--font-open-sans);cursor:pointer;background:#fff;border-radius:5px;padding:10px 15px}.palette-actions button:hover{background:#f2f8fd}.palette-actions small{color:var(--muted);font:9px var(--font-mono)}.support-palette{border-top:1px solid var(--line);padding:54px 0 20px}.support-intro{grid-template-columns:1fr minmax(280px,440px);align-items:end;gap:50px;margin-bottom:34px;display:grid}.support-intro>div:first-child{grid-template-columns:40px 1fr;column-gap:12px;display:grid}.support-index{color:#a9a9a4;grid-row:1/3;padding-top:4px;font-size:10px}.support-intro h3{letter-spacing:-.045em;grid-column:2;margin:8px 0 0;font-size:clamp(30px,3vw,46px);font-weight:520;line-height:1.05}.support-intro>div:last-child strong{color:#944600;letter-spacing:.08em;text-transform:uppercase;background:#fff7ed;border:1px solid #ffd19a;border-radius:30px;padding:7px 11px;font-size:9px;display:inline-block}.support-intro>div:last-child p{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.65}.support-grid{border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden;box-shadow:0 12px 40px #0e0e0d1a}.support-swatch{text-align:left;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:190px;padding:22px;display:flex;position:relative}.support-swatch span{font-size:19px;font-weight:650}.support-swatch small{opacity:.84;margin-top:6px;font-size:10px}.support-swatch code{font:10px var(--font-mono);color:inherit;margin-top:22px}.support-swatch i{color:var(--stone);background:#fff;border-radius:4px;padding:5px 7px;font-size:9px;font-style:normal;position:absolute;top:18px;right:18px}.support-rule{max-width:760px;color:var(--muted);margin:26px 0 0;font-size:12px;line-height:1.7}.support-rule b{color:var(--stone)}.support-scale{border-top:1px solid var(--line);padding:36px 0 58px}.support-scale .palette-head>div:first-child{grid-template-columns:40px auto;column-gap:12px;display:grid}.support-scale h3{margin:0;font-size:30px;font-weight:500}.support-scale .palette-head p{grid-column:2}.support-chip{background:var(--paper)}.contrast-standard{border-left:3px solid var(--lotus);background:#f2f8fd;grid-template-columns:240px 1fr auto;align-items:center;gap:28px;margin:0 0 52px;padding:22px 24px;display:grid}.contrast-standard div:first-child{flex-direction:column;gap:5px;display:flex}.contrast-standard b{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.contrast-standard strong{color:var(--lotus);font-size:13px}.contrast-standard p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.contrast-standard p b{font-size:inherit;letter-spacing:0}.contrast-standard div:last-child{flex-direction:column;gap:6px;display:flex}.contrast-standard a{color:var(--lotus);white-space:nowrap;font-size:10px;text-decoration:none}.tokens-section{color:#fff;background:#111e2b;padding:110px clamp(24px,7vw,112px)}.section-intro.light>p{color:#b8c0c8}.section-intro.light h2{color:#fff}.section-intro.light .kicker{color:#82b8e5}.token-list{border-top:1px solid #ffffff25}.token-row{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff18;grid-template-columns:30px 1fr 1.3fr 140px 100px;align-items:center;gap:16px;width:100%;padding:18px 8px;transition:background .15s;display:grid}.token-row:hover{background:#ffffff09}.token-row strong{font-size:14px}.token-row>span:not(.token-dot){color:#aeb8c1;font-size:12px}.token-row code,.token-row small{font:10px var(--font-mono);color:#82b8e5}.token-row small{text-align:right;color:#fff}.token-dot{border:1px solid #fff5;border-radius:50%;width:16px;height:16px}.operational-tokens{border-top:1px solid #ffffff25;grid-template-columns:minmax(260px,.8fr) 1.4fr;gap:7vw;margin-top:90px;padding-top:64px;display:grid}.operational-token-intro h3{letter-spacing:-.045em;margin:12px 0 24px;font-size:clamp(32px,3.5vw,52px);line-height:1.02}.operational-token-intro>p:last-child{color:#b8c0c8;max-width:430px;font-size:12px;line-height:1.7}.operational-token-grid{border-top:1px solid #ffffff25}.operational-token-grid article{border-bottom:1px solid #ffffff18;grid-template-columns:22px 1fr auto;align-items:center;gap:16px;padding:18px 4px;display:grid}.operational-token-grid article>span{border:1px solid #fff5;border-radius:50%;width:18px;height:18px}.operational-token-grid article div{flex-direction:column;gap:3px;display:flex}.operational-token-grid code{font:9px var(--font-mono);color:#82b8e5}.operational-token-grid strong{font-size:13px}.operational-token-grid p{color:#aeb8c1;margin:0;font-size:10px}.operational-token-grid small{font:9px var(--font-mono);color:#fff}.spacing-section{background:var(--paper)}.spacing-scale{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:4rem;display:grid}.spacing-scale article{border-bottom:1px solid var(--line);grid-template-rows:1fr auto;grid-template-columns:5.5rem 1fr auto;align-items:end;gap:.5rem 1rem;min-height:7.5rem;padding:1.5rem 1rem;display:grid}.spacing-scale article:nth-child(3n+2){border-left:1px solid var(--line);border-right:1px solid var(--line)}.spacing-scale code{font:600 .75rem var(--font-mono);color:var(--lotus);align-self:start}.spacing-scale article>span{background:var(--pillar);border-radius:1rem;max-width:100%;height:.5rem}.spacing-scale strong{font-size:.875rem}.spacing-scale small{color:var(--muted);grid-column:3;font-size:.6875rem}.spacing-patterns{border-top:1px solid var(--line);margin-bottom:3rem}.spacing-pattern-head,.spacing-patterns article{border-bottom:1px solid var(--line);grid-template-columns:1.4fr repeat(3,.7fr) 1.2fr;align-items:center;gap:1rem;padding:1rem .5rem;display:grid}.spacing-pattern-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.625rem}.spacing-patterns article strong{font-size:.875rem}.spacing-patterns article code{font:.75rem var(--font-mono);color:var(--lotus)}.spacing-patterns article span{color:var(--muted);font-size:.75rem}.spacing-rules{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.spacing-rules article{border:1px solid var(--line);background:#fff;border-radius:.75rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}.spacing-rules article>span{color:var(--pillar);font:.6875rem var(--font-mono)}.spacing-rules strong{font-size:1rem}.spacing-rules p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.65}.card-anatomy-intro{grid-template-columns:1fr minmax(18rem,30rem);align-items:end;gap:4rem;margin:4rem 0 2rem;display:grid}.card-anatomy-intro h3{margin:1rem 0 0;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05}.card-anatomy-intro>p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.7}.card-demo-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0;display:grid}.spacing-demo{border:1px dashed var(--lotus);background:#f2f8fd;border-radius:.75rem;min-width:0;overflow:hidden}.demo-property{background:var(--lotus);color:#fff;font:700 .6875rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1rem;display:block}.demo-card{background:#fff;flex-direction:column;align-items:flex-start;gap:1.5rem;margin:0;padding:2rem;display:flex}.demo-card>*{margin:0}.demo-card small{color:var(--pillar);letter-spacing:.1em;font-size:.6875rem}.demo-card h4{font-size:1.5rem;line-height:1.2}.demo-card p{color:var(--muted);font-size:.8125rem;line-height:1.65}.demo-card button{background:var(--lotus);color:#fff;border:0;border-radius:.375rem;padding:.75rem 1rem;font-size:.75rem}.padding-demo{padding:0 2rem 2rem}.padding-demo .demo-property{margin:0 -2rem 2rem}.gap-demo .demo-card{min-height:100%}.margin-demo{background:#ffe8cc}.margin-context{padding:1.5rem}.mini-demo-card{border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:1rem;font-size:.75rem}.margin-context>i{color:#703600;height:3rem;font:.6875rem var(--font-mono);place-items:center;font-style:normal;display:grid}.margin-demo .demo-card{border-radius:.5rem}.card-anatomy-spec{color:#e7e7e5;background:#0e0e0d;border-radius:.75rem;grid-template-columns:auto repeat(3,1fr);gap:1rem;margin:1.5rem 0 3rem;padding:1.5rem;display:grid}.card-anatomy-spec code{color:#82b8e5;font:700 .75rem var(--font-mono);grid-row:1/3}.card-anatomy-spec span{font:.6875rem/1.5 var(--font-mono)}.radius-intro{grid-template-columns:1fr minmax(18rem,30rem);align-items:end;gap:4rem;margin:4rem 0 2rem;display:grid}.radius-intro h3{margin:1rem 0 0;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05}.radius-intro>p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.7}.radius-scale{grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:3rem;display:grid}.radius-scale article{flex-direction:column;gap:.5rem;min-width:0;display:flex}.radius-scale article>div{background:var(--lotus);height:5rem}.radius-scale code{color:var(--lotus);font:.6875rem var(--font-mono)}.radius-scale strong{font-size:.8125rem}.radius-scale p{color:var(--muted);margin:0;font-size:.6875rem;line-height:1.5}.radius-demo-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.radius-card,.radius-siblings{border:1px solid var(--line);background:#fff;border-radius:.75rem;overflow:hidden}.radius-card>div:last-child{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.radius-card>div:last-child>*{margin:0}.radius-card small{color:var(--pillar);letter-spacing:.08em;font-size:.6875rem}.radius-card h4{font-size:1.25rem}.radius-card p,.radius-siblings p{color:var(--muted);font-size:.75rem;line-height:1.6}.radius-image{background:linear-gradient(145deg,#82b8e5,#004c97);min-height:10rem}.contained-image{padding:1.5rem}.contained-image .radius-image{border-radius:.5rem}.contained-image>div:last-child{padding:1.5rem 0 0}.fullbleed-image .radius-image{border-radius:0}.radius-siblings{grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem;display:grid}.radius-siblings>div{color:#703600;background:#ffe8cc;border-radius:.75rem;place-items:center;min-height:8rem;padding:1rem;font-size:.75rem;display:grid}.radius-siblings p{grid-column:1/-1;margin:0}.showcase-grid{grid-template-columns:1.25fr 1fr;gap:24px;display:grid}.ui-card{background:#f2f8fd;border:1px solid #dcecf8;border-radius:12px;flex-direction:column;min-height:540px;display:flex;overflow:hidden}.mini-nav{color:#444440;background:#fff;align-items:center;gap:18px;padding:18px 22px;font-size:10px;display:flex}.mini-nav i{flex:1}.mini-logo{background:var(--lotus);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-family:Georgia;display:grid}.mini-content{background:radial-gradient(circle at 90% 20%,#dcecf8 0 12%,#0000 12.3%),radial-gradient(circle at 83% 30%,#ffe8cc 0 5%,#0000 5.3%);flex:1;padding:75px 9% 35px}.mini-content small{font:9px var(--font-mono);letter-spacing:.16em;color:var(--pillar)}.mini-content h3{letter-spacing:-.06em;color:#001f3b;margin:15px 0 20px;font-size:clamp(35px,4vw,58px);line-height:.98}.mini-content p{color:#5e5e59;max-width:440px;font-size:13px;line-height:1.6}.mini-content button,.primary{background:var(--lotus);color:#fff;border:0;border-radius:5px;padding:13px 17px;font-size:10px;font-weight:600}.mini-content a{color:var(--lotus);margin-left:20px;font-size:10px}.mini-footer{font:9px var(--font-mono);color:#7d7d78;background:#fff;align-items:center;gap:12px;padding:16px 22px;display:flex}.mini-footer i{background:var(--pillar);width:35px;height:1px}.component-stack{gap:18px;display:grid}.component-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px}.component-card>p{margin:0 0 20px;font-size:11px;font-weight:650}.button-row{flex-wrap:wrap;gap:9px;display:flex}.button-row button{border-radius:5px;padding:12px 15px;font-size:10px;font-weight:600}.secondary{color:#444440;background:#fff;border:1px solid #d3d3d0}.accent{background:var(--pillar);color:#fff;border:0}.notice{border-radius:6px;align-items:center;gap:12px;margin-top:9px;padding:14px;display:flex}.notice i{border-radius:50%;place-items:center;width:24px;height:24px;font:italic 14px Georgia;display:grid}.notice span{color:#444440;font-size:10px}.notice b{margin-bottom:2px;font-size:11px;display:block}.notice.info{border-left:3px solid var(--lotus);background:#f2f8fd}.notice.info i{color:var(--lotus);background:#dcecf8}.notice.warm{border-left:3px solid var(--pillar);background:#fff7ed}.notice.warm i{color:#b85600;background:#ffe8cc}.color-rule>div{border-radius:5px;height:74px;display:flex;overflow:hidden}.color-rule span{font:8px var(--font-mono);align-items:flex-end;padding:9px;display:flex}.color-rule span:first-child{background:#f4f4f3}.color-rule span:nth-child(2){background:var(--lotus);color:#fff}.color-rule span:nth-child(3){background:var(--pillar);color:#fff}.campaign-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.campaign-card{color:#fff;border-radius:10px;flex-direction:column;min-height:330px;padding:26px;display:flex;position:relative;overflow:hidden}.campaign-card:after{content:"";opacity:.18;border:1px solid;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-48px}.campaign-card small{letter-spacing:.15em;font-size:9px}.campaign-card h3{letter-spacing:-.05em;margin:auto 0;font-size:clamp(28px,2.8vw,44px);line-height:1}.campaign-card p{opacity:.82;margin:0;font-size:11px}.peace-campaign{background:linear-gradient(145deg,#91ad80,#647e55,#566e49)}.nonviolence-campaign{background:linear-gradient(145deg,#9889b8,#7e6f9d,#6e608c)}.love-campaign{background:linear-gradient(145deg,#c85b73,#bf536b,#a9445c)}.code-section{background:#f4f4f3;grid-template-columns:1fr 1.2fr;align-items:center;gap:9vw;padding:110px clamp(24px,8vw,130px);display:grid}.code-section>div>p:not(.kicker){color:var(--muted);max-width:400px;line-height:1.7}.code-section button{background:var(--stone);color:#fff;border:0;border-radius:5px;margin-top:20px;padding:13px 17px;font-size:11px}.code-section pre{color:#e7e7e5;background:#0e0e0d;border-radius:11px;margin:0;overflow:hidden;box-shadow:0 25px 60px #0e0e0d22}.code-section pre>span{color:#a9a9a4;font:10px var(--font-mono);border-bottom:1px solid #ffffff18;padding:14px 20px;display:block}.code-section pre code{white-space:pre-wrap;font:11px/1.75 var(--font-mono);color:#dcecf8;padding:26px;display:block}.future{grid-template-columns:80px 1fr 1fr;align-items:start;gap:30px;padding:120px clamp(24px,8vw,130px);display:grid}.future-number{font:11px var(--font-mono);color:var(--pillar)}.future>div:nth-child(2)>p:last-child{color:var(--muted);max-width:550px;margin:34px 0 0;line-height:1.7}.future-roadmap-head{padding-bottom:22px}.future-roadmap-head strong{font-size:13px;font-weight:650}.future-roadmap-head p{max-width:440px;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.55}.future-tags{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.future-tags span{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 5px;display:flex}.future-tags span:nth-child(odd){margin-right:18px}.future-tags b{font-size:13px;font-weight:600}.future-tags small{color:var(--muted);font-size:10px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:35px clamp(24px,5vw,80px);display:flex}footer p{font:9px/1.6 var(--font-mono);color:#7d7d78}footer>a{color:var(--lotus);font-size:11px;text-decoration:none}.mini-logo,.notice i{font-family:var(--font-open-sans), "Open Sans", sans-serif}.mini-content small{margin-bottom:24px;display:block}.mini-content h3{margin:0 0 34px}.mini-content p{margin:0}.mini-content>div{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.mini-content a{margin-left:0}.code-section h2{margin:18px 0 34px}.code-section>div>p:not(.kicker){margin:0 0 36px}.code-section button{margin-top:0}.vibes-card h4{white-space:nowrap;font-size:clamp(34px,3.4vw,54px)}.scheme-selector{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.scheme-selector-head{grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.scheme-selector-head h3{margin:.75rem 0 0;font-size:2rem}.scheme-selector-head>p{max-width:38rem;color:var(--muted);margin:0;font-size:1.0625rem;line-height:1.65}.scheme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.scheme-card{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:.75rem;margin:0;padding:.5rem;transition:transform .18s,border-color .18s,box-shadow .18s}.scheme-card:hover{border-color:#82b8e5;transform:translateY(-3px);box-shadow:0 12px 30px #004c9714}.scheme-card:focus-visible{outline-offset:3px;outline:3px solid #82b8e5}.scheme-card.is-selected{border-color:var(--lotus);box-shadow:0 0 0 2px #004c9726,0 16px 32px #004c9717}.scheme-gradient{color:#fff;border-radius:.5rem;flex-direction:column;justify-content:space-between;min-height:8rem;padding:1rem;display:flex;position:relative;overflow:hidden}.scheme-gradient:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#0e0e0d73 100%);position:absolute;inset:0}.scheme-gradient i,.scheme-gradient b{z-index:1;position:relative}.scheme-gradient i{font:700 .6875rem var(--font-mono);letter-spacing:.08em;align-self:flex-start;font-style:normal}.scheme-gradient b{max-width:10rem;font:700 1rem/1.15 var(--font-lato);text-shadow:0 1px 12px #0e0e0d66}.scheme-meta{color:var(--muted);font:600 .6875rem var(--font-open-sans);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .25rem .25rem;display:flex}.scheme-dots{display:flex}.scheme-dots i{border:1px solid #fff;border-radius:9999px;width:.875rem;height:.875rem;margin-left:-.2rem;display:block}.scheme-selection-summary{border-left:3px solid var(--lotus);background:#fafaf9;grid-template-columns:6rem minmax(15rem,1fr) auto;align-items:center;gap:1.25rem;padding:1.25rem;display:grid}.scheme-summary-preview{border-radius:.5rem;width:6rem;height:4.25rem}.scheme-selection-summary>div:nth-child(2){flex-direction:column;gap:.25rem;display:flex}.scheme-selection-summary small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem}.scheme-selection-summary strong{font:700 1.125rem var(--font-lato)}.scheme-selection-summary p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.scheme-selection-summary code{max-width:20rem;color:var(--lotus);font:700 .75rem/1.5 var(--font-mono);text-align:right}.ai-prompt-section{background:#f2f8fd}.ai-prompt-card{color:#e7e7e5;background:#0e0e0d;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #0e0e0d29}.ai-prompt-toolbar{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.ai-prompt-toolbar>div{flex-direction:column;gap:4px;display:flex}.ai-prompt-toolbar span{font-family:var(--font-lato),Lato,sans-serif;font-size:16px;font-weight:700}.ai-prompt-toolbar small{color:#a9a9a4;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.ai-prompt-toolbar button{color:#fff;font:700 11px var(--font-open-sans);cursor:pointer;background:#004c97;border:1px solid #ffffff40;border-radius:5px;padding:11px 16px}.ai-prompt-card pre{max-height:640px;margin:0;overflow:auto}.ai-prompt-card code{white-space:pre-wrap;font:12px/1.75 var(--font-mono);color:#dcecf8;padding:30px;display:block}.ai-prompt-note{border-left:3px solid var(--pillar);background:#fff;grid-template-columns:160px 1fr;gap:28px;margin-top:22px;padding:23px 26px;display:grid}.ai-prompt-note b{text-transform:uppercase;letter-spacing:.1em;font-size:11px}.ai-prompt-note p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.visual-result{border-top:1px solid var(--line);grid-template-columns:minmax(18rem,.82fr) minmax(20rem,1.18fr);align-items:center;gap:clamp(2rem,6vw,6rem);margin-top:6rem;padding-top:6rem;display:grid}.visual-result-carousel{flex-direction:column;gap:1rem;min-width:0;display:flex}.visual-result-canvas{border:1px solid var(--line);background:#fff;border-radius:.75rem;justify-content:center;align-items:center;min-height:25rem;padding:1rem;display:flex;overflow:hidden}.visual-result-canvas img{object-fit:contain;width:100%;max-height:34rem;display:block}.visual-result-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.visual-result-thumbnails button{border:1px solid var(--line);color:var(--text);font:700 .75rem var(--font-open-sans);text-align:left;cursor:pointer;background:#fff;border-radius:.5rem;grid-template-columns:4rem 1fr;align-items:center;gap:.75rem;margin:0;padding:.5rem;display:grid}.visual-result-thumbnails button:hover{border-color:var(--lotus)}.visual-result-thumbnails button:focus-visible{outline-offset:2px;outline:3px solid #82b8e5}.visual-result-thumbnails button.is-selected{border-color:var(--lotus);box-shadow:inset 0 0 0 1px var(--lotus)}.visual-result-thumbnails img{object-fit:contain;background:#f4f4f3;width:4rem;height:3rem;display:block}.visual-result-copy{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.visual-result-copy>*{margin:0}.visual-result-copy h3{letter-spacing:-.025em;font-size:2.5rem;line-height:1.12}.visual-result-copy>p:not(.kicker){max-width:34rem;color:var(--muted);font-size:1.125rem;line-height:1.65}.visual-result-copy aside{border-left:3px solid var(--pillar);background:#fff;margin-top:1rem;padding:1.5rem}.visual-result-copy aside strong{text-transform:uppercase;letter-spacing:.08em;color:var(--pillar);font-size:.75rem}.visual-result-copy aside p{color:var(--muted);margin:.75rem 0 0;font-size:1rem;line-height:1.65}@media (width<=900px){nav a{display:none}.hero{min-height:720px}.hero-orbit{opacity:.32;top:220px;right:-290px}.section-intro{grid-template-columns:40px 1fr}.section-intro>p{grid-column:2}.swatch-grid{grid-template-columns:repeat(6,1fr)}.swatch{min-height:115px}.support-grid{grid-template-columns:1fr 1fr}.showcase-grid,.code-section{grid-template-columns:1fr}.campaign-grid{grid-template-columns:1fr 1fr}.future{grid-template-columns:50px 1fr}.future-tags{grid-column:2}.token-row{grid-template-columns:25px 1fr 100px}.token-row>span:not(.token-dot),.token-row small{display:none}}@media (width<=800px){.auth-page{grid-template-columns:1fr}.auth-card{width:100%;min-height:100vh}.auth-visual{display:none}}@media (width<=900px){.type-hero{grid-template-columns:1fr}.type-hero>div:first-child{min-height:190px}.type-hero strong{font-size:90px}.type-variants,.type-note{grid-template-columns:1fr}.type-note span{justify-self:start}.contrast-standard{grid-template-columns:1fr}.contrast-standard div:last-child{flex-direction:row;gap:18px}.operational-tokens,.type-token-intro{grid-template-columns:1fr;gap:24px}.type-token-head,.type-token-row{grid-template-columns:minmax(220px,1.5fr) 100px 55px 75px 75px 75px;gap:10px}.type-token-head span:nth-child(2),.type-token-row>span:first-of-type{display:none}.type-ratio-intro{grid-template-columns:1fr;gap:1.5rem}.type-ratio-table article{grid-template-columns:1fr auto}.type-ratio-table article>p{grid-column:1/-1}.spacing-scale{grid-template-columns:repeat(2,1fr)}.spacing-scale article:nth-child(3n+2){border-left:0;border-right:0}.spacing-scale article:nth-child(2n){border-left:1px solid var(--line)}.spacing-rules{grid-template-columns:1fr}.card-anatomy-intro{grid-template-columns:1fr;gap:1.5rem}.card-demo-grid{grid-template-columns:1fr}.card-anatomy-spec{grid-template-columns:auto repeat(2,1fr)}.radius-intro{grid-template-columns:1fr;gap:1.5rem}.radius-scale{grid-template-columns:repeat(3,1fr)}.radius-demo-grid{grid-template-columns:1fr}.scheme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scheme-selection-summary{grid-template-columns:5rem 1fr}.scheme-summary-preview{width:5rem}.scheme-selection-summary code{text-align:left;grid-column:2}.visual-result{grid-template-columns:minmax(15rem,.8fr) 1fr;gap:2.5rem}.display-fonts{grid-template-columns:1fr}.display-card{min-height:430px}.display-intro{grid-template-columns:1fr;gap:20px}}@media (width<=560px){.site-header{height:70px}.hero{padding-top:75px}.hero h1{font-size:49px}.hero-meta{flex-wrap:wrap;gap:22px}.section,.tokens-section{padding:75px 20px}.section-intro{grid-template-columns:1fr;gap:12px;margin-bottom:50px}.section-number{display:none}.section-intro>p{grid-column:auto}.palette-head{gap:12px}.official-chip{font-size:8px}.swatch-grid{grid-template-columns:repeat(3,1fr)}.swatch{min-height:105px}.support-intro{grid-template-columns:1fr;gap:28px}.support-grid{grid-template-columns:1fr}.support-swatch{min-height:150px}.showcase-grid,.campaign-grid{grid-template-columns:1fr}.mini-content{padding-top:50px}.code-section{padding:75px 20px}.code-section pre code{padding:18px;font-size:9px}.future{grid-template-columns:1fr;padding:75px 20px}.future-number{display:none}.future-tags{grid-column:auto}.token-row{grid-template-columns:22px 1fr 85px;padding:16px 2px}.token-row code{font-size:8px}footer{flex-wrap:wrap;align-items:flex-start;gap:20px}.ai-prompt-toolbar{align-items:flex-start}.ai-prompt-card code{padding:20px;font-size:10px}.ai-prompt-note{grid-template-columns:1fr;gap:10px}.scheme-selector-head{grid-template-columns:1fr;gap:1rem}.scheme-selector-head h3{font-size:1.75rem}.scheme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.scheme-gradient{min-height:7rem;padding:.75rem}.scheme-gradient b{font-size:.875rem}.scheme-selection-summary{grid-template-columns:1fr;gap:1rem}.scheme-summary-preview{width:100%;height:5rem}.scheme-selection-summary code{grid-column:auto}.ai-prompt-toolbar{flex-direction:column}.ai-prompt-toolbar button{width:100%}.visual-result{grid-template-columns:1fr;margin-top:4rem;padding-top:4rem}.visual-result-canvas{min-height:20rem;padding:.75rem}.visual-result-thumbnails{grid-template-columns:1fr}.visual-result-copy{gap:1rem}.visual-result-copy h3{font-size:1.9rem}.visual-result-copy>p:not(.kicker){font-size:1rem}.visual-result-copy aside{margin-top:.5rem;padding:1.25rem}.type-ratio-system{margin-bottom:4rem;padding:3rem 0}.type-ratio-intro h3{font-size:1.9rem}.type-ratio-intro>p{font-size:1rem}.type-ratio-table article{grid-template-columns:1fr}.type-ratio-table article>b{font-size:1.25rem}.type-ratio-system>aside{grid-template-columns:1fr;gap:.75rem}.operational-tokens{margin-top:65px;padding-top:46px}.operational-token-grid article{grid-template-columns:20px 1fr}.operational-token-grid article>small{grid-column:2}.type-token-catalog{margin:58px 0}.type-token-head{display:none}.type-token-row{grid-template-columns:1fr repeat(3,auto);gap:8px}.type-token-row>span{display:none}.type-token-row>div{grid-column:1/-1;margin-bottom:8px}.type-token-row small{text-align:left}.type-token-row>b{font-size:10px}.type-token-row>b:before{color:var(--muted);font:8px var(--font-mono);margin-bottom:3px;display:block}.type-token-row>b:first-of-type:before{content:"Desktop"}.type-token-row>b:nth-of-type(2):before{content:"Tablet"}.type-token-row>b:nth-of-type(3):before{content:"Móvil"}.spacing-scale{grid-template-columns:1fr}.spacing-scale article:nth-child(2n){border-left:0}.spacing-pattern-head{display:none}.spacing-patterns article{grid-template-columns:1fr repeat(3,auto);gap:.75rem}.spacing-patterns article span{grid-column:1/-1}.spacing-patterns article code{font-size:.6875rem}.spacing-rules article{padding:1.5rem}.demo-card{gap:1rem;padding:1.5rem}.padding-demo{padding:0 1.5rem 1.5rem}.padding-demo .demo-property{margin:0 -1.5rem 1.5rem}.card-anatomy-spec{grid-template-columns:1fr}.card-anatomy-spec code{grid-row:auto}}.card-anatomy-spec code,.card-anatomy-spec span,.code-section pre>span,.code-section pre code,.ai-prompt-card code{font-size:1rem}.card-anatomy-spec span,.code-section pre code,.ai-prompt-card code{line-height:1.7}.ai-prompt-toolbar small{font-size:.875rem}@media (width<=560px){.code-section pre code,.ai-prompt-card code{font-size:.9375rem}.radius-scale{grid-template-columns:repeat(2,1fr)}.radius-card>div:last-child,.contained-image,.radius-siblings{padding:1.5rem}}.visual-result{grid-template-columns:minmax(32rem,1.2fr) minmax(20rem,.8fr);gap:clamp(2rem,4vw,4rem)}.visual-result-carousel{grid-template-rows:38rem;grid-template-columns:5.75rem minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.visual-result-canvas{grid-area:1/2;width:100%;height:38rem;min-height:0;padding:1rem}.visual-result-canvas img{object-fit:contain;width:100%;height:100%;max-height:none}.visual-result-thumbnails{scrollbar-width:thin;flex-direction:column;grid-area:1/1;gap:.75rem;min-height:0;padding:.125rem .25rem .125rem .125rem;display:flex;overflow-y:auto}.visual-result-thumbnails button{text-align:center;flex-direction:column;flex:none;align-items:stretch;gap:.5rem;width:100%;padding:.375rem;display:flex}.visual-result-thumbnails img{object-fit:contain;border-radius:.25rem;width:100%;height:4.75rem}.visual-result-thumbnails button small{color:var(--lotus);font:700 .625rem var(--font-mono);letter-spacing:.08em}.visual-result-thumbnails button span{overflow-wrap:anywhere;font-size:.6875rem;line-height:1.25}@media (width<=900px){.visual-result{grid-template-columns:1fr}.visual-result-carousel{grid-template-rows:34rem}.visual-result-canvas{height:34rem}}@media (width<=560px){.visual-result-carousel{grid-template-rows:28rem;grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem}.visual-result-canvas{height:28rem;padding:.75rem}.visual-result-thumbnails{grid-template-columns:none}.visual-result-thumbnails img{height:4rem}.visual-result-thumbnails button span{font-size:.625rem}}main p:not(.kicker){font-size:1rem;line-height:1.65}main button,main nav a,footer>a{font-size:1rem}.demo-property,.demo-card small,.spacing-patterns article strong,.spacing-patterns article span,.spacing-scale strong,.radius-scale strong,.radius-card small,.official-chip,.type-note b,.title-rule b,.ai-prompt-note b,.visual-result-copy aside strong{font-size:.875rem}.demo-card p,.spacing-rules p,.card-anatomy-intro>p,.radius-intro>p,.radius-scale p,.radius-card p,.radius-siblings p,.display-detail p,.support-intro>div:last-child p,.operational-token-intro>p:last-child,.operational-token-grid p,.mini-content p,.component-card>p,.notice span,.campaign-card p,.future-roadmap-head p,.type-token-intro>p,.type-variants article>small{font-size:1rem;line-height:1.65}.demo-card button,.button-row button,.mini-content button,.mini-content a,.code-section button,.ai-prompt-toolbar button{font-size:1rem}.demo-property{font-family:var(--font-open-sans),"Open Sans",sans-serif}.type-token-row small,.type-token-row>span,.type-token-row>b,.token-row>span:not(.token-dot),.operational-token-grid strong,.future-roadmap-head strong,.future-tags b,.future-tags small{font-size:.875rem}.type-ratio-system .type-ratio-intro>p{font-size:1.125rem}@media (width<=560px){.type-ratio-system .type-ratio-intro>p{font-size:1rem}}.hero h1{letter-spacing:-.035em;font-size:5.5rem;line-height:1.02}main .hero>p{font-size:1.5rem;line-height:1.5}.section-intro h2,.code-section h2,.future h2,.type-token-intro h3,.display-intro h3,.support-intro h3,.operational-token-intro h3,.card-anatomy-intro h3,.radius-intro h3,.visual-result-copy h3{letter-spacing:-.025em;font-size:2.5rem;line-height:1.12}.section-intro>p,.code-section>div>p:not(.kicker),.future>div:nth-child(2)>p:last-child,.type-token-intro>p,.display-intro>p,.support-intro>div:last-child p,.operational-token-intro>p:last-child,.card-anatomy-intro>p,.radius-intro>p,.visual-result-copy>p:not(.kicker){font-size:1.125rem;line-height:1.65}.mini-content h3,.campaign-card h3,.demo-card h4,.radius-card h4{letter-spacing:-.01em;font-size:1.5rem;line-height:1.25}main .mini-content p,main .campaign-card p,main .demo-card p,main .radius-card p,main .radius-siblings p{font-size:1.125rem;line-height:1.6}@media (width<=900px){.hero h1{font-size:4rem}main .hero>p{font-size:1.375rem}.section-intro h2,.code-section h2,.future h2,.type-token-intro h3,.display-intro h3,.support-intro h3,.operational-token-intro h3,.card-anatomy-intro h3,.radius-intro h3,.visual-result-copy h3{font-size:2.2rem}.section-intro>p,.code-section>div>p:not(.kicker),.future>div:nth-child(2)>p:last-child,.type-token-intro>p,.display-intro>p,.support-intro>div:last-child p,.operational-token-intro>p:last-child,.card-anatomy-intro>p,.radius-intro>p,.visual-result-copy>p:not(.kicker){font-size:1.0625rem}.mini-content h3,.campaign-card h3,.demo-card h4,.radius-card h4{font-size:1.4rem}main .mini-content p,main .campaign-card p,main .demo-card p,main .radius-card p,main .radius-siblings p{font-size:1.0625rem}}@media (width<=560px){.hero h1{font-size:3rem}main .hero>p{font-size:1.125rem}.section-intro h2,.code-section h2,.future h2,.type-token-intro h3,.display-intro h3,.support-intro h3,.operational-token-intro h3,.card-anatomy-intro h3,.radius-intro h3,.visual-result-copy h3{font-size:1.9rem}.section-intro>p,.code-section>div>p:not(.kicker),.future>div:nth-child(2)>p:last-child,.type-token-intro>p,.display-intro>p,.support-intro>div:last-child p,.operational-token-intro>p:last-child,.card-anatomy-intro>p,.radius-intro>p,.visual-result-copy>p:not(.kicker){font-size:1rem}.mini-content h3,.campaign-card h3,.demo-card h4,.radius-card h4{font-size:1.3rem}main .mini-content p,main .campaign-card p,main .demo-card p,main .radius-card p,main .radius-siblings p{font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.swatch{transition:none}}.brand-foundation{background:#f7fbff}.brand-lockups{grid-template-columns:1.15fr .85fr;gap:1rem;margin-bottom:1rem;display:grid}.lockup-card{border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:space-between;min-height:22rem;padding:2rem;display:flex}.lockup-card>span{font:700 .75rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.lockup-card>img{align-self:center;width:min(28rem,80%)}.lockup-card>p{max-width:35rem;color:var(--muted);margin:0}.lockup-dark{color:#fff;background:#001f3b}.lockup-dark>div{background:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:2rem;display:flex}.lockup-dark img{width:min(20rem,90%)}.lockup-dark>p{color:#dcecf8}.brand-spec-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.brand-spec-grid article{background:#fff;min-height:18rem;padding:2rem}.spec-number{color:var(--pillar);font:700 .75rem var(--font-mono)}.brand-spec-grid h3{margin:3rem 0 .75rem;font-size:1.5rem}.brand-spec-grid p{color:var(--muted);margin:0}.clearspace-demo{background:#f2f8fd;border:1px dashed #82b8e5;justify-content:center;align-items:center;margin:1rem 0;padding:1.5rem;display:flex}.clearspace-demo img{width:80%}.brand-donts{color:#fff;background:#0e0e0d;grid-template-columns:.8fr 1.2fr;gap:4rem;margin-top:5rem;padding:3rem;display:grid}.brand-donts h3{margin:.75rem 0;font-size:2rem}.brand-donts p{color:#d3d3d0}.brand-donts ul{grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.brand-donts li{color:#e7e7e5;border-bottom:1px solid #ffffff24;grid-template-columns:1.5rem 1fr;gap:.75rem;padding:1rem;display:grid}.brand-donts li span{color:#ffb15a;font-size:1.25rem}.brand-meaning{border-left:3px solid var(--lotus);background:#dcecf8;grid-template-columns:.3fr 1fr;gap:2rem;padding:2rem;display:grid}.brand-meaning p{color:#00396d;margin:0}.communication-system{background:#fff}.event-anatomy{grid-template-columns:1.05fr .95fr;align-items:start;gap:4rem;display:grid}.event-example{border:1px solid var(--line);background:#f4f4f3;margin:0;overflow:hidden;box-shadow:0 24px 60px #004c9710}.event-example img{width:100%;height:auto;display:block}.event-example figcaption{color:var(--muted);font:700 .6875rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#fff;padding:1rem 1.25rem}.event-checklist{flex-direction:column;display:flex}.event-checklist article{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr;gap:1rem;padding:1.25rem 0;display:grid}.event-checklist article>span{color:var(--pillar);font:700 .75rem var(--font-mono)}.event-checklist b{font-family:var(--font-lato)}.event-checklist p{color:var(--muted);margin:.25rem 0 0;font-size:1rem}.composition-rules{grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem;display:grid}.composition-rules article{border:1px solid var(--line);padding:2rem}.composition-rules article>span{font:700 .75rem var(--font-mono)}.composition-rules h3{margin:1rem 0 2rem;font-size:1.5rem}.composition-rules ul,.media-guides ul{flex-direction:column;gap:.75rem;margin:0;padding-left:1.25rem;display:flex}.do-card>span{color:#566e49}.dont-card>span{color:#a9445c}.composition-rules aside{color:#fff;background:#001f3b;grid-column:1/-1;grid-template-columns:.3fr 1fr;gap:2rem;padding:2rem;display:grid}.composition-rules aside p{color:#dcecf8;margin:0}.media-system{background:#f4f4f3}.media-principles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.media-principles article{background:#fff;padding:2rem}.media-principles span{color:var(--pillar);font:700 .75rem var(--font-mono)}.media-principles h3{margin:3rem 0 .75rem;font-size:1.5rem}.media-principles p{color:var(--muted);margin:0}.media-guides{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.media-guides article{background:#fff;padding:2.5rem}.media-guides h3{margin:.75rem 0 2rem;font-size:2rem}.media-guides li{color:#444440}.media-guides code{color:#dcecf8;font:700 .75rem var(--font-mono);background:#0e0e0d;margin-top:2rem;padding:1rem;display:block}.governance-system{background:#f2f8fd}.governance-flow{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.governance-flow article{border-top:3px solid var(--lotus);background:#fff;flex-direction:column;min-height:20rem;padding:2rem;display:flex}.governance-flow article>span{color:var(--pillar);font:700 .75rem var(--font-mono)}.governance-flow small{color:var(--muted);font:700 .75rem var(--font-mono);text-transform:uppercase;margin-top:auto}.governance-flow h3{margin:.5rem 0;font-size:1.5rem}.governance-flow p{color:var(--muted);margin:0}.approval-rule{color:#fff;background:#004c97;grid-template-columns:.3fr 1fr;gap:2rem;margin-top:1rem;padding:2rem;display:grid}.approval-rule p{color:#dcecf8;margin:0}.logo-introduction{grid-template-columns:minmax(22rem,.9fr) minmax(22rem,1.1fr);align-items:center;gap:clamp(2rem,7vw,7rem);padding-bottom:6rem;display:grid}.symbol-stage{aspect-ratio:1;border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;display:flex;position:relative}.symbol-stage img{object-fit:contain;width:68%;height:68%}.logo-introduction article h3{margin:.75rem 0 1.25rem;font-size:2.5rem;line-height:1.12}.logo-introduction article>p:not(.kicker){color:var(--muted);font-size:1.125rem}.logo-introduction aside{border-left:3px solid var(--pillar);background:#fff;grid-template-columns:8rem 1fr;gap:1rem;margin-top:2rem;padding:1.5rem;display:grid}.logo-introduction aside b{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.logo-introduction aside span{color:var(--muted);line-height:1.6}.logo-subsection-head{border-top:1px solid var(--line);grid-template-columns:minmax(18rem,.75fr) minmax(20rem,1.25fr);gap:.5rem 4rem;padding:5rem 0 2rem;display:grid}.logo-subsection-head .kicker,.logo-subsection-head h3{grid-column:1}.logo-subsection-head h3{margin:.5rem 0 0;font-size:2.5rem;line-height:1.12}.logo-subsection-head>p:last-child{color:var(--muted);grid-area:1/2/3;align-self:end;margin:0;font-size:1.125rem;line-height:1.65}.lockup-variants{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.lockup-variants article{background:#fff;padding:2rem 2rem 5rem;position:relative}.lockup-preview{background:#fafaf9;justify-content:center;align-items:center;height:22rem;margin-bottom:2rem;display:flex;overflow:hidden}.lockup-preview img{object-fit:contain;max-width:82%;max-height:84%;display:block}.lockup-variants article>span,.logo-application-grid article>span{color:var(--pillar);font:700 .75rem var(--font-mono)}.lockup-variants h4,.logo-application-grid h4{margin:.75rem 0 .5rem;font-size:1.5rem}.lockup-variants p,.logo-application-grid p{color:var(--muted);margin:0}.lockup-variants code{color:var(--lotus);font:700 .75rem var(--font-mono);margin-top:1.25rem;display:block}.lockup-metrics{border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:1.5rem 0 0;display:grid}.lockup-metrics>div{border-right:1px solid var(--line);flex-direction:column;gap:.45rem;min-width:0;padding:.85rem;display:flex}.lockup-metrics>div:last-child{border-right:0}.lockup-metrics dt{color:var(--muted);font:600 .6875rem/1.3 var(--font-open-sans)}.lockup-metrics dd{color:var(--lotus);font:700 .875rem var(--font-mono);margin:0}.clear-space-section{padding:5rem 0}.clear-space-head{grid-template-columns:.8fr 1.2fr;gap:4rem;margin-bottom:2rem;display:grid}.clear-space-head h3{margin:.5rem 0 0;font-size:2rem;line-height:1.15}.clear-space-head>p{color:var(--muted);align-self:end;margin:0;font-size:1.0625rem;line-height:1.65}.clear-space-head>p b{color:#0e0e0d}.clear-space-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1.35fr .65fr;gap:1px;display:grid}.clear-space-grid article{background:#fff;padding:1.5rem}.clear-space-diagram{background:#fafaf9;justify-content:center;align-items:center;height:25rem;margin-bottom:1.25rem;display:flex}.clear-space-diagram svg{width:92%;height:92%;display:block}.clear-space-diagram rect{fill:none;stroke:var(--lotus);stroke-width:3px;stroke-dasharray:12 10}.clear-space-grid article>span{color:var(--pillar);font:700 .75rem var(--font-mono);text-transform:uppercase;margin-bottom:.35rem;display:block}.clear-space-grid article>b{font-size:.875rem}.clear-space-section>aside{border-left:3px solid var(--lotus);background:#f2f8fd;grid-template-columns:10rem 1fr;gap:1.5rem;padding:1.25rem 1.5rem;display:grid}.clear-space-section>aside b{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.clear-space-section>aside p{color:var(--muted);margin:0}.lockup-rule{color:#fff;background:#001f3b;grid-template-columns:.3fr 1fr;gap:2rem;padding:2rem;display:grid}.lockup-rule p{color:#dcecf8;margin:0}.application-head,.application-group+.application-group{margin-top:4rem}.application-group-head{grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.application-group-head:after{background:var(--line);content:"";height:1px}.application-group-head h4{color:#0e0e0d;margin:0;font-size:1.5rem}.logo-application-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.logo-application-grid article{background:#fff;padding:1.5rem 1.5rem 5rem;position:relative}.application-canvas{justify-content:center;align-items:center;height:16rem;margin-bottom:1.5rem;display:flex;overflow:hidden}.application-canvas img{object-fit:contain;max-width:88%;max-height:76%;display:block}.light-canvas{background:#dcecf8}.dark-canvas{background:#0e0e0d}.gray-canvas{background:#f4f4f3}.download-svg-group{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.download-svg{border:1px solid var(--line);color:#0e0e0d;background:#fff;border-radius:.375rem;align-items:center;gap:.45rem;padding:.6rem .7rem;text-decoration:none;display:inline-flex}.download-svg span{width:1.35rem;height:1.35rem;color:var(--lotus);font:700 .9rem/1 var(--font-open-sans);background:#dcecf8;border-radius:9999px;place-items:center;display:grid}.download-svg b{font:700 .6875rem var(--font-mono);letter-spacing:.04em;white-space:nowrap}.download-svg:hover{border-color:var(--lotus);color:var(--lotus)}.download-svg:focus-visible{outline-offset:3px;outline:3px solid #82b8e5}.wordmark-rule{border-left:3px solid var(--lotus);background:#f2f8fd;grid-template-columns:160px 1fr;gap:28px;margin-top:1rem;padding:23px 26px;display:grid}.wordmark-rule b{text-transform:uppercase;letter-spacing:.08em;font-size:.875rem}.wordmark-rule p{color:var(--muted);margin:0}@media (width<=900px){.brand-lockups,.event-anatomy,.logo-introduction{grid-template-columns:1fr}.brand-spec-grid,.media-principles{grid-template-columns:1fr 1fr}.brand-donts{grid-template-columns:1fr;gap:2rem}.governance-flow{grid-template-columns:1fr 1fr}.symbol-stage{max-width:36rem}.clear-space-head{grid-template-columns:1fr;gap:1rem}.clear-space-grid{grid-template-columns:1fr}.logo-application-grid{grid-template-columns:1fr 1fr}.logo-application-grid article:last-child{grid-column:1/-1}}@media (width<=560px){.brand-lockups,.media-guides,.composition-rules,.logo-subsection-head,.lockup-variants,.logo-application-grid{grid-template-columns:1fr}.lockup-card{min-height:18rem;padding:1.5rem}.brand-spec-grid,.media-principles,.governance-flow{grid-template-columns:1fr}.brand-donts{margin-top:3rem;padding:1.5rem}.brand-donts ul{grid-template-columns:1fr}.brand-meaning,.composition-rules aside,.approval-rule,.wordmark-rule,.logo-introduction aside,.lockup-rule,.clear-space-section>aside{grid-template-columns:1fr;gap:.75rem}.media-guides article{padding:1.5rem}.logo-introduction{padding-bottom:4rem}.logo-introduction article h3,.logo-subsection-head h3{font-size:1.9rem}.logo-subsection-head .kicker,.logo-subsection-head h3,.logo-subsection-head>p:last-child{grid-area:auto/1}.lockup-preview{height:18rem}.clear-space-section{padding:4rem 0}.clear-space-head h3{font-size:1.9rem}.clear-space-diagram{height:18rem}.logo-application-grid article:last-child{grid-column:auto}.application-group-head h4{font-size:1.25rem}.application-canvas{height:13rem}.lockup-metrics{grid-template-columns:1fr}.lockup-metrics>div{border-right:0;border-bottom:1px solid var(--line)}.lockup-metrics>div:last-child{border-bottom:0}}