:root{--kuadro-green-50:#eef7f0;--kuadro-green-100:#dceedf;--kuadro-green-200:#b5ddbf;--kuadro-green-300:#7fc79a;--kuadro-green-400:#3db472;--kuadro-green-500:#00a84b;--kuadro-green-600:#088f44;--kuadro-green-700:#0a7a3e;--kuadro-green-800:#0b5e33;--kuadro-green-900:#0f3d26;--kuadro-neutral-0:#fbf9f4;--kuadro-neutral-50:#f4f0e6;--kuadro-neutral-100:#ece7da;--kuadro-neutral-200:#e0d9c8;--kuadro-neutral-300:#c9c1ae;--kuadro-neutral-400:#a39d8c;--kuadro-neutral-500:#858173;--kuadro-neutral-600:#6e6e63;--kuadro-neutral-700:#4a4b42;--kuadro-neutral-800:#2c2d26;--kuadro-neutral-900:#16160f;--kuadro-amber-100:#fbebc8;--kuadro-amber-700:#9a5b00;--kuadro-red-100:#fbe1dc;--kuadro-red-700:#b42318;--kuadro-blue-100:#dde7f2;--kuadro-blue-700:#2e5a88;--kuadro-eggshell:var(--kuadro-neutral-50);--kuadro-paper:var(--kuadro-neutral-0);--kuadro-sand:var(--kuadro-neutral-200);--kuadro-ink:var(--kuadro-neutral-900);--kuadro-money-green:var(--kuadro-green-500);--kuadro-deep-green:var(--kuadro-green-700);--kuadro-forest:var(--kuadro-green-900);--kuadro-mint:var(--kuadro-green-100);--color-bg:var(--kuadro-eggshell);--color-surface:var(--kuadro-paper);--color-surface-hover:var(--kuadro-neutral-100);--color-surface-inverse:var(--kuadro-forest);--color-divider:var(--kuadro-sand);--color-border-input:var(--kuadro-neutral-500);--color-text:var(--kuadro-ink);--color-text-secondary:var(--kuadro-neutral-700);--color-text-muted:var(--kuadro-neutral-600);--color-text-inverse:var(--kuadro-eggshell);--color-link:var(--kuadro-deep-green);--color-link-hover:var(--kuadro-green-800);--color-brand:var(--kuadro-money-green);--color-action:var(--kuadro-deep-green);--color-action-hover:var(--kuadro-green-800);--color-on-action:var(--kuadro-paper);--color-action-bright:var(--kuadro-money-green);--color-on-action-bright:var(--kuadro-ink);--color-focus-ring:var(--kuadro-green-600);--color-success:var(--kuadro-green-800);--color-success-bg:var(--kuadro-mint);--color-warning:var(--kuadro-amber-700);--color-warning-bg:var(--kuadro-amber-100);--color-error:var(--kuadro-red-700);--color-error-bg:var(--kuadro-red-100);--color-info:var(--kuadro-blue-700);--color-info-bg:var(--kuadro-blue-100)}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.page{max-width:1040px;margin:0 auto;padding:0 16px}.header{padding:24px 0}.logo{color:var(--color-text);font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1}.logo__accent{color:var(--color-brand)}.hero{max-width:680px;padding:64px 0 72px}.hero__title{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05}.hero__body{color:var(--color-text-secondary);margin:0 0 32px;font-size:1.2rem}.button{background:var(--color-action);color:var(--color-on-action);border-radius:8px;padding:14px 24px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--color-action-hover);color:var(--color-on-action)}.button--bright{background:var(--color-action-bright);color:var(--color-on-action-bright)}.button--bright:hover{background:var(--kuadro-green-400);color:var(--color-on-action-bright)}.section-title{letter-spacing:-.02em;margin:0 0 24px;font-size:1.6rem}.section-title--inverse{color:var(--color-text-inverse)}.how{padding:0 0 72px}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:12px;padding:24px}.step__number{background:var(--color-success-bg);width:32px;height:32px;color:var(--color-success);border-radius:6px;place-items:center;font-weight:700;display:inline-grid}.step__title{margin:16px 0 8px;font-size:1.15rem}.step__body{color:var(--color-text-secondary);margin:0}.pilot{background:var(--color-surface-inverse);color:var(--color-text-inverse);border-radius:16px;margin-bottom:48px;padding:48px 32px}.pilot__body{max-width:560px;margin:0 0 28px;font-size:1.1rem}.footer{border-top:1px solid var(--color-divider);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:24px 0 40px;font-size:.9rem;display:flex}.prelaunch{grid-template-rows:1fr auto;min-height:100svh;display:grid}.prelaunch__stage{place-items:center;padding:96px 16px 32px;display:grid}.prelaunch__footer{text-align:center;padding:24px 16px 32px;font-size:.9rem}.prelaunch__footer a{color:var(--color-text-muted);text-decoration:none}.prelaunch__footer a:hover{color:var(--color-link-hover)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.box{--size:69px;--half:calc(var(--size) / 2);--spring:cubic-bezier(.3, 2.2, .5, 1);--box-color:var(--kuadro-green-800);--shade-top:linear-gradient(#0000, #0000000f);--shade-front:linear-gradient(#00000024, #00000042);--shade-side:linear-gradient(#0000005c, #00000080);width:calc(var(--size) * 2);height:calc(var(--size) * 2);cursor:pointer;perspective:calc(var(--size) * 5);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;padding:0;position:relative}.box *{pointer-events:none}.box:before{content:"";inset:calc(var(--size) * -1);pointer-events:none;border-radius:50%;position:absolute}.box--open:before{pointer-events:auto}.box__float,.box__pop,.box__cube,.box__wall{transform-style:preserve-3d;display:block;position:absolute;inset:0}.box__float{animation:1.8s ease-in-out infinite alternate box-float}.box__pop{animation:box-form .5s var(--spring) backwards}.box--open .box__pop{animation:.11s ease-in forwards box-burst}.box__cube{inset:calc(var(--size) * .5);transform:rotateX(-24deg)rotateY(-36deg)}.box__wall{backface-visibility:hidden;background-color:var(--box-color);background-image:var(--shade-side);box-shadow:0 0 0 .5px var(--box-color);animation:.15s linear backwards wall-form}.box--open .box__wall{animation:.11s linear forwards wall-burst}.box__wall--front{transform:translateZ(var(--half));background-image:var(--shade-front)}.box__wall--back{transform:rotateY(180deg) translateZ(var(--half))}.box__wall--right{transform:rotateY(90deg) translateZ(var(--half))}.box__wall--left{transform:rotateY(-90deg) translateZ(var(--half))}.box__wall--top{transform:rotateX(90deg) translateZ(var(--half));background-image:var(--shade-top)}.box__wall--bottom{transform:rotateX(-90deg) translateZ(var(--half))}.box__reveal{opacity:0;place-items:center;transition:transform .2s ease-in,opacity .15s linear;display:grid;position:absolute;inset:0;transform:scale(.3)}.box--open .box__reveal{opacity:1;transition:transform .4s var(--spring) 70ms, opacity 50ms linear 70ms;transform:scale(1)}.box__letter{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--size) * 1.4);color:var(--color-brand);line-height:1;animation:1.8s ease-in-out infinite alternate letter-float}.box__shadow{background:#16160f29;border-radius:50%;height:10%;animation:1.8s ease-in-out infinite alternate shadow-float;position:absolute;bottom:6%;left:22%;right:22%}.box__burst{position:absolute;top:50%;left:50%}.box__spark{width:4px;height:calc(var(--size) * .22);background:var(--box-color);transform-origin:50% 100%;opacity:0;border-radius:2px;position:absolute;bottom:0;left:-2px}.box--open .box__spark{animation:.3s ease-out 70ms spark}@keyframes box-form{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes box-burst{0%{transform:scale(1)}75%{transform:scale(1.35)}to{transform:scale(1.55)}}@keyframes wall-form{0%{opacity:0}to{opacity:1}}@keyframes wall-burst{0%,70%{opacity:1}to{opacity:0}}@keyframes spark{0%{opacity:1;transform:translateY(calc(var(--size) * -.7)) scaleY(.3)}50%{opacity:1;transform:translateY(calc(var(--size) * -1.05)) scaleY(1)}to{opacity:0;transform:translateY(calc(var(--size) * -1.3)) scaleY(.2)}}@keyframes box-float{0%{transform:translateY(5%)rotate(-3deg)}to{transform:translateY(-5%)rotate(3deg)}}@keyframes letter-float{0%{transform:translateY(5%)rotate(-5deg)}to{transform:translateY(-5%)rotate(5deg)}}@keyframes shadow-float{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.box__float,.box__shadow,.box__letter,.box__pop,.box__spark{animation:none!important}}