@font-face{font-family:Manrope;src:url(/assets/manrope-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/manrope-display.ttf)format("truetype");font-weight:600 800;font-display:swap}:root{--paper:#0b1210;--ink:#f3f5f0;--muted:#a8b8af;--accent:#42d392;--line:#304438;--surface:#15221d;--ease:cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline-offset:5px;outline:2px solid #82edbc}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:#658572;border-radius:10px}a{color:inherit;text-underline-offset:5px;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}svg{display:block}h1,h2,p{margin:0}h1,h2{letter-spacing:-.04em;text-wrap:balance;font-weight:400;line-height:1.08}.wrap{width:min(1180px,100% - 96px);margin-inline:auto}.skip{z-index:10;background:var(--accent);color:var(--paper);padding:10px 18px;position:absolute;top:12px;left:12px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.site-header{border:1px solid var(--line);border-radius:80px;align-items:center;gap:32px;margin-top:24px;padding:22px 28px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1;display:flex}.brand svg{width:32px;height:32px;stroke:var(--accent);stroke-width:3px;fill:none}.brand-sub{letter-spacing:.24em;margin-top:7px;font-size:9px;font-weight:600;display:block}nav{gap:28px;margin-left:auto;font-size:14px;display:flex}nav a{transition:color .15s}nav a:hover{color:var(--accent)}.language-switch{border:1px solid var(--line);border-radius:30px;padding:4px;display:flex}.language-switch a{min-width:38px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.language-switch a[aria-current=page]{background:var(--accent);color:var(--paper)}.language-switch a:hover{color:var(--ink)}.language-switch a[aria-current=page]:hover{color:var(--paper)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 110px);padding-top:80px;padding-bottom:30px;display:flex}h1{font-size:clamp(64px,7vw,96px)}.hero-word{display:block}.brand-point{color:var(--accent)}.hero-description{max-width:28ch;color:var(--muted);text-wrap:balance;margin:28px 0 30px;font-size:clamp(18px,2vw,23px);line-height:1.5}.button{background:var(--accent);color:var(--paper);border-radius:40px;align-items:center;gap:30px;padding:15px 25px;font-weight:600;transition:background .2s;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:21px;height:21px;transition:transform .25s var(--ease)}.button:hover{background:#82edbc}.button:hover svg{transform:translate(2px,-2px)}.scroll-link{color:var(--muted);align-items:center;gap:12px;margin-top:80px;font-size:12px;display:flex}.scroll-link svg{fill:none;width:19px;height:19px;stroke:var(--accent);stroke-width:1.5px}.software{--assembly-progress:1;min-height:135svh;position:relative;overflow:clip}.software-sticky{flex-direction:column;justify-content:center;min-height:100svh;padding-top:60px;padding-bottom:60px;display:flex;position:sticky;top:0}.software-heading{justify-content:space-between;align-items:end;gap:32px;display:flex}h2{font-size:clamp(34px,4.2vw,58px)}.software-heading p{max-width:23ch;color:var(--muted);text-wrap:balance}.assembly{width:min(100%,1050px);margin:34px auto 0}.assembly svg{width:100%;height:auto;overflow:visible}.app-frame{opacity:calc(.35 + var(--assembly-progress) * .65)}.module{transform-box:fill-box;transform-origin:50%}.module-navigation{transform:translate(calc(-100px * (1 - var(--assembly-progress))), calc(-25px * (1 - var(--assembly-progress)))) rotate(calc(-5deg * (1 - var(--assembly-progress))))}.module-workspace{transform:translate(calc(10px * (1 - var(--assembly-progress))), calc(-90px * (1 - var(--assembly-progress)))) rotate(calc(3deg * (1 - var(--assembly-progress))))}.module-content{transform:translate(calc(-15px * (1 - var(--assembly-progress))), calc(85px * (1 - var(--assembly-progress)))) rotate(calc(-3deg * (1 - var(--assembly-progress))))}.module-detail{transform:translate(calc(100px * (1 - var(--assembly-progress))), calc(30px * (1 - var(--assembly-progress)))) rotate(calc(5deg * (1 - var(--assembly-progress))))}.visual-chapter{--scene-progress:1;min-height:135svh;position:relative;overflow:clip}.chapter-sticky{flex-direction:column;justify-content:center;min-height:100svh;padding:60px 0;display:flex;position:sticky;top:0}.chapter-art{width:min(100%,1050px);margin:34px auto 0}.chapter-art svg{width:100%;height:auto;overflow:visible}.retired-component,.renewed-component,.extension-component,.product-core,.product-piece,.product-outline{transform-box:fill-box;transform-origin:50%}.retired-component{opacity:clamp(0, calc(1 - var(--scene-progress) * 3), 1);transform:translateY(calc(-90px * var(--scene-progress)))}.renewed-component{opacity:clamp(0, calc(var(--scene-progress) * 3 - .25), 1);transform:translateY(calc(90px * (1 - var(--scene-progress))))}.extension-component{opacity:clamp(0, calc((var(--scene-progress) - .45) / .55), 1);transform:translateX(calc(125px * (1 - clamp(0, (var(--scene-progress) - .45) / .55, 1))))}.renewal-line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--scene-progress))}.product-outline{opacity:calc(.25 + var(--scene-progress) * .75);transform:scaleX(calc(.8 + var(--scene-progress) * .2))}.product-core{transform:translateY(calc(-65px * (1 - var(--scene-progress)))) scale(calc(.9 + var(--scene-progress) * .1))}.product-piece-one{transform:translate(calc(-170px * (1 - var(--scene-progress))), calc(-50px * (1 - var(--scene-progress)))) rotate(calc(-15deg * (1 - var(--scene-progress))))}.product-piece-two{transform:translateY(calc(95px * (1 - var(--scene-progress)))) rotate(calc(10deg * (1 - var(--scene-progress))))}.product-piece-three{transform:translate(calc(170px * (1 - var(--scene-progress))), calc(-50px * (1 - var(--scene-progress)))) rotate(calc(15deg * (1 - var(--scene-progress))))}.product-imprint{opacity:var(--scene-progress)}.contact{border-top:1px solid var(--line);padding-top:120px;padding-bottom:140px}.contact h2{max-width:13ch;font-size:clamp(40px,5.5vw,72px)}.email{color:var(--accent);align-items:center;gap:35px;margin-top:36px;font-size:clamp(21px,3vw,36px);display:inline-flex}.email svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:27px;height:27px;transition:transform .25s var(--ease)}.email:hover svg{transform:translate(3px,-3px)}.company{color:var(--muted);margin-top:65px;font-size:13px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:28px 0;font-size:12px;display:flex}footer a{align-items:center;gap:12px;display:flex}footer svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px;height:17px}@media (width<=900px){.wrap{width:calc(100% - 48px)}.software-heading{flex-direction:column;align-items:start;gap:18px}.software-heading p{max-width:none}.site-header{gap:20px}}@media (width<=600px){.wrap{width:calc(100% - 40px)}.site-header{border-radius:26px;flex-wrap:wrap;gap:12px;margin-top:16px;padding:17px 18px}.brand{font-size:21px}.brand svg{width:27px;height:27px}.language-switch{margin-left:auto}nav{border-top:1px solid var(--line);order:3;justify-content:space-between;width:100%;margin:8px 0 0;padding-top:12px;font-size:13px}.hero{min-height:calc(100svh - 164px);padding-top:60px}h1{font-size:clamp(53px,14vw,80px)}.hero-description{max-width:24ch;margin-top:24px;font-size:18px}.scroll-link{margin-top:60px}.software,.visual-chapter{min-height:115svh}.software-sticky,.chapter-sticky{min-height:85svh;padding:65px 0}.assembly,.chapter-art{width:calc(100% + 32px);margin-top:60px;margin-left:-16px}.software-heading h2{max-width:11ch}.software-heading p{max-width:24ch;font-size:15px}.contact{padding-top:80px;padding-bottom:90px}.email{gap:15px}.email svg{width:23px;height:23px}.company{margin-top:48px;font-size:12px}footer{align-items:start;gap:20px;font-size:11px}footer a{gap:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.visual-chapter{min-height:auto;--scene-progress:1!important}.software{min-height:auto;--assembly-progress:1!important}.software-sticky,.chapter-sticky{min-height:auto;position:relative}}
