.intro-layers,.intro-skip{display:none}.motion-ok .intro-stage{background:var(--kodea-white);height:100svh;position:relative;overflow:hidden}.motion-ok .intro-layers{display:block;position:absolute;inset:0}.motion-ok .intro-hero{visibility:hidden;opacity:0;position:absolute;inset:0}.intro-scene{place-items:center;display:grid;position:absolute;inset:0}.intro-logo-split{aspect-ratio:590/166;width:min(320px,72vw);position:relative}.intro-logo-part{--logo-w:100%;will-change:transform;mix-blend-mode:multiply;position:absolute;inset:0}.intro-logo-part .logo,.intro-logo-part .logo-slot{display:block}.intro-hint{font-size:var(--step--1);color:var(--muted);white-space:nowrap;justify-items:center;gap:.75rem;display:grid;position:absolute;bottom:max(2rem,6svh);left:50%;transform:translate(-50%)}.intro-hint-line{background:linear-gradient(var(--kodea-teal), transparent);transform-origin:top;width:2px;height:2.5rem;animation:1.8s ease-in-out infinite hint}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.intro-dark{background:var(--night);clip-path:circle(0);position:absolute;inset:0}.intro-workspace{aspect-ratio:560/360;width:min(560px,92vw);position:relative}.intro-workspace-svg{width:100%;height:100%;overflow:visible}.motion-ok .intro-workspace :is(.ws-monitor,.ws-desk,.ws-koala){opacity:0}.intro-code{font-family:var(--font-code);color:var(--on-night);margin:0;padding:4% 5%;font-size:clamp(.5rem,.3rem + .9vw,.8rem);line-height:1.7;position:absolute;overflow:hidden}.intro-code-line{white-space:pre;clip-path:inset(0 100% 0 0);display:block}.c-p{color:#7f9c9b}.c-t{color:#6fd0cf}.c-a{color:#e6c27a}.c-s{color:#b9e08f}.c-x{color:var(--on-night)}.intro-phone{aspect-ratio:9/18;background:var(--kodea-graphite);opacity:0;border-radius:30px;width:min(210px,50vw);padding:8px;position:absolute;box-shadow:0 30px 60px #00000059}.intro-phone-screen{background:var(--kodea-paper);height:100%;color:var(--kodea-graphite);border-radius:23px;grid-template-rows:auto auto 1fr;gap:10px;padding:12px 10px;font-size:.7rem;display:grid;position:relative;overflow:hidden}.intro-phone-top{justify-content:space-between;align-items:center;display:flex}.intro-phone-brand{font-family:var(--font-display);font-weight:700}.intro-phone-menu{border-block:2px solid;width:16px;height:10px}.intro-phone-hero{background:var(--night);color:var(--on-night);border-radius:12px;gap:8px;padding:14px 10px;display:grid}.intro-phone-hero strong{font-family:var(--font-display);font-size:.85rem;line-height:1.2}.intro-phone-btn{background:var(--kodea-teal);color:var(--night);border-radius:99px;justify-self:start;padding:4px 10px;font-weight:600}.intro-phone-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.intro-phone-grid span{aspect-ratio:1;background:var(--teal-wash);border:1px solid var(--teal-line);border-radius:10px}.intro-phone-tag{white-space:nowrap;color:var(--muted);font-size:.6rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.motion-ok .intro-skip{z-index:5;min-height:2.75rem;color:var(--kodea-graphite);border:1px solid var(--line);font-size:var(--step--1);background:#ffffffeb;border-radius:999px;align-items:center;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:1rem;right:1rem}.intro-skip:hover{border-color:var(--kodea-graphite)}.hero[data-astro-cid-yodha2z4]{min-height:100svh;padding-top:var(--header-h);background:var(--kodea-white);align-items:center;display:grid}.hero-body[data-astro-cid-yodha2z4]{align-items:center;gap:2.5rem;padding-block:2rem 3.5rem;display:grid}.hero-text[data-astro-cid-yodha2z4]{justify-items:start;gap:1.25rem;display:grid}h1[data-astro-cid-yodha2z4]{max-width:17ch}h1[data-astro-cid-yodha2z4]:focus{outline:none}.hero-lead[data-astro-cid-yodha2z4]{font-size:var(--step-1);color:var(--muted)}.hero-actions[data-astro-cid-yodha2z4]{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero-visual[data-astro-cid-yodha2z4]{margin:0}.hero-visual-svg[data-astro-cid-yodha2z4]{width:100%;max-width:520px;height:auto;margin-inline:auto;display:block}@media (prefers-reduced-motion:no-preference){.hero-visual[data-astro-cid-yodha2z4] .koala-arm{animation:.28s ease-in-out infinite alternate type}.hero-visual[data-astro-cid-yodha2z4] .ws-code rect{transform-box:fill-box;transform-origin:0;animation:6s cubic-bezier(.6,0,.3,1) infinite code-line;animation-delay:calc(var(--i) * .35s)}}@keyframes type{to{transform:translateY(-10px)}}@keyframes code-line{0%{transform:scaleX(0)}12%,80%{transform:scaleX(1)}92%,to{opacity:0;transform:scaleX(0)}}.motion-ok .hero-visual[data-astro-cid-yodha2z4]{display:none}@media (width>=900px){.hero-body[data-astro-cid-yodha2z4]{grid-template-columns:1.1fr 1fr;gap:4rem}.motion-ok .hero-visual[data-astro-cid-yodha2z4]{display:block}}@media (width<=420px){.hero-actions[data-astro-cid-yodha2z4] .btn[data-astro-cid-yodha2z4]{width:100%}}.more[data-astro-cid-us7ti7v3]{margin-top:2rem}.how[data-astro-cid-wkshis2o]{background:var(--kodea-paper)}.steps[data-astro-cid-wkshis2o]{gap:2rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.step[data-astro-cid-wkshis2o]{gap:.4rem;padding-left:3.5rem;display:grid;position:relative}.step[data-astro-cid-wkshis2o] p[data-astro-cid-wkshis2o]{color:var(--muted)}.step-n[data-astro-cid-wkshis2o]{background:var(--kodea-white);border:2px solid var(--teal-line);width:2.25rem;height:2.25rem;color:var(--teal-ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:-.2rem;left:0}.step[data-astro-cid-wkshis2o]:not(:last-child):before{content:"";background:var(--teal-line);width:2px;position:absolute;top:2.4rem;bottom:-2rem;left:calc(1.125rem - 1px)}.more[data-astro-cid-wkshis2o]{margin-top:2.5rem}@media (width>=860px){.steps[data-astro-cid-wkshis2o]{grid-template-columns:repeat(4,1fr);gap:2rem}.step[data-astro-cid-wkshis2o]{padding-top:3.5rem;padding-left:0}.step[data-astro-cid-wkshis2o]:not(:last-child):before{width:auto;height:2px;inset:.9rem -1.6rem auto 2.6rem}}.portfolio[data-astro-cid-lh2ppch2]{background:var(--night);color:var(--on-night)}.portfolio[data-astro-cid-lh2ppch2] .section-head[data-astro-cid-lh2ppch2] p[data-astro-cid-lh2ppch2],.demo[data-astro-cid-lh2ppch2] p[data-astro-cid-lh2ppch2]{color:var(--on-night-muted)}.demos[data-astro-cid-lh2ppch2]{gap:2.5rem 2rem;margin:0;padding:0;list-style:none;display:grid}.demo[data-astro-cid-lh2ppch2]{align-content:start;gap:.5rem;display:grid}.demo[data-astro-cid-lh2ppch2] a[data-astro-cid-lh2ppch2]{color:var(--kodea-teal);margin-top:.25rem;font-weight:600}.demo-shot[data-astro-cid-lh2ppch2]{aspect-ratio:4/3;border-radius:var(--radius);background:var(--night-raise);margin-bottom:.75rem;position:relative;overflow:hidden}.demo-shot[data-astro-cid-lh2ppch2] img[data-astro-cid-lh2ppch2]{object-fit:cover;width:100%;height:100%}.demo-slot[data-astro-cid-lh2ppch2]{border-radius:var(--radius-sm);color:var(--on-night-muted);font-size:var(--step--1);border:2px dashed #fff3;place-items:center;display:grid;position:absolute;inset:.75rem}.demo-tag[data-astro-cid-lh2ppch2]{background:var(--kodea-white);color:var(--kodea-graphite);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}@media (width>=760px){.demos[data-astro-cid-lh2ppch2]{grid-template-columns:repeat(3,1fr)}}.about[data-astro-cid-5gtlsymu]{align-items:center;gap:2rem;display:grid}.about-koala[data-astro-cid-5gtlsymu]{width:min(220px,55vw);margin:0}.about-koala[data-astro-cid-5gtlsymu] .about-koala-img{width:100%;height:auto}.about-text[data-astro-cid-5gtlsymu]{justify-items:start;gap:1rem;display:grid}.about-text[data-astro-cid-5gtlsymu] p[data-astro-cid-5gtlsymu]{color:var(--muted);font-size:var(--step-1)}.about-text[data-astro-cid-5gtlsymu] .btn[data-astro-cid-5gtlsymu]{margin-top:.5rem}@media (width>=860px){.about[data-astro-cid-5gtlsymu]{grid-template-columns:auto 1fr;gap:5rem}.about-koala[data-astro-cid-5gtlsymu]{width:280px}}