@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/unbounded-cyrillic-700-normal-BnWDpkfm.woff2)format("woff2"),url(/projects/khrum/assets/unbounded-cyrillic-700-normal-BKv7sql3.woff)format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/unbounded-latin-700-normal-CaoNriVp.woff2)format("woff2"),url(/projects/khrum/assets/unbounded-latin-700-normal-CZtriu5h.woff)format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:900;src:url(/projects/khrum/assets/unbounded-cyrillic-900-normal-_ZC4uVSi.woff2)format("woff2"),url(/projects/khrum/assets/unbounded-cyrillic-900-normal-PukI78a9.woff)format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:900;src:url(/projects/khrum/assets/unbounded-latin-900-normal-DrIEwloP.woff2)format("woff2"),url(/projects/khrum/assets/unbounded-latin-900-normal-4cp7xOrc.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/projects/khrum/assets/nunito-cyrillic-ext-500-normal-BooqzoBf.woff2)format("woff2"),url(/projects/khrum/assets/nunito-cyrillic-ext-500-normal-ryWF3qTI.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/projects/khrum/assets/nunito-cyrillic-500-normal-C7KGZCzc.woff2)format("woff2"),url(/projects/khrum/assets/nunito-cyrillic-500-normal-CsSUaxYY.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/projects/khrum/assets/nunito-vietnamese-500-normal-BpqpEYcO.woff2)format("woff2"),url(/projects/khrum/assets/nunito-vietnamese-500-normal-9ShSsgIA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/projects/khrum/assets/nunito-latin-ext-500-normal-DpF2BH_v.woff2)format("woff2"),url(/projects/khrum/assets/nunito-latin-ext-500-normal-CVNQN0KE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/projects/khrum/assets/nunito-latin-500-normal-EugFkASW.woff2)format("woff2"),url(/projects/khrum/assets/nunito-latin-500-normal-B5klmw3Q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/projects/khrum/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/projects/khrum/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/projects/khrum/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/projects/khrum/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/projects/khrum/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/projects/khrum/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/projects/khrum/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/projects/khrum/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/projects/khrum/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/projects/khrum/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/projects/khrum/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/projects/khrum/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/projects/khrum/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/projects/khrum/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/projects/khrum/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2)format("woff2"),url(/projects/khrum/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/projects/khrum/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(/projects/khrum/assets/caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/projects/khrum/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/projects/khrum/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2c1d45;--ink-2:#54466b;--ink-3:#8a7d9f;--bg:#f7f1fb;--bg-band:#efe5f8;--card:#fffdfd;--line:#e4d8f0;--purple:#6a47c2;--purple-2:#8b6be0;--purple-deep:#3a2466;--pink:#ef7ea4;--gold:#f4c05a;--brown:#6d4130;--shadow:0 18px 40px -22px #3a246673, 0 2px 6px #3a24660f;--radius:24px;--display:"Unbounded", "Nunito", system-ui, sans-serif;--text:"Nunito", system-ui, sans-serif;--hand:"Caveat", "Comic Sans MS", cursive;--gutter:clamp(16px, 4vw, 40px);--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px;overflow-x:clip}body{font:500 17px/1.6 var(--text);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--purple)}button,input{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;line-height:1.08}.hand{font-family:var(--hand);font-weight:700}code{background:#efe6fa;border-radius:6px;padding:2px 6px;font:600 .9em/1 ui-monospace,Cascadia Code,monospace}.skip{z-index:50;background:#fff;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}:focus-visible{outline:3px solid var(--purple-2);outline-offset:3px;border-radius:10px}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.3);max-width:1240px;inset:12px 12px auto;top:calc(12px + env(safe-area-inset-top,0px));background:#fffcffb8;border:1px solid #fffc;border-radius:999px;align-items:center;gap:18px;margin:0 auto;padding:8px 10px 8px 12px;display:flex;position:fixed;box-shadow:0 10px 30px -18px #3a246680}.brand{color:var(--purple-deep);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-mark{background:radial-gradient(circle at 50% 35%,#fbf4ff,#d9c4f2);border-radius:50%;width:42px;height:42px;display:block;overflow:hidden;box-shadow:inset 0 0 0 2px #fff,0 2px 6px #3a246640}.brand-mark img{width:100%;height:100%;display:block}.brand-name{font:700 22px/1 var(--display)}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.nav a:hover{color:var(--purple-deep);background:#efe6fa}.motion-toggle{cursor:pointer;color:var(--ink-2);background:#efe6fa;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:700;display:flex}.motion-dot{background:#cdbfe0;border-radius:999px;width:28px;height:16px;transition:background .2s;position:relative}.motion-dot:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.motion-toggle[aria-pressed=true] .motion-dot{background:var(--purple-2)}.motion-toggle[aria-pressed=true] .motion-dot:after{transform:translate(12px)}.lang-switch{background:#efe6fa;border-radius:999px;gap:2px;padding:3px;display:flex}.lang-switch button{font:800 13px/1 var(--display);letter-spacing:.02em;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;transition:background .2s,color .2s}.lang-switch button:hover{color:var(--purple-deep)}.lang-switch button[aria-pressed=true]{color:var(--purple-deep);background:#fff;box-shadow:0 2px 6px -2px #3a246659}.stage{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.stage>svg,.stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage>canvas,.stage>svg:not(.stage-over){pointer-events:none}.stage-over{z-index:2}.stage-over.over-boar{cursor:grab}.stage-over.grabbing{cursor:grabbing}.stage .bubble{z-index:3}.bubble{z-index:3;pointer-events:none;will-change:transform;transform-origin:8% 100%;opacity:0;color:var(--ink);font:800 clamp(15px, 1.5vw, 18px)/1.3 var(--text);white-space:normal;text-wrap:balance;text-align:center;background:#fff;border-radius:22px;width:max-content;max-width:min(300px,70vw);padding:12px 22px 13px;transition:opacity .18s,transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute;top:0;left:0;transform:translate(-8%,calc(-100% - 14px))scale(.6);box-shadow:0 10px 24px -12px #2c1d458c,0 0 0 2.5px #3a2016}.bubble:before,.bubble:after{content:"";clip-path:polygon(0 0,100% 0,18% 100%);width:22px;height:16px;position:absolute;bottom:-16px;left:20px}.bubble:before{background:#3a2016}.bubble:after{background:#fff;width:15px;height:12px;bottom:-11px;left:24px}.bubble.flip{transform-origin:92% 100%;transform:translate(-92%,calc(-100% - 14px))scale(.6)}.bubble.flip:before,.bubble.flip:after{clip-path:polygon(0 0,100% 0,82% 100%);left:auto}.bubble.flip:before{right:20px}.bubble.flip:after{right:24px}.bubble.show{opacity:1;transform:translate(-8%,calc(-100% - 14px))scale(1)}.bubble.flip.show{transform:translate(-92%,calc(-100% - 14px))scale(1)}.hero{isolation:isolate;height:100svh;min-height:min(100svh,860px);max-height:920px;padding:90px var(--gutter) 40px;grid-template-columns:1fr minmax(0,560px);align-items:center;display:grid;position:relative;overflow:hidden}.hero-stage{z-index:-1;position:absolute;inset:0}.hero-copy{z-index:2;grid-column:2;padding-bottom:8vh;position:relative}.kicker{font:800 13px/1.2 var(--text);letter-spacing:.1em;text-transform:uppercase;color:#43287a;background:#fffcffe0;border-radius:999px;margin:0 0 14px;padding:7px 14px 6px;display:inline-block;box-shadow:0 6px 16px -10px #3a24668c}.hero h1{margin:0;line-height:0}.wordmark svg{filter:drop-shadow(0 10px 16px #3a24664d);width:clamp(260px,38vw,580px);height:auto;overflow:visible}.wordmark .wm-letter{transform-box:fill-box;transform-origin:50% 100%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-sub{font:700 clamp(18px, 1.9vw, 26px)/1.2 var(--display);letter-spacing:-.01em;color:var(--purple-deep);max-width:460px;margin:10px 0 0}.hero-text{color:#3d2f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffaff8c;border-radius:16px;max-width:470px;margin:14px 0 0;padding:10px 14px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-note{z-index:2;color:var(--purple-deep);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:46px 42px 44px 40px/40px 44px 40px 46px;margin:0;padding:20px 36px 22px;font-size:clamp(22px,2.2vw,30px);line-height:1.12;position:absolute;top:108px;left:clamp(16px,6vw,110px);transform:rotate(-7deg)}.hero-note:after{content:"";clip-path:polygon(0 0,100% 0,70% 100%);background:#fff;width:26px;height:22px;position:absolute;bottom:-14px;right:22%}.hero-sign{z-index:1;width:clamp(150px,15vw,210px);position:absolute;bottom:3%;right:clamp(8px,3vw,40px)}.hero-sign svg{width:100%;height:auto;display:block}.btn{cursor:pointer;font:800 17px/1 var(--text);border:0;border-radius:999px;align-items:center;gap:10px;padding:15px 24px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background:var(--purple-deep);color:#fff;box-shadow:0 10px 22px -10px #3a2466e6}.btn-primary:before{content:"";background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 6l6 4-6 4z' fill='%233a2466'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:20px;height:20px}.btn-primary:hover{background:#4b2f85}.btn-ghost{color:var(--purple-deep);background:#fffc;box-shadow:inset 0 0 0 2px #3a24662e}.btn-ghost:hover{background:#fff}.btn.small{padding:11px 18px;font-size:15px}.section{padding:clamp(64px, 9vw, 120px) var(--gutter);position:relative}.section>*{max-width:var(--wrap);margin-left:auto;margin-right:auto}.section-head{margin-bottom:clamp(28px,4vw,44px)}.section-head h2{letter-spacing:-.02em;color:var(--purple-deep);max-width:820px;font-size:clamp(25px,3.3vw,42px);font-weight:700}.section-head p{max-width:700px;color:var(--ink-2);margin:14px 0 0;font-size:18px}.states,.emotions,.usage{background:var(--bg-band)}.states:before,.emotions:before,.usage:before{content:"";background:var(--bg);clip-path:ellipse(60% 100% at 50% 0);max-width:none;height:46px;position:absolute;top:-1px;left:0;right:0}.play-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:stretch;gap:22px;display:grid}.play-stage-wrap{position:relative}.play-stage{border-radius:var(--radius);height:clamp(380px,46vw,560px);box-shadow:var(--shadow);background:#e8dcf5;overflow:hidden}.play-status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdffeb;border-radius:999px;align-items:center;gap:10px;margin:0;padding:5px 16px 5px 5px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 8px 20px -12px #3a246699}.status-face{background:radial-gradient(circle at 50% 35%,#fbf4ff,#d9c4f2);border-radius:50%;flex:none;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff}.status-face img{width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.status-face:after{content:"";background:#4fc07a;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 2.5px #fff}.status-face.sleep:after{background:#8b6be0}.status-text{flex-direction:column;line-height:1.15;display:flex}.status-text small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:800}.status-text>span{color:var(--purple-deep);font-size:14.5px;font-weight:800}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.panel-block{border:0;min-width:0;margin:0;padding:0}.panel-block legend{font:800 13px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;padding:0}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tile-btn{cursor:pointer;letter-spacing:-.01em;min-width:0;color:var(--ink-2);text-align:center;background:#f4eefb;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;font-size:12.5px;font-weight:800;line-height:1.1;transition:background .2s,color .2s,transform .12s,box-shadow .2s;display:flex}.tile-btn svg{background:#fff;border-radius:50%;width:38px;height:38px;padding:3px;transition:transform .2s;box-shadow:0 2px 6px -2px #3a246659}.tile-btn:hover svg{transform:translateY(-2px)rotate(-4deg)}.tile-btn span{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.tile-btn:hover{background:#ebe1f8}.tile-btn:active{transform:scale(.96)}.tile-btn[aria-pressed=true]{background:var(--purple);color:#fff;box-shadow:0 8px 18px -10px #6a47c2e6}.tile-btn.flash{animation:.5s flash}@keyframes flash{0%{box-shadow:0 0 #8b6be099}to{box-shadow:0 0 0 14px #8b6be000}}.talk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.talk-grid .tile-btn{color:#6b4424;background:#fff4e6;padding:12px 6px}.talk-grid .tile-btn:hover{background:#ffead1}.talk-grid .tile-btn[aria-pressed=true]{color:#fff;background:#f1a54a}.panel-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.seg{background:#f1eafa;border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:800}.seg button[aria-checked=true]{color:var(--purple-deep);background:#fff;box-shadow:0 2px 8px #3a246626}.switch{color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;padding-bottom:6px;font-size:14px;font-weight:800;display:inline-flex}.switch input{opacity:0;position:absolute}.switch-track{background:#d9cdea;border-radius:999px;width:42px;height:24px;transition:background .2s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+.switch-track{background:var(--purple-2)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--purple-2);outline-offset:2px}.panorama{scroll-snap-type:x mandatory;max-width:none;margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter) 22px;scrollbar-width:thin;scrollbar-color:#cbb8e6 transparent;gap:0;display:flex;overflow-x:auto}.pano-strip{box-shadow:var(--shadow);border-radius:30px;flex:none;margin:0 auto;display:flex;overflow:hidden}.pano-tile{scroll-snap-align:center;flex:none;width:300px;position:relative}.pano-tile.wide{width:360px}.pano-tile .pano-stage{height:250px}.pano-tile+.pano-tile{border-left:3px solid #ffffff80}.pano-label{background:#fff;min-height:104px;padding:16px 18px 18px;position:relative}.pano-label h3{font:700 30px/1 var(--hand);color:var(--purple-deep)}.pano-label p{color:var(--ink-2);margin:6px 0 0;font-size:15px;line-height:1.35}.pano-label .num{font:800 13px/1 var(--text);color:#c5b5dc;position:absolute;top:14px;right:16px}.pano-tile button.replay{z-index:2;cursor:pointer;color:var(--purple-deep);background:#ffffffd9;border:0;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800;display:none;position:absolute;top:10px;right:10px}[data-motion=off] .pano-tile button.replay{display:block}.story-player{background:var(--card);box-shadow:var(--shadow);border-radius:30px;overflow:hidden}.story-stage{height:clamp(300px,36vw,440px)}.story-controls{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 18px 14px;display:flex}.icon-btn{cursor:pointer;background:var(--purple-deep);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{width:20px;height:20px}.story-time{font:800 14px/1 var(--text);color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;width:54px}input[type=range]{accent-color:var(--purple);flex:1;height:28px}.storyboard{counter-reset:frame;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:28px auto 0;padding:0;list-style:none;display:grid}.sb-frame{cursor:pointer;position:relative}.sb-frame:not(:last-child):after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h9M7 3l4 4-4 4' fill='none' stroke='%236a47c2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:14px;height:14px;position:absolute;top:32%;right:-16px}.sb-paper{cursor:pointer;width:100%;transform:rotate(var(--tilt,0deg));background:#fcfbf7;border:0;border-radius:6px;padding:0;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 0 0 1.5px #6d6a73,3px 4px #e0dbe8}.sb-paper img{width:100%;height:auto;display:block}.sb-frame:hover .sb-paper,.sb-frame.active .sb-paper{box-shadow:0 0 0 2px var(--purple), 4px 6px 0 #d9cdf0;transform:rotate(0)translateY(-3px)}.sb-frame p{color:var(--ink-2);text-align:center;margin:10px 0 0;font-size:15px;font-weight:800;line-height:1.25}.sb-frame p b{color:var(--purple)}.phases{grid-template-columns:1fr;gap:20px;margin-top:clamp(40px,6vw,72px);display:grid}.phases-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px 32px;display:grid}.phases-copy p{margin:8px 0 0}.phase-list{justify-content:flex-end}.ghost .ol path{fill:#b09ce0!important;stroke:#b09ce0!important}.ghost .fl path{fill:#f6f1fd!important;stroke:none!important}.ghost .fl path[stroke]{stroke:#c9bbec!important}.ghost{opacity:.85}.phases h3{color:var(--purple-deep);font-size:30px;font-weight:800}.phases p{color:var(--ink-2)}.phase-list{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.phase-list li{color:var(--ink-3);background:#efe6fa;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800;transition:background .2s,color .2s}.phase-list li.on{background:var(--purple);color:#fff}.phases-view{background:var(--card);box-shadow:var(--shadow);border-radius:26px;padding:10px 18px 14px}.onion svg{width:100%;height:auto;display:block}.emo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:28px;display:grid}.emo-face-wrap{position:relative}.emo-face{aspect-ratio:1/.9;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 42%,#fff 0 38%,#f1e6fb 64%,#e5d6f5 100%);border-radius:50% 50% 46% 46%/55% 55% 45% 45%;overflow:hidden}.emo-name{color:var(--purple-deep);box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;margin:0;padding:6px 22px 8px;font-size:32px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(-3deg)}.emo-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.emo-chip{cursor:pointer;color:var(--ink-2);background:#fff;border:0;border-radius:20px;padding:8px 6px 10px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 16px -10px #3a246680}.emo-chip img{background:#f6f0fc;border-radius:14px;width:100%;height:auto;display:block}.emo-chip span{margin-top:6px;display:block}.emo-chip:hover{transform:translateY(-2px)}.emo-chip[aria-checked=true]{box-shadow:0 0 0 3px var(--purple), 0 10px 20px -12px #6a47c2e6;color:var(--purple-deep)}.emo-mixer{background:#fff;border-radius:20px;margin-top:18px;padding:4px 18px;box-shadow:0 6px 16px -12px #3a246680}.emo-mixer summary{cursor:pointer;color:var(--purple-deep);padding:12px 0;font-weight:800}.sliders{grid-template-columns:1fr 1fr;gap:6px 18px;padding:0 0 14px;display:grid}.sliders label{color:var(--ink-2);flex-direction:column;font-size:14px;font-weight:700;display:flex}.rig-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:stretch;gap:22px;display:grid}.rig-view{border-radius:var(--radius);box-shadow:var(--shadow);background-color:#fbf8ff;background-image:linear-gradient(#ece3f8 1px,#0000 1px),linear-gradient(90deg,#ece3f8 1px,#0000 1px);background-size:28px 28px;position:relative;overflow:hidden}.rig-stage{height:clamp(360px,42vw,520px)}.rig-stage .handle{cursor:grab}.rig-stage .handle:active{cursor:grabbing}.rig-hint{color:var(--purple);pointer-events:none;margin:0;font-size:26px;position:absolute;top:12px;left:18px;transform:rotate(-4deg)}.rig-side{flex-direction:column;gap:16px;display:flex}.parts{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:10px;list-style:none;display:grid}.parts button{cursor:pointer;width:100%;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;font-size:15px;font-weight:800;display:flex}.parts button:hover,.parts button.on{color:var(--purple-deep);background:#f3ecfb}.parts i{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 3px #ffffffe6,0 0 0 4.5px}.parts small{color:var(--ink-3);margin-left:auto;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.stats div{background:var(--card);border-radius:18px;padding:12px 14px;box-shadow:0 6px 16px -12px #3a246680}.stats dt{color:var(--ink-3);font-size:13px;font-weight:700}.stats dd{font:700 26px/1 var(--display);color:var(--purple-deep);margin:2px 0 0}.pipeline{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px;display:grid;overflow:hidden}.pipe-step{padding:20px 22px 22px;position:relative}.pipe-step+.pipe-step{border-left:1px dashed var(--line)}.pipe-step+.pipe-step:before{content:"";width:20px;height:20px;box-shadow:0 0 0 1px var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 5l5 5-5 5' fill='none' stroke='%236a47c2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;position:absolute;top:30px;left:-11px}.pipe-step b{font:700 18px/1.2 var(--display);color:var(--purple-deep);display:block}.pipe-step span{color:var(--ink-2);margin-top:6px;font-size:15px;line-height:1.4;display:block}.pipe-step code{margin-top:8px;font-size:13px;display:inline-block}.lottie-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:clamp(40px,6vw,72px);display:grid}.lottie-copy h3{color:var(--purple-deep);font-size:30px;font-weight:800}.lottie-copy p{color:var(--ink-2)}.lottie-meta{color:var(--ink-3);font-size:14px;font-weight:700}.lottie-view{box-shadow:var(--shadow);background:#2a1d43;border-radius:28px;padding:14px}.lottie-frame{aspect-ratio:16/11;background:radial-gradient(circle at 50% 30%,#fbf6ff,#e7dcf6);border-radius:18px;overflow:hidden}.lottie-frame svg{display:block}.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:18px;display:grid}.b-card{background:var(--card);box-shadow:var(--shadow);border-radius:26px;position:relative;overflow:hidden}.b-loader{grid-column:span 4}.b-toast{grid-column:span 2}.b-empty,.b-chat,.b-404{grid-area:span 2/span 2}.b-cap{font:800 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);position:absolute;top:12px;left:16px}.win{flex-direction:column;height:100%;display:flex}.win-bar{background:#f5eefc;align-items:center;gap:6px;padding:12px 16px;display:flex}.win-bar i{background:#e6d8f3;border-radius:50%;width:10px;height:10px}.win-bar i:first-child{background:#f39aa9}.win-bar i:nth-child(2){background:#f5cf78}.win-bar i:nth-child(3){background:#9bd49a}.win-bar span{height:22px;color:var(--ink-3);background:#fff;border-radius:999px;flex:1;margin-left:12px;padding:0 12px;font-size:12px;font-weight:700;line-height:22px}.loader-body{flex:1;grid-template-columns:1fr;justify-items:center;padding:8px 22px 24px;display:grid}.loader-anim{aspect-ratio:16/9;width:min(360px,100%)}.loader-bar{background:#efe6fa;border-radius:999px;width:min(420px,100%);height:14px;overflow:hidden}.loader-bar b{background:linear-gradient(90deg, var(--purple-2), var(--pink));border-radius:inherit;width:100%;height:100%;display:block;transform:translate(-100%)}.loader-text{color:var(--ink-2);margin:10px 0 0;font-size:15px;font-weight:800}.toast{align-items:center;gap:12px;height:100%;padding:34px 16px 18px;display:flex}.toast-pig{flex:none;width:150px;height:124px}.toast b{font:700 20px/1.1 var(--display);color:var(--purple-deep);display:block}.toast span{color:var(--ink-2);font-size:15px}.empty{text-align:center;flex-direction:column;align-items:center;height:100%;padding:40px 18px 22px;display:flex}.empty-pig{width:100%;height:200px}.empty b{font:700 22px/1.1 var(--display);color:var(--purple-deep)}.empty span{color:var(--ink-2);margin:6px 0 14px;font-size:15px}.chat{background:linear-gradient(#fff,#faf6ff);flex-direction:column;gap:10px;height:100%;padding:40px 16px 16px;display:flex}.chat-row{align-items:flex-end;gap:10px;display:flex}.chat-ava{background:#f1e7fb;border-radius:50%;flex:none;width:64px;height:64px;overflow:hidden}.chat-msg{color:var(--ink);background:#f1eafa;border-radius:18px 18px 18px 6px;max-width:80%;padding:10px 14px;font-size:15px;font-weight:700}.chat-msg.me{background:var(--purple);color:#fff;border-radius:18px 18px 6px;margin-left:auto}.typing{gap:4px;padding:14px 16px;display:inline-flex}.typing i{background:#a894c7;border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-quick{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.chat-quick button{color:var(--purple-deep);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 2px #e2d5f2}.chat-quick button:hover{box-shadow:inset 0 0 0 2px var(--purple-2)}.e404{text-align:center;background:linear-gradient(#fff,#f8f2fd);flex-direction:column;height:100%;padding:34px 18px 18px;display:flex}.e404-pig{width:100%;height:210px}.e404 b{font:900 46px/1 var(--display);color:var(--purple-deep);letter-spacing:.02em}.e404 span{color:var(--ink-2);margin-top:4px;font-size:15px}.footer{color:#fff;isolation:isolate;height:clamp(380px,42vw,520px);position:relative;overflow:hidden}.footer-stage{z-index:-1;position:absolute;inset:0}.footer-copy{right:var(--gutter);text-align:right;max-width:440px;position:absolute;top:18%}.footer-title{text-shadow:0 2px 16px #1e103280;margin:0;font-size:clamp(30px,3.4vw,44px);line-height:1.05;transform:rotate(-4deg)}.footer-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;margin-top:26px;display:flex}.footer-nav a{color:#f3e7ff;opacity:.85;font-size:15px;font-weight:700;text-decoration:none}.footer-nav a:hover{opacity:1;text-decoration:underline}.footer-site{color:#f3e7ff;letter-spacing:.08em;opacity:.55;margin-top:22px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.footer-site:hover{opacity:.9}[data-motion=off] .typing i{animation:none}[data-motion=off] *{scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bubble,.tile-btn,.btn{transition:none}}@media (width<=1080px){.nav{display:none}.lang-switch{margin-left:auto}.storyboard{grid-template-columns:repeat(5,minmax(150px,1fr));padding-bottom:8px;overflow-x:auto}.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.b-loader,.b-toast{grid-column:span 4}.b-empty,.b-chat,.b-404{grid-column:span 2}}@media (width<=900px){.hero{grid-template-columns:1fr;align-items:start;height:auto;min-height:0;max-height:none;padding-top:92px}.hero-stage{height:62vw;min-height:300px;margin:0 calc(-1 * var(--gutter));z-index:0;order:2;position:relative;inset:auto}.hero-copy{text-align:center;grid-column:1;justify-self:center;padding-bottom:0}.hero-sub,.hero-text{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-note,.hero-sign{display:none}.hero{background:linear-gradient(#cdb8ea,#eadcf6 60%)}.play-grid,.rig-grid,.emo-grid,.phases,.lottie-block,.phases-copy{grid-template-columns:1fr}.phase-list{justify-content:flex-start}.pipeline{grid-template-columns:1fr 1fr}.pipe-step:nth-child(3){border-left:0}.pipe-step:nth-child(n+3){border-top:1px dashed var(--line)}.pipe-step:nth-child(3):before{display:none}.footer-copy{left:var(--gutter);right:var(--gutter);text-align:center;max-width:none;top:10%}.footer-nav{justify-content:center}}@media (width<=560px){body{font-size:16px}.topbar{left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));gap:10px}.brand-name{font-size:20px}.motion-label{display:none}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tile-btn{padding:8px 2px;font-size:11.5px}.tile-btn svg{width:34px;height:34px}.play-stage{height:92vw;max-height:420px}.emo-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.emo-chip{padding:6px 4px 8px;font-size:12px}.sliders,.parts{grid-template-columns:1fr}.stats dd{font-size:22px}.pipeline{grid-template-columns:1fr}.pipe-step+.pipe-step{border-left:0;border-top:1px dashed var(--line)}.pipe-step+.pipe-step:before{display:none}.bento{grid-template-columns:1fr}.b-loader,.b-toast,.b-empty,.b-chat,.b-404{grid-area:auto/span 1}.pano-tile{width:78vw}.pano-tile.wide{width:84vw}}.b-loader .b-cap{display:none}.phases-view input[type=range]{width:100%}.lottie-copy,.lottie-view,.phases-copy>*,.emo-side,.rig-side{min-width:0}.seg{flex-wrap:wrap}@media (width<=900px){.hero-stage{height:78vw;max-height:460px}.hero{padding-top:0}.hero-stage{order:-1;height:calc(66vw + 80px);min-height:340px;max-height:520px}.hero-copy{padding-top:18px}.hero h1{font-size:clamp(72px,20vw,120px)}}.section,.footer{content-visibility:auto;contain-intrinsic-size:auto 1000px}.b-card,.sb-frame,.emo-chip{content-visibility:auto;contain-intrinsic-size:auto 300px}.stage{contain:strict}.hero-stage{background:linear-gradient(#c7aee9,#e6d6f5 62%,#a8cf8a 62.5%,#8dbb74)}.stage{animation:.45s ease-out both stage-in}@keyframes stage-in{0%{opacity:0}to{opacity:1}}