.ci-defs{width:0;height:0;position:absolute;overflow:hidden}.ci-page svg{flex-shrink:0}.ci-hero{background:var(--color-bg-brand);color:var(--color-text-on-brand);padding:170px var(--gutter) 120px;position:relative;overflow:hidden}.ci-hero-mark{width:540px;height:auto;color:var(--color-bg-base);opacity:.06;pointer-events:none;position:absolute;top:150px;right:-60px}.ci-hero-in{text-align:center;align-items:center;gap:var(--spacing-24);flex-direction:column;max-width:1000px;margin:0 auto;display:flex;position:relative}.ci-hero-desc{font-size:var(--font-size-b1);opacity:.85;line-height:1.6}.ci-hero-actions{justify-content:center;align-items:center;gap:var(--spacing-16) var(--spacing-24);margin-top:var(--spacing-8);flex-wrap:wrap;display:flex}.ci-guide-link{align-items:center;gap:var(--spacing-6);font-size:var(--font-size-b2);color:var(--color-text-on-brand);padding:var(--spacing-8) 0;font-weight:600;display:inline-flex}.ci-guide-link svg{fill:currentColor;width:18px;height:18px}.ci-guide-link:hover{text-underline-offset:4px;text-decoration:underline}.ci-btn{justify-content:center;align-items:center;gap:var(--spacing-8);border-radius:var(--radius-full);white-space:nowrap;background:var(--color-bg-brand-subtle);color:var(--color-text-on-brand-subtle);border:var(--border-width-2) solid var(--color-border-brand);font-weight:600;transition:background-color .15s;display:inline-flex}.ci-btn:hover{background:var(--color-bg-brand-subtle-hover)}.ci-btn:active{background:var(--color-bg-brand-subtle-pressed)}.ci-btn:focus-visible,.ci-copy:focus-visible,.ci-ask-btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.ci-btn svg{fill:currentColor}.ci-btn--lg{min-height:var(--control-height-large);padding:var(--spacing-12) var(--spacing-32);font-size:var(--font-size-h4)}.ci-btn--lg svg{width:22px;height:22px}.ci-btn--md{min-height:var(--control-height-medium);padding:var(--spacing-10) var(--spacing-28);font-size:var(--font-size-h5)}.ci-btn--md svg{width:20px;height:20px}.ci-btn--sm{min-height:var(--control-height-small);padding:var(--spacing-8) var(--spacing-16);font-size:var(--font-size-b1);gap:var(--spacing-6);flex:1}.ci-btn--sm svg{width:16px;height:16px}.ci-logo-grid{gap:var(--spacing-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ci-logo-card{background:var(--color-bg-base);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);flex-direction:column;display:flex;overflow:hidden}.ci-logo-prev{grid-template-columns:1fr 1fr;height:220px;display:grid}.ci-prev{padding:var(--spacing-16);justify-content:center;align-items:center;display:flex}.ci-prev--light{background:var(--color-bg-subtle);color:var(--color-brand-logo)}.ci-prev--brand{background:var(--color-bg-brand);color:var(--color-bg-base)}.ci-lg{height:auto;display:block}.ci-lg--horizontal{width:142px}.ci-lg--vertical{width:120px}.ci-lg--symbol{width:64px}.ci-logo-body{gap:var(--spacing-8);padding:var(--spacing-24);flex-direction:column;flex:1;display:flex}.ci-logo-body h3{font-size:var(--font-size-h4);font-weight:800;line-height:1.3}.ci-logo-body p{font-size:var(--font-size-b2);color:var(--color-text-secondary);line-height:1.5}.ci-format{padding-top:var(--spacing-16);font-size:var(--font-size-c2);color:var(--color-text-tertiary);margin-top:auto}.ci-logo-btns{gap:var(--spacing-8);display:flex}.ci-note{margin-top:var(--spacing-40);text-align:center;font-size:var(--font-size-c1);color:var(--color-text-tertiary);white-space:pre-wrap}.ci-color-grid{gap:var(--spacing-24);grid-template-columns:1fr 1fr;display:grid}.ci-color-card{background:var(--color-bg-base);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.ci-swatch{height:200px}.ci-swatch--brand{background:var(--color-bg-brand)}.ci-swatch--white{background:var(--color-bg-base);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.ci-color-body{padding:var(--spacing-32) var(--spacing-28) var(--spacing-20)}.ci-color-body h3{font-size:var(--font-size-h4);font-weight:800;line-height:1.3}.ci-color-body>p{margin-top:var(--spacing-4);font-size:var(--font-size-c1);color:var(--color-text-secondary)}.ci-values{margin:var(--spacing-24) 0 0}.ci-value{align-items:center;gap:var(--spacing-16);padding:var(--spacing-12) 0;border-bottom:var(--border-width-1) solid var(--color-border-subtle);display:flex}.ci-value dt{width:64px;font-size:var(--font-size-c1);color:var(--color-text-tertiary)}.ci-value dd{font-size:var(--font-size-b1);font-variant-numeric:tabular-nums;flex:1;margin:0;font-weight:600}.ci-copy{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-icon-secondary);cursor:pointer;background:0 0;border:0;place-items:center;transition:background-color .15s,color .15s;display:grid}.ci-copy:hover{background:var(--color-bg-brand-subtle);color:var(--color-icon-brand)}.ci-copy svg{fill:currentColor;width:20px;height:20px}.ci-guideline{scroll-margin-top:0}.ci-rule-grid{gap:var(--spacing-24);grid-template-columns:1fr 1fr;display:grid}.ci-rule-card,.ci-dont{background:var(--color-bg-base);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ci-rule-body,.ci-dont-text{flex:1}.ci-color-card{flex-direction:column;display:flex}.ci-color-body{flex:1}.ci-rule-prev{background:var(--color-bg-subtle);height:260px;padding:var(--spacing-24);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ci-rule-body{padding:var(--spacing-28);gap:var(--spacing-8);flex-direction:column;display:flex}.ci-rule-body h3{font-size:var(--font-size-h5);font-weight:800;line-height:1.3}.ci-rule-body p{font-size:var(--font-size-c1);color:var(--color-text-secondary);line-height:1.6}.ci-clear{border:var(--border-width-1) dashed var(--color-border-brand);background:var(--color-bg-brand-subtle);color:var(--color-brand-logo);padding:15px;position:relative}.ci-clear-logo{width:224px;height:auto;display:block}.ci-x{color:var(--color-text-link);font-size:11px;font-style:normal;font-weight:600;line-height:1;position:absolute}.ci-x--tl{top:3px;left:4px}.ci-x--br{bottom:3px;right:4px}.ci-min{justify-content:center;align-items:flex-end;gap:var(--spacing-48);color:var(--color-brand-logo);margin:0;padding:0;list-style:none;display:flex}.ci-min li{align-items:center;gap:var(--spacing-12);flex-direction:column;display:flex}.ci-min-logo{align-items:flex-end;min-height:36px;display:flex}.ci-min-logo svg{height:auto;display:block}.ci-min--horizontal{width:120px}.ci-min--vertical{width:72px}.ci-min--symbol{width:24px}.ci-min-label{font-size:var(--font-size-c2);text-align:center;color:var(--color-text-secondary);white-space:nowrap;line-height:1.5}.ci-dont-title{margin:var(--spacing-80) 0 var(--spacing-24);font-size:var(--font-size-h4);font-weight:800;line-height:1.3}.ci-dont-grid{gap:var(--spacing-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ci-dont-prev{background:var(--color-bg-subtle);height:180px;color:var(--color-brand-logo);justify-content:center;align-items:center;display:flex;overflow:hidden}.ci-dont-logo{width:180px;height:auto;display:block}.ci-dont-text{align-items:center;gap:var(--spacing-12);padding:var(--spacing-20) var(--spacing-24);font-size:var(--font-size-b2);font-weight:600;line-height:1.4;display:flex}.ci-no{background:var(--color-status-error-subtle);width:28px;height:28px;color:var(--color-status-error);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ci-no svg{fill:currentColor;width:16px;height:16px}.ci-dont--stretch .ci-dont-logo{transform:scale(1.35,.7)}.ci-dont--rotate .ci-dont-logo{transform:rotate(-15deg)}.ci-dont--recolor .ci-dont-prev{color:var(--color-status-success)}.ci-dont--effect .ci-dont-logo{filter:drop-shadow(3px 4px 2px var(--shadow-3)) drop-shadow(1px 1px 0 var(--color-text-tertiary))}.ci-dont--contrast .ci-dont-prev{background:var(--color-bg-brand-hover);color:var(--color-bg-brand)}.ci-dont--outline .ci-dont-logo{fill:none;stroke:currentColor;stroke-width:.35px}.ci-dont-hint{display:none}.ci-pack-wrap{gap:var(--spacing-24);flex-direction:column;display:flex}.ci-pack{justify-content:space-between;align-items:center;gap:var(--spacing-32);padding:var(--spacing-48) var(--spacing-64);border-radius:var(--radius-2xl);background:var(--color-bg-brand);color:var(--color-text-on-brand);display:flex}.ci-pack-text{align-items:flex-start;gap:var(--spacing-12);flex-direction:column;display:flex}.ci-pack-badge{padding:var(--spacing-4) var(--spacing-14);border-radius:var(--radius-full);font-size:var(--font-size-c2);background:#ffffff29;font-weight:800}.ci-pack h2{font-size:var(--font-size-h3);font-weight:800;line-height:1.3}.ci-pack p{font-size:var(--font-size-b2);opacity:.85;line-height:1.5}.ci-checks{margin:var(--spacing-4) 0 0;gap:var(--spacing-8) var(--spacing-24);font-size:var(--font-size-c1);flex-wrap:wrap;padding:0;font-weight:600;list-style:none;display:flex}.ci-checks li{align-items:center;gap:var(--spacing-6);display:flex}.ci-checks svg{fill:currentColor;width:16px;height:16px}.ci-ask{align-items:center;gap:var(--spacing-24);padding:var(--spacing-28) var(--spacing-40);border-radius:var(--radius-lg);background:var(--color-bg-base);border:var(--border-width-1) solid var(--color-border-subtle);display:flex}.ci-ask-icon{background:var(--color-bg-brand-subtle);width:56px;height:56px;color:var(--color-icon-brand);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ci-ask-icon svg{fill:currentColor;width:24px;height:24px}.ci-ask-text{gap:var(--spacing-4);flex-direction:column;flex:1;display:flex}.ci-ask-text h3{font-size:var(--font-size-h5);font-weight:800;line-height:1.3}.ci-ask-text p{font-size:var(--font-size-c1);color:var(--color-text-secondary)}.ci-ask-mail{font-size:var(--font-size-b1);color:var(--color-text-brand);font-weight:600}.ci-ask-mail:hover{text-underline-offset:3px;text-decoration:underline}.ci-ask-btn{min-height:var(--control-height-medium);padding:var(--spacing-10) var(--spacing-28);border-radius:var(--radius-full);background:var(--color-bg-brand);color:var(--color-text-on-brand);font-size:var(--font-size-h5);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;transition:background-color .15s;display:inline-flex}.ci-ask-btn:hover{background:var(--color-bg-brand-hover)}.ci-ask-btn:active{background:var(--color-bg-brand-pressed)}.ci-toast{z-index:60;padding:var(--spacing-12) var(--spacing-24);border-radius:var(--radius-full);background:var(--color-bg-inverse);color:var(--color-text-inverse);font-size:var(--font-size-b2);box-shadow:var(--elevation-3);opacity:0;pointer-events:none;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:40px;left:50%;transform:translate(-50%,16px)}.ci-toast.is-on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ci-toast{transition:none}}@media (width<=1199px){.ci-hero{padding:150px var(--gutter) 96px}.ci-hero-mark{width:420px}.ci-logo-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.ci-dont-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-pack{padding:var(--spacing-40)}.ci-ask{flex-wrap:wrap}}@media (width<=809px){.ci-hero{padding:120px var(--gutter) 64px}.ci-hero-mark{width:280px;top:auto;bottom:-40px;right:-60px}.ci-hero-in{gap:var(--spacing-16)}.ci-hero-desc{font-size:var(--font-size-b2)}.ci-hero-desc,.section-head .nowrap-lines{white-space:normal}.ci-hero-actions{flex-direction:column;width:100%}.ci-btn--lg{width:100%;min-height:var(--control-height-medium);padding:var(--spacing-10) var(--spacing-20);font-size:var(--font-size-h5)}.ci-logo-prev{height:170px}.ci-lg--horizontal{width:116px}.ci-lg--vertical{width:100px}.ci-lg--symbol{width:52px}.ci-color-grid,.ci-rule-grid{grid-template-columns:1fr}.ci-swatch{height:140px}.ci-color-body{padding:var(--spacing-24) var(--spacing-20) var(--spacing-12)}.ci-rule-prev{height:180px;padding:var(--spacing-16)}.ci-clear{padding:13px}.ci-clear-logo{width:180px}.ci-min{gap:var(--spacing-24)}.ci-min--horizontal{width:104px}.ci-rule-body{padding:var(--spacing-20)}.ci-dont-title{margin-top:var(--spacing-48)}.ci-dont-grid{gap:var(--spacing-12);scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) var(--spacing-4);scroll-padding:0 var(--gutter);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.ci-dont{scroll-snap-align:start;flex:0 0 280px}.ci-dont-hint{margin-top:var(--spacing-16);font-size:var(--font-size-c1);color:var(--color-text-tertiary);display:block}.ci-pack{padding:var(--spacing-32) var(--spacing-24);flex-direction:column;align-items:stretch}.ci-pack h2{font-size:var(--font-size-h4)}.ci-btn--md{width:100%;font-size:var(--font-size-b1)}.ci-ask{padding:var(--spacing-24);align-items:flex-start;gap:var(--spacing-16);flex-direction:column}.ci-ask-btn{width:100%}}