@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");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:Crimson Pro Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/crimson-pro-vietnamese-wght-normal-Djpar-EE.woff2)format("woff2-variations");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:Crimson Pro Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/crimson-pro-latin-ext-wght-normal-4mBZvMWv.woff2)format("woff2-variations");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:Crimson Pro Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/crimson-pro-latin-wght-normal-C4R2PX-h.woff2)format("woff2-variations");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:Crimson Pro Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/crimson-pro-vietnamese-wght-italic-Dpzp2Zc3.woff2)format("woff2-variations");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:Crimson Pro Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/crimson-pro-latin-ext-wght-italic-BwehhlXF.woff2)format("woff2-variations");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:Crimson Pro Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/crimson-pro-latin-wght-italic-CkPs-Rv6.woff2)format("woff2-variations");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{--font-heading:"Crimson Pro Variable", Georgia, serif;--font-editorial:"Crimson Pro Variable", Georgia, serif;--font-body:"Plus Jakarta Sans Variable", sans-serif;--type-caption:.875rem;--type-body:1rem;--type-lead:1.125rem;--type-h3:clamp(1.25rem, 2.2vw, 1.5rem);--type-h2:clamp(1.875rem, 3.8vw, 2.75rem);--type-h1:clamp(3rem, 6.4vw, 5rem);--type-editorial:clamp(1.5rem, 3vw, 2.25rem);--type-greeting:clamp(2.5rem, 4.7vw, 3.625rem);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fff;--ink:#303a34;--muted:#68716b;--accent:#627365;--accent-hover:#4e6052;--sage:#f0f3ed;--surface:#f7f8f5;--border:#e1e6de;--button-ink:#fff;--diagram:#c9d5c4;--motion:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1c201e;--ink:#e9ede6;--muted:#aab4aa;--accent:#bdcdb4;--accent-hover:#d2dfca;--sage:#292f29;--surface:#242a25;--border:#3c463c;--button-ink:#20271f;--diagram:#52634b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:active,.button:active{transform:scale(.98)}h1,h2,h3,p,figure{margin:0}::selection{background:var(--diagram);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:calc(100% - 96px);max-width:1060px;margin-inline:auto}.greeting,.hero-intro,.work-intro>p{font-family:var(--font-editorial);letter-spacing:-.035em;font-weight:400}h2{font-size:var(--type-h2);line-height:1.08}em{color:var(--accent);font-weight:400}.small-label,.section-number{font:var(--type-caption) / 1.5 var(--font-body);letter-spacing:.08em;color:var(--muted)}.skip-link{z-index:50;background:var(--ink);color:var(--bg);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}a:hover{color:var(--accent)}.header{justify-content:space-between;align-items:center;height:96px;display:flex}.wordmark{font-size:var(--type-h3);letter-spacing:-1.3px;font-weight:650}.wordmark span{color:var(--accent)}.header-right{align-items:center;gap:28px;display:flex}nav{font-size:var(--type-caption);gap:28px;display:flex}nav a{padding-block:16px}.theme-toggle{background:var(--surface);width:44px;height:44px;color:var(--accent);transition:background .3s var(--motion), transform .3s var(--motion);border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{background:var(--sage);transform:rotate(12deg)}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:90px;padding-top:64px;padding-bottom:90px;display:grid}.hello-line{align-items:center;gap:18px;margin-bottom:0;display:flex}.greeting{color:var(--accent);font-size:var(--type-h2);background:0 0;align-items:center;min-height:64px;padding:0 0 4px;line-height:1.1;display:inline-flex;position:relative}.greeting>span:first-child{text-align:left;width:2.65em;display:inline-block}.greeting-mark{font-family:var(--font-body);font-size:var(--type-body);opacity:0;transition:opacity .3s var(--motion), transform .3s var(--motion);align-self:flex-start;margin-top:9px;transform:translate(-5px,5px)}.greeting:hover .greeting-mark,.greeting:focus-visible .greeting-mark{opacity:1;transform:translate(0)}.translation-hint{font-size:var(--type-caption);color:var(--muted)}h1{font-size:var(--type-h1);letter-spacing:-.04em;line-height:1}.hero-intro{font-size:var(--type-editorial);max-width:490px;margin-top:26px;line-height:1.16}.hero-description{font-size:var(--type-caption);max-width:380px;color:var(--muted);margin-top:20px;line-height:1.9}.hero-actions{align-items:center;gap:26px;margin-top:28px;display:flex}.button{min-height:46px;font-size:var(--type-caption);white-space:nowrap;transition:background .3s var(--motion), transform .3s var(--motion);border-radius:7px;justify-content:center;align-items:center;gap:20px;padding:13px 19px;display:inline-flex}.button svg{transition:transform .3s var(--motion)}.button:hover svg{transform:translate(2px,-2px)}.primary{color:var(--button-ink);background:var(--accent)}.primary:hover{color:var(--button-ink);background:var(--accent-hover)}.text-link{font-size:var(--type-caption);min-height:44px;transition:gap .3s var(--motion);align-items:center;gap:10px;display:inline-flex}.text-link:hover{gap:15px}.hero-photo-area{padding:12px 6px 0 0}.photo-stack{perspective:900px;width:100%}.photo-button{width:100%;transform-style:preserve-3d;text-align:left;background:0 0;padding:0;display:block;position:relative}.photo-paper{background:var(--surface);transition:transform .7s var(--motion);border-radius:5px;padding:9px 9px 0;display:block;position:relative;transform:rotate(3deg);box-shadow:0 12px 38px -20px #27372b40,0 1px 3px #27372b10}.photo-backing{background:var(--diagram);transition:transform .7s var(--motion);border-radius:5px;position:absolute;inset:0;transform:rotate(-6deg)translate(-2px,5px)}.photo-button:hover .photo-paper{transform:rotate(0)}.photo-button:hover .photo-backing{transform:rotate(-9deg)translate(-7px,7px)}.photo-window{aspect-ratio:4/5;background:var(--sage);border-radius:2px;display:block;position:relative;overflow:hidden}.photo-window img{object-fit:cover;width:100%;height:100%;display:block;position:absolute}.photo-caption{height:44px;font-size:var(--type-caption);justify-content:space-between;align-items:center;padding-inline:6px;display:flex}.photo-counter{font:var(--type-caption) / 1.5 var(--font-body);color:var(--muted)}.photo-hint{font-size:var(--type-caption);color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:30px;display:flex}.work-intro{align-items:center;gap:44px;padding:30px 0 60px;display:flex}.work-intro .small-label{max-width:100px;line-height:1.8}.work-intro>p{font-size:var(--type-h3);line-height:1.18}.work-intro>svg{color:var(--accent);margin-left:auto}.database-section{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px;padding-block:50px 100px;display:grid}.database-stage{background:var(--surface);border-radius:16px;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.database-trigger{z-index:1;width:100%;color:var(--accent);background:0 0;flex-direction:column;align-items:center;gap:32px;padding:44px 20px 28px;display:flex;position:relative}.database-drawing{width:188px;height:188px;display:block;position:relative}.db-layer{position:absolute;inset:0}.db-layer-0{clip-path:inset(0 0 48%)}.db-layer-1{clip-path:inset(52% 0 29%)}.db-layer-2{clip-path:inset(71% 0 0)}.database-action{font-size:var(--type-caption);color:var(--ink);align-items:center;gap:12px;margin-top:0;display:flex}.database-action>span{display:flex}.stage-note{font:var(--type-caption) / 1.5 var(--font-body);color:var(--muted);position:absolute;bottom:20px}.db-orbit-dot{background:var(--diagram);border-radius:50%;width:7px;height:7px;position:absolute}.dot-one{top:54px;left:50px}.dot-two{width:4px;height:4px;bottom:80px;right:46px}.database-copy{padding-top:6px}.database-copy h2{font-size:var(--type-h2);margin-top:20px}.database-copy>p{max-width:47ch;font-size:var(--type-caption);color:var(--muted);margin-top:20px;line-height:1.9}.database-points-shell{min-height:285px;margin-top:28px;position:relative}.database-preview{border-top:1px solid var(--border);padding-top:24px}.database-preview p{font-size:var(--type-caption)}.database-preview>span{font-size:var(--type-caption);color:var(--muted);margin-top:14px;line-height:1.8;display:block}.database-preview>.open-instruction{font-size:var(--type-caption);color:var(--accent);margin-top:28px}.database-points{gap:18px;display:grid}.database-points>div{align-items:flex-start;gap:14px;display:flex}.database-points>div>svg{color:var(--accent);flex-shrink:0;margin-top:1px}.database-points h3{font-size:var(--type-caption);font-weight:600}.database-points p{font-size:var(--type-caption);color:var(--muted);max-width:43ch;margin-top:5px;line-height:1.8}.platform-section{padding-block:12px 100px}.platform-heading{max-width:620px}.platform-heading h2{margin-top:20px}.platform-heading>p{font-size:var(--type-caption);color:var(--muted);max-width:48ch;margin-top:20px;line-height:1.9}.platform-playground{background:var(--sage);border-radius:16px;grid-template-columns:1fr 1fr;gap:32px 44px;margin-top:40px;padding:32px;display:grid}.platform-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.service-button{text-align:left;min-height:100px;color:var(--muted);transition:color .3s var(--motion), transform .3s var(--motion);background:0 0;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;padding:16px 18px;display:flex;position:relative}.service-button:hover{color:var(--ink);transform:translateY(-3px)}.service-button.active{color:var(--accent)}.service-button>svg,.service-button>span:not(.service-active){z-index:1;position:relative}.service-button>span:not(.service-active){font-size:var(--type-caption);line-height:1.5}.service-active{background:var(--bg);border-radius:9px;position:absolute;inset:0;box-shadow:0 4px 16px -10px #27372b33}.platform-detail{align-items:center;min-height:320px;padding:22px 8px 10px;display:flex}.platform-detail>div>svg{color:var(--accent);margin-bottom:24px}.platform-detail h3{font-family:var(--font-editorial);font-weight:400;font-size:var(--type-h3);letter-spacing:-.025em;line-height:1.08}.platform-detail p{font-size:var(--type-caption);color:var(--muted);max-width:40ch;margin-top:18px;line-height:1.9}.platform-note{font-size:var(--type-caption);color:var(--accent);margin-top:22px;line-height:1.8;display:block}.delivery-flow{border-top:1px solid var(--border);font-size:var(--type-caption);color:var(--muted);grid-column:1/-1;justify-content:center;align-items:center;gap:20px;padding-top:24px;display:flex}.delivery-flow>span{align-items:center;gap:8px;display:flex}.delivery-flow>svg{color:var(--accent);flex-shrink:0}.operations{grid-template-columns:1fr 1fr;gap:110px;padding-block:40px 90px;display:grid}.operations>div>svg{color:var(--accent);margin-bottom:22px}.operations h2{font-size:var(--type-h2)}.operations>div>p{font-size:var(--type-caption);color:var(--muted);max-width:43ch;margin-top:20px;line-height:1.9}.operations-notes{flex-direction:column;gap:32px;padding-top:20px;display:flex}.operations-notes article{align-items:flex-start;gap:16px;display:flex}.operations-notes article>svg{color:var(--accent);flex-shrink:0}.operations-notes h3{font-size:var(--type-caption);font-weight:500}.operations-notes p{font-size:var(--type-caption);color:var(--muted);margin-top:10px;line-height:1.9}.about{border-top:1px solid var(--border);padding-block:72px 80px}.about-layout{grid-template-columns:1fr 1fr;gap:100px;margin-top:28px;display:grid}.about h2{font-size:var(--type-h2)}.about-copy>p{font-size:var(--type-caption);color:var(--muted);margin-bottom:20px;line-height:1.95}.about-copy .text-link{color:var(--accent)}.contact{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:60px;padding-block:70px;display:flex}.contact h2{font-size:var(--type-h2);padding-bottom:5px;line-height:1.14}.contact p{font-size:var(--type-caption);color:var(--muted);max-width:43ch;margin-top:18px;line-height:1.9}.contact-actions{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.copy-button{min-height:44px;color:var(--muted);font-size:var(--type-caption);background:0 0;align-items:center;gap:8px;padding:12px;display:flex}.copy-button:hover{color:var(--accent)}.copy-status{font-size:var(--type-caption);color:var(--muted);white-space:nowrap;position:absolute;top:100%;right:0}.footer{border-top:1px solid var(--border);font-size:var(--type-caption);color:var(--muted);align-items:center;gap:40px;padding-block:28px;display:flex}.footer>div{align-items:center;gap:20px;margin-right:auto;display:flex}.footer .wordmark{font-size:var(--type-h3);color:var(--ink)}.footer>a{align-items:center;gap:8px;min-height:44px;display:flex}@media (width>=1500px){.hero{grid-template-columns:1fr 320px;gap:120px;padding-top:80px;padding-bottom:100px}}@media (width<=1000px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 260px;gap:45px}h1{font-size:var(--type-h1)}.hero-intro{font-size:var(--type-editorial)}.database-section{gap:44px}.database-copy h2{font-size:var(--type-editorial)}.platform-playground{gap:30px;padding:25px}.operations,.about-layout{gap:60px}.platform-note{font-size:var(--type-caption)}}@media (width<=767px){.wrap{width:calc(100% - 40px);max-width:520px}.header{height:80px}.header-right{gap:12px}nav{font-size:var(--type-caption);gap:16px}nav a:first-child{display:none}.wordmark{font-size:var(--type-h3)}.hero{grid-template-columns:1fr;gap:50px;padding-top:36px;padding-bottom:54px}.greeting{font-size:var(--type-h2);min-height:54px}.translation-hint{font-size:var(--type-caption)}h1{font-size:var(--type-h1)}.hero-intro{font-size:var(--type-editorial);margin-top:22px}.hero-description{font-size:var(--type-caption);max-width:31ch;margin-top:18px}.hero-actions{gap:22px;margin-top:24px}.button{font-size:var(--type-caption);padding-inline:16px}.hero-actions .text-link{font-size:var(--type-caption)}.hero-photo-area{width:100%;max-width:325px;margin:auto;padding:0 22px}.photo-paper{transform:rotate(3deg)}.photo-window{aspect-ratio:4/4.5}.photo-caption{height:40px}.photo-hint{font-size:var(--type-caption);margin-top:26px}.work-intro{gap:20px;padding:18px 0 32px}.work-intro>.small-label{font-size:var(--type-caption);max-width:80px}.work-intro>p{font-size:var(--type-h3)}.work-intro>svg{display:none}.database-section{flex-direction:column;gap:34px;padding-block:20px 54px;display:flex}.database-stage{order:1;width:100%;min-height:340px}.database-copy{display:contents}.database-copy>.section-number{order:0;margin-bottom:-20px}.database-copy>h2{font-size:var(--type-editorial);order:0;margin-top:0}.database-copy>p{font-size:var(--type-caption);order:0;margin-top:-10px}.database-points-shell{order:2;width:100%;min-height:290px;margin-top:0}.database-trigger{padding-block:32px 24px}.stage-note{bottom:16px}.database-preview{padding-top:20px}.database-points{gap:20px}.database-points p,.section-number{font-size:var(--type-caption)}.platform-section{padding-bottom:64px}.platform-heading h2{font-size:var(--type-h2)}.platform-heading>p{font-size:var(--type-caption)}.platform-playground{border-radius:12px;grid-template-columns:1fr;gap:22px;margin-top:28px;padding:18px}.platform-services{gap:8px}.service-button{gap:10px;min-height:90px;padding:13px}.service-button>span:not(.service-active){font-size:var(--type-caption)}.platform-detail{align-items:flex-start;min-height:300px;padding:10px 8px 0}.platform-detail h3{font-size:var(--type-h3)}.platform-detail p,.platform-note{font-size:var(--type-caption)}.delivery-flow{font-size:var(--type-caption);flex-wrap:wrap;grid-column:auto;gap:10px;padding-top:20px}.delivery-flow>span{gap:4px}.delivery-flow>svg{width:10px}.operations{grid-template-columns:1fr;gap:30px;padding-block:0 64px}.operations h2{font-size:var(--type-h2)}.operations>div>p{font-size:var(--type-caption)}.operations-notes{gap:26px;padding:0}.operations-notes p{font-size:var(--type-caption)}.about{padding-block:54px}.about-layout{grid-template-columns:1fr;gap:26px;margin-top:24px}.about h2{font-size:var(--type-h2)}.about-copy>p,.small-label{font-size:var(--type-caption)}.contact{flex-direction:column;align-items:flex-start;gap:26px;padding-block:54px}.contact h2{font-size:var(--type-h2)}.contact p{font-size:var(--type-caption)}.contact-actions{align-items:flex-start;gap:4px}.copy-button{padding-left:0}.copy-status{left:0;right:auto}.footer{flex-wrap:wrap;gap:20px;padding-block:20px}.footer>div{gap:14px}.footer .back-top{display:none}}@media (width<=359px){h1{font-size:var(--type-h1)}.hero-intro{font-size:var(--type-h3)}.hero-actions{gap:14px}.hero-actions .text-link,.translation-hint{font-size:var(--type-caption)}.work-intro>p{font-size:var(--type-lead)}.platform-detail{min-height:340px}.delivery-flow{gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.photo-paper,.photo-backing,.photo-button:hover .photo-paper,.photo-button:hover .photo-backing{transform:none!important}}body{font-size:var(--type-body);line-height:1.65}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.045em;font-weight:500}h1{font-size:var(--type-h1);line-height:1.05}h2,.database-copy h2,.platform-heading h2,.about h2,.contact h2{font-size:var(--type-h2);line-height:1.12}h3,.platform-detail h3{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.25}.greeting{font-size:var(--type-greeting)}.hero-intro,.work-intro>p{font-size:var(--type-editorial);line-height:1.25}.hero-description,.database-copy>p,.platform-heading>p,.platform-detail p,.about-copy>p,.contact p,.database-points p{font-size:var(--type-body);line-height:1.8}.database-points h3{font-size:var(--type-body);line-height:1.4}.small-label,.section-number{font:500 var(--type-caption) / 1.5 var(--font-body);letter-spacing:.035em}.work-intro{grid-template-columns:1fr auto;align-items:end;gap:18px 32px;display:grid}.work-intro .small-label{grid-column:1/-1;max-width:none}.work-intro>p{max-width:800px}.motto-followup{color:var(--accent);margin-top:14px;display:block}.hero-actions{flex-wrap:wrap;row-gap:12px}.header-right{gap:12px}.animation-toggle{background:var(--surface);width:44px;height:44px;color:var(--accent);transition:background .3s var(--motion), transform .3s var(--motion);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.animation-toggle:hover{background:var(--sage);transform:translateY(-2px)}.animation-toggle:disabled{cursor:default}.database-stage{flex-direction:column;min-height:560px;padding-bottom:22px}.database-trigger{gap:20px;padding:38px 20px 22px}.database-action{font-size:var(--type-caption)}.query-demo{z-index:1;width:calc(100% - 40px);margin-top:12px;position:relative}.query-label{font-size:var(--type-caption);color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;line-height:1.5;display:flex}.query-screen{border-top:1px solid var(--border);padding-top:18px}.query-screen pre{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--type-caption) / 1.8 var(--font-body);color:var(--ink);margin:0}.sql-keyword{color:var(--accent);font-weight:600}.query-caret{background:var(--accent);vertical-align:middle;width:2px;height:1em;margin-left:5px;animation:1.2s steps(2,end) infinite paused query-caret;display:inline-block}.fleet-demo.is-running .query-caret{animation-play-state:running}@keyframes query-caret{50%{opacity:0}}.query-transfer{color:var(--accent);align-items:center;gap:10px;margin-block:12px;display:flex}.transfer-track{background:var(--border);width:120px;height:1px;display:block;position:relative;overflow:visible}.transfer-track i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2.6s cubic-bezier(.45,0,.55,1) infinite paused query-packet;position:absolute;top:-2px;left:0}.query-demo.is-running .transfer-track i{animation-play-state:running}@keyframes query-packet{0%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(115px)}}.query-result{min-height:68px;font-size:var(--type-caption);color:var(--muted);line-height:1.6}.query-output{font-family:var(--font-body);grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.query-output>span:nth-child(2n){color:var(--accent);align-items:center;gap:6px;display:flex}.query-state{align-items:center;gap:8px;display:flex}.query-dots{letter-spacing:3px;color:var(--accent)}.process-section{padding-block:8px 88px}.process-heading{max-width:830px;margin-top:22px}.process-heading p{font-size:var(--type-lead);color:var(--muted);margin-top:22px;line-height:1.7}.process-stages{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:38px;display:grid}.process-step{text-align:left;min-height:150px;color:var(--muted);font-size:var(--type-caption);transition:color .3s var(--motion), transform .3s var(--motion);background:0 0;border-radius:9px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 12px;line-height:1.5;display:flex;position:relative}.process-step.selected{color:var(--ink)}.process-step:hover{color:var(--ink);transform:translateY(-3px)}.process-step>span:not(.step-selection),.process-step>svg{z-index:1;position:relative}.step-number{color:var(--muted);font-size:var(--type-caption)}.step-selection{background:var(--sage);border-radius:9px;position:absolute;inset:0}.cycle-detail{min-height:250px;padding:34px 20px 18px}.cycle-detail>div{align-items:flex-start;gap:24px;display:flex}.cycle-detail>div>svg{color:var(--accent);flex-shrink:0;margin-top:2px}.cycle-detail p{font-size:var(--type-body);color:var(--muted);max-width:68ch;margin-top:16px;line-height:1.8}.cycle-caption{min-height:54px;font-size:var(--type-caption);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;display:flex}.again-window{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:28px;padding:30px 0;overflow:hidden}.again-track{width:max-content;animation:26s linear infinite paused again-roll;display:flex}.again-window.is-running .again-track{animation-play-state:running}.again-group{white-space:nowrap;font:400 clamp(2rem, 4.5vw, 3.75rem) / 1.2 var(--font-editorial);letter-spacing:-.025em;color:var(--ink);align-items:center;gap:.28em;padding-right:.8em;display:flex}.again-group>span{color:var(--accent);font-style:italic}.again-group>svg{flex-shrink:0;margin-left:.2em}@keyframes again-roll{to{transform:translate(-50%)}}@media (width<=1000px){.platform-playground{grid-template-columns:1fr 1fr;gap:28px}.platform-services{grid-template-columns:1fr}.service-button{flex-direction:row;align-items:center;min-height:64px}.platform-detail{min-height:460px}}@media (width<=767px){nav{gap:14px}nav a:nth-child(2){display:none}.header-right{gap:6px}.hero{gap:48px}h1{font-size:var(--type-h1)}.translation-hint{max-width:100px;line-height:1.5}.hero-intro{font-size:var(--type-editorial)}.hero-actions{gap:14px}.photo-hint{text-align:center;line-height:1.5}.work-intro>.small-label{max-width:none;font-size:var(--type-caption)}.work-intro>p{font-size:var(--type-editorial)}.database-stage{min-height:560px}.database-copy>h2{font-size:var(--type-h2)}.database-points-shell{min-height:390px}.database-points{gap:24px}.database-points p{font-size:var(--type-body)}.platform-playground{grid-template-columns:1fr}.platform-services{grid-template-columns:repeat(2,minmax(0,1fr))}.service-button{flex-direction:column;align-items:flex-start;min-height:115px;padding:14px}.service-button>span:not(.service-active){overflow-wrap:anywhere}.platform-detail{min-height:470px}.delivery-flow{font-size:var(--type-caption);row-gap:14px;line-height:1.6}.delivery-flow>span{justify-content:center}.process-section{padding-bottom:60px}.process-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.process-step{gap:10px;min-height:112px;padding:16px}.process-step:last-child{flex-direction:row;grid-column:1/-1;align-items:center;gap:16px;min-height:70px}.cycle-detail{min-height:370px;padding:28px 0 8px}.cycle-detail>div{gap:16px}.cycle-caption{flex-direction:column;align-items:flex-start;gap:6px}.again-window{padding-block:22px}.contact h2,.about h2{font-size:var(--type-h2)}}@media (prefers-reduced-motion:reduce){.query-caret,.transfer-track i,.again-track{animation:none!important}.again-track{transform:none!important}}h1,h2{font-family:var(--font-editorial);letter-spacing:-.035em;font-weight:400}h3,.platform-detail h3{font-family:var(--font-body);letter-spacing:-.025em;font-weight:500}.query-screen pre,.query-output{font-family:var(--font-body)}.database-stage{justify-content:flex-start;min-height:670px;padding:28px 22px}.fleet-demo{width:100%}.server-fleet{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.server-node{color:var(--muted);font-size:var(--type-caption);transition:background .4s var(--motion), color .4s var(--motion), transform .4s var(--motion);background:0 0;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;display:flex;position:relative}.server-node:hover{color:var(--ink);transform:translateY(-3px)}.server-node.active{background:var(--bg);color:var(--accent)}.server-led{background:var(--diagram);border-radius:50%;width:4px;height:4px}.server-node.active .server-led{background:var(--accent)}.fleet-route{border-bottom:1px solid var(--border);justify-content:space-around;height:28px;margin:0 24px;display:flex}.fleet-route i{background:var(--border);width:1px;height:100%;position:relative}.fleet-route i:after{content:"";background:var(--accent);width:4px;height:4px;animation:fleet-packet 2.2s var(--motion) infinite;border-radius:50%;animation-play-state:paused;position:absolute;top:0;left:-1.5px}.fleet-route i:nth-child(2):after{animation-delay:.4s}.fleet-route i:nth-child(3):after{animation-delay:.8s}.fleet-demo.is-running .fleet-route i:after{animation-play-state:running}@keyframes fleet-packet{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(28px)}}.fleet-database{color:var(--accent);justify-content:center;padding-block:16px;display:flex}.fleet-demo .query-screen{padding-top:15px}.catalog-meta{font-size:var(--type-caption);color:var(--muted);justify-content:space-between;gap:12px;margin-top:18px;padding-bottom:12px;line-height:1.5;display:flex}.catalog-meta>span:first-child{color:var(--accent)}.catalog-window{border-top:1px solid var(--border);height:170px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 87%,#0000);mask-image:linear-gradient(#0000,#000 12% 87%,#0000)}.catalog-row{height:34px;font-size:var(--type-caption);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;line-height:1;display:flex}.catalog-row>span{align-items:center;gap:6px;display:flex}.catalog-row>span:first-child{color:var(--ink)}.catalog-row>span:last-child{font-size:var(--type-caption);color:var(--accent)}.process-scroll{height:600dvh;margin-bottom:90px;position:relative}.process-sticky{flex-direction:column;justify-content:center;height:100dvh;min-height:700px;padding-block:30px;display:flex;position:sticky;top:0}.ring-heading{grid-template-columns:1fr 1fr;align-items:end;gap:12px 60px;display:grid}.ring-heading>.section-number{grid-column:1/-1}.ring-heading h2{font-family:var(--font-editorial);font-size:var(--type-h2);line-height:1.05}.ring-heading p{font-size:var(--type-body);color:var(--muted);padding-bottom:8px}.ring-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:390px;margin-block:12px;display:grid}.cycle-ring{aspect-ratio:1;width:100%;max-width:410px;margin-inline:auto;position:relative}.cycle-ring>svg{transform-origin:50%;width:100%;height:100%;display:block}.ring-center{text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:26%}.ring-center>div{flex-direction:column;align-items:center;gap:13px;display:flex}.ring-center svg{color:var(--accent)}.ring-count{font-size:var(--type-caption);color:var(--muted);line-height:1.5}.ring-center-title{font:400 clamp(1.5rem, 2.6vw, 2.125rem) / 1.1 var(--font-editorial);letter-spacing:-.025em}.ring-story{align-items:center;min-height:285px;display:flex}.ring-story h3{font:400 clamp(1.75rem, 3vw, 2.5rem) / 1.12 var(--font-editorial);letter-spacing:-.03em;max-width:20ch;margin-top:18px}.ring-story p{font-size:var(--type-body);color:var(--muted);max-width:42ch;margin-top:20px;line-height:1.8}.ring-story .text-link{margin-top:24px}.ring-story .repeat-headline{font-size:clamp(2rem,3.8vw,3rem);line-height:1.1}.ring-footer{border-top:1px solid var(--border);padding-top:16px}.ring-navigation{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.ring-navigation button{color:var(--muted);font-size:var(--type-caption);text-align:left;min-height:65px;transition:color .25s var(--motion);background:0 0;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 4px;line-height:1.5;display:flex}.ring-navigation button span:first-child{color:var(--muted)}.ring-navigation button.active,.ring-navigation button:hover{color:var(--ink)}.ring-navigation button.active span:first-child{color:var(--accent)}.ring-scroll-hint{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:8px;margin-top:12px;line-height:1.5;display:flex}.process-scroll.is-static{height:auto;margin-block:50px 80px}.process-scroll.is-static .process-sticky{height:auto;min-height:0;position:relative}.static-repeat{font:400 var(--type-editorial) / 1.3 var(--font-editorial);color:var(--accent);margin-top:30px}@media (width<=1000px){.ring-layout,.ring-heading{gap:30px}.cycle-ring{max-width:360px}.ring-navigation button{font-size:var(--type-caption)}}@media (width<=767px){.database-stage{min-height:660px;padding:24px 16px}.server-fleet{gap:6px}.server-node{padding-inline:3px}.catalog-row{gap:6px}.catalog-row>span{gap:4px}.catalog-row>span:first-child>svg{display:none}.process-scroll{height:650dvh;margin-bottom:60px}.process-sticky{height:100dvh;min-height:720px;padding-block:20px}.ring-heading{display:block}.ring-heading h2{font-size:var(--type-h2);margin-top:10px;line-height:1.08}.ring-heading h2 br,.ring-heading p{display:none}.ring-layout{grid-template-columns:1fr;gap:8px;min-height:0;margin-block:8px 12px}.cycle-ring{width:220px;max-width:65vw}.ring-center{inset:23%}.ring-center>div{gap:8px}.ring-center-title{font-size:1.5rem}.ring-center svg{width:24px;height:24px}.ring-story{align-items:flex-start;min-height:230px}.ring-story h3{max-width:none;margin-top:10px;font-size:1.75rem}.ring-story p{margin-top:12px;line-height:1.65}.ring-story .repeat-headline{font-size:2rem}.ring-story .repeat-headline br{display:none}.ring-story .text-link{margin-top:12px}.ring-navigation{grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.ring-navigation button{align-items:center;min-height:44px;padding:8px 0}.ring-navigation button span:nth-child(2){display:none}.ring-scroll-hint{margin-top:4px}.process-scroll.is-static .ring-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.process-scroll.is-static .ring-navigation button{align-items:flex-start}.process-scroll.is-static .ring-navigation button span:nth-child(2){display:block}.process-scroll.is-static .ring-story{min-height:0;padding-bottom:24px}.process-scroll.is-static .cycle-ring{width:250px}}@media (width<=767px) and (height<=740px){.process-sticky{min-height:600px;padding-block:12px}.cycle-ring{width:170px}.ring-heading h2{font-size:1.75rem}.ring-story{min-height:235px}.ring-story h3{font-size:1.5rem}.ring-footer .ring-navigation{display:none}.process-scroll.is-static .ring-footer .ring-navigation{display:grid}}@media (prefers-reduced-motion:reduce){.fleet-route i:after{animation:none!important}}.ring-footer{position:relative}.ring-motion-control{min-height:44px;color:var(--muted);font-size:var(--type-caption);background:0 0;align-items:center;gap:7px;margin-left:auto;padding:8px 0;display:flex}.ring-motion-control:hover{color:var(--accent)}.catalog-pause{width:44px;height:44px;color:var(--accent);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.catalog-pause:hover{background:var(--bg)}.fleet-demo .query-label{margin-bottom:8px}@media (width<=767px){.ring-motion-control{position:absolute;bottom:-4px;right:0}.ring-scroll-hint{min-height:36px;padding-right:130px}.process-sticky{padding-bottom:24px}}@media (width>=768px){.cycle-ring{max-width:min(410px,43dvh)}.ring-layout{min-height:min(390px,43dvh)}}code,pre{font-family:var(--font-body)}button.text-link{color:var(--accent);background:0 0;padding:0}::view-transition-old(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.theme-toggle svg{transition:transform .6s var(--motion)}.theme-toggle[aria-pressed=true] svg{transform:rotate(180deg)}.sql-connection{grid-template-columns:1fr 1fr 1fr;align-items:center;padding:25px 12px 30px;display:grid}.sql-endpoint{color:var(--accent);font-size:var(--type-caption);flex-direction:column;align-items:center;gap:10px;display:flex}.sql-link{background:var(--border);height:1px;margin-top:-25px;position:relative}.sql-link i,.compile-bridge i{background:var(--accent);border-radius:2px;width:7px;height:5px;animation:2.6s cubic-bezier(.4,0,.2,1) infinite paused connection-packet;position:absolute;top:-2px;left:0}.sql-link i:nth-child(2){animation-delay:-.65s}.sql-link i:nth-child(3){animation-delay:-1.3s}.sql-link i:nth-child(4){animation-delay:-1.95s}.fleet-demo.is-running .sql-link i{animation-play-state:running}@keyframes connection-packet{0%{opacity:0;left:0;transform:scaleX(.5)}15%,75%{opacity:1}to{opacity:0;left:100%;transform:scaleX(1.8)}}.process-scroll.is-returning:not(.is-static){overflow-anchor:none;height:180dvh}.platform-detail{align-items:flex-start;padding-top:0}.platform-detail>div{width:100%;min-width:0}.platform-detail h3{margin-top:26px}.platform-animation{--scene-duration:3.8s;border-bottom:1px solid var(--border);min-width:0;margin-bottom:4px;animation-play-state:paused}.platform-animation.is-running{animation-play-state:running}.platform-animation *,.platform-animation :before,.platform-animation :after{animation-play-state:inherit!important}.platform-scene{height:218px;color:var(--accent);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.scene-caption{font-size:var(--type-caption);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:14px;line-height:1.5;display:flex}.scene-name{color:var(--ink)}.scene-state{animation:state-arrival .65s var(--motion) both}@keyframes state-arrival{0%{transform:translateY(3px)}to{transform:translateY(0)}}.flow-canvas{flex:1;width:100%;height:auto;max-height:175px;overflow:visible}.flow-track{fill:none;stroke:var(--diagram);stroke-width:1px}.system-boundary{fill:var(--bg);stroke:var(--diagram);stroke-width:1px}.data-packet{fill:var(--accent);offset-rotate:auto;animation:data-transit var(--scene-duration) linear infinite}@keyframes data-transit{0%{offset-distance:0%;opacity:0}10%,80%{opacity:.8}to{offset-distance:100%;opacity:0}}.diagram-labels{font-size:var(--type-caption);color:var(--muted);justify-content:space-between;gap:12px;padding:6px 0 12px;display:flex}.app-scene,.infra-scene{grid-template-columns:minmax(0,1.7fr) minmax(80px,1fr);align-items:center;gap:26px;width:100%;display:grid;position:relative}.mini-code{color:var(--ink);padding:10px 0;position:relative;overflow:hidden}.mini-code-header{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:8px;padding-bottom:12px;display:flex}.code-line{white-space:pre;font-size:var(--type-caption);animation:code-reveal 8s var(--motion) infinite;animation-delay:calc(var(--line) * .22s);line-height:1.7;display:flex}.code-line code{font:inherit}.code-number{width:20px;color:var(--muted);flex-shrink:0}.code-line:nth-child(3n){color:var(--accent)}@keyframes code-reveal{0%,6%{clip-path:inset(0 100% 0 0)}28%,to{clip-path:inset(0)}}.code-sweep{pointer-events:none;background:linear-gradient(transparent, color-mix(in srgb, var(--diagram) 30%, transparent), transparent);height:20px;animation:8s linear infinite code-scan;position:absolute;left:16px;right:0}@keyframes code-scan{0%{top:20px}to{top:100%}}.app-output{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:16px 10px;display:flex}.app-preview{flex-direction:column;gap:5px;width:100%;display:flex}.app-preview i{background:var(--diagram);transform-origin:0;height:5px;animation:app-build 8s var(--motion) infinite;border-radius:2px}.app-preview i:nth-child(2){width:70%;animation-delay:.3s}.app-preview i:nth-child(3){width:85%;animation-delay:.6s}@keyframes app-build{0%,20%{opacity:.3;transform:scaleX(.1)}48%,to{opacity:1;transform:scaleX(1)}}.app-ready{font-size:var(--type-caption);align-items:center;gap:4px;display:flex}.compile-bridge{background:var(--diagram);width:24px;height:1px;position:absolute;top:50%;left:calc(63% - 12px)}.compile-bridge i{animation:connection-packet 3s var(--motion) infinite}.compile-bridge i:nth-child(2){animation-delay:-1s}.compile-bridge i:nth-child(3){animation-delay:-2s}.lake-scene{width:100%;padding-block:6px}.lake-query{border-bottom:1px solid var(--border);white-space:nowrap;font-size:var(--type-caption);align-items:center;gap:8px;padding:8px 0 14px;display:flex;overflow:hidden}.lake-query svg{flex-shrink:0}.lake-query code{font:inherit;color:var(--ink)}.lake-caret{background:var(--accent);flex-shrink:0;width:2px;height:16px;animation:1.4s steps(2,end) infinite query-caret}.lake-results{grid-template-columns:1fr 1fr 1fr;gap:18px;padding-block:20px;display:grid}.lake-results>div{min-width:0}.lake-results span{font-size:var(--type-caption);color:var(--muted);display:block}.lake-results strong{font-variant-numeric:tabular-nums;color:var(--ink);margin-top:8px;font-size:clamp(1rem,2vw,1.4rem);font-weight:500;display:block}.calculation-bars{align-items:flex-end;gap:3px;height:22px;margin-top:10px;display:flex}.calculation-bars i{background:var(--diagram);transform-origin:bottom;width:5px;height:100%;animation:.8s ease-in-out infinite alternate calculate}@keyframes calculate{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.lake-footer{font-size:var(--type-caption);color:var(--muted);align-items:center;gap:6px;display:flex}.lake-footer span{margin-left:auto}.warehouse-queue{fill:var(--accent);opacity:.15;transition:opacity 1.5s, transform 2s var(--motion)}.scene-3[data-phase="1"] .warehouse-queue{opacity:.9}.scene-3[data-phase="2"] .warehouse-queue{opacity:.5}.scene-3[data-phase="3"] .warehouse-queue{opacity:0;transform:translate(50px)}.warehouse-output{opacity:0;transition:opacity 1.1s var(--motion)}.output-steady{--scene-duration:4s}.output-queued{--scene-duration:12s}.output-recovered{--scene-duration:1.2s}.scene-3[data-phase="0"] .output-steady,.scene-3[data-phase="2"] .output-steady{opacity:.65}.scene-3[data-phase="1"] .output-queued{opacity:.45}.scene-3[data-phase="3"] .output-recovered{opacity:1}.warehouse-core{transform-origin:210px 85px;transition:transform 1.4s var(--motion)}.scene-3[data-phase="2"] .warehouse-core,.scene-3[data-phase="3"] .warehouse-core{transform:scale(1.15)}.capacity-bar{fill:var(--accent);transform-origin:185px 115px;transition:transform 1.5s var(--motion);transform:scaleX(.35)}.scene-3[data-phase="2"] .capacity-bar,.scene-3[data-phase="3"] .capacity-bar{transform:scaleX(1)}.warehouse-meter{justify-content:flex-end;gap:5px;height:14px;padding-right:10px;display:flex}.warehouse-meter i{background:var(--diagram);transform-origin:bottom;border-radius:1px;width:8px;animation:1s ease-in-out infinite alternate calculate}.warehouse-meter i:nth-child(2n){animation-delay:-.4s}.scene-3[data-phase="1"] .warehouse-meter i{background:var(--accent);animation-duration:4s}.scene-3[data-phase="3"] .warehouse-meter i{animation-duration:.4s}.infra-system{flex-direction:column;align-items:center;gap:14px;display:flex}.infra-branch{animation:system-upgrade 4s var(--motion) infinite}.infra-nodes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.infra-node{background:var(--bg);border:1px solid var(--border);animation:system-upgrade 4s var(--motion) infinite;border-radius:7px;padding:9px;position:relative}.infra-node:last-child{grid-column:1/-1;justify-self:center}@keyframes system-upgrade{0%,75%,to{transform:translateY(0)}30%{border-color:var(--accent);transform:translateY(-3px)}}.upgrade-pulse{border:1px solid var(--diagram);animation:deploy-pulse 4s var(--motion) infinite;animation-delay:inherit;border-radius:9px;position:absolute;inset:-3px}@keyframes deploy-pulse{0%{opacity:0;transform:scale(.95)}25%{opacity:.8}70%,to{opacity:0;transform:scale(1.18)}}.infra-status{font-size:var(--type-caption);white-space:nowrap;align-items:center;gap:3px;display:flex}.platform-animation.is-reduced *,.platform-animation.is-reduced :before,.platform-animation.is-reduced :after{transition:none!important;animation:none!important}.platform-animation.is-reduced .data-packet{offset-distance:50%}@media (width<=767px){.platform-scene{height:215px}.app-scene,.infra-scene{gap:20px}.lake-results{gap:10px}.lake-footer span{display:none}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.theme-toggle svg{transition:none}}.platform-animation:not(.is-running) .code-line{clip-path:none!important}.platform-detail,.lake-scene{min-width:0}.lake-query code{text-overflow:ellipsis;min-width:0;overflow:hidden}