:root{--bg: #060606;--ink: #f3f3f3;--muted: #898989;--accent: #ffffff;--soft: #b1b1b1;--line: rgba(177,177,177,.22);--text: #cccccc;--lede: #c0c0c0;--statement: #8a8a8a;--glass: rgba(6,6,6,.4);--hover: rgba(255,255,255,.08);--solid-bg: #ffffff;--solid-ink: #000000;--solid-hover: #d6d6d6;--shadow: rgba(6,6,6,.9);--display: "Lexend", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--gutter: clamp(16px, 3vw, 36px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}a{color:inherit;text-decoration:none}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:grid;place-content:center;justify-items:center;gap:18px;transition:opacity .9s ease,visibility .9s}#loader.done{opacity:0;visibility:hidden}.loader-logo{position:relative;width:min(560px,78vw)}.loader-logo img{display:block;width:100%;height:auto}.loader-logo .dim{opacity:.16}.loader-logo .fill{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 100% 0 0);transition:clip-path .25s linear}.loader-pct{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--muted)}.hud{position:fixed;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--gutter);pointer-events:none;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hud a,.hud button{pointer-events:auto}.hud-top{top:0}.hud-bottom{bottom:0;padding-bottom:max(var(--gutter),env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:15px;letter-spacing:.01em;text-transform:none}.brand b{font-weight:300}.brand img{width:28px;height:28px}.hud-meta{display:flex;align-items:center;gap:22px;color:var(--muted)}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,border-color .25s,color .25s;background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill:hover{border-color:var(--accent);background:var(--hover)}.pill-solid{background:var(--solid-bg);border-color:var(--solid-bg);color:var(--solid-ink)}.pill-solid:hover{background:var(--solid-hover);border-color:var(--solid-hover)}.section-label{display:flex;gap:10px}.section-label #section-name{color:var(--soft)}.muted{color:var(--muted)}.hint{position:absolute;left:50%;bottom:max(var(--gutter),env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);transition:opacity .6s}.hint.gone{opacity:0}.hint-line{width:1px;height:34px;background:linear-gradient(var(--accent),transparent);animation:hint 1.8s ease-in-out infinite;transform-origin:top}@keyframes hint{0%{transform:scaleY(0);opacity:1}70%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.progress{color:var(--muted);min-width:4ch;text-align:right}.chapters{position:fixed;right:var(--gutter);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:4px}.chapters button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:10px;height:18px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.chapters button span{opacity:0;transform:translate(6px);transition:opacity .25s,transform .25s}.chapters button:after{content:"";width:14px;height:1px;background:var(--muted);transition:width .3s,background .3s}.chapters button:hover span,.chapters button:focus-visible span,.chapters button.active span{opacity:1;transform:none}.chapters button.active{color:var(--ink)}.chapters button.active:after{width:28px;background:var(--accent)}.chapters button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}#panels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.panel{position:absolute;top:50%;opacity:0;visibility:hidden;will-change:opacity,transform;max-width:520px;--tx: 0%;--ty: -50%;transform:translate(var(--tx),calc(var(--ty) + var(--shift, 0px))) scale(var(--scale, 1))}.panel.on{visibility:visible;pointer-events:auto}.panel-center{left:50%;text-align:center;--tx: -50%;max-width:min(760px,calc(100vw - 2 * var(--gutter)));width:100%}.panel-wide{max-width:min(980px,calc(100vw - 2 * var(--gutter) - 160px))}.panel-left{left:clamp(16px,8vw,140px);width:min(460px,calc(100vw - 2 * var(--gutter)))}.panel-hero{width:min(600px,calc(100vw - 2 * var(--gutter)))}.panel>*{will-change:transform}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft);margin-bottom:18px}h1,h2,.statement{font-family:var(--display);letter-spacing:-.02em}h1{font-size:clamp(42px,7.4vw,104px);font-weight:600;line-height:.98}h2{font-size:clamp(34px,4.6vw,64px);font-weight:600;line-height:1.02;margin-bottom:18px}.statement{font-size:clamp(24px,3.2vw,42px);font-weight:300;line-height:1.25}.accent{color:var(--ink)}h1 .accent,h2 .accent{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.statement{color:var(--statement)}.panel{text-shadow:0 2px 24px var(--shadow)}.panel p{color:var(--text);font-size:16px;line-height:1.6}.panel .lede{font-size:clamp(16px,1.5vw,19px);margin-top:22px;color:var(--lede)}.panel .small{font-size:12px;margin-top:22px;font-family:var(--mono);letter-spacing:.06em}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tags li{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--soft)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;text-align:left}.steps li{border-top:1px solid var(--line);padding-top:14px;color:var(--lede);font-size:14px;line-height:1.5}.steps b{display:block;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}.contact-row .pill{text-transform:none;letter-spacing:.02em;font-size:12px}.contact-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}@media(max-width:760px){.hide-sm,.chapters{display:none}.panel-left{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:96px;--ty: 0%}.panel p{font-size:15px}.panel-wide{max-width:calc(100vw - 2 * var(--gutter))}.steps{grid-template-columns:1fr 1fr;gap:12px}.steps li{font-size:13px}.hud-bottom .progress{display:none}.hint{bottom:64px}h1{font-size:clamp(36px,10vw,56px)}}@media(prefers-reduced-motion:reduce){.hint-line{animation:none}}.no-gl,.no-gl body{overflow:auto;touch-action:auto;height:auto}.no-gl #gl,.no-gl .chapters,.no-gl .hud-bottom{display:none}.no-gl #panels{position:static;padding:120px var(--gutter) 80px}.no-gl .panel{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;margin:0 auto 22vh;width:auto;text-align:left}.steps-3{grid-template-columns:repeat(3,1fr)}.panel p b{color:var(--ink);font-weight:500}@media(max-width:760px){.steps-3{grid-template-columns:1fr;gap:10px}}.clients{list-style:none;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.clients li{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);border-top:1px solid var(--line);padding-top:8px}.panel .tagline{font-family:var(--display);font-size:clamp(20px,2vw,26px);font-weight:400;line-height:1.25;color:var(--ink);margin:-6px 0 14px}.panel p+p:not(.tagline):not(.lede):not(.small){margin-top:12px}.project-form{display:flex;flex-direction:column;align-items:center;gap:14px;margin:26px auto 0;width:min(560px,100%)}.project-form textarea{width:100%;resize:none;background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);font:400 15px/1.5 var(--body);outline:none;transition:border-color .2s,background .2s}.project-form textarea::placeholder{color:var(--muted)}.project-form textarea:focus{border-color:var(--ink);background:#ffffff12}.project-form button{cursor:pointer;padding:11px 34px}.panel .small a{color:var(--ink);border-bottom:1px solid var(--line)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pill.whatsapp{gap:10px;margin-top:28px;text-transform:none;letter-spacing:.02em;font-size:14px;padding:13px 26px}@media(prefers-color-scheme:light){:root{--bg: #f9f9f9;--ink: #0c0c0c;--muted: #6e6e6e;--accent: #000000;--soft: #444444;--line: rgba(0,0,0,.16);--text: #333333;--lede: #3d3d3d;--statement: #7a7a7a;--glass: rgba(249,249,249,.5);--hover: rgba(0,0,0,.06);--solid-bg: #000000;--solid-ink: #ffffff;--solid-hover: #2a2a2a;--shadow: rgba(249,249,249,.9)}#gl,.brand img,.loader-logo img{filter:invert(1)}}