@font-face{font-family:Lato;src:url(/fonts/Lato-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-900.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--ruya-night:#07040d;--ruya-deep:#140a26;--ruya-ink:#1b1534;--ruya-purple:#4b1f78;--ruya-violet:#7b3fe4;--ruya-teal:#00a6a6;--ruya-teal-text:#007c7c;--ruya-glow:#5ee0d8;--ruya-teal-soft:#d9f4f2;--ruya-light:#f6f4fa;--ruya-line:#e4e0ee;--ruya-red:#ff4d5e;--ruya-white:#fff;--ruya-text-day:#1b1534;--ruya-text-day-soft:#5a5373;--ruya-text-night:#fff;--ruya-text-night-soft:#ffffff9e;--ruya-text-night-faint:#fff6;--ruya-ground-day:radial-gradient(ellipse at 50% 0%, #fff 0%, #f6f4fa 55%, #ece8f4 100%);--ruya-ground-night:radial-gradient(ellipse at 50% 30%, #1d0f36 0%, #0e0719 55%, #07040d 100%);--ruya-ground-close:radial-gradient(ellipse at 50% 40%, #3a1a66 0%, #1e0f3a 55%, #07040d 100%);--ruya-signature:linear-gradient(90deg, #4b1f78, #00a6a6);--ruya-glass-night:linear-gradient(180deg, #261c42f5, #18112cf5);--ruya-glass-bar:#10091ebd;--ruya-tool-studio:linear-gradient(135deg, #0ea5e9, #6366f1);--ruya-tool-builder:linear-gradient(135deg, #a855f7, #ec4899);--ruya-tool-doc:linear-gradient(135deg, #e2e8f0, #94a3b8);--ruya-font:"Lato", "Helvetica Neue", Arial, sans-serif;--ruya-w-regular:400;--ruya-w-bold:700;--ruya-w-black:900;--ruya-size-display:clamp(3rem, 1.6rem + 6.2vw, 8rem);--ruya-size-h2:clamp(2.25rem, 1.4rem + 3.8vw, 4.75rem);--ruya-size-h3:clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem);--ruya-size-lead:clamp(1.25rem, 1.05rem + .8vw, 1.75rem);--ruya-size-body:1.0625rem;--ruya-size-small:.875rem;--ruya-size-label:.8125rem;--ruya-track-display:-.025em;--ruya-track-label:.12em;--ruya-track-wordmark:.04em;--ruya-s1:.5rem;--ruya-s2:1rem;--ruya-s3:1.5rem;--ruya-s4:2rem;--ruya-s5:3rem;--ruya-s6:4rem;--ruya-s7:6rem;--ruya-s8:9rem;--ruya-page:1200px;--ruya-gutter:clamp(16px, 4vw, 48px);--ruya-r-pill:999px;--ruya-r-card:20px;--ruya-r-window:18px;--ruya-r-tile:32px;--ruya-shadow-window:0 40px 120px #28145047, 0 8px 24px #2814501f;--ruya-shadow-chip:0 12px 40px #1b153440;--ruya-shadow-night:0 30px 90px #0000008c;--ruya-ring:0 0 0 3px #00a6a6, 0 0 24px #00a6a68c;--ruya-ease-expo:cubic-bezier(.16, 1, .3, 1);--ruya-ease-inout:cubic-bezier(.65, 0, .35, 1);--ruya-ease-in:cubic-bezier(.55, 0, 1, .45);--ruya-dur-ui:.24s;--ruya-dur-reveal:.8s;--ruya-dur-camera:1.2s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{background:var(--ruya-night);color:var(--ruya-text-night);font-family:var(--ruya-font);font-size:var(--ruya-size-body);margin:0;line-height:1.5;overflow-x:clip}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:3px solid var(--ruya-glow);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;border-radius:var(--ruya-r-pill);background:var(--ruya-white);color:var(--ruya-ink);padding:10px 16px;font-weight:900;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}.night{background:var(--ruya-ground-night);color:var(--ruya-text-night)}.day{background:var(--ruya-ground-day);color:var(--ruya-text-day)}.grain:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.display,.h2{font-weight:var(--ruya-w-black);letter-spacing:var(--ruya-track-display);text-wrap:balance;margin:0}.display{font-size:var(--ruya-size-display);line-height:.98}.h2{font-size:var(--ruya-size-h2);line-height:1.04}.lead{font-size:var(--ruya-size-lead);line-height:1.35;font-weight:var(--ruya-w-bold);text-wrap:balance;margin:0}.night .lead{color:var(--ruya-text-night-soft)}.day .lead{color:var(--ruya-text-day-soft)}.beat{color:var(--ruya-teal-text);opacity:0;transition:opacity var(--ruya-dur-reveal) var(--ruya-ease-expo), transform var(--ruya-dur-reveal) var(--ruya-ease-expo);display:block;transform:translateY(.35em)}.night .beat{color:var(--ruya-glow)}.beat.is-on{opacity:1;transform:none}.wordmark{font-weight:var(--ruya-w-black);letter-spacing:var(--ruya-track-wordmark);white-space:nowrap;line-height:1}.wordmark .ru{color:var(--ruya-purple)}.wordmark .ya{color:var(--ruya-teal)}.on-night .wordmark .ru,.wordmark.on-night .ru{color:var(--ruya-white)}.chip{border-radius:var(--ruya-r-pill);font-size:var(--ruya-size-small);font-weight:var(--ruya-w-black);letter-spacing:.01em;background:var(--ruya-ink);color:var(--ruya-white);box-shadow:var(--ruya-shadow-chip);align-items:center;gap:10px;margin:0;padding:8px 16px 8px 13px;display:inline-flex}.chip:before{content:"";background:var(--ruya-teal);border-radius:50%;flex:none;width:9px;height:9px}.night .chip{box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f}.night .chip:before{background:var(--ruya-glow)}.btn{border-radius:var(--ruya-r-pill);min-height:52px;font-size:1.0625rem;font-weight:var(--ruya-w-black);white-space:nowrap;transition:transform var(--ruya-dur-ui) var(--ruya-ease-expo), background-color var(--ruya-dur-ui) var(--ruya-ease-expo), box-shadow var(--ruya-dur-ui) var(--ruya-ease-expo);align-items:center;gap:12px;padding:0 24px 0 8px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn .disc{background:var(--ruya-teal);width:38px;height:38px;color:var(--ruya-white);border-radius:50%;flex:none;place-items:center;display:grid}.btn .disc svg{width:14px;height:14px;margin-left:2px}.btn .meta{font-weight:var(--ruya-w-bold);opacity:.55}.btn--light{background:var(--ruya-white);color:var(--ruya-ink);box-shadow:0 18px 50px #00a6a62e}.btn--light:hover{box-shadow:0 22px 60px #00a6a64d}.btn--ink{background:var(--ruya-ink);color:var(--ruya-white);box-shadow:var(--ruya-shadow-chip)}.btn--ghost{border:1px solid #ffffff3d;padding:0 22px}.day .btn--ghost{border-color:#1b153433}.btn--ghost:hover{border-color:#ffffff80}.day .btn--ghost:hover{border-color:#1b153473}.nav{z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background-color .4s var(--ruya-ease-expo), color .4s var(--ruya-ease-expo), box-shadow .4s var(--ruya-ease-expo);color:var(--ruya-white);position:fixed;inset:0 0 auto}.nav__inner{align-items:center;gap:var(--ruya-s3);max-width:var(--ruya-page);height:68px;padding-inline:var(--ruya-gutter);margin:0 auto;display:flex}.nav .wordmark{font-size:1.375rem;text-decoration:none}.nav .wordmark .ru{color:currentColor;transition:color .4s var(--ruya-ease-expo)}.nav__links{gap:var(--ruya-s3);font-size:.9375rem;font-weight:var(--ruya-w-bold);margin-left:auto;display:flex}.nav__links a{opacity:.72;transition:opacity var(--ruya-dur-ui);text-decoration:none}.nav__links a:hover{opacity:1}.nav .btn{gap:9px;min-height:40px;padding:0 16px 0 5px;font-size:.9375rem}.nav .btn .disc{width:30px;height:30px}.nav .btn .disc svg{width:11px;height:11px}.nav.is-scrolled{-webkit-backdrop-filter:saturate(160%)blur(18px);background:#07040d9e;box-shadow:0 1px #ffffff0f}.nav.is-day{color:var(--ruya-ink)}.nav.is-day .wordmark .ru{color:var(--ruya-purple)}.nav.is-day.is-scrolled{background:#f6f4fab8;box-shadow:0 1px #1b153414}.nav.is-day .btn--light{background:var(--ruya-ink);color:var(--ruya-white);box-shadow:none}@media (width<=760px){.nav__links{display:none}.nav .btn{margin-left:auto}}.hero{padding-inline:var(--ruya-gutter);padding-block:calc(112px + env(safe-area-inset-top,0px)) var(--ruya-s7);isolation:isolate;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 40% at 50% 62%,#7b3fe447,#0000 70%),radial-gradient(30% 26% at 62% 70%,#00a6a629,#0000 70%);height:120%;position:absolute;inset:-20% -10% auto}.hero__copy{justify-items:center;gap:var(--ruya-s2);text-align:center;max-width:1060px;margin:0 auto;display:grid}.hero .display{margin-top:var(--ruya-s1);font-size:clamp(3rem,1.4rem + 5.4vw,7rem)}.hero .lead{max-width:54ch}.hero__actions{justify-content:center;gap:var(--ruya-s2);margin-top:var(--ruya-s2);flex-wrap:wrap;display:flex}.stage{max-width:1120px;margin:var(--ruya-s5) auto 0;position:relative}.player{aspect-ratio:16/9;background:var(--ruya-night);border-radius:22px;margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 60px 140px #0009,0 0 120px #7b3fe438}.player video{object-fit:cover;width:100%;height:100%}.player__cover{transition:opacity .5s var(--ruya-ease-expo);background:linear-gradient(#0000 55%,#07040d8c 100%);justify-content:flex-start;align-items:flex-end;padding:clamp(14px,2.4vw,28px);display:flex;position:absolute;inset:0}.player__cover .btn{pointer-events:none}.player.is-playing .player__cover{opacity:0;pointer-events:none}.player__cover:hover .btn{transform:translateY(-2px);box-shadow:0 22px 60px #00a6a659}@media (width<=560px){.hero{padding-block-start:calc(112px + env(safe-area-inset-top,0px))}.player{border-radius:14px}.player__cover .btn{min-height:44px;font-size:.9375rem}.player__cover .btn .disc{width:32px;height:32px}}.story{isolation:isolate;height:100svh;position:relative;overflow:hidden}.story__night{background:var(--ruya-ground-night);position:absolute;inset:0}.story__night:before{content:"";background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(255, 77, 94, var(--tension,0)), transparent 70%);opacity:.22;position:absolute;inset:0}.story__cards{--cw:clamp(168px, 25vw, 380px);position:absolute;inset:0}.agent{width:var(--cw);aspect-ratio:1/.62;background:var(--ruya-glass-night);box-shadow:var(--ruya-shadow-night);opacity:0;transform-origin:50%;border:1px solid #ffffff1f;border-radius:20px;position:absolute;top:0;left:0;overflow:hidden;container-type:inline-size}.agent.is-ghost{--scale:.62}.agent__bar{color:#ffffffbf;height:11.5cqw;font-size:4.2cqw;font-weight:var(--ruya-w-bold);white-space:nowrap;border-bottom:1px solid #ffffff14;align-items:center;gap:2.4cqw;padding:0 4.6cqw;display:flex}.agent__icon{border-radius:1.4cqw;flex:none;width:4.6cqw;height:4.6cqw}.agent[data-kind=studio] .agent__icon{background:var(--ruya-tool-studio)}.agent[data-kind=builder] .agent__icon{background:var(--ruya-tool-builder)}.agent[data-kind=doc] .agent__icon{background:var(--ruya-tool-doc)}.agent__body{padding:5cqw 5.6cqw}.agent__name{min-height:1.3em;color:var(--ruya-white);font-size:7.6cqw;font-weight:var(--ruya-w-black);white-space:nowrap;line-height:1.2}.agent__lines{gap:2.6cqw;margin-top:4cqw;display:grid}.agent__lines i{background:linear-gradient(90deg,#ffffff14 20%,#fff3 50%,#ffffff14 80%) 0 0/250% 100%;border-radius:2cqw;height:2.6cqw;animation:2.4s linear infinite shimmer;display:block}.agent__lines i:first-child{width:92%}.agent__lines i:nth-child(2){width:78%}.agent__lines i:nth-child(3){width:86%}.agent__foot{color:#ffffff8c;justify-content:space-between;align-items:center;margin-top:4.6cqw;font-size:4cqw;display:flex}.agent__same{color:#ff8a95;font-size:3.5cqw;font-weight:var(--ruya-w-black);letter-spacing:.03em;opacity:0;background:#ff4d5e2e;border-radius:99px;padding:1.2cqw 2.6cqw}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.story__opening,.story__question{padding-inline:var(--ruya-gutter);text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.story__opening p{margin:0}.story__opening .soft{font-size:var(--ruya-size-lead);font-weight:var(--ruya-w-bold);color:var(--ruya-text-night-soft)}.story__opening .h2{margin-top:var(--ruya-s1)}.story__question .display{text-shadow:0 10px 60px #0009}.subtitle{left:50%;bottom:calc(clamp(24px, 6vh, 64px) + env(safe-area-inset-bottom,0px));background:var(--ruya-glass-bar);-webkit-backdrop-filter:blur(10px);width:max-content;max-width:min(92vw,1100px);font-size:clamp(1.05rem,.8rem + 1.1vw,1.75rem);font-weight:var(--ruya-w-black);text-align:center;text-wrap:balance;opacity:0;border-radius:16px;padding:12px 24px 14px;line-height:1.3;position:absolute;transform:translate(-50%);box-shadow:0 18px 50px #0a051959}.subtitle span{color:#ffffff6b}.subtitle span.is-said{color:var(--ruya-white)}.subtitle span.is-now{color:var(--ruya-glow)}.subtitle.is-turn{background:var(--ruya-ink)}.subtitle .brand{color:var(--ruya-glow)}.story__day{background:var(--ruya-ground-day);clip-path:circle(0%);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.story__day .wordmark{margin:0;font-size:clamp(5rem,2rem + 13vw,13.75rem)}.story__underline{background:var(--ruya-signature);transform-origin:0;border-radius:4px;width:clamp(190px,26vw,420px);height:clamp(5px,.5vw,8px);margin-top:clamp(14px,1.6vw,26px);transform:scaleX(0)}.story__point{background:var(--ruya-white);opacity:0;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:0 0 30px 10px #5ee0d899,0 0 80px 30px #7b3fe466}.feature{height:100svh;padding-inline:var(--ruya-gutter);padding-block:calc(92px + env(safe-area-inset-top,0px)) clamp(20px, 4vh, 48px);flex-direction:column;display:flex;position:relative;overflow:hidden}.feature__copy{justify-items:center;gap:var(--ruya-s2);text-align:center;max-width:1180px;margin:0 auto;display:grid}.feature .h2{font-size:min(clamp(2rem,1.2rem + 3.2vw,4.25rem),7.2vh)}.feature__frame{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin-top:clamp(16px,3.5vh,44px);display:flex}.feature__frame .window{aspect-ratio:16/10.6;flex-direction:column;max-width:min(100%,1180px);height:100%;max-height:780px;display:flex}.feature__frame .window__view{aspect-ratio:auto;flex:auto;min-height:0}.window{border-radius:var(--ruya-r-window);background:var(--ruya-white);border:1px solid var(--ruya-line);box-shadow:var(--ruya-shadow-window);position:relative;overflow:hidden}.window__bar{border-bottom:1px solid var(--ruya-line);background:#f3f1f7;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.window__bar i{border-radius:50%;width:11px;height:11px}.window__bar i:first-child{background:#ff5f57}.window__bar i:nth-child(2){background:#febc2e}.window__bar i:nth-child(3){background:#28c840}.window--dark{background:#1f1f1f;border-color:#333}.window--dark .window__bar{background:#2a2a2a;border-color:#3a3a3a}.window__view{aspect-ratio:16/10;background:#fbfafd;position:relative;overflow:hidden}.window--dark .window__view{background:#1f1f1f}.canvas{transform-origin:0 0;position:absolute;top:0;left:0}.canvas img{width:100%;height:auto;position:absolute;top:0;left:0}.canvas img+img{opacity:0}.ring{border:3px solid var(--ruya-teal);opacity:0;pointer-events:none;border-radius:12px;animation:1.6s ease-in-out infinite ring-pulse;position:absolute}.ring--violet{border-color:var(--ruya-violet);--ring:123, 63, 228}@keyframes ring-pulse{0%,to{box-shadow:0 0 10px rgba(var(--ring,0, 166, 166), .5), inset 0 0 6px rgba(var(--ring,0, 166, 166), .2)}50%{box-shadow:0 0 28px rgba(var(--ring,0, 166, 166), .6), inset 0 0 14px rgba(var(--ring,0, 166, 166), .25)}}.label{border-radius:var(--ruya-r-pill);background:var(--ruya-violet);color:var(--ruya-white);font-size:13px;font-weight:var(--ruya-w-black);white-space:nowrap;opacity:0;transform-origin:100% 100%;padding:6px 12px;position:absolute}.callout{background:var(--ruya-white);border:3px solid var(--ruya-teal);width:min(88%,720px);color:var(--ruya-ink);opacity:0;border-radius:20px;padding:clamp(14px,2vw,24px) clamp(16px,2.6vw,32px);position:absolute;bottom:7%;left:50%;transform:translate(-50%,30px);box-shadow:0 30px 90px #00787840}.callout small{color:var(--ruya-teal-text);font-size:clamp(.7rem,.6rem + .3vw,.875rem);font-weight:var(--ruya-w-black);letter-spacing:var(--ruya-track-label);display:block}.callout strong{font-size:clamp(1rem,.7rem + 1.2vw,1.75rem);font-weight:var(--ruya-w-black);margin-top:4px;line-height:1.2;display:block}.split{position:absolute;inset:0;container-type:size}.split__tile{aspect-ratio:1/1.05;background:var(--ruya-white);border:1px solid var(--ruya-line);border-radius:1cqw;align-content:start;gap:.7cqw;width:6.4cqw;padding:1cqw .9cqw;display:grid;position:absolute;top:0;left:0;box-shadow:0 6px 18px #28145014}.split__tile i{background:#e7e3ef;border-radius:1cqw;height:.6cqw;display:block}.split__tile i:nth-child(2){width:70%}.split__tile i:nth-child(3){width:85%}.split__tile.is-held{border-color:var(--ruya-teal);box-shadow:0 0 0 2px #00a6a640,0 6px 18px #0078781f}.split__head{font-size:clamp(.8rem,.5rem + 1.3cqw,1.5rem);font-weight:var(--ruya-w-black);opacity:0;margin:0;position:absolute;top:8%}.split__head--build{left:6%}.split__head--held{color:var(--ruya-teal-text);right:6%}.split__agent{background:var(--ruya-ink);color:var(--ruya-white);font-size:clamp(.6rem,.3rem + 1.2cqw,1.1rem);font-weight:var(--ruya-w-black);white-space:nowrap;opacity:0;border-radius:99px;align-items:center;gap:.8cqw;padding:.7cqw 1.6cqw .7cqw 1.2cqw;display:inline-flex;position:absolute;top:0;left:0}.split__agent:before{content:"";background:var(--ruya-teal);border-radius:50%;width:.9cqw;min-width:6px;height:.9cqw;min-height:6px}.split__agent.is-yours{background:var(--ruya-violet)}.split__agent.is-yours:before{background:var(--ruya-white)}.feature__board{opacity:0;position:absolute;inset:0}@media (height<=800px) and (width>=761px){.feature{padding-block:calc(80px + env(safe-area-inset-top,0px)) 20px}.feature__copy{gap:var(--ruya-s1)}.feature__frame{margin-top:18px}.feature__frame .window{aspect-ratio:auto;width:min(100%,1180px)}}@media (width<=760px){.feature{padding-block-start:calc(84px + env(safe-area-inset-top,0px))}.feature__frame{margin-top:var(--ruya-s3);align-items:stretch}.feature__frame .window{aspect-ratio:auto;width:100%;max-width:100%;height:100%;max-height:none}.window__bar{gap:5px;height:24px;padding:0 10px}.window__bar i{width:8px;height:8px}.ring{border-width:2px;border-radius:8px}.label{display:none}}.tutorial{padding-inline:var(--ruya-gutter);padding-block:var(--ruya-s8);position:relative}.tutorial__copy{justify-items:center;gap:var(--ruya-s2);text-align:center;display:grid}.tutorial .player{max-width:1080px;margin:var(--ruya-s5) auto 0;box-shadow:var(--ruya-shadow-window);background:#fbfafd}.tutorial .player__cover{background:linear-gradient(#0000 60%,#1b15342e 100%)}.chapters{max-width:1080px;margin:var(--ruya-s4) auto 0;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style:none;display:flex}.chapters button{border-radius:var(--ruya-r-pill);background:var(--ruya-white);border:1px solid var(--ruya-line);min-height:44px;color:var(--ruya-ink);font-size:.9375rem;font-weight:var(--ruya-w-black);transition:background-color var(--ruya-dur-ui), color var(--ruya-dur-ui), border-color var(--ruya-dur-ui), transform var(--ruya-dur-ui) var(--ruya-ease-expo);align-items:center;gap:10px;padding:0 18px 0 7px;display:inline-flex}.chapters button:hover{border-color:var(--ruya-teal);transform:translateY(-1px)}.chapters .n{background:var(--ruya-teal-soft);width:30px;height:30px;color:var(--ruya-teal-text);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.chapters button[aria-current=step]{background:var(--ruya-ink);border-color:var(--ruya-ink);color:var(--ruya-white)}.chapters button[aria-current=step] .n{background:var(--ruya-teal);color:var(--ruya-white)}.tutorial__note{margin:var(--ruya-s4) 0 0;text-align:center;color:var(--ruya-text-day-soft);font-weight:var(--ruya-w-bold)}.tutorial__note b{color:var(--ruya-ink)}.close{justify-items:center;gap:var(--ruya-s3);padding-inline:var(--ruya-gutter);padding-block:var(--ruya-s8) var(--ruya-s7);background:var(--ruya-ground-close);text-align:center;isolation:isolate;display:grid;position:relative;overflow:hidden}.tile{border-radius:var(--ruya-r-tile);background:var(--ruya-white);padding:clamp(18px,2.4vw,34px) clamp(30px,4.2vw,60px);display:inline-block;box-shadow:0 40px 120px #00000073,0 0 80px #5ee0d82e}.tile .wordmark{font-size:clamp(2.75rem,1.5rem + 5vw,6rem)}.close .h2{margin-top:var(--ruya-s3)}.close__actions{justify-content:center;gap:var(--ruya-s2);margin-top:var(--ruya-s3);flex-wrap:wrap;display:flex}.footer{padding-inline:0;padding-block:var(--ruya-s5) calc(var(--ruya-s5) + env(safe-area-inset-bottom,0px));background:var(--ruya-night);color:var(--ruya-text-night-soft);font-size:var(--ruya-size-small)}.footer__inner{align-items:center;gap:var(--ruya-s2) var(--ruya-s4);max-width:var(--ruya-page);padding-inline:var(--ruya-gutter);flex-wrap:wrap;margin:0 auto;display:flex}.footer .wordmark{font-size:1.125rem}.footer a{color:var(--ruya-text-night-soft);text-decoration:none}.footer a:hover{color:var(--ruya-white)}.footer__legal{flex-basis:100%;max-width:70ch;margin:0}.reveal{opacity:0;transition:opacity var(--ruya-dur-reveal) var(--ruya-ease-expo), transform var(--ruya-dur-reveal) var(--ruya-ease-expo);transform:translateY(24px)}.reveal.is-in,.no-js .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.beat{opacity:1;transition:none;transform:none}.agent__lines i,.ring{animation:none}}.story.is-static{align-items:center;gap:var(--ruya-s5);height:auto;padding-block:var(--ruya-s8) 0;flex-direction:column;display:flex}.story.is-static .story__opening,.story.is-static .story__question{position:relative;inset:auto}.story.is-static .story__opening{order:1}.story.is-static .story__cards{gap:var(--ruya-s4);width:100%;max-width:var(--ruya-page);padding-inline:var(--ruya-gutter);--cw:100%;order:2;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;inset:auto}.story.is-static .story__pair{align-content:start;justify-items:center;gap:var(--ruya-s2);grid-template-columns:minmax(0,1fr);display:grid}.story.is-static .agent{opacity:1;position:relative;transform:none}.story.is-static .agent.is-ghost{display:none}.story.is-static .subtitle{opacity:1;width:auto;max-width:100%;position:relative;bottom:auto;left:auto;transform:none}.story.is-static .story__same{order:3}.story.is-static .story__question{order:4}.story.is-static .story__point{display:none}.story.is-static .story__day{width:100%;padding-block:var(--ruya-s8);clip-path:none;order:5;position:relative;inset:auto}.story.is-static .story__day .subtitle{margin-top:var(--ruya-s4)}.story.is-static .story__underline{transform:none}@media (width<=760px){.story.is-static .story__cards{grid-template-columns:minmax(0,1fr);max-width:420px}}