.ci-page-header{margin-bottom:56px}.ci-page-label{letter-spacing:.15em;text-transform:uppercase;color:#6b8db5;margin-bottom:12px;font-size:14px;font-weight:600}.ci-page-title{color:#1a1a1a;letter-spacing:-.02em;font-size:56px;font-weight:700;line-height:1.3}.ci-container{max-width:1200px;margin:0 auto;padding:80px 24px 40px}.ci-section{border-bottom:1px solid #eee;gap:56px;padding:56px 0;display:flex}.ci-section-last{border-bottom:none}.ci-section-side{flex:0 0 220px;min-width:220px}.ci-num{color:#6b8db5;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.ci-section-side h2{color:#1a1a1a;letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1.2}.ci-desc{color:#666;margin-top:16px;font-size:18px;line-height:1.8}.ci-section-main{flex:1;min-width:0}.ci-reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.ci-visible{opacity:1;transform:translateY(0)}.ci-box{border-radius:14px;justify-content:center;align-items:center;min-width:0;padding:28px;transition:box-shadow .3s,transform .3s;display:flex;overflow:hidden}.ci-box:hover{transform:translateY(-3px);box-shadow:0 10px 36px #00000012}.ci-box img{object-fit:contain;max-width:100%;max-height:100%}.ci-box.bg-white{background:#fff;border:1px solid #eaeaea}.ci-box.bg-dark{background:#0d3e68}.ci-sw-grid{grid-template-columns:140px 1fr 1fr;align-items:start;gap:16px;display:grid}.ci-sw-card{flex-direction:column;gap:10px;display:flex}.ci-sw-card span{color:#999;text-align:center;font-size:12px;font-weight:500}.ci-sw-symbol .ci-box{aspect-ratio:1}.ci-box.wide{aspect-ratio:16/6}.ci-tabs{background:#f0f1f3;border-radius:10px;gap:4px;margin-bottom:28px;padding:3px;display:inline-flex}.ci-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 22px;font-size:14px;font-weight:500;transition:all .25s}.ci-tab:hover{color:#444}.ci-tab.active{color:#0d3e68;background:#fff;font-weight:600;box-shadow:0 1px 6px #0000000f}.ci-sig-content{flex-direction:column;gap:28px;display:flex}.ci-sig-group h4{color:#aaa;letter-spacing:.03em;margin-bottom:10px;font-size:13px;font-weight:600}.ci-sig-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ci-sig-row .ci-box{aspect-ratio:16/8;overflow:hidden}.ci-sig-row .ci-box img{object-fit:contain;width:100%;height:100%}.ci-color-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.ci-color-card{background:#fff;border:1px solid #eaeaea;border-radius:14px;overflow:hidden}.ci-color-chip{flex-direction:column;justify-content:flex-end;gap:4px;min-height:120px;padding:28px;display:flex}.ci-color-chip-white{border:1px solid #eaeaea}.ci-color-name{color:#ffffff8c;letter-spacing:.1em;font-size:10px;font-weight:600}.ci-color-hex{color:#fff;font-size:20px;font-weight:700}.ci-color-meta{flex-direction:column;gap:2px;padding:14px 20px;display:flex}.ci-color-meta span{color:#999;font-size:12px;line-height:1.5}.ci-tint-row{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.ci-tint{flex-direction:column;align-items:center;gap:6px;display:flex}.ci-tint-swatch{border:1px solid #0000000f;border-radius:8px;width:100%;height:40px}.ci-tint-label{color:#999;font-size:11px;font-weight:500}.ci-mockup-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.ci-mockup-item{border-radius:14px;position:relative;overflow:hidden}.ci-mockup-img{object-fit:cover;width:100%;height:auto;transition:transform .5s;display:block}.ci-mockup-item:hover .ci-mockup-img{transform:scale(1.05)}.ci-mockup-label{color:#fff;opacity:0;background:linear-gradient(#0000,#00000080);padding:14px 18px;font-size:13px;font-weight:500;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.ci-mockup-item:hover .ci-mockup-label{opacity:1;transform:translateY(0)}.ci-dl-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ci-dl-card{color:#fff;background:#0d3e68;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s;display:flex}.ci-dl-card:hover{background:#1a5080;transform:translateY(-3px);box-shadow:0 10px 28px #0a2a4a40}.ci-dl-badge{letter-spacing:.03em;background:#ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.ci-dl-card div{flex-direction:column;flex:1;display:flex}.ci-dl-card strong{font-size:13px;font-weight:600}.ci-dl-card small{color:#ffffff73;margin-top:1px;font-size:11px}.ci-dl-arrow{opacity:.35;font-size:16px;transition:opacity .3s,transform .3s}.ci-dl-card:hover .ci-dl-arrow{opacity:1;transform:translateY(2px)}@media (max-width:1024px){.ci-section{flex-direction:column;gap:28px}.ci-section-side{flex:none;min-width:0}.ci-dl-grid{grid-template-columns:1fr}}@media (max-width:768px){.ci-container{padding:56px 20px 32px}.ci-section{padding:40px 0}.ci-page-title{font-size:32px}.ci-section-side h2{font-size:28px}.ci-desc{font-size:16px}.ci-sw-grid{grid-template-columns:1fr 1fr;gap:12px}.ci-sw-symbol{grid-column:1/-1}.ci-sw-symbol .ci-box{max-width:140px;margin:0 auto}.ci-sig-row,.ci-color-grid{grid-template-columns:1fr}.ci-tint-row{grid-template-columns:repeat(3,1fr)}.ci-mockup-grid{grid-template-columns:1fr}.ci-tabs{width:100%}.ci-tab{text-align:center;flex:1;padding:8px 10px;font-size:13px}}@media (max-width:480px){.ci-container{padding:40px 16px 24px}.ci-section-side h2{font-size:24px}.ci-sw-grid{grid-template-columns:1fr}.ci-box{padding:20px}}