.hero-intro{position:fixed;inset:0;z-index:40;overflow:hidden;animation:intro-failsafe 0s 9s forwards}.intro-art{pointer-events:none}.intro-art,.intro-veil{position:absolute;inset:0}.intro-veil{background:#050505}.intro-grid{inset:0;background-image:linear-gradient(90deg,rgba(190,193,209,.09) 1px,transparent 0),linear-gradient(180deg,rgba(190,193,209,.09) 1px,transparent 0);background-size:72px 72px;background-position:top;mask-image:radial-gradient(ellipse 75% 75% at 50% 46%,#000 10%,transparent 85%)}.intro-grid,.intro-light{position:absolute;opacity:0}.intro-light{top:46%;width:max(800px,95vw);height:max(680px,100vh);border-radius:50%;will-change:transform,opacity}.intro-light-blue{left:31%;background:radial-gradient(ellipse,rgba(106,166,255,.3),rgba(106,166,255,.1) 36%,transparent 69%)}.intro-light-pink{left:69%;background:radial-gradient(ellipse,rgba(238,151,190,.24),rgba(238,151,190,.07) 38%,transparent 69%)}.intro-logo{position:absolute;top:46%;left:50%;display:flex;align-items:center;gap:25px;white-space:nowrap;font-size:clamp(40px,6vw,70px);font-weight:600;line-height:1;letter-spacing:-.06em;opacity:0;transform:translate(-50%,-50%)}.intro-wings{display:flex;gap:2px;width:78px;flex-shrink:0;perspective:240px}.intro-wing{width:calc(50% - 1px);transform:rotateY(0deg)}.intro-wing-left{--intro-wing-direction:1;transform-origin:right center}.intro-wing-right{--intro-wing-direction:-1;transform-origin:left center}.intro-wing img{display:block;width:100%;height:auto}.intro-wing-right img{transform:scaleX(-1)}.intro-title{position:absolute;top:var(--intro-title-top,150px);left:var(--intro-title-left,22px);width:var(--intro-title-width,calc(100% - 44px));height:var(--intro-title-height,auto);transform:translateY(var(--intro-title-travel,0));color:#f5f5f5;font-size:var(--intro-font-size,58px);line-height:var(--intro-line-height,1.09);letter-spacing:var(--intro-tracking,-2.6px);font-weight:600;text-align:center;opacity:0}.intro-title-line{display:table;position:relative;margin-inline:auto;white-space:pre}.intro-title-measure{visibility:hidden}.intro-title-typed{position:absolute;left:0;top:0}.intro-caret{display:inline-block;width:2px;height:.83em;margin-left:.065em;background:#6aa6ff;vertical-align:-.025em;animation:intro-caret .7s step-end infinite}.intro-skip{position:absolute;display:inline-flex;align-items:center;gap:10px;right:max(28px,calc((100vw - 1120px) / 2));bottom:28px;min-height:44px;padding:10px 4px 10px 16px;border:0;background:transparent;color:#a3a3a8;cursor:pointer;font-size:12px!important;letter-spacing:.02em;opacity:0}.intro-skip svg{color:#6aa6ff;flex-shrink:0}.intro-skip:hover{color:#fff}.intro-skip:focus-visible{opacity:1;animation:none!important}[data-intro=playing] .intro-grid{animation:intro-grid 7.1s ease both}[data-intro=playing] .intro-veil{animation:intro-veil 7.1s ease both}[data-intro=playing] .intro-logo{animation:intro-logo 3.35s both}[data-intro=playing] .intro-wing{animation:intro-wing-flutter 1.55s ease-in-out .2s both}[data-intro=playing] .intro-light-blue{animation:intro-blue 7.1s both}[data-intro=playing] .intro-light-pink{animation:intro-pink 7.1s both}[data-intro=playing] .intro-title{animation:intro-title 6.1s linear 1s both}[data-intro=playing] .intro-skip{animation:intro-skip 7.1s ease both}[data-settling=true] .intro-title{transform:translateY(0);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}[data-settling=true] .intro-caret{opacity:0;animation:none;transition:opacity .2s}[data-intro=playing] .studio-header{animation:intro-reveal .8s 5.8s both}[data-intro=playing] .studio-header .studio-wing{animation-delay:6s}[data-intro=playing] .hero h1{animation:intro-reveal .35s 6.35s both}[data-intro=playing] .hero-copy>p{animation:intro-rise .8s 5.9s both}[data-intro=playing] .hero-actions{animation:intro-rise .8s 6.05s both}[data-intro=playing] .product-showcase{animation:intro-rise 1s 6.1s both}@keyframes intro-failsafe{to{visibility:hidden;pointer-events:none}}@keyframes intro-grid{0%{opacity:0}15.465%,80.239%{opacity:1}to{opacity:0}}@keyframes intro-veil{0%,78.521%{opacity:1}to{opacity:0}}@keyframes intro-logo{0%,9.821%{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.97);filter:blur(5px)}29.463%,81.06%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}to{opacity:0;transform:translate(-50%,calc(-50% - 6px)) scale(1.025);filter:blur(5px)}}@keyframes intro-wing-flutter{0%,40%,75%,to{transform:rotateY(0deg)}20%{transform:rotateY(calc(var(--intro-wing-direction) * 60deg))}57%{transform:rotateY(calc(var(--intro-wing-direction) * 40deg))}88%{transform:rotateY(calc(var(--intro-wing-direction) * 18deg))}}@keyframes intro-blue{0%,7.732%{opacity:0;transform:translate(-57%,-47%) scale(.7)}27.493%{opacity:1;transform:translate(-48%,-50%) scale(1)}67.352%{opacity:.8;transform:translate(-39%,-52%) scale(1.17)}84.535%{opacity:.4;transform:translate(-35%,-58%) scale(1.28)}to{opacity:0;transform:translate(-32%,-65%) scale(1.4)}}@keyframes intro-pink{0%,12.887%{opacity:0;transform:translate(-43%,-43%) scale(.72)}31.789%{opacity:1;transform:translate(-52%,-46%) scale(1)}69.93%{opacity:.85;transform:translate(-62%,-49%) scale(1.13)}86.254%{opacity:.45;transform:translate(-65%,-54%) scale(1.24)}to{opacity:0;transform:translate(-68%,-60%) scale(1.36)}}@keyframes intro-title{0%,37%{opacity:0}39%,88%{opacity:1}94%,to{opacity:0}}@keyframes intro-skip{0%,6.873%{opacity:0}15.465%,82.817%{opacity:1}95.704%,to{opacity:0}}@keyframes intro-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes intro-reveal{0%{opacity:0}to{opacity:1}}@keyframes intro-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.intro-grid{background-size:48px 48px}.intro-logo{gap:16px}.intro-wings{width:48px}.intro-light{width:150vw;height:90svh}.intro-skip{right:22px;bottom:max(20px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.hero-intro{display:none}[data-intro] .hero h1,[data-intro] .hero-actions,[data-intro] .hero-copy>p,[data-intro] .product-showcase,[data-intro] .studio-header{opacity:1;transform:none;animation:none}}.kioki-demo{position:relative;width:100%;height:100%;overflow:hidden;color:#111827;background:#f9f7ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:4.1cqw;line-height:1.4;text-align:left;letter-spacing:-.015em}.kioki-demo svg{display:block;flex-shrink:0}.kioki-status-bar{position:absolute;inset:0 0 auto;height:6.4%;display:flex;align-items:center;justify-content:space-between;padding:0 7.5% 0 14.5%;font-weight:650;font-size:4.2cqw;color:#080a0e}.kioki-status-bar>div{display:flex;align-items:center;gap:1cqw}.kioki-status-bar svg{width:4.4cqw;height:4.4cqw;stroke-width:2.7}.kioki-status-bar svg:last-child{width:6.5cqw;height:6.5cqw;stroke-width:2}.kioki-demo-header{position:absolute;z-index:3;top:6.4%;left:0;right:0;height:5.8%;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #e5e3eb;font-size:3.8cqw}.kioki-demo-header>strong{font-weight:650}.kioki-cancel{position:absolute;left:4%;display:flex;align-items:center;gap:1.3cqw;color:#4b5563;font-size:3.3cqw}.kioki-cancel svg{width:4.5cqw;height:4.5cqw}.kioki-demo-controls{position:absolute;right:1.2%;display:flex;align-items:center;gap:.2cqw;color:#7c758b;font-size:2.6cqw;letter-spacing:.01em}.kioki-demo-controls button{display:grid;place-items:center;width:10cqw;min-width:24px;height:10cqw;min-height:24px;padding:0;color:#7c3aed;background:transparent;border:0;border-radius:50%;cursor:pointer}.kioki-demo-controls button:hover{background:#f0e9fe}.kioki-demo-controls button:focus-visible{outline:2px solid #7c3aed;outline-offset:-2px}.kioki-demo-controls svg{width:4.5cqw;height:4.5cqw}.kioki-glow{position:absolute;left:-6%;right:-6%;bottom:0;height:49.36%;pointer-events:none}.kioki-glow-bloom,.kioki-glow-dome,.kioki-glow-drift,.kioki-glow-flash{position:absolute;inset:0}.kioki-glow-bloom{transform-origin:center bottom}.kioki-glow-dome{background:radial-gradient(ellipse 105% 135% at 50% -30%,transparent 52%,rgba(236,72,153,.02) 68%,rgba(190,80,190,.06) 80%,rgba(167,86,222,.1) 89%,rgba(139,92,246,.15) 100%)}.kioki-glow-flash{opacity:0;background:radial-gradient(ellipse 105% 135% at 50% -30%,transparent 52%,rgba(236,72,153,.16) 68%,rgba(190,80,190,.2) 80%,rgba(167,86,222,.24) 89%,rgba(139,92,246,.29) 100%)}.kioki-demo[data-started=true] .kioki-glow-bloom{animation:kioki-ignite .87s cubic-bezier(.23,1,.32,1) both}.kioki-demo[data-started=true] .kioki-glow-flash{animation:kioki-flash 1.5s ease-in-out both}.kioki-demo[data-started=true] .kioki-glow-drift{animation:kioki-sway 7s ease-in-out .87s infinite alternate}.kioki-demo[data-started=true] .kioki-glow-dome{animation:kioki-breathe 5s ease-in-out .87s infinite alternate}.kioki-chat-content{position:absolute;z-index:1;top:12.2%;left:0;right:0;bottom:11.5%}.kioki-welcome{position:absolute;left:5%;right:5%;top:36%;text-align:center}.kioki-welcome>svg{width:14.88cqw;height:14.88cqw;margin:0 auto 4.9cqw}.kioki-welcome>p{font-size:6.1cqw;line-height:1.2;font-weight:700;letter-spacing:-.035em}.kioki-demo[data-started=true] .kioki-welcome{animation:kioki-entrance .66s cubic-bezier(.23,1,.32,1) .27s both}.kioki-transcript{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4cqw;padding:5cqw 4cqw}.kioki-transcript>*{flex-shrink:0;animation:kioki-message .3s ease-out both}.kioki-user-message{align-self:flex-end;max-width:86%;padding:3.7cqw 4.4cqw;background:#6d28f5;color:#fff;border-radius:5cqw 1cqw 5cqw 5cqw;font-size:4.5cqw;line-height:1.4}.kioki-assistant-message{width:92%}.kioki-assistant-label{display:flex;align-items:center;gap:1.2cqw;color:#7c3aed;font-size:3.1cqw;font-weight:650;letter-spacing:.06em;margin-bottom:2cqw}.kioki-assistant-label svg{width:5cqw;height:5cqw}.kioki-assistant-message>p{min-height:13cqw;padding:3.7cqw 4.4cqw;border-radius:1cqw 5cqw 5cqw 5cqw;background:#fff;box-shadow:0 1px 3px #29213a09;font-size:4.5cqw}.kioki-typing{display:flex;align-items:center;gap:1cqw;height:5.6cqw}.kioki-typing i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#a792c3;animation:kioki-dot 1s ease-in-out infinite}.kioki-typing i:nth-child(2){animation-delay:.15s}.kioki-typing i:nth-child(3){animation-delay:.3s}.kioki-deck-ready,.kioki-generation{padding:4.5cqw;border-radius:4.5cqw;background:#fff;box-shadow:0 2px 8px #29213a08}.kioki-generation{display:grid;grid-template-columns:7cqw 1fr;align-items:center;gap:2cqw}.kioki-generation>svg{width:7cqw;height:7cqw}.kioki-generation strong{font-size:4.4cqw;font-weight:600}.kioki-progress{grid-column:1/-1;height:1.4cqw;margin-top:1.5cqw;border-radius:2cqw;background:#eee7fc;overflow:hidden}.kioki-progress span{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.kioki-generation>span{grid-column:1/-1;text-align:right;color:#8b5cf6;font-size:3cqw}.kioki-deck-ready{display:flex;flex-direction:column;gap:1.3cqw}.kioki-ready-label{display:flex;gap:1.3cqw;align-items:center;font-size:3.3cqw;font-weight:600;color:#7c3aed}.kioki-ready-label svg{width:4cqw;height:4cqw}.kioki-deck-ready>strong{font-size:5.1cqw;margin-top:1.2cqw;line-height:1.25;letter-spacing:-.035em}.kioki-deck-meta{font-size:3.2cqw;color:#8b8498}.kioki-deck-ready>div{display:flex;flex-direction:column;gap:.8cqw;margin-top:2cqw;padding:3cqw;border-radius:2.5cqw;background:#f7f3ff}.kioki-deck-ready b{font-size:4.3cqw;font-weight:600}.kioki-deck-ready>div>span{font-size:3.8cqw;color:#81758f}.kioki-composer{position:absolute;z-index:2;left:3.5%;right:3.5%;bottom:4.6%;min-height:6.8%;padding:2.4cqw 2.8cqw;display:flex;align-items:center;gap:2.5cqw;border:1px solid #efedf2;border-radius:10cqw;background:#fff;box-shadow:0 2cqw 6cqw #38295713}.kioki-demo[data-started=true] .kioki-composer{animation:kioki-entrance .67s cubic-bezier(.23,1,.32,1) .13s both}.kioki-composer>svg{width:5.5cqw;height:5.5cqw;color:#6b7280;stroke-width:1.7}.kioki-composer>span:not(.kioki-send){flex:1;color:#9ca3af;font-size:4.3cqw;line-height:1.3}.kioki-composer>span.has-draft{color:#312640}.kioki-send{flex-shrink:0;display:grid;place-items:center;width:8.4cqw;height:8.4cqw;border-radius:50%;background:#c4a6fa;color:#fff}.kioki-send.is-ready{background:#7c3aed}.kioki-send svg{width:5cqw;height:5cqw;stroke-width:2}.kioki-demo[data-phase=generating] .kioki-composer{opacity:.55}.kioki-demo[data-running=false] *,.kioki-demo[data-running=false] :after,.kioki-demo[data-running=false] :before{animation-play-state:paused!important}.kioki-demo[data-phase=study] .kioki-chat-content,.kioki-demo[data-phase=study] .kioki-composer,.kioki-demo[data-phase=study] .kioki-glow{opacity:0;visibility:hidden}.kioki-study-page{position:absolute;z-index:2;inset:12.2% 0 3.6%;display:flex;flex-direction:column;overflow:hidden;background:#f9f7ff;animation:kioki-open-study .7s cubic-bezier(.23,1,.32,1) both}.kioki-study-intro{flex-shrink:0;padding:4.5cqw 5cqw;border-bottom:1px solid #e5e7eb;background:white}.kioki-study-intro h3{font-size:5.5cqw;font-weight:600;line-height:1.3;letter-spacing:-.02em}.kioki-study-intro>p{margin-top:2cqw;font-size:3.8cqw;line-height:1.45;color:#596272}.kioki-study-mode{display:inline-block;margin-top:3cqw;padding:1.5cqw 3cqw;border-radius:99px;background:#f2eeff;color:#6d2ef2;font-size:3.3cqw;font-weight:500}.kioki-study-session{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 4cqw}.kioki-study-hint{padding:5cqw 0 4cqw;color:#71717f;text-align:center;font-size:3.6cqw;font-weight:400}.kioki-study-card{position:relative;flex:1;min-height:0;display:block;border:0;padding:0;border-radius:3.5cqw;background:transparent;perspective:160cqw;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.kioki-study-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12cqw 6cqw;border-radius:inherit;background:#fff;color:#111827;box-shadow:0 3cqw 7cqw #2820311c;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .65s cubic-bezier(.4,0,.2,1)}.kioki-study-front{transform:rotateY(0)}.kioki-study-back{transform:rotateY(180deg)}.kioki-study-card[data-revealed=true] .kioki-study-front{transform:rotateY(-180deg)}.kioki-study-card[data-revealed=true] .kioki-study-back{transform:rotateY(0)}.kioki-study-language{position:absolute;top:4cqw;left:5cqw;right:5cqw;display:flex;align-items:center;justify-content:space-between;font-size:3.4cqw;font-weight:400;letter-spacing:0;color:#71717f}.kioki-study-language svg{width:5.5cqw;height:5.5cqw;stroke-width:1.6;color:#9ca3af}.kioki-study-face>strong{font-size:10.2cqw;line-height:1.15;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.kioki-card-context{max-width:68cqw;margin-top:6cqw;font-size:4cqw;font-weight:400;line-height:1.5;letter-spacing:0;color:#71717f}.kioki-study-rating{padding-top:6cqw}.kioki-study-rating>p{text-align:center;font-size:3.6cqw;font-weight:500;color:#596272;margin-bottom:3cqw}.kioki-study-grades{display:flex;gap:2cqw}.kioki-study-grades>div{flex:1;text-align:center;--grade-text:#b91c1c;--grade-bg:#fee2e2}.kioki-study-grades>div[data-grade=medium]{--grade-text:#b45309;--grade-bg:#fef3c7}.kioki-study-grades>div[data-grade=easy]{--grade-text:#15803d;--grade-bg:#dcfce7}.kioki-study-grades>div>span{display:block;font-size:3.3cqw;margin-bottom:1.6cqw;color:#71717f}.kioki-study-grades button{width:100%;min-height:14cqw;border:0;border-radius:4cqw;padding:3cqw 0;font-size:4.3cqw;font-weight:600;color:var(--grade-text);background:var(--grade-bg);cursor:pointer;transition:background .15s,color .15s,transform .15s}.kioki-study-grades button:active{color:white;background:var(--grade-text);transform:scale(.97)}.kioki-grade-count{margin-left:.6cqw;font-size:3.3cqw;font-weight:400;font-variant-numeric:tabular-nums}.kioki-study-page button:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.kioki-study-position{text-align:center;color:#868191;font-size:3.3cqw;font-variant-numeric:tabular-nums;padding:4cqw 0 2cqw}.kioki-study-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8cqw;text-align:center;gap:6cqw}.kioki-study-complete>svg{width:18cqw;height:18cqw;padding:4cqw;border-radius:50%;background:#dcfce7;color:#15803d}.kioki-study-complete h3{font-size:7cqw;line-height:1.25}.kioki-study-complete p{font-size:4.5cqw;color:#81758f}.kioki-study-complete button{border:0;border-radius:3cqw;padding:4cqw 8cqw;color:white;background:#6d28f5;font-size:4.5cqw;font-weight:600;cursor:pointer}@keyframes kioki-open-study{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes kioki-ignite{0%{opacity:0;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}@keyframes kioki-flash{0%,to{opacity:0}40%{opacity:1}}@keyframes kioki-sway{0%{transform:translateX(-4.5%)}to{transform:translateX(4.5%)}}@keyframes kioki-breathe{0%{opacity:.88}to{opacity:1}}@keyframes kioki-entrance{0%{opacity:0;transform:translateY(2.3cqw)}to{opacity:1;transform:none}}@keyframes kioki-message{0%{opacity:0;transform:translateY(2cqw)}to{opacity:1;transform:none}}@keyframes kioki-dot{0%,80%,to{opacity:.35;transform:none}40%{opacity:1;transform:translateY(-1cqw)}}@media (prefers-reduced-motion:reduce){.kioki-demo *,.kioki-demo :after,.kioki-demo :before{animation:none!important;transition:none!important}.kioki-glow-flash{display:none}}