.proto-aluminify{--alu:var(--alu-case);--qbg:#f6f7fb;--qink:#0f1120}.proto-aluminify ::selection{color:inherit;background:#6d69f059}.proto-aluminify .grid-dark,.proto-aluminify .grid-light{z-index:0;pointer-events:none;background-size:48px 48px;position:fixed;inset:0}.proto-aluminify .grid-dark{opacity:.04;background-image:linear-gradient(90deg,#fff 1px,#0000 1px),linear-gradient(#fff 1px,#0000 1px)}.proto-aluminify .grid-light{opacity:0;background-image:linear-gradient(90deg,#0f1120 1px,#0000 1px),linear-gradient(#0f1120 1px,#0000 1px)}.proto-aluminify .nav{z-index:50;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1.5rem,4vw,3rem);transition:border-color .5s;display:flex;position:fixed;top:0;left:0;right:0}.proto-aluminify .nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.proto-aluminify .nav .back{align-items:center;gap:12px;display:flex}.proto-aluminify .nav .back svg{stroke:var(--ink);opacity:.65;transition:transform .4s var(--ease-out-expo)}.proto-aluminify .nav .back:hover svg{transform:translate(-4px)}.proto-aluminify .nav .back span,.proto-aluminify .nav .case-label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);opacity:.65;font-size:10.5px}.proto-aluminify .nav .launch{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ac);border:1px solid var(--ac);border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-size:10.5px;transition:background-color .3s,color .3s;display:inline-flex}.proto-aluminify .nav .launch i{background:var(--ac);width:7px;height:7px;box-shadow:0 0 12px var(--ac);border-radius:50%;animation:2.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}@media (max-width:640px){.proto-aluminify .nav .case-label{display:none}}.proto-aluminify .hero{z-index:4;height:100svh;min-height:640px;padding:88px clamp(1.5rem,5vw,4rem) 2rem;display:flex;position:relative;overflow:hidden}.proto-aluminify .hero .glow{pointer-events:none;background:radial-gradient(#6d69f012 0%,#0000 60%);width:90vw;height:70vh;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.proto-aluminify .hero-inner{z-index:4;flex-direction:column;justify-content:center;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.proto-aluminify .klabel{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--subtext);align-items:center;gap:14px;font-size:10.5px;display:inline-flex}.proto-aluminify .klabel .knum{color:#ffffff61}.proto-aluminify .hero h1{font-family:var(--font-display);font-size:var(--display);letter-spacing:-.015em;color:#fff;margin-top:1.6rem;font-weight:500;line-height:1.04}.proto-aluminify .hero h1 .line{display:block;overflow:hidden}.proto-aluminify .hero h1 .line>span{display:inline-block}.proto-aluminify .hero h1 .serifw{font-family:var(--font-serif);letter-spacing:-.02em;font-style:italic;font-weight:300}.proto-aluminify .hero .sub{max-width:33rem;color:var(--subtext);border-left:1px solid #ffffff24;margin-top:1.9rem;padding-left:1.4rem;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.75}.proto-aluminify .hero .sub strong{color:var(--text);font-weight:500}.proto-aluminify .hero .meta-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.proto-aluminify .hero .coords{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff52;flex-wrap:wrap;gap:2.4rem;font-size:10px;display:flex}.proto-aluminify .scroll-hint{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#fff6;align-items:center;gap:.8rem;font-size:10px;display:flex}.proto-aluminify .scroll-hint .line-v{background:#ffffff26;width:1px;height:44px;position:relative;overflow:hidden}.proto-aluminify .scroll-hint .line-v:after{content:"";background:#fff;width:1px;height:50%;animation:2s cubic-bezier(.65,0,.35,1) infinite descend;position:absolute;top:-50%;left:0}@keyframes descend{0%{top:-50%}to{top:110%}}.proto-aluminify .drain{z-index:2;pointer-events:none;position:absolute;inset:0}.proto-aluminify .leech{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;will-change:transform,opacity;color:#fff3;align-items:center;gap:8px;font-size:10.5px;display:inline-flex;position:absolute}.proto-aluminify .leech.red{color:#ef44448c}.proto-aluminify .leech:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}@media (max-width:900px){.proto-aluminify .leech:nth-child(n+5){display:none}}.proto-aluminify section{z-index:4;position:relative}.proto-aluminify .section{padding:clamp(6rem,12vh,9rem) clamp(1.5rem,5vw,4rem)}.proto-aluminify .section-inner{max-width:1400px;margin:0 auto}.proto-aluminify .section-label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ac);font-size:10.5px;display:inline-block}.proto-aluminify .section-title{font-family:var(--font-display);font-size:var(--headline);letter-spacing:-.01em;margin-top:1.6rem;font-weight:500;line-height:1.12}.proto-aluminify .section-title .serif{font-family:var(--font-serif);font-style:italic;font-weight:300}.proto-aluminify .case-prose{border-top:1px solid #ffffff0d}.proto-aluminify .case-prose .section-title{color:#fff}.proto-aluminify .case-prose .prose{max-width:42rem;margin-top:2.4rem}.proto-aluminify .case-prose .prose p{font-family:var(--font-serif);color:var(--prose);margin-bottom:1.5rem;font-size:1.22rem;font-weight:300;line-height:1.85}.proto-aluminify .case-prose .prose strong{color:#fff;font-weight:500}.proto-aluminify .case-prose .verdict{font-family:var(--font-display);color:#fff;margin-top:2.2rem;font-size:1.35rem;font-weight:500}.proto-aluminify .case-prose .verdict .ac{color:var(--alu-soft)}.proto-aluminify .product{border-top:1px solid color-mix(in srgb,var(--ink)8%,transparent)}.proto-aluminify .product .center{text-align:center}.proto-aluminify .product .center .section-title{color:var(--ac)}.proto-aluminify .product .lede{max-width:36rem;color:var(--ink);opacity:.72;margin:1.4rem auto 0;font-size:1.05rem;line-height:1.7}.proto-aluminify .product .pill{border:1px solid color-mix(in srgb,var(--alu)30%,transparent);background:color-mix(in srgb,var(--alu)8%,transparent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--alu);border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:10.5px;display:inline-flex}.proto-aluminify .mock-wrap{perspective:1600px;margin-top:4rem}.proto-aluminify .mock{will-change:transform;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:1060px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #0f112059}.proto-aluminify .mock .titlebar{background:#f2f3f8;border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;padding:12px 16px;display:flex}.proto-aluminify .mock .dots{gap:7px;display:flex}.proto-aluminify .mock .dots i{background:#d1d5db;border-radius:50%;width:11px;height:11px}.proto-aluminify .mock .addr{text-align:center;flex:1}.proto-aluminify .mock .addr span{font-family:var(--font-mono);color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;display:inline-flex}.proto-aluminify .mock .addr span svg{color:#22c55e}.proto-aluminify .mock .addr b{color:var(--alu);font-weight:600}.proto-aluminify .mock .wl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;padding-right:4px;font-size:9.5px}.proto-aluminify .app{min-height:500px;color:var(--qink);grid-template-columns:210px 1fr;display:grid}@media (max-width:820px){.proto-aluminify .app{grid-template-columns:1fr}.proto-aluminify .app .side{display:none}}.proto-aluminify .app .side{background:#fafbfd;border-right:1px solid #eef0f3;flex-direction:column;padding:20px;display:flex}.proto-aluminify .app .side .brand{color:var(--qink);align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.proto-aluminify .app .side .brand .logo{background:linear-gradient(135deg,var(--alu),var(--alu-soft));color:#fff;width:26px;height:26px;font-family:var(--font-display);border-radius:7px;place-items:center;font-size:13px;display:grid}.proto-aluminify .app .side .brand .logo:after{content:"E"}.proto-aluminify .app .side nav{gap:3px;margin-top:22px;display:grid}.proto-aluminify .app .side nav span{color:#6b7280;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.proto-aluminify .app .side nav span.on{background:color-mix(in srgb,var(--alu)10%,transparent);color:var(--alu);font-weight:600}.proto-aluminify .app .side nav span .live{color:#dc2626;font-size:9px;font-family:var(--font-mono);background:#fee2e2;border-radius:4px;margin-left:auto;padding:1px 6px}.proto-aluminify .app .side .streak{background:color-mix(in srgb,var(--alu)7%,transparent);border:1px solid color-mix(in srgb,var(--alu)15%,transparent);color:var(--qink);border-radius:10px;margin-top:auto;padding:12px 14px;font-size:11.5px}.proto-aluminify .app .side .streak b{color:var(--alu)}.proto-aluminify .app .stage{background:#fff;padding:24px}.proto-aluminify .app .stage .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.proto-aluminify .app .stage .top .lbl{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#9ca3af;font-size:10px}.proto-aluminify .app .stage .top h4{font-family:var(--font-display);color:var(--qink);margin-top:4px;font-size:1.15rem;font-weight:500}.proto-aluminify .app .stage .top .who{text-align:right;color:#6b7280;font-size:11px}.proto-aluminify .app .stage .top .who b{color:var(--qink)}.proto-aluminify .player{aspect-ratio:16/8;background:linear-gradient(135deg,#1a1a2e,#0f1120);border-radius:12px;align-items:flex-end;padding:16px;display:flex;position:relative;overflow:hidden}.proto-aluminify .player .live{font-family:var(--font-mono);letter-spacing:.06em;color:#fff;background:#dc2626e6;border-radius:6px;align-items:center;gap:7px;padding:4px 10px;font-size:10px;display:inline-flex;position:absolute;top:14px;left:14px}.proto-aluminify .player .live i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite blink}.proto-aluminify .player .prof{color:#ffffffb3;font-size:11px;font-family:var(--font-mono)}.proto-aluminify .player .bar{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.proto-aluminify .player .bar i{background:var(--alu-soft);width:58%;height:100%;display:block}.proto-aluminify .steps{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.proto-aluminify .step{opacity:0;background:#fafbfd;border:1px solid #eef0f3;border-radius:9px;padding:11px;transform:translateY(8px)}.proto-aluminify .step .n{font-family:var(--font-mono);color:var(--alu);font-size:10px;font-weight:600}.proto-aluminify .step .t{color:var(--qink);margin-top:3px;font-size:12px;font-weight:600}.proto-aluminify .step .d{color:#9ca3af;margin-top:2px;font-size:10.5px}.proto-aluminify .step.on{border-color:color-mix(in srgb,var(--alu)35%,transparent);background:color-mix(in srgb,var(--alu)6%,transparent)}@media (max-width:560px){.proto-aluminify .steps{grid-template-columns:repeat(2,1fr)}}.proto-aluminify .compare{max-width:860px;margin-top:5rem;margin-left:auto;margin-right:auto}.proto-aluminify .compare h3{font-family:var(--font-display);color:var(--qink);text-align:center;margin-bottom:2rem;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:500}.proto-aluminify .compare h3 .ac{color:var(--alu)}.proto-aluminify .bars{gap:1.4rem;display:grid}.proto-aluminify .barrow{grid-template-columns:120px 1fr;align-items:center;gap:1rem;display:grid}.proto-aluminify .barrow .cap{color:var(--ink);opacity:.7;font-size:.85rem}.proto-aluminify .barrow .cap b{color:var(--qink);opacity:1;font-size:1rem;font-weight:600;display:block}.proto-aluminify .bartrack{background:color-mix(in srgb,var(--ink)6%,transparent);border-radius:8px;height:30px;position:relative;overflow:hidden}.proto-aluminify .bartrack i{width:0%;height:100%;font-family:var(--font-mono);color:#fff;white-space:nowrap;border-radius:8px;align-items:center;padding:0 12px;font-size:11px;display:flex;position:absolute;top:0;left:0}.proto-aluminify .bartrack.bad i{background:#dc2626}.proto-aluminify .bartrack.good i{background:var(--alu)}.proto-aluminify .compare .note{text-align:center;color:var(--ink);opacity:.5;margin-top:1.6rem;font-size:.82rem;line-height:1.6}.proto-aluminify .features .grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:4rem;display:grid}@media (max-width:820px){.proto-aluminify .features .grid{grid-template-columns:1fr}}.proto-aluminify .fcard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:2rem;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 3px #0000000a}.proto-aluminify .fcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px #3a35e047}.proto-aluminify .fcard .ic{background:color-mix(in srgb,var(--alu)9%,transparent);width:48px;height:48px;color:var(--alu);transition:transform .5s var(--ease-out-expo);border-radius:14px;place-items:center;margin-bottom:1.4rem;display:grid}.proto-aluminify .fcard:hover .ic{transform:scale(1.12)}.proto-aluminify .fcard h3{font-family:var(--font-display);color:var(--qink);margin-bottom:.6rem;font-size:1.22rem;font-weight:500}.proto-aluminify .fcard p{color:#52525b;font-size:.95rem;line-height:1.7}.proto-aluminify .fcard .stat{font-family:var(--font-mono);color:#9ca3af;flex-wrap:wrap;gap:1.2rem;margin-top:1.2rem;font-size:11px;display:flex}.proto-aluminify .fcard .stat b{color:var(--alu);font-weight:500}.proto-aluminify .cta{text-align:center;border-top:1px solid color-mix(in srgb,var(--ink)8%,transparent)}.proto-aluminify .cta .section-title{color:var(--ac)}.proto-aluminify .cta p{max-width:34rem;color:var(--ink);opacity:.68;margin:1.6rem auto 0;line-height:1.7}.proto-aluminify .cta .btns{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.4rem;display:flex}.proto-aluminify .btn-alu{background:var(--alu);color:#fff;box-shadow:0 10px 30px -8px #3a35e080}.proto-aluminify .btn-alu:hover{box-shadow:0 14px 44px -8px #3a35e09e}.proto-aluminify .btn-ghost-l{border:1px solid color-mix(in srgb,var(--ink)18%,transparent);color:var(--ink);font-weight:500}.proto-aluminify .btn-ghost-l:hover{background:color-mix(in srgb,var(--ink)5%,transparent)}.proto-aluminify footer{border-top:1px solid color-mix(in srgb,var(--ink)8%,transparent);z-index:4;font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink);opacity:.45;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:2.4rem clamp(1.5rem,5vw,4rem);font-size:10px;display:flex;position:relative}.js .proto-aluminify .reveal{opacity:0;transform:translateY(22px)}.js .proto-aluminify .reveal-static{opacity:0}@media (prefers-reduced-motion:reduce){.proto-aluminify *,.proto-aluminify :before,.proto-aluminify :after{transition-duration:1ms!important;animation-duration:1ms!important}.js .proto-aluminify .reveal,.js .proto-aluminify .reveal-static,.proto-aluminify .step{opacity:1!important;transform:none!important}.proto-aluminify .bartrack i{width:var(--w)!important}}
