/* C2 design – 13-key-facts. Extracted verbatim from claude-design/c2-website/pages/*.html (lines 468-520). Load order matters: keep the numeric prefix order. */
.kf{position:relative;width:98%;max-width:1160px;box-sizing:border-box;margin:0 auto 24px;background:none}
.kf-head{text-align:center;margin-top:8px}
.kf-head .wd-badge{margin-bottom:24px}
.kf-in{max-width:1280px;margin:0 auto;box-sizing:border-box;padding:64px 48px 72px}
.kf-title{margin:0 0 24px;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#15171A;text-align:left}
.kf .kf-title{text-align:center}
.kf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.kf-br{flex-basis:100%;height:0}
@media(max-width:700px){.kf-br{display:none}}
.kf-chip{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid #E6E8EC;background:#F4F4F4;color:#4A4F57;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.kf-chip svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kf-chip:hover{transform:translateY(-2px);color:#0B0D10}
.kf-chip.on{background:#009FE3;border-color:#009FE3;color:#FFFFFF}
.kf-chip:focus-visible{outline:3px solid #009FE3;outline-offset:3px}
.kf-ds{display:grid;margin-top:32px}
.kf-d{grid-area:1/1;margin:0 auto;text-align:center;max-width:760px;font-size:clamp(22px,2.4vw,32px);line-height:1.4;font-weight:300;color:#2B3A44;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
.kf-d.on{opacity:1;visibility:visible;transform:none;transition-delay:.15s,.15s,0s}
@media(max-width:1000px){.kf-in{padding:56px 24px 60px}}
@media(max-width:640px){.kf-in{padding:44px 16px 48px}.kf{border-radius:32px}.kf-chip{min-height:38px;padding:0 14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.kf-chip,.kf-d{transition:none}}
.wd-badge{display:inline-flex;align-items:center;margin-bottom:18px;padding:12px 22px;border-radius:999px;background:#4ABFE9;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 20px rgba(74,191,233,.35),inset 0 1px 0 rgba(255,255,255,.35);color:#FFFFFF;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1}
.wg{max-width:1160px;margin:32px auto 0;box-sizing:border-box;padding:0 32px;display:flex;flex-direction:column}
.wg-grid{order:1}.wg-photo{order:2;margin-top:28px}
.wg-photo{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:21/8;background:#0B0D10}
.wg-photo .wd-img{object-position:center}
.wg-photo .wg-globe{object-position:right center}
.wg-note{order:3;max-width:860px;margin:64px 0 0;text-align:left}
.wg-rule{display:block;width:56px;height:4px;margin:0 0 28px;border-radius:999px;background:linear-gradient(90deg,#009FE3,#40B9EB)}
.wg-note p{margin:0;font-size:clamp(20px,2.1vw,28px);line-height:1.55;font-weight:300;letter-spacing:-.01em;color:#58595A}
.wg-note strong{font-weight:700;color:#0B0D10;background:linear-gradient(transparent 68%,rgba(0,159,227,.18) 68%)}
.ph-wrap{position:relative;z-index:2;pointer-events:none;display:flex;justify-content:flex-end;margin-top:-190px}
.kf-in{position:relative;isolation:isolate}
@media(max-width:900px){.kf-more{max-width:none !important}.ph-wrap{justify-content:center;margin-top:48px}}
.ph{position:relative;width:min(300px,86vw);aspect-ratio:271/567;box-sizing:border-box;border:1.5px solid #2B2F36;border-radius:12.5% / 6%;background:#F1F3F8;display:flex;flex-direction:column;align-items:center;padding:4.5% 6% 5%;box-shadow:0 30px 60px rgba(20,28,52,.14);color:#15171A}
.ph-bar{align-self:stretch;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;padding:0 4%}
.ph-sig{display:flex;gap:2px;align-items:flex-end}.ph-sig i{display:block;width:3px;background:#15171A;border-radius:1px}.ph-sig i:nth-child(1){height:4px}.ph-sig i:nth-child(2){height:6px}.ph-sig i:nth-child(3){height:8px}.ph-sig i:nth-child(4){height:10px}
.ph-title{margin-top:7%;font-size:13px;font-weight:600;letter-spacing:.04em}
.ph-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.ph-tip{padding:9px 16px;border-radius:999px;background:#0B0D10;color:#fff;font-size:13px;font-weight:700}
.ph-arrow{width:18px;height:18px;fill:none;stroke:#0B0D10;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ph-orb{position:relative;width:min(150px,52vw);aspect-ratio:1;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(20,28,52,.08)}
.ph-orb img{width:62%;height:62%;border-radius:50%;object-fit:cover;display:block}
.ph-chip{position:absolute;bottom:14%;padding:5px 14px;border-radius:999px;background:#EEF1F6;font-size:11px;font-weight:600;border:1px solid #fff}
.ph-pills{display:flex;gap:10px;margin-bottom:5%}
.ph-pills span{padding:8px 14px;border-radius:999px;background:#fff;font-size:11px;font-weight:600;box-shadow:0 2px 8px rgba(20,28,52,.06)}
.ph-tabs{align-self:stretch;display:flex;justify-content:space-around;padding:6px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(20,28,52,.08)}
.ph-tabs span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 14px;border-radius:999px;font-size:9px;font-weight:600;color:#4A4F57}
.ph-tabs span.on{background:#EEF1F6;color:#0B0D10}
.ph-tabs b{display:block;width:14px;height:14px;border-radius:4px;background:currentColor;opacity:.85}
.kf-hl{color:#009FE3;font-weight:700}
.kf-more::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;pointer-events:none;background-image:radial-gradient(circle,rgba(0,159,227,0.18) 1.6px,transparent 1.8px);background-size:16px 16px;}
.kf-more{margin-top:48px !important;max-width:none !important;box-sizing:border-box;padding:48px 0;border-radius:0;position:relative;isolation:isolate;background-color:#FFFFFF;color:#3E434B !important;font-size:clamp(20px,2.2vw,28px) !important;line-height:1.5 !important;font-weight:500 !important}