:root{--green:#123c26;--green-2:#0c2e1c;--green-soft:#315b3d;--orange:#ed7b2d;--cream:#f5f2eb;--paper:#fffefa;--ink:#173426;--muted:#68756d;--line:#dfe2dc;--white:#fff;--danger:#a9342b;--shadow:0 28px 70px rgba(14,48,29,.2)}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--green);color:white;font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:var(--muted);margin-top:2px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--green);color:white}.vida-logo{display:block;width:190px;height:62px;position:relative;overflow:hidden}.logo-source{position:absolute;width:1080px;height:1430px;background:url('/assets/vida-brand-reference.jpeg') no-repeat 0 0/1080px 1430px;left:-104px;top:-67px;pointer-events:none}.vida-logo.small{width:135px;height:48px}.vida-logo.small .logo-source{transform:scale(.74);transform-origin:left top}.help-link,.site-footer button{border:1px solid rgba(255,255,255,.34);border-radius:100px;background:transparent;color:white;padding:10px 16px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--green) 0%,var(--green-2) 74%);color:white}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(237,123,45,.18),transparent 25%),linear-gradient(90deg,transparent 60%,rgba(0,0,0,.18));pointer-events:none}.hero:after{content:"";position:absolute;right:max(0px,calc((100vw - 1350px)/2));top:0;width:510px;height:100%;background:url('/assets/vida-brand-reference.jpeg') no-repeat -700px -32px/1080px 1430px;opacity:.23;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 48%);pointer-events:none}.hero-inner{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));margin:auto;min-height:610px;padding:82px 0 88px;display:grid;grid-template-columns:1.15fr .72fr;align-items:center;gap:80px}.eyebrow,.modal-kicker,.section-title>span{display:block;font-size:10px;letter-spacing:.17em;font-weight:900;color:#b8c6bc}.hero h1{font-size:clamp(58px,7vw,92px);line-height:.9;letter-spacing:-.065em;margin:20px 0 28px}.hero h1 em,.section-title h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:660px;color:#d2dbd4;font-size:18px;line-height:1.65}.benefit-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.benefit-row span{border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:9px 13px;color:#e8eee9;font-size:11px;font-weight:700}.access-card{position:relative;background:var(--cream);color:var(--ink);border-radius:22px;padding:36px;box-shadow:var(--shadow)}.step-label{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;font-weight:900;color:var(--green-soft)}.step-label span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white}.access-card h2{font-size:34px;line-height:1.02;letter-spacing:-.045em;margin:20px 0 14px}.access-card>p,.dialog-body>p{font-size:13px;line-height:1.55;color:var(--muted)}label{display:block;margin:18px 0 8px;font-size:11px;font-weight:800}.dni-control{display:flex;border:1px solid #cfd5cd;border-radius:9px;background:white;overflow:hidden}.dni-control input{border:0!important;border-radius:0!important;flex:1}.dni-control span{display:grid;place-items:center;padding:0 14px;border-left:1px solid var(--line);font-size:10px;font-weight:900;color:var(--muted)}input,select,textarea{display:block;width:100%;border:1px solid #cfd5cd;border-radius:9px;padding:13px 14px;background:white;color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green-soft);box-shadow:0 0 0 3px rgba(49,91,61,.12)}.terms{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-weight:500;line-height:1.4}.terms input{width:16px;flex:none;margin:1px 0}.terms a{color:var(--green);font-weight:750}.button{appearance:none;border:0;border-radius:9px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:11px;font-weight:900;letter-spacing:.035em;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.accent{background:var(--orange);color:white;box-shadow:0 11px 25px rgba(237,123,45,.25)}.button.outline{border:1px solid var(--green);background:transparent;color:var(--green)}.button.dark{background:var(--green);color:white}.button.ghost{border:1px solid var(--line);background:transparent;color:var(--ink)}.button.full{width:100%}.form-error{color:var(--danger);font-size:11px;line-height:1.35;min-height:16px}.device-note,.demo-note{display:block;text-align:center;color:#879087;font-size:10px;margin-top:12px}.demo-note{color:var(--orange);font-weight:800}.flow-section{padding-block:105px}.section-title{text-align:center;margin-bottom:55px}.section-title.left{text-align:left}.section-title>span{color:#718078}.section-title h2{font-size:clamp(35px,4.7vw,58px);letter-spacing:-.05em;margin:12px 0 10px}.section-title p{color:var(--muted);margin:0}.flow-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:flow}.flow-grid li{position:relative;border-top:1px solid var(--line);padding:28px 24px 10px}.flow-grid li:not(:last-child):after{content:"→";position:absolute;right:-17px;top:39px;color:#a5aea7;font-size:22px;z-index:1}.flow-grid b{position:absolute;top:-14px;left:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-size:11px}.flow-grid .icon{font-style:normal;font-size:30px;color:var(--orange)}.flow-grid h3{font-size:16px;margin:15px 0 7px}.flow-grid p{color:var(--muted);font-size:12px;line-height:1.55}.plans-section{background:var(--cream);padding-block:100px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{position:relative;background:white;border:1px solid var(--line);border-radius:17px;padding:30px;display:flex;flex-direction:column;min-height:500px}.plan-card.featured{background:var(--green);color:white;border-color:var(--green);transform:translateY(-9px);box-shadow:var(--shadow)}.recommended{position:absolute;right:20px;top:20px;background:var(--orange);color:white;border-radius:40px;padding:7px 9px;font-size:8px;letter-spacing:.08em;font-weight:900}.plan-eyebrow{font-size:9px;color:#76907e;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.plan-card h3{font-size:27px;letter-spacing:-.04em;margin:15px 0 5px}.price{color:var(--orange);font-size:13px;font-weight:900}.plan-card>p{color:var(--muted);font-size:13px;line-height:1.55;min-height:62px}.featured>p{color:#b8c7bc}.plan-card ul{list-style:none;padding:20px 0;margin:5px 0 20px;border-top:1px solid var(--line);flex:1}.featured ul{border-color:rgba(255,255,255,.15)}.plan-card li{font-size:12px;margin:12px 0;display:flex;gap:9px}.plan-card li span{color:var(--orange);font-weight:900}.featured .outline{border-color:white;color:white}.service-band{background:var(--green);color:white;padding:46px 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-grid>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;padding:5px 25px;border-right:1px solid rgba(255,255,255,.16)}.service-grid>div:last-child{border:0}.service-grid i{grid-row:1/3;font-style:normal;font-size:28px;color:var(--orange)}.service-grid strong{font-size:12px}.service-grid small{color:#9fb0a4;font-size:10px;margin-top:3px}.site-footer{display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:center;padding-block:38px}.site-footer .vida-logo{filter:brightness(0) saturate(100%) invert(20%) sepia(30%) saturate(855%) hue-rotate(91deg)}.site-footer p{color:var(--muted);font-size:10px;line-height:1.5}.site-footer button{color:var(--green);border-color:var(--line)}.modal{width:min(500px,calc(100% - 28px));padding:0;border:0;border-radius:20px;background:var(--cream);color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.32)}.modal::backdrop{background:rgba(6,31,18,.78);backdrop-filter:blur(6px)}.dialog-body{position:relative;padding:38px}.modal-close{position:absolute;right:16px;top:15px;width:34px;height:34px;border:0;border-radius:50%;background:#e4e7e1;color:var(--ink);font-size:22px;cursor:pointer}.modal-kicker{color:#75847a}.modal h2{font-size:30px;letter-spacing:-.04em;margin:13px 0}.verified{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--green);color:white;font-size:27px;margin-bottom:20px}.reservation-ticket{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;margin:22px 0}.reservation-ticket>span{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:900}.reservation-ticket>strong{display:block;font-size:20px;margin:5px 0 18px}.reservation-ticket dl{margin:0}.reservation-ticket dl>div{display:flex;justify-content:space-between;border-top:1px solid #edf0eb;padding:10px 0;font-size:11px}.reservation-ticket dt{color:var(--muted)}.reservation-ticket dd{margin:0;font-weight:750}.reservation-modal small,.success-modal small{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:9px}.success-modal{text-align:center}.success-modal .verified{margin-inline:auto}.activated-list{list-style:none;background:var(--green);color:white;text-align:left;border-radius:12px;padding:17px 22px;margin:22px 0}.activated-list li{padding:6px;font-size:12px}.loading{text-align:center;grid-column:1/-1;color:var(--muted);padding:70px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:42px}.hero:after{display:none}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.benefit-row{justify-content:center}.access-card{width:min(480px,100%);margin:auto}.flow-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.plans{grid-template-columns:1fr}.plan-card.featured{transform:none;order:-1}.service-grid{grid-template-columns:1fr 1fr;gap:25px}.service-grid>div:nth-child(2){border:0}.site-footer{grid-template-columns:130px 1fr}.site-footer button{grid-column:1/-1}.vida-logo{width:160px}}
@media(max-width:560px){.shell,.hero-inner{width:calc(100% - 28px)}.site-header{height:70px;padding-inline:14px}.vida-logo{width:130px;height:52px}.site-header .logo-source{transform:scale(.7);transform-origin:left top;left:-73px;top:-47px}.help-link{font-size:10px;padding:8px 11px}.hero-inner{padding:48px 0 58px;min-height:auto}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.benefit-row span{font-size:9px}.access-card{padding:27px 22px;border-radius:17px}.access-card h2{font-size:30px}.flow-section,.plans-section{padding-block:72px}.section-title{margin-bottom:38px}.section-title h2{font-size:38px}.flow-grid{grid-template-columns:1fr}.flow-grid li:not(:last-child):after{display:none}.plans{gap:12px}.plan-card{min-height:0;padding:26px}.service-grid{grid-template-columns:1fr}.service-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:14px}.site-footer{grid-template-columns:1fr}.site-footer .vida-logo{display:none}.dialog-body{padding:32px 22px}.modal h2{font-size:26px}}