.comic{--ink:var(--klio-swamp);--ol:3px solid var(--klio-swamp);--hs:6px 6px 0 var(--klio-swamp);--hs-sm:4px 4px 0 var(--klio-swamp)}body.comic{background:var(--klio-magnolia)}.comic main .wrap{max-width:1320px}.tone{background-image:radial-gradient(#00262621 1.2px,#0000 1.4px);background-size:12px 12px}.tone-peach{background-color:var(--klio-peach-tint)}.tone-ice{background-color:var(--klio-ice)}.tone-lilac{background-color:var(--klio-lilac-tint)}.cap-box{background:var(--klio-peach);height:30px;color:var(--klio-cocoa);border:var(--ol);font:700 12px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--hs-sm);align-self:flex-start;align-items:center;padding:0 12px;display:inline-flex}.cap-box.sky{background:var(--klio-sky);color:var(--klio-ink-plum)}.cap-box.mint{background:var(--klio-cruise);color:var(--klio-swamp)}.cap-box.gum{background:var(--klio-bubblegum);color:var(--klio-oxblood)}.panel{border:var(--ol);box-shadow:var(--hs);transition:transform .3s var(--ease-standard),box-shadow .3s var(--ease-standard);background:#fff;border-radius:20px;position:relative}.panel:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.bubble{border:var(--ol);font:600 clamp(17px,1.4vw,21px)/1.25 var(--font-sans);color:var(--ink);letter-spacing:-.005em;background:#fff;border-radius:26px;padding:14px 20px;position:relative}.bubble:after{content:"";background:inherit;border-right:var(--ol);border-bottom:var(--ol);width:18px;height:18px;position:absolute;bottom:-11px;left:34px;transform:rotate(45deg)}.bubble.r:after{left:auto;right:34px}.bubble.up:after{top:-11px;bottom:auto;transform:rotate(225deg)}.bubble.mint{background:var(--klio-cruise)}.bubble.sky{background:var(--klio-sky)}.bubble.peach{background:var(--klio-peach)}.bubble.gum{background:var(--klio-bubblegum)}.stk{z-index:3;text-align:center;transition:transform .35s var(--ease-standard);border:8px solid #fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 1px 2px #00262624,0 10px 24px #00262624}.stk:hover{transform:rotate(0)scale(1.06)!important}.stk .s{font-family:var(--font-slab);font-weight:400;line-height:1}.stk .b{font:600 16px/1 var(--font-sans);letter-spacing:-.01em}.burst{text-align:center;clip-path:polygon(50% 0,61% 18%,82% 8%,79% 31%,100% 35%,85% 52%,100% 68%,78% 72%,82% 94%,61% 84%,50% 100%,39% 84%,18% 94%,22% 72%,0 68%,15% 52%,0 35%,21% 31%,18% 8%,39% 18%);justify-content:center;align-items:center;display:flex}.ink-h{font:700 clamp(40px,5.6vw,92px)/.96 var(--font-sans);letter-spacing:-.045em;color:var(--klio-deep-teal);text-wrap:balance;padding-bottom:.05em}.ink-h2{font:700 clamp(32px,4vw,62px)/1 var(--font-sans);letter-spacing:-.04em;color:var(--klio-deep-teal);text-wrap:balance;padding-bottom:.05em}.mark{background:linear-gradient(transparent 58%,var(--klio-cruise) 58%,var(--klio-cruise) 92%,transparent 92%);padding:0 .08em}.mark.peach{background:linear-gradient(transparent 58%,var(--klio-peach) 58%,var(--klio-peach) 92%,transparent 92%)}.mark.gum{background:linear-gradient(transparent 58%,var(--klio-bubblegum) 58%,var(--klio-bubblegum) 92%,transparent 92%)}.mark.sky{background:linear-gradient(transparent 58%,var(--klio-sky) 58%,var(--klio-sky) 92%,transparent 92%)}.body-l{font:400 clamp(18px,1.4vw,21px)/1.5 var(--font-sans);color:#2d3b3b;max-width:34em}.sec{padding:clamp(80px,9vw,140px) 0}.sec-h{flex-direction:column;gap:18px;max-width:860px;margin-bottom:clamp(40px,5vw,64px);display:flex}.comic main .btn{border:var(--ol);box-shadow:var(--hs-sm);transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.comic main .btn:hover{opacity:1;box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.comic main .btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.comic main .btn-mint,.comic main .btn-mint:hover{color:var(--klio-swamp)}.comic main .btn-ghost{background:#fff}.c-hero{padding:clamp(40px,6vw,88px) 0 clamp(64px,7vw,110px);overflow:hidden}.c-hero-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,88px);display:grid}.c-hero-t{flex-direction:column;gap:24px;display:flex}.c-meta{flex-wrap:wrap;gap:8px;display:flex}.c-meta span{border:2px solid var(--ink);height:34px;font:600 14px/1 var(--font-sans);color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.c-hero-art{padding:40px 30px 30px 10px;position:relative}.c-hero-art .panel{aspect-ratio:4/4.4;padding:0;overflow:hidden}.c-hero-art .panel:hover{box-shadow:var(--hs);transform:none}.c-hero-art .panel picture,.c-hero-art .panel img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.c-hero-art .bubble{z-index:2;max-width:250px;position:absolute}@media (max-width:900px){.c-hero-g{grid-template-columns:1fr}.c-hero-art{padding:30px 16px 20px 6px}}.stk-zero{background:var(--klio-peach);width:150px;height:150px;color:var(--klio-cocoa);border-radius:50%;bottom:-6px;right:0;transform:rotate(-8deg)}.stk-zero .s{font-size:44px}.stk-ask{background:var(--klio-sky);width:170px;height:118px;color:var(--klio-ink-plum);border-radius:30px 30px 30px 6px;padding:12px;top:26px;left:-14px;transform:rotate(-4deg)}.stk-ask .b{font-size:22px;line-height:1}.stk-cert{background:var(--klio-bubblegum);width:130px;height:130px;color:var(--klio-oxblood);border-radius:50%;top:-40px;right:-20px;transform:rotate(10deg)}.stk-cert .c{font:700 10px/1 var(--font-sans);letter-spacing:.16em}.stk-cert .s{margin-top:4px;font-size:22px}.tone-sky{background-color:var(--klio-sky)}.tone-gum{background-color:var(--klio-bubblegum)}.tone-mint{background-color:var(--klio-cruise)}.t-lilac{background:var(--klio-lilac-tint);color:var(--klio-oxblood)}.assess{font:700 11px/1 var(--font-sans);letter-spacing:.12em;color:var(--klio-campus-ink)}.faq-call{font-size:19px}.comic main a:not(.btn){color:var(--klio-lagoon)}.gap2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.gp{flex-direction:column;gap:22px;min-height:360px;padding:clamp(24px,3vw,40px);display:flex}.gp .sheet{flex-direction:column;gap:12px;margin-top:auto;display:flex}.gp .row{border:2px solid var(--ink);font:600 clamp(17px,1.4vw,20px)/1.25 var(--font-sans);color:var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.gp .row em{font-style:normal;font:700 15px/1 var(--font-sans);white-space:nowrap;border-radius:999px;padding:6px 10px}.ok{background:var(--klio-cruise)}.qq{background:var(--klio-bubblegum);color:var(--klio-oxblood)}.gp h3{font:700 clamp(26px,2.4vw,38px)/1.02 var(--font-sans);letter-spacing:-.03em;color:var(--klio-deep-teal)}.gap-close{justify-content:center;margin-top:40px;display:flex}.gap-close .bubble{text-align:center;max-width:640px;font-size:clamp(19px,1.7vw,24px)}@media (max-width:820px){.gap2{grid-template-columns:1fr}.gp{min-height:0}}.sk-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.sk{flex-direction:column;gap:18px;padding:26px;display:flex}.sk-tag{font:700 clamp(19px,1.5vw,24px)/1.08 var(--font-sans);letter-spacing:-.02em;text-wrap:balance;text-align:center;border:7px solid #fff;border-radius:26px;align-self:flex-start;padding:10px 20px;box-shadow:0 1px 2px #00262624,0 8px 18px #0026261f}.sk:nth-child(odd) .sk-tag{transform:rotate(-3deg)}.sk:nth-child(2n) .sk-tag{transform:rotate(2.5deg)}.sk small{font:700 11px/1 var(--font-sans);letter-spacing:.12em;color:var(--klio-campus-ink)}.sk p{font:400 clamp(18px,1.4vw,21px)/1.4 var(--font-slab);color:var(--ink)}.t-peach{background:var(--klio-peach);color:var(--klio-cocoa)}.t-sky{background:var(--klio-sky);color:var(--klio-ink-plum)}.t-mint{background:var(--klio-cruise);color:var(--klio-swamp)}.t-gum{background:var(--klio-bubblegum);color:var(--klio-oxblood)}.t-teal{background:var(--klio-deep-teal);color:var(--klio-cruise)}.t-cocoa{background:var(--klio-cocoa);color:var(--klio-peach)}@media (max-width:980px){.sk-g{grid-template-columns:1fr 1fr}}@media (max-width:620px){.sk-g{grid-template-columns:1fr}}.strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.fr{flex-direction:column;gap:14px;min-height:300px;padding:20px;display:flex}.fr .sfx{border:2px solid var(--ink);font:400 clamp(34px,3.4vw,54px)/1 var(--font-slab);letter-spacing:-.02em;color:var(--ink);text-align:center;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:24px 10px;display:flex}.fr b{font:700 clamp(19px,1.6vw,24px)/1.1 var(--font-sans);letter-spacing:-.02em;color:var(--klio-deep-teal)}.fr .gain{font:600 15px/1.3 var(--font-sans);color:#3a4a49}.fr .gain span{color:var(--klio-lagoon)}.strip-close{font:400 clamp(21px,2vw,30px)/1.2 var(--font-slab);color:var(--klio-deep-teal);margin-top:32px}@media (max-width:980px){.strip{grid-template-columns:1fr 1fr}}@media (max-width:520px){.strip{grid-template-columns:1fr}.fr{min-height:0}}.ai-g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.chat{flex-direction:column;gap:26px;padding:clamp(24px,3vw,40px);display:flex}.chat .who{font:700 11px/1 var(--font-sans);letter-spacing:.12em;color:#5b6766;margin-bottom:8px}.chat .me{text-align:right;align-self:flex-end}.chat .bubble{max-width:420px}.ai-pair{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.ai-pair div{border:var(--ol);border-radius:18px;flex-direction:column;gap:8px;padding:18px;display:flex}.ai-pair b{font:700 26px/1 var(--font-sans);letter-spacing:-.03em}.ai-pair p{font-size:16px;line-height:1.4}@media (max-width:860px){.ai-g{grid-template-columns:1fr}}.eps{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.ep{flex-direction:column;gap:12px;min-height:250px;padding:18px 18px 20px;display:flex}.ep .no{font:700 12px/1 var(--font-sans);letter-spacing:.1em;color:var(--ink);justify-content:space-between;align-items:center;display:flex}.ep .no i{border:2px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-style:normal;display:flex}.ep h3{font:700 clamp(20px,1.6vw,24px)/1.08 var(--font-sans);letter-spacing:-.025em;color:var(--klio-deep-teal)}.ep p{color:#3a4a49;margin-top:auto;font-size:16px;line-height:1.4}.ep.arc1 .no i{background:var(--klio-peach)}.ep.arc2 .no i{background:var(--klio-sky)}.ep.arc3 .no i{background:var(--klio-bubblegum)}.ep.arc4 .no i{background:var(--klio-cruise)}.ep.fin{background:var(--klio-deep-teal);color:#fff}.ep.fin h3{color:var(--klio-cruise)}.ep.fin p{color:#d4ebe4}.ep.fin .no{color:var(--klio-cruise)}.ep.fin .no i{background:var(--klio-cruise);color:var(--klio-swamp);border-color:var(--klio-cruise)}.arcs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.arcs span{border:2px solid var(--ink);height:34px;font:600 14px/1 var(--font-sans);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.arcs i{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}@media (max-width:1100px){.eps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.eps{grid-template-columns:1fr 1fr}.ep{min-height:0}}@media (max-width:440px){.eps{grid-template-columns:1fr}}.demo-p{width:100%;height:clamp(440px,50vw,640px);padding:0;position:relative;overflow:hidden}.demo-p:hover{box-shadow:var(--hs);transform:none}.demo-img{position:absolute;inset:0}.demo-img picture,.demo-img img{object-fit:cover;width:100%;height:100%;display:block}.demo-cap{z-index:2;border:var(--ol);background:#fff;border-radius:18px;flex-direction:column;gap:10px;max-width:560px;padding:20px 24px;display:flex;position:absolute;bottom:20px;left:20px}.demo-cap h2{font:700 clamp(26px,2.8vw,42px)/1.02 var(--font-sans);letter-spacing:-.035em;color:var(--klio-deep-teal)}.demo-cap p{color:#3a4a49;font-size:17px;line-height:1.45}.demo-p .bubble{z-index:2;max-width:300px;position:absolute;top:24px;right:24px}@media (max-width:760px){.demo-p{height:620px}.demo-p .bubble{max-width:none;left:20px;right:20px}}.std-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.std-card{flex-direction:column;gap:20px;padding:clamp(24px,3vw,40px);display:flex;position:relative}.vs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vs div{border:2px solid var(--ink);border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}.vs small{font:700 11px/1 var(--font-sans);letter-spacing:.12em}.vs p{font:400 clamp(20px,1.8vw,26px)/1.15 var(--font-slab)}.vs .no{background:var(--klio-stone-tint);color:#6d6563}.vs .no p{text-decoration:line-through;text-decoration-thickness:2px}.vs .yes{background:var(--klio-cruise);color:var(--klio-swamp)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{border:2px solid var(--ink);height:36px;font:600 15px/1 var(--font-sans);color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}@media (max-width:860px){.std-g{grid-template-columns:1fr}}@media (max-width:480px){.vs{grid-template-columns:1fr}}.facts-c{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.fc{border:var(--ol);box-shadow:var(--hs-sm);border-radius:18px;flex-direction:column;justify-content:space-between;gap:20px;min-height:130px;padding:18px;display:flex}.fc dt{font:700 11px/1 var(--font-sans);letter-spacing:.12em}.fc dd{font:700 clamp(18px,1.5vw,22px)/1.1 var(--font-sans);letter-spacing:-.015em;margin:0}.fc.tba{box-shadow:none;color:var(--ink);background:#fff;border-style:dashed}@media (max-width:1100px){.facts-c{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.facts-c{grid-template-columns:1fr 1fr}}.comic details{border-color:#00262640}.comic summary i{border:2px solid var(--ink)}.comic .apply-card{border:var(--ol);box-shadow:8px 8px 0 var(--klio-deep-teal)}.comic .apply-card .eyebrow{color:var(--klio-cruise)}.comic .apply-card .apply-side a{color:#fff}.comic .apply-card input:not([type=radio]):not([type=checkbox]),.comic .apply-card select,.comic .apply-card textarea{border:2px solid var(--klio-swamp)}.comic .apply-card input:not([type=radio]):not([type=checkbox]):focus,.comic .apply-card select:focus,.comic .apply-card textarea:focus{border-color:var(--klio-cruise);box-shadow:0 0 0 3px var(--klio-cruise)}.comic .apply-card .btn-mint{border-color:var(--klio-cruise);box-shadow:4px 4px #b2edd066}.comic .apply-card .btn-ghost{color:#fff;border-color:var(--klio-cruise);background:0 0;box-shadow:4px 4px #b2edd066}.comic .apply-card .btn{min-height:60px;font-size:17px}.comic .apply-card .btn-mint:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #b2edd066}.comic .apply-card .btn-mint:active{transform:translate(2px,2px);box-shadow:1px 1px #b2edd066}.comic .apply-card .btn-ghost:hover{color:#fff;background:#b2edd01a;transform:translate(-2px,-2px);box-shadow:6px 6px #b2edd066}.comic .apply-card .btn-ghost:active{transform:translate(2px,2px);box-shadow:1px 1px #b2edd066}@media (prefers-reduced-motion:reduce){.panel,.stk,.comic main .btn{transition:none}}.why-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.wy{flex-direction:column;gap:20px;padding:26px;display:flex}.wy p{font:400 clamp(18px,1.4vw,21px)/1.45 var(--font-slab);color:var(--ink)}@media (max-width:900px){.why-g{grid-template-columns:1fr}}.comic .apply-card .h2{font-size:clamp(34px,4.4vw,72px)}@media (max-width:640px){.comic{--hs:4px 4px 0 var(--klio-swamp);--hs-sm:3px 3px 0 var(--klio-swamp)}.sec{padding:56px 0}.sec-h{gap:14px;margin-bottom:28px}.ink-h{font-size:34px;line-height:1}.ink-h2{font-size:27px;line-height:1.06}.body-l{font-size:16.5px;line-height:1.5}.cap-box{height:26px;padding:0 10px;font-size:11px}.c-hero{padding:28px 0 56px}.c-hero-t{gap:18px}.c-meta span{height:30px;padding:0 12px;font-size:13px}.comic .btns{width:100%}.comic .btns .btn{flex:100%;height:52px;font-size:16px}.c-hero-art{padding:36px 12px 26px 4px}.c-hero-art .bubble{max-width:210px;padding:10px 14px;font-size:15px}.c-hero-art .stk-zero{width:112px;height:112px}.c-hero-art .stk-zero .s{font-size:32px}.c-hero-art .stk-zero .b{font-size:13px}.c-hero-art .stk-ask{width:132px;height:92px;top:18px;left:-6px}.c-hero-art .stk-ask .b{font-size:17px}.stk{border-width:6px}.bubble{border-radius:22px;padding:12px 16px;font-size:16px}.gp{gap:16px;padding:20px}.gp h3{font-size:22px}.gp .row{gap:10px;padding:12px 14px;font-size:15px}.gp .row em{padding:5px 8px;font-size:13px}.gap-close{margin-top:28px}.gap-close .bubble{font-size:17px}.sk,.wy{gap:14px;padding:20px}.sk-tag{border-width:6px;padding:8px 14px;font-size:19px}.sk p,.wy p{font-size:17px}.fr{gap:10px;padding:16px}.fr .sfx{padding:20px 8px;font-size:30px}.fr b{font-size:19px}.strip-close{margin-top:22px;font-size:19px}.chat{gap:18px;padding:20px}.chat .bubble{font-size:15px}.ai-pair{grid-template-columns:1fr}.ai-pair b{font-size:22px}.arcs span{height:30px;padding:0 10px;font-size:12px}.ep{gap:10px;padding:16px}.ep h3{font-size:19px}.ep p{font-size:15px}.demo-p{flex-direction:column;height:auto;min-height:0;display:flex;overflow:hidden}.demo-img{flex:none;height:280px;position:relative;inset:auto}.demo-p .bubble{font-size:15px;position:absolute;top:16px;left:14px;right:14px}.demo-cap{border:0;border-top:3px solid var(--klio-swamp);border-radius:0;max-width:none;padding:18px;position:static}.demo-cap h2{font-size:24px}.demo-cap p{font-size:15.5px}.std-card{padding:20px}.vs p{font-size:19px}.tags span{height:32px;font-size:13px}.std-card .stk{width:104px;height:104px;top:-34px;right:-6px}.std-card .stk .s{font-size:17px}.fc{gap:14px;min-height:104px;padding:14px}.fc dd{font-size:17px}.comic .faq-grid{gap:24px}.comic summary{padding:20px 0;font-size:18px}.comic details p{font-size:16px}.comic .apply{padding:32px 0 56px}.comic .apply-card{box-shadow:5px 5px 0 var(--klio-deep-teal);border-radius:28px;gap:28px;padding:24px 18px}.comic .apply-card .h2{font-size:32px}.comic .nexts li{padding:14px 0;font-size:15px}}.strip-count{display:none}@media (prefers-reduced-motion:no-preference){html.js .strip-sec{padding-top:0}html.js .strip-scene{height:310svh;height:calc(100dvh + 210svh)}html.js .strip-pin{top:var(--nav-h);height:calc(100svh - var(--nav-h));height:calc(100dvh - var(--nav-h));padding-block:var(--pin-gap);flex-direction:column;justify-content:safe center;gap:clamp(14px,2.2vh,22px);display:flex;position:sticky}html.js .strip-pin .sec-h{gap:clamp(10px,1.6vh,18px);margin-bottom:clamp(4px,1.4vh,16px)}html.js .strip-pin [data-reveal]{opacity:1;transform:none}html.js .strip-count{font:700 13px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--klio-campus-ink);display:block}html.js .strip-count b{font-variant-numeric:tabular-nums}html.js .strip-close{margin-top:0}html.js .fr{min-height:clamp(220px,32vh,300px);transition:transform .5s cubic-bezier(.2,1.2,.3,1),box-shadow .35s var(--ease-standard) .12s,background-color .3s,border-color .3s}html.js .fr>*{transition:opacity .3s var(--ease-standard)}html.js .fr:not(.on){box-shadow:none;background:0 0;border-style:dashed;border-color:#00262647;transform:translate(-8px,-18px)rotate(-1.5deg)}html.js .fr:not(.on)>*{opacity:0}html.js .fr:not(.on):hover{box-shadow:none;transform:translate(-8px,-18px)rotate(-1.5deg)}html.js .fr .sfx>span{opacity:0;transition:transform .45s cubic-bezier(.2,1.6,.4,1) .18s,opacity .2s .18s;display:inline-block;transform:scale(.4)rotate(-8deg)}html.js .fr.on .sfx>span{opacity:1;transform:none}html.js .fr .gain span{background:linear-gradient(var(--klio-cruise),var(--klio-cruise)) no-repeat 0 92%/0% 40%;transition:background-size .45s var(--ease-standard) .4s}html.js .fr.on .gain span{background-size:100% 40%}html.js .strip-close{opacity:0;transition:opacity .45s var(--ease-standard),transform .45s var(--ease-standard);transform:translateY(14px)}html.js .strip-close.on{opacity:1;transform:none}}@media (min-width:981px) and (max-height:820px) and (prefers-reduced-motion:no-preference){html.js .strip-pin .ink-h2{font-size:clamp(28px,3vw,42px)}html.js .strip-pin .body-l{font-size:17px}html.js .fr{min-height:190px}html.js .fr .sfx{padding:14px 10px}}.deck-ui{display:none}@media (max-width:980px){html.js .strip.deck{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:420px;margin:6px 12px 0 0;display:block;position:relative}html.js .strip.deck>.fr{transform-origin:50% 90%;min-height:0;transition:transform .45s var(--ease-standard),opacity .45s var(--ease-standard);will-change:transform;cursor:grab;position:absolute;inset:0 0 12px}html.js .strip.deck>.fr.drag{cursor:grabbing;transition:none}html.js .strip.deck .fr .sfx{font-size:46px}html.js .strip.deck .fr b{font-size:22px}html.js .decked .deck-ui{justify-content:space-between;align-items:center;gap:12px;width:min(100%,520px);display:flex}html.js .decked .strip-count{display:none}.deck-ui button{border:3px solid var(--klio-swamp);width:48px;height:48px;box-shadow:3px 3px 0 var(--klio-swamp);font:700 20px/1 var(--font-sans);color:var(--klio-swamp);cursor:pointer;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.deck-ui button:active{box-shadow:1px 1px 0 var(--klio-swamp);transform:translate(2px,2px)}.deck-ui button:disabled{opacity:.35}.deck-ui .mid{flex-direction:column;align-items:center;gap:8px;display:flex}.deck-ui .dots,.swipe-ui .dots{gap:6px;display:flex}.deck-ui .dots i,.swipe-ui .dots i{border:2px solid var(--klio-swamp);width:9px;height:9px;transition:width .3s var(--ease-standard),background .3s;background:#fff;border-radius:999px}.deck-ui .dots i.on,.swipe-ui .dots i.on{background:var(--klio-swamp);width:22px}.deck-ui .hint,.swipe-ui .hint{font:700 11px/1 var(--font-sans);letter-spacing:.12em;color:var(--klio-campus-ink);text-transform:uppercase}}@media (max-width:980px) and (prefers-reduced-motion:no-preference){html.js .strip-pin{justify-content:flex-start}html.js .strip.deck{flex:auto;width:min(100% - 12px,508px);height:auto;min-height:250px;max-height:440px}html.js .strip.deck>.fr{overflow:hidden}html.js .strip.deck .fr .sfx{flex:1 1 0;min-height:0;padding:12px 8px;font-size:clamp(32px,5.4vh,46px)}html.js .strip.deck>.fr:not(.on){border-style:solid;border-color:var(--ink);box-shadow:var(--hs);background:#fff}html.js .strip.deck>.fr:not(.on)>*{opacity:1}html.js .decked{padding-bottom:calc(var(--pin-gap) + 64px)}html.js .decked .strip-close{opacity:1;padding:0 clamp(20px,4vw,60px);position:absolute;top:100%;left:0;right:0;transform:none}}@media (max-width:980px) and (prefers-reduced-motion:reduce){html.js .strip.deck>.fr{transition:none}html.js .decked .deck-ui{margin-top:24px}}@media (max-width:640px) and (max-height:700px) and (prefers-reduced-motion:no-preference){html.js .strip-pin{gap:10px}html.js .strip-pin .sec-h{gap:8px;margin-bottom:2px}html.js .strip.deck{min-height:168px}html.js .strip.deck .fr{gap:8px;padding:12px}html.js .deck-ui button{width:42px;height:42px}}.ep-foot,.ep .chip-dot{display:none}@media (prefers-reduced-motion:no-preference){html.js .ep-sec{padding-block:0}html.js .ep-scene{height:400svh;height:calc(100dvh + 300svh)}html.js .ep-pin{top:var(--nav-h);height:calc(100svh - var(--nav-h));height:calc(100dvh - var(--nav-h));padding-block:var(--pin-gap);flex-direction:column;justify-content:safe center;gap:clamp(14px,2.2vh,24px);display:flex;position:sticky;overflow:hidden}html.js .ep-pin .sec-h{gap:clamp(10px,1.6vh,18px);margin-bottom:clamp(8px,1.4vh,16px)}html.js .ep-pin [data-reveal]{opacity:1;transform:none}html.js .ep-pin .arcs{margin-bottom:0}html.js .arcs span{transition:background-color .3s,opacity .3s,transform .3s var(--ease-standard),box-shadow .3s}html.js .arcs span:not(.on){opacity:.5}html.js .arcs span.on{box-shadow:var(--hs-sm);transform:translate(-2px,-2px)}html.js .arcs span[data-arc=arc1].on{background:var(--klio-peach)}html.js .arcs span[data-arc=arc2].on{background:var(--klio-sky)}html.js .arcs span[data-arc=arc3].on{background:var(--klio-bubblegum)}html.js .arcs span[data-arc=arc4].on{background:var(--klio-cruise)}html.js .ep-tv{overflow:visible}html.js .eps{will-change:transform;gap:18px;width:max-content;padding:10px 0 12px;display:flex}html.js .ep{width:clamp(240px,22vw,300px);min-height:clamp(200px,28vh,250px);transition:transform .45s cubic-bezier(.2,1.2,.3,1),box-shadow .35s var(--ease-standard);flex:none}html.js .ep.cur{box-shadow:9px 12px 0 var(--ink);transform:translate(-3px,-6px)}html.js .ep.fin.cur{box-shadow:10px 14px 0 var(--klio-cruise),10px 14px 0 3px var(--ink);transform:translate(-4px,-10px)rotate(-1.5deg)}html.js .ep-foot{align-items:center;gap:18px;display:flex}html.js .ep-count{font:700 13px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--klio-campus-ink);flex:none}html.js .ep-count b{font-variant-numeric:tabular-nums}html.js .ep-rail{background:#00262624;border-radius:4px;flex:1;height:4px;overflow:hidden}html.js .ep-rail i{background:var(--klio-swamp);transform-origin:0;height:100%;transform:scaleX(calc(.1 + .9 * var(--p,0)));display:block}}@media (max-width:980px) and (prefers-reduced-motion:no-preference){html.js .ep-pin{justify-content:flex-start}html.js .ep-tv{flex:auto;min-height:200px;max-height:420px;display:flex}html.js .eps{align-items:stretch}html.js .ep{width:min(76vw,340px);min-height:0}html.js .ep p{font-size:16px}}@media (min-width:641px) and (max-width:980px) and (prefers-reduced-motion:no-preference){html.js .ep-pin{justify-content:safe center}html.js .ep-tv{flex:0 auto;height:clamp(240px,34vh,420px);max-height:none}}@media (max-width:640px) and (prefers-reduced-motion:no-preference){html.js .eps{gap:14px}html.js .ep{width:calc(82vw - 32.8px)}html.js .ep h3{font-size:22px}html.js .ep-pin .ep-foot{display:none}}.swipe-ui{display:none}@media (max-width:640px){.swipe-ui{justify-content:space-between;align-items:center;gap:12px;display:flex}.swipe-ui .ct{font:700 13px/1 var(--font-sans);color:var(--klio-swamp);font-variant-numeric:tabular-nums}}@media (max-width:640px) and (prefers-reduced-motion:reduce){.eps{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -20px;padding:6px 20px 14px;scroll-padding:0 20px;display:flex;overflow-x:auto}.eps::-webkit-scrollbar{display:none}.eps>.ep{scroll-snap-align:start;flex:0 0 82%;min-height:220px}}@media (max-width:640px){html:not(.js) .eps{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -20px;padding:6px 20px 14px;scroll-padding:0 20px;display:flex;overflow-x:auto}html:not(.js) .eps>.ep{scroll-snap-align:start;flex:0 0 82%;min-height:220px}html:not(.js) .swipe-ui{display:none}}.chat .typing{display:none}@media (prefers-reduced-motion:no-preference){html.js .chat .ai-row{position:relative}html.js .chat .typing{opacity:0;transform-origin:34px 100%;gap:5px;padding:14px 18px;display:inline-flex;position:absolute;top:19px;left:0;scale:.6}html.js .chat .typing i{background:var(--ink);border-radius:50%;width:7px;height:7px;animation:1s infinite em-dot}html.js .chat .typing i:nth-child(2){animation-delay:.15s}html.js .chat .typing i:nth-child(3){animation-delay:.3s}html.js .chat .msg,html.js .chat .who,html.js .chat .ai-pair>div{opacity:0}html.js .chat .msg{transform-origin:34px 100%;scale:.6}html.js .chat .me .msg{transform-origin:calc(100% - 34px) 100%}html.js .chat .ai-pair>div{translate:0 16px}html.js .chat.play .typing{animation:em-typing 1.1s var(--ease-standard) .1s both}html.js .chat.play .ai-row .who{opacity:1;transition:opacity .3s .1s}html.js .chat.play .ai-row .msg{opacity:1;transition:opacity .2s 1.1s,scale .45s cubic-bezier(.2,1.5,.4,1) 1.1s;scale:1}html.js .chat.play .me .who{opacity:1;transition:opacity .3s 2s}html.js .chat.play .me .msg{opacity:1;transition:opacity .2s 2.1s,scale .45s cubic-bezier(.2,1.5,.4,1) 2.1s;scale:1}html.js .chat.play .ai-pair>div{opacity:1;transition:opacity .35s 3.1s,translate .45s cubic-bezier(.2,1.3,.4,1) 3.1s;translate:0}html.js .chat.play .ai-pair>div+div{transition-delay:3.3s}}@keyframes em-typing{0%{opacity:0;scale:.6}15%,80%{opacity:1;scale:1}to{opacity:0;scale:.9}}@keyframes em-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:no-preference){html.js .comic .panel[data-reveal]{transition:opacity .45s var(--ease-standard),transform .55s cubic-bezier(.2,1.25,.3,1),box-shadow .3s var(--ease-standard) .28s}html.js .comic .panel[data-reveal]:not(.in){box-shadow:none;transform:translate(-6px,-18px)rotate(-1deg)}html.js .comic .cap-box[data-reveal]{transition:opacity .35s var(--ease-standard),transform .45s cubic-bezier(.2,1.4,.4,1)}html.js .comic .cap-box[data-reveal]:not(.in){transform:translateY(-14px)rotate(-5deg)}html.js .comic [data-reveal] .mark,html.js .comic .mark[data-reveal]{transition:background-size .8s var(--ease-standard) .35s;background-repeat:no-repeat;background-size:0% 100%}html.js .comic [data-reveal].in .mark{background-size:100% 100%}html.js .comic [data-reveal] .stk{opacity:0;transition:opacity .15s .55s,scale .5s cubic-bezier(.3,1.7,.5,1) .55s;scale:.35}html.js .comic [data-reveal].in .stk{opacity:1;scale:1}html.js .comic [data-reveal]:not([data-chat]) .bubble{opacity:0;transform-origin:34px 100%;transition:opacity .2s .35s,scale .45s cubic-bezier(.2,1.5,.4,1) .35s;scale:.6}html.js .comic [data-reveal] .bubble.r{transform-origin:calc(100% - 34px) 100%}html.js .comic [data-reveal] .bubble.up{transform-origin:34px 0}html.js .comic [data-reveal].in:not([data-chat]) .bubble{opacity:1;scale:1}html.js .comic [data-reveal] .sk-tag{transition:scale .4s cubic-bezier(.2,1.6,.4,1) .3s;scale:.7}html.js .comic [data-reveal].in .sk-tag{scale:1}}.panel.art{aspect-ratio:3/2;background:#0b0b0b;padding:0;overflow:hidden}.panel.art picture,.panel.art img{object-fit:cover;width:100%;height:100%;display:block}.panel.art:hover{box-shadow:var(--hs);transform:none}.sec-row{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,4vw,64px);margin-bottom:clamp(40px,5vw,64px);display:grid}.sec-row .sec-h{margin-bottom:0}.det-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;gap:18px;display:grid}.det-g .facts-c{grid-template-columns:repeat(3,minmax(0,1fr))}.det-photo{aspect-ratio:auto;min-height:280px}@media (max-width:860px){.sec-row,.det-g{grid-template-columns:1fr}.det-photo{aspect-ratio:4/3;min-height:0}}@media (max-width:520px){.det-g .facts-c{grid-template-columns:1fr 1fr}}.swipe-ui .hint i{font-style:normal}.swipe-ui .arr-side{display:none}@media (prefers-reduced-motion:reduce){.swipe-ui .arr-down{display:none}.swipe-ui .arr-side{display:inline}}.sk .sk-tag{white-space:nowrap}@media (min-width:821px){.gap2+.gap-close .bubble.up:after{left:auto;right:56px}html.js .comic .gap2+.gap-close[data-reveal] .bubble{transform-origin:calc(100% - 56px) 0}}@media (min-width:761px){.demo-p .bubble{top:clamp(28px,5%,48px);left:calc(50% + clamp(120px,13vw,200px));right:auto}.demo-p .bubble.r:after{left:34px;right:auto}html.js .comic [data-reveal] .demo-p .bubble,html.js .comic .demo-p[data-reveal] .bubble{transform-origin:34px 100%}}@media (min-width:901px){.why-g+.gap-close{justify-content:flex-end}.why-g+.gap-close .bubble.up:after{left:auto;right:56px}html.js .comic .why-g+.gap-close[data-reveal] .bubble{transform-origin:calc(100% - 56px) 0}}.eqc{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.eqc-c{flex-direction:column;gap:clamp(28px,4vw,56px);padding:clamp(22px,2.4vw,32px);display:flex}.eqc-c p{font:700 clamp(22px,2vw,30px)/1.1 var(--font-sans);letter-spacing:-.025em;color:var(--klio-deep-teal)}.eqc-r{background:var(--klio-deep-teal)}.eqc-r p{color:var(--klio-cruise)}.eqc-op{font:700 clamp(30px,3vw,44px)/1 var(--font-sans);color:var(--klio-deep-teal);align-self:center}@media (max-width:820px){.eqc{grid-template-columns:minmax(0,1fr);gap:10px}.eqc-op{justify-self:center;font-size:28px}.eqc-c{gap:18px}}.det-why{margin-top:28px}@media (min-width:821px){.det-why{flex-direction:row;align-items:center;gap:36px;padding:28px 36px}.det-why .sk-tag{flex:none;align-self:center}.det-why p{max-width:34em}}.float-apply{z-index:50;padding:0 20px calc(20px + env(safe-area-inset-bottom));pointer-events:none;opacity:0;transition:transform .45s var(--ease-standard),opacity .3s var(--ease-standard),visibility 0s linear .45s;visibility:hidden;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% + 12px))}.float-apply.on{opacity:1;visibility:visible;transition:transform .45s var(--ease-standard),opacity .3s var(--ease-standard);transform:none}.float-apply .btn{pointer-events:auto;min-width:240px}@media (max-width:640px){.float-apply{padding:0 16px calc(14px + env(safe-area-inset-bottom))}.float-apply .btn{width:100%;min-height:56px}}@media (prefers-reduced-motion:reduce){.float-apply,.float-apply.on{transition:opacity .2s,visibility;transform:none}}
