/* JARVIX WEB Build 001: bienvenida estática; sin consultas, scripts o fuentes remotas. */
:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#061320;color:#f3f7fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 35%,#07332f60,transparent 55%),#061320}.shell{max-width:1360px;margin:auto;padding:0 6%;min-height:100svh;display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid #203545}.wordmark{font-weight:800;letter-spacing:2px;font-size:23px}.web{font-size:11px;color:#69d8df;font-weight:500;letter-spacing:3px;margin-left:14px}.build{border:1px solid #335060;border-radius:30px;padding:7px 13px;color:#b6cbd5;font:12px Consolas,monospace;white-space:nowrap}
main{flex:1;display:flex;flex-direction:column;justify-content:center}.welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:76px 0 64px}.eyebrow{font-size:11px;letter-spacing:2.7px;color:#86cfd2;margin:0 0 27px;display:flex;align-items:center;gap:12px}.line{width:26px;height:1px;background:#4ed3cb}h1{font-size:clamp(40px,4.8vw,67px);line-height:1.08;font-weight:650;letter-spacing:-2.4px;margin:0 0 24px}h1 span{color:#54d4d2}.lead{font-size:22px;line-height:1.5;color:#d2e1e9;margin:0 0 18px}.description{max-width:395px;color:#9cafbe;font-size:16px;line-height:1.7;margin:0 0 28px}.status{display:inline-flex;align-items:center;gap:9px;background:#12302e;border:1px solid #28544f;border-radius:30px;padding:10px 15px;color:#91e2c9;font-size:13px}.dot{width:6px;height:6px;border-radius:50%;background:#81d7b7}.note{max-width:360px;margin:15px 0 0;color:#91a8b7;font-size:13px;line-height:1.65}
.identity{border:1px solid #274957;border-radius:22px;background:linear-gradient(155deg,#102a36,#041322 80%);overflow:hidden;min-width:0;box-shadow:0 30px 85px #0003}.identity-top,.identity-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 26px;color:#8bb0bd;font:10px Consolas,monospace;letter-spacing:1.8px}.identity-top{border-bottom:1px solid #27404a}.brand{padding:63px 24px 18px}.brand img{width:100%;height:auto;display:block;border-radius:3px}.horizon{height:140px;padding:35px 25px 0;display:flex;align-items:end;justify-content:space-between;gap:10px;opacity:.55;mask-image:linear-gradient(transparent,#000)}.horizon span{width:7%;height:30%;border:1px solid #32c4c0;border-bottom:0;background:linear-gradient(#1e7f8422,#1d9d9922)}.horizon span:nth-child(3n){height:65%}.horizon span:nth-child(3n+1){height:45%}.horizon span:nth-child(4n){height:90%}.identity-bottom{border-top:1px solid #27404a;line-height:1.6}.identity-bottom span:last-child{font-size:24px;color:#55c7d0}
.platform{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #203545;border-bottom:1px solid #203545;padding:24px 0;margin-bottom:35px}.platform-label{font-size:10px;letter-spacing:1.8px;color:#8daab7}.platform p{font-size:15px;line-height:1.6;margin:0;color:#c6d7df}.platform-tag{color:#72b9bd;font:10px Consolas,monospace;letter-spacing:1px}.mobile-break{display:none}footer{display:flex;justify-content:space-between;gap:15px;padding:8px 0 25px;color:#8da3b3;font-size:11px;line-height:1.6}.footer-dot{margin:0 8px;color:#3f6c7d}
@media(max-width:900px){.welcome{gap:30px;padding:52px 0}.brand{padding-top:40px}.horizon{height:100px}.platform{flex-wrap:wrap}.platform-tag{margin-left:auto}}
@media(max-width:640px){.shell{padding:0 24px}header{padding:22px 0}.welcome{grid-template-columns:1fr;padding:40px 0 32px;gap:32px}h1{font-size:46px;letter-spacing:-1.8px}.lead{font-size:19px}.description{font-size:15px}.eyebrow{font-size:10px;margin-bottom:23px}.identity{border-radius:16px}.brand{padding:30px 22px 10px}.horizon{height:74px;padding-top:10px}.identity-top,.identity-bottom{padding:17px 20px;letter-spacing:1px;font-size:9px}.platform{align-items:start;gap:12px;padding:21px 0;margin-bottom:23px}.platform-label{width:100%}.platform p{font-size:14px}.platform-tag{font-size:9px;margin:0;align-self:center}.mobile-break{display:block}footer{flex-wrap:wrap;font-size:10px}}
@media(max-width:360px){.shell{padding:0 18px}h1{font-size:40px}.platform-tag{width:100%}}