.ci-page .header-inner{gap:24px}.ci-back{margin-left:auto;font-size:14px;color:var(--muted)}.ci-page .site-controls{margin-left:0}.ci-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:100px 0 80px}.ci-hero h1{font-size:clamp(34px,3.6vw,54px);line-height:1.3;white-space:pre-line}.ci-intro{font-size:17px;line-height:1.9;margin-top:28px;max-width:590px}.ci-signature{border:1px solid var(--line);padding:40px;background:var(--surface)}.ci-signature-plate{background:#fff;min-height:220px;display:flex;align-items:center;justify-content:center}.ci-signature-plate img{width:240px;height:auto;max-width:100%}.ci-signature figcaption{font-size:12px;letter-spacing:.06em;margin-top:20px;color:var(--muted)}.ci-section{padding:64px 0;border-top:1px solid var(--line)}.ci-section h2{font-size:32px}.ci-section-intro{margin-top:18px;font-size:16px;max-width:760px}.ci-stories,.ci-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}.ci-story{padding-right:20px}.ci-story>span{color:var(--accent);font-size:13px}.ci-story h3{font-size:23px;margin:18px 0}.ci-story p,.ci-color p{font-size:16px;line-height:1.9}.ci-color{border:1px solid var(--line);background:var(--surface)}.ci-swatch{height:92px}.ci-color-copy{padding:25px}.ci-color-copy>span{font-size:12px;letter-spacing:.12em;color:var(--muted)}.ci-color h3{font-size:22px;margin:10px 0 16px}.ci-usage{display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.ci-usage ol{padding-left:24px;margin-top:30px;color:var(--muted)}.ci-usage li{padding:10px 0 10px 8px}.ci-usage li::marker{color:var(--accent)}.ci-downloads{padding:30px;background:var(--panel);border:1px solid var(--line)}.ci-downloads h3{font-size:25px;margin-bottom:16px}.ci-downloads p{font-size:15px}.ci-downloads a{display:block;border-bottom:1px solid var(--line);padding:18px 0;color:var(--accent);font-size:15px}.ci-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px;margin:0 0 80px;background:#104f8e;color:#fff}.ci-cta h2{font-size:29px}.ci-cta .button{background:#fff;color:#104f8e}.ci-page footer{border-top:1px solid var(--line)}
@media(max-width:800px){.ci-hero{grid-template-columns:1fr;gap:36px;padding:60px 0}.ci-signature{padding:25px}.ci-signature-plate{min-height:180px}.ci-stories,.ci-palette{grid-template-columns:1fr;gap:24px}.ci-story{padding:0}.ci-usage{grid-template-columns:1fr;gap:30px}.ci-cta{align-items:flex-start;flex-direction:column;padding:28px}.ci-section h2{font-size:28px}.ci-hero h1,:is(html[lang=en],html[lang=es]) .ci-hero h1{font-size:36px}.ci-page .header-inner{gap:12px}.ci-back{font-size:12px}.ci-page .wrap{width:calc(100% - 40px)}}
@media(max-width:420px){.ci-page .ci-back{display:none}.ci-page .site-controls{margin-left:auto}.ci-hero h1,:is(html[lang=en],html[lang=es]) .ci-hero h1{font-size:31px}}
.ci-vision{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:28px}.ci-vision h3{color:var(--accent);font-size:21px;font-weight:650}.ci-vision h3::first-letter{font-size:1.65em;font-weight:850;line-height:.75;color:#f28c28}@media(max-width:1000px){.ci-vision{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ci-vision{grid-template-columns:1fr}}
.ci-signature-plate{background:var(--panel)}.ci-signature-plate img{width:100%;max-width:400px}.ci-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.ci-guide{display:block;border:1px solid var(--line);background:var(--surface)}.ci-guide img{width:100%;height:auto;background:white}.ci-guide span{display:block;padding:18px;color:var(--accent);font-size:14px}.ci-guide:hover{border-color:var(--accent)}@media(max-width:800px){.ci-guides{grid-template-columns:1fr}}

.ci-swatch{background:var(--panel)}.ci-hex{display:block;margin-top:12px;font-family:inherit;font-size:14px;letter-spacing:.06em;color:var(--text)}