:root{--base:#F5F6F4;--ink:#17181B;--accent:#2F6F73;--muted:#7E817F;--line:#D5D8D5;--f:"Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--m:"IBM Plex Mono",ui-monospace,Menlo,monospace}
@view-transition{navigation:auto}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--base);color:var(--ink);font:400 17px/1.6 var(--f);font-synthesis:none;-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--accent);color:var(--base)}
img{max-width:100%;display:block}
a{color:var(--accent);cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.g6{display:grid;grid-template-columns:repeat(6,1fr);gap:32px}
.c-l{grid-column:1/3}.c-r{grid-column:3/7}
.ad{background:var(--ink);color:var(--base);font-size:14px;text-align:center;padding:6px 16px}
.hd{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--base) 92%,transparent);border-bottom:1px solid var(--line);transition:padding .25s}
@supports (backdrop-filter:blur(8px)){.hd{backdrop-filter:blur(8px)}}
.hd-in{display:flex;align-items:center;gap:32px;padding-top:22px;padding-bottom:22px;transition:padding .25s}
.hd.sm .hd-in{padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 24px/1 var(--f);letter-spacing:-.03em}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;padding:12px 0}
.nav a[aria-current],.nav a:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--ink);color:var(--base);font:600 16px/1.2 var(--f);text-decoration:none;border:0;cursor:pointer;box-shadow:5px 5px 0 var(--accent);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--accent)}
.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--accent)}
.btn-o{min-height:48px;padding:12px 20px;background:transparent;border:1px solid var(--ink);color:var(--ink);font:600 16px var(--f);cursor:pointer}
.burger{display:none;margin-left:auto;width:48px;height:48px;background:none;border:0;cursor:pointer;position:relative}
.burger i{position:absolute;left:12px;width:24px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:23px}.burger i:nth-child(3){top:30px}
.burger.on i:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.on i:nth-child(2){opacity:0}.burger.on i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kit-overlay{background:var(--base)}
.ov-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px}
.ov-nav a:not(.btn){color:var(--ink);font:600 32px/1.2 var(--f);text-decoration:none;padding:8px}
.big{font:800 clamp(40px,7vw,104px)/.95 var(--f);letter-spacing:-.035em;margin:0 0 40px}
.h2{font:800 clamp(32px,4.4vw,60px)/1 var(--f);letter-spacing:-.03em;margin:0 0 40px}
.h3{font:600 26px/1.2 var(--f);letter-spacing:-.02em;margin:0 0 20px}
.lead{max-width:62ch;font-size:19px;margin:0 0 20px}
.micro{font-size:16px;color:var(--ink);opacity:.75;margin:14px 0 0}
.mono{font-family:var(--m)}
.story{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:32px;padding-top:96px;padding-bottom:96px;min-height:55vh}
.story-col{grid-column:1/5;position:relative;z-index:1}
.floor{grid-column:5/7;align-self:end;width:100%;height:auto;opacity:.9}
.steps{padding:112px 0;border-top:1px solid var(--line)}
.bands{list-style:none;margin:0;padding:0}
.band{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;padding:40px 0;border-top:1px solid var(--line)}
.band:last-child{border-bottom:1px solid var(--line)}
.cnt{grid-column:1/2;font:400 clamp(56px,7vw,96px)/1 var(--m);color:var(--accent)}
.band>div{grid-column:2/6}
.band h3{font:600 28px/1.2 var(--f);margin:0 0 10px;letter-spacing:-.02em}
.band p{margin:0;max-width:60ch}
.visual{background:var(--ink);padding:96px 0;color:var(--base)}
.vis{margin:0 auto}
.vis img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:50% 40%;clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%)}
.vis figcaption{margin-top:20px;max-width:56ch;font-size:17px}
.dirs{padding:112px 0}
.dirs-hd{display:flex;justify-content:space-between;align-items:end;gap:24px}
.arrows{display:flex;gap:12px;margin-bottom:40px}
.arr{width:52px;height:52px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:20px;cursor:pointer}
.arr:hover{background:var(--ink);color:var(--base)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,38%);gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin}
.tile{scroll-snap-align:start;border-top:2px solid var(--ink);padding-top:20px}
.tile img{width:100%;aspect-ratio:6/7;object-fit:cover;margin-bottom:20px}
.tile h3{font:600 26px/1.2 var(--f);margin:0 0 10px;letter-spacing:-.02em}
.tile p{margin:0 0 14px}
.cond{border-top:1px solid var(--line);padding-top:10px}
.lnk{display:inline-block;padding:10px 0;font-weight:600}
.incl{padding:112px 0;border-top:1px solid var(--line)}
.list{list-style:none;margin:0;padding:0}
.list li{padding:24px 0;border-bottom:1px solid var(--line);max-width:64ch}
.list strong{display:block;font-size:20px;margin-bottom:6px}
.fit{padding:112px 0;background:color-mix(in srgb,var(--line) 45%,var(--base))}
.plain{margin:0;padding-left:20px}
.plain li{margin-bottom:14px;max-width:52ch}
.fit .c-l{grid-column:1/4}.fit .c-r{grid-column:4/7}
.mid-cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:64px}
.mid-cta p{font:600 22px/1.3 var(--f);margin:0}
.form-sec{padding:112px 0;scroll-margin-top:90px}
.fm{display:grid;gap:22px;max-width:640px;position:relative}
.fld{display:grid;gap:6px}
.fld span{font-weight:600;font-size:16px}
.fld input,.fld select,.fld textarea{font:400 17px/1.4 var(--f);color:var(--ink);background:transparent;border:0;border-bottom:2px solid var(--ink);padding:10px 0;border-radius:0;transition:border-color .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent)}
.kit-err{display:none;font-style:normal;font-size:16px;color:var(--accent)}
.fld.err .kit-err,.chk.err .kit-err,[aria-invalid="true"]~.kit-err{display:block}
.chk{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:16px;align-items:start}
.chk input{width:22px;height:22px;accent-color:var(--accent);margin-top:2px}
.chk .kit-err{grid-column:2}
.kit-done{display:none;border-left:4px solid var(--accent);padding:24px 28px;background:var(--base)}
.kit-done h3{font:800 32px/1.1 var(--f);letter-spacing:-.03em;margin:0 0 12px}
.fm.sent>*:not(.kit-done){display:none}
.fm.sent .kit-done,.kit-done.show{display:block}
.wa{display:inline-flex;align-items:center;min-height:48px;margin-top:12px;padding:10px 0;font-weight:600;border-bottom:2px solid var(--accent);text-decoration:none}
.ft{background:var(--ink);color:var(--base);padding:80px 0 40px}
.ft a{display:block;color:var(--base);text-decoration:none;padding:6px 0}
.ft a:hover{color:color-mix(in srgb,var(--accent) 40%,var(--base))}
.ft-g{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ft-logo{font:800 28px/1 var(--f);letter-spacing:-.03em;margin:0 0 12px}
.ft-h{font-weight:600;margin:0 0 10px}
.ft-note{border-top:1px solid color-mix(in srgb,var(--base) 25%,transparent);margin-top:48px;padding-top:24px;font-size:16px;opacity:.85}
.ft-note p{margin:4px 0}
.sticky-cta{display:none}
.ck{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;max-width:720px;margin:0 auto;background:var(--base);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:16px}
.ck p{margin:0;flex:1 1 320px}
.ck div{display:flex;gap:12px}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
[data-reveal].in{opacity:1;transform:none}
@media (max-width:980px){.nav,.hd-cta{display:none}.burger{display:block}.story-col{grid-column:1/7}.floor{grid-column:1/7;max-width:320px}.rail{grid-auto-columns:minmax(260px,70%)}.ft-g{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.g6{grid-template-columns:1fr}.c-l,.c-r,.fit .c-l,.fit .c-r{grid-column:1/-1}.story{padding-top:56px;padding-bottom:64px}.big{font-size:clamp(34px,10vw,48px)}.band{grid-template-columns:72px 1fr;gap:16px}.cnt{font-size:48px}.band>div{grid-column:2}.steps,.dirs,.incl,.fit,.form-sec,.visual{padding:72px 0}.rail{grid-auto-columns:85%}.ft-g{grid-template-columns:1fr}.fld input,.fld select,.fld textarea{font-size:16px}
.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--base);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s}
.sticky-cta.show{transform:none}.sticky-cta .btn{width:100%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}