.ex-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:32px 0}.ex-card{display:block;min-width:0;border:1px solid var(--kk-line);border-radius:20px;overflow:hidden;padding:12px;text-decoration:none;color:var(--kk-ink);background:white;transition:transform .18s,box-shadow .18s}.ex-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #30274d12}.ex-card h3{font-size:19px;line-height:1.4;margin:8px 2px}.ex-card p{font-size:14px;line-height:1.7;margin:8px 2px}.ex-card>small{display:block;color:var(--kk-muted);font-size:11px;margin:16px 2px 0}.ex-card-link{font-size:12px;font-weight:700;color:var(--kk-purple);display:block;margin:18px 2px 8px}.ex-scene{height:130px;position:relative;display:grid;place-items:center;border-radius:13px;background:var(--tint);overflow:hidden}.ex-scene>span{font-size:58px;z-index:1;transform:rotate(-9deg)}.ex-scene i{position:absolute;width:76px;height:76px;border:1px solid #ffffff99;border-radius:50%;left:15px;top:10px}.ex-scene i:last-child{width:130px;height:130px;left:auto;right:-25px;top:55px;background:#ffffff60;border:0}.purple{--tint:#e9e1ff}.blue{--tint:#dfeeff}.orange{--tint:#ffebd8}.green{--tint:#dbf2e8}.pink{--tint:#f8e1ec}.ex-home{max-width:1280px;margin:0 auto;padding:60px 0;border-top:1px solid var(--kk-line)}.ex-home>h2{font:750 clamp(28px,4vw,43px)/1.35 var(--kk-display);letter-spacing:-1.5px;margin:12px 0}.ex-home>p{color:var(--kk-muted);font-size:16px}.ex-home-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;background:var(--kk-lilac);border-radius:18px}.ex-home-cta p{margin:3px 0;font-size:14px}.ex-two,.ex-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.ex-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ex-panel{border:1px solid var(--kk-line);border-radius:16px;padding:22px;background:white;min-width:0}.ex-panel h3{font-size:19px;margin:0 0 10px;line-height:1.5}.ex-panel p{font-size:15px;line-height:1.85;margin:8px 0}.ex-panel strong,.ex-panel small{font-size:13px}.ex-case-hero{padding:30px;background:var(--tint);border-radius:24px;display:flex;align-items:center;gap:30px;margin:28px 0}.ex-case-hero>span{font-size:76px}.ex-case-hero h2{margin:6px 0 20px;font-size:28px;border:0;padding:0}.ex-case-hero small{font-size:13px}.ex-ai-banner{background:#29213f;color:white;border-radius:24px;padding:36px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;margin:38px 0}.ex-ai-banner h2{color:white!important;margin:5px 0 16px!important;padding:0!important;border:0!important;font-size:32px!important}.ex-ai-banner .kk-eyebrow{color:#c3b8ff}.ex-ai-banner p{color:#e1dbed;font-size:15px}.ex-ai-banner ol{padding:0;list-style:none;display:grid;gap:12px;align-content:center;counter-reset:step}.ex-ai-banner li{border:1px solid #6b607d;border-radius:12px;padding:12px 16px;counter-increment:step;font-size:15px}.ex-ai-banner li:before{content:'0' counter(step);color:#b8a9ff;margin-right:16px}.ex-steps{display:grid;gap:12px;margin:24px 0}.ex-steps article{display:flex;gap:20px;border-bottom:1px solid var(--kk-line);padding:20px 0}.ex-steps article>b{color:var(--kk-purple);font-size:28px;line-height:1.5}.ex-steps h3{margin:0 0 6px;font-size:20px}.ex-steps p{font-size:16px;margin:0}.ex-note,.ex-notice{padding:20px 24px;border-radius:14px;background:#f4f1fd;border:1px solid #e2daf5;margin:24px 0;font-size:14px;line-height:1.85}.ex-note h3{font-size:18px;margin:0 0 5px}.ex-note p,.ex-notice p{margin:6px 0}.ex-muted{color:var(--kk-muted);font-size:13px!important}.kk-document main:has(.ex-grid){max-width:1200px}.kk-studio main{max-width:1060px;margin:0 auto;padding:44px 28px 70px}.kk-studio .kk-doc-heading h1{font-size:clamp(28px,5vw,44px);line-height:1.35}.kk-studio h2{font-size:26px;line-height:1.4}.ex-progress{display:flex;gap:6px;margin:26px 0;list-style:none;padding:0}.ex-progress li{flex:1;padding:10px 4px;border-top:3px solid #e4dfeb;color:var(--kk-muted);font-size:12px}.ex-progress .active{border-color:var(--kk-purple);font-weight:700;color:var(--kk-purple)}.ex-field{display:block;margin:20px 0;font-size:15px;font-weight:600}.ex-field input,.ex-field select,.ex-field textarea,.ex-q input[type=text],.ex-q textarea{display:block;width:100%;padding:12px;border:1px solid #cfc8de;border-radius:9px;font:400 16px/1.7 var(--kk-body);color:var(--kk-ink);background:#fff;margin-top:8px}.ex-field textarea{min-height:115px;resize:vertical}.ex-field small{display:block;font-weight:400;color:var(--kk-muted);font-size:12px;margin-top:6px}.ex-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.kk-studio button{cursor:pointer;border:1px solid var(--kk-line);border-radius:9px;background:white;color:var(--kk-ink);padding:11px 18px;font-size:14px}.kk-studio button.primary{background:var(--kk-purple);border-color:var(--kk-purple);color:white}.kk-studio button:disabled{opacity:.4;cursor:not-allowed}.ex-q{padding:22px;border:1px solid var(--kk-line);border-radius:16px;margin:14px 0}.ex-q-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--kk-muted)}.ex-q label{display:block;font-size:14px}.ex-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ex-options button[aria-pressed=true]{background:var(--kk-lilac);color:var(--kk-purple);border-color:var(--kk-purple)}.ex-chip{border-radius:30px;background:#f5f3f9;padding:4px 10px;font-size:12px}.ex-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.7;margin:12px 0}.ex-check input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--kk-purple)}.ex-result{border:1px solid #9bd2b9;background:#ecfaf3;border-radius:20px;padding:28px;margin:24px 0}.ex-result h2{font-size:30px}.ex-result .ex-muted{color:#355a48}.ex-bar{height:7px;background:#e9e2f5;border-radius:10px;overflow:hidden;margin-top:8px}.ex-bar span{display:block;height:100%;background:var(--kk-purple)}.ex-empty{background:#fff4e8;border:1px solid #efceb0;border-radius:18px;padding:28px}.ex-people{display:flex;gap:6px;flex-wrap:wrap}.ex-people button[aria-pressed=true]{background:#29213f;color:white}.ex-status{font-size:13px}.kk-studio :focus-visible{outline:3px solid #5842d8;outline-offset:3px}.kk-studio details summary{cursor:pointer}.kk-studio pre{overflow:auto;font-size:13px}.ex-q .ex-field{margin:12px 0}#status{min-height:24px;color:var(--kk-purple);font-size:14px}
@media(min-width:1000px){.kk-document .ex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-document .ex-grid .ex-scene{height:160px}}
@media(max-width:1000px){.ex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ex-home{padding:40px 0}.ex-three{grid-template-columns:1fr}}
@media(max-width:680px){.ex-grid,.ex-two{grid-template-columns:1fr 1fr;gap:12px}.ex-card{padding:9px}.ex-scene{height:110px}.ex-card h3{font-size:17px}.ex-home-cta,.ex-case-hero{flex-direction:column;align-items:flex-start;padding:22px}.ex-case-hero{gap:10px}.ex-case-hero>span{font-size:52px}.ex-ai-banner{grid-template-columns:1fr;padding:24px;gap:12px}.ex-ai-banner h2{font-size:28px!important}.ex-panel{padding:17px}.ex-two{grid-template-columns:1fr}.kk-studio main{padding:25px 18px 60px}.ex-q{padding:17px}.ex-buttons button{flex-grow:1}.ex-progress li{font-size:10px}.ex-notice{padding:16px}.ex-result{padding:20px}}
@media(max-width:360px){.ex-grid{grid-template-columns:1fr}.ex-scene{height:120px}.ex-progress{gap:3px}.ex-progress li{font-size:10px}.ex-q-top{align-items:flex-start}.ex-home{padding:35px 0}}
@media(prefers-reduced-motion:reduce){.ex-card{transition:none}.ex-card:hover{transform:none}}