.seven{--ground:#fff;--ink:#062f4d;--ink-2:#4b6477;--rule:#e3e9ee;--accent:#0a4a7a;--accent-line:#1f6aa6;--glass:#e8eff56b;--glass-strong:#f7fafcdb;--frost:#eef4f8cc;--edge:#062f4d42;--edge-lo:#062f4d75;--edge-hi:#ffffffe6;--grid:#062f4d17;--tint:#1f6aa626;--pill:#062f4d0d;--pill-on:#f4f8fb;--floor:#062f4d38;--bevel:#062f4d12;--ease:cubic-bezier(.22, 1, .36, 1);interpolate-size:allow-keywords;color:var(--color-ink);background:var(--ground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.seven *{box-sizing:border-box}.seven .track{height:835vh;position:relative}.seven-end{background:var(--ground);height:clamp(56px,10vh,120px)}.seven .stage{padding-inline:max(1.5rem,50% - 640px + 1.5rem);grid-template-columns:minmax(280px,430px) minmax(0,1fr);align-items:stretch;gap:clamp(16px,3vw,48px);height:100svh;padding-top:20px;padding-bottom:20px;display:grid;position:sticky;top:0;overflow:hidden}.seven .copy{z-index:2;flex-direction:column;justify-content:flex-start;gap:10px;min-height:0;max-height:100%;padding-top:2.5rem;padding-bottom:64px;display:flex;position:relative;overflow:clip}.seven .intro{text-align:center;max-width:1280px;margin-inline:auto;padding-block:5rem 2rem;padding-inline:1.5rem}.seven .intro h2{margin-inline:auto}@media (min-width:1024px){.seven .intro{padding-block:6rem 2.5rem;padding-inline:3rem}.seven .stage{padding-inline:max(3rem,50% - 640px + 3rem)}}@media (min-width:761px){.seven .stage{height:calc(100svh - 72px);padding-top:0;top:72px}.seven .copy{padding-top:clamp(8px,100svh - 822px,80px)}}.seven .acc{flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;list-style:none;display:flex}.seven .acc li,.seven .acc button{position:relative}.seven .acc li{max-width:100%}.seven .acc button{all:unset;box-sizing:border-box;cursor:pointer;background:var(--pill);width:auto;max-width:100%;color:color-mix(in srgb, var(--color-ink) 60%, transparent);font:400 13.5px/1.5 var(--font-sans);letter-spacing:-.01em;transition:background .5s var(--ease), border-color .5s var(--ease), border-radius .7s var(--ease), padding .7s var(--ease);border:1px solid #0000;border-radius:24px;flex-direction:column;padding:9px 11px 9px 16px;display:flex}.seven .acc button:hover{background:var(--glass-strong);border-color:var(--edge)}.seven .acc button:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.seven .acc .h{transition:font-size .6s var(--ease), color .6s var(--ease);align-items:center;gap:12px;display:flex}.seven .acc .plus{border:1px solid var(--edge);width:20px;height:20px;transition:opacity .4s var(--ease), transform .6s var(--ease);border-radius:50%;flex:none;position:relative}.seven .acc .plus:before,.seven .acc .plus:after{content:"";background:var(--ink-2);width:8px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seven .acc .plus:after{transform:translate(-50%,-50%)rotate(90deg)}.seven .acc .tw{width:0;transition:grid-template-rows .55s var(--ease);grid-template-rows:0fr;display:grid;overflow:hidden}.seven .acc .t{min-height:0;font:400 16px/1.625 var(--font-sans);letter-spacing:normal;color:var(--color-muted);opacity:0;width:min(350px,100vw - 88px);transition:opacity .35s var(--ease), transform .7s var(--ease), padding-top .7s var(--ease);padding-top:0;display:block;overflow:hidden;transform:translateY(8px)}.seven .acc .ci{display:block}.seven .acc .ci+.ci{margin-top:4px}.seven .acc .ci b{color:var(--color-ink);font-weight:500}.seven .acc .ci.mas{color:var(--color-muted)}.seven .acc li.on button{background:var(--pill-on);border-color:var(--accent-line);cursor:default;border-radius:16px;width:min(100%,400px);padding:12px 16px 18px}.seven .acc li.on .h{color:var(--color-muted)}.seven .acc li.on .plus{opacity:0;position:absolute;right:12px;transform:rotate(45deg)scale(.6)}.seven .acc li.on .tw{grid-template-rows:1fr;width:auto}.seven .acc li.on .t{opacity:1;transition:opacity .6s var(--ease) .12s, transform .8s var(--ease) 80ms, padding-top .7s var(--ease);padding-top:8px;transform:none}.seven .scene{perspective:2400px;--S:clamp(190px, min(34vw, 46vh), 440px);place-items:center;height:100%;min-height:0;display:grid;position:relative}.seven .floor{width:calc(var(--S) * 1.35);height:calc(var(--S) * .55);background:var(--floor);filter:blur(34px);transform:translateY(calc(var(--S) * .44));border-radius:50%;position:absolute}.seven .pile{width:var(--S);height:var(--S);transform-style:preserve-3d;transform:translateY(calc(var(--S) * .18)) rotateX(56deg) rotateZ(-42deg);--T:calc(var(--S) * .045);--TT:calc(var(--S) * .036);position:relative}.seven .sheet{background:var(--glass);border:1px solid var(--edge);box-shadow:inset 0 0 0 2px var(--edge-hi), inset 0 0 0 4px var(--bevel);transform-style:preserve-3d;will-change:transform;border-radius:18px;position:absolute;inset:0}.seven .sheet.blue{background:var(--tint);border-color:var(--accent-line)}.seven .sheet.is-top{border-color:var(--accent-line)}.seven .rx-shade,.seven .rx-gleam{pointer-events:none;opacity:0;will-change:opacity, transform;position:absolute}.seven .rx-shade{background:radial-gradient(at 50% 46%,#062f4d8c 0%,#062f4d4d 42%,#062f4d00 72%);border-radius:22px;inset:-6%;transform:translateZ(1px)scale(1.28)}.seven .rx-gleam{background:linear-gradient(115deg,#fff0 30%,#1f6aa61a 45%,#ffffffeb 50%,#1f6aa61a 55%,#fff0 70%) 100% 0/260% 100%;border-radius:18px;inset:0;transform:translateZ(1px)}.seven .sl{pointer-events:none;border-style:solid;border-radius:18px;position:absolute}.seven .tile .sl{border-radius:11px}.seven .sheet svg.grid{border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.seven .tag{font:400 9.5px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);position:absolute;top:13px;left:15px}.seven .ttl{font:500 calc(var(--S) * .066) / 1 var(--font-sans);letter-spacing:-.03em;color:var(--color-ink);position:absolute;bottom:44px;left:16px}.seven .blue .tag,.seven .blue .ttl{color:var(--color-ink)}.seven .caj{border:1px solid var(--edge);font:400 8.5px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);background:var(--glass);display:flex;position:absolute;bottom:11px;right:11px}.seven .caj span{padding:5px 6px}.seven .caj span+span{border-left:1px solid var(--edge)}.seven .nd{font:400 9px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);background:var(--glass-strong);border:1px solid var(--edge);white-space:nowrap;border-radius:8px;padding:6px 8px;position:absolute;transform:translateZ(5px)}.seven .nd.b{color:var(--color-ink);border-color:var(--accent-line)}.seven .wire{width:100%;height:100%;position:absolute;inset:0}.seven .docs{transform-style:preserve-3d;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;top:34px;left:16px;right:16px}.seven .doc{height:calc(var(--S) * .19);background:var(--glass-strong);border:1px solid var(--edge);font:500 10px/1 var(--font-sans);color:var(--color-ink);border-radius:5px;flex-direction:column;justify-content:space-between;padding:6px;display:flex;transform:translateZ(8px)}.seven .doc i{background:var(--edge);height:1px;margin-top:4px;display:block}.seven .doc i:nth-child(2){width:70%}.seven .kn{transform-style:preserve-3d;grid-template-columns:repeat(2,1fr);gap:8px;display:grid;position:absolute;top:34px;left:16px;right:16px}.seven .kc{height:calc(var(--S) * .22);background:var(--glass-strong);border:1px solid var(--accent-line);font:500 10px/1.15 var(--font-sans);color:var(--color-ink);border-radius:8px;flex-direction:column;justify-content:space-between;padding:7px;display:flex;transform:translateZ(7px)}.seven .kc span{flex-direction:column;gap:3px;display:flex}.seven .kc i{background:var(--accent-line);opacity:.45;height:1px;display:block}.seven .caps{transform-style:preserve-3d;grid-template-columns:repeat(2,1fr);gap:8px;display:grid;position:absolute;top:34px;left:16px;right:16px}.seven .cp{height:calc(var(--S) * .15);background:var(--glass-strong);border:1px solid var(--accent-line);font:500 calc(var(--S) * .036) / 1.1 var(--font-sans);color:var(--color-ink);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex;transform:translateZ(6px)}.seven .cp b{background:var(--accent-line);border-radius:50%;flex:none;width:8px;height:8px}.seven .tiles{transform-style:preserve-3d;grid-template-columns:repeat(6,1fr);gap:8px;display:grid;position:absolute;top:32px;left:15px;right:15px}.seven .tile{height:calc(var(--S) * .25);box-shadow:inset 0 0 0 2px var(--edge-hi);background:var(--glass-strong);border:1px solid var(--edge);text-align:center;font:500 calc(var(--S) * .038) / 1.15 var(--font-sans);letter-spacing:-.01em;color:var(--color-ink);transform-style:preserve-3d;border-radius:11px;grid-column:span 2;justify-content:center;align-items:center;padding:5px;display:flex;position:relative}.seven .s6{background:var(--frost);border-color:var(--edge-lo)}.seven .lid{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.seven .lid .ttl{position:static}.seven .lid svg{width:calc(var(--S) * .09);height:auto}.seven .lid .ln{font:400 9px/1.5 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);max-width:80%}.seven .prog{font:400 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:clamp(16px,4vw,56px)}.seven .prog .rail{background:var(--pill);border-radius:2px;width:96px;height:4px;overflow:hidden}.seven .prog .fill{background:var(--accent-line);border-radius:2px;width:0;height:100%;display:block}.seven .nav{background:var(--pill-on);border:1px solid var(--edge);width:42px;height:54px;color:var(--color-ink);cursor:pointer;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%)}.seven .nav:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.seven .nav.prev{border-left:0;border-radius:0 27px 27px 0;left:-16px}.seven .nav.next{border-right:0;border-radius:27px 0 0 27px;right:-16px}.seven .nav svg{width:16px;height:16px}@keyframes seven-tarjeta{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (min-width:761px) and (max-width:1100px){.seven .acc .t{width:250px}}@media (max-width:760px){.seven .stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;padding-block:62px 18px}.seven .scene{--S:min(76vw, 40svh);grid-row:1;transform:translateY(-8svh)}.seven .copy{padding-inline:34px;grid-row:2;align-self:end;gap:0;padding-bottom:0}.seven .acc{display:block}.seven .acc li{display:none}.seven .acc li.on{width:100%;animation:seven-tarjeta .6s var(--ease);display:block}.seven .acc li.on button{width:100%;padding:16px 18px 18px}.seven .acc li.on .h{font-size:13px}.seven .acc .t{width:auto;font-size:16px}.seven .acc li.on .plus{display:none}.seven .nav{display:flex}.seven .prog{background:var(--pill);border-radius:22px;padding:12px 16px;inset:14px auto auto 50%;transform:translate(-50%)}.seven .prog .rail{width:120px}.seven .prog .plbl{display:none}}@media (prefers-reduced-motion:reduce){.seven .acc button,.seven .acc .tw,.seven .acc .t,.seven .acc .h,.seven .acc .plus{transition:none!important}}