@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;top:1rem;left:1rem;z-index:99;transform:translateY(-200%);background:#fff;padding:.7rem 1rem}.skip:focus{transform:none}.nav{position:fixed;z-index:20;top:18px;left:4vw;right:4vw;max-width:1320px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 12px 10px 18px;border:1px solid rgba(31,24,18,.1);border-radius:16px;background:rgba(255,250,245,.9);backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(99,49,18,.08)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.5px}.brand-mark,.mini-mark{display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;transform:skew(-8deg)}.brand-mark{width:34px;height:34px;border-radius:8px}.nav nav{display:flex;justify-content:center;gap:30px;color:#514b46;font-size:14px;font-weight:700}.nav nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:12px;background:var(--orange);color:white;font-weight:800;box-shadow:0 10px 22px rgba(255,90,10,.2);transition:.2s}.button:hover{background:var(--orange-dark);transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-small{min-height:42px;padding:0 18px;font-size:14px}.menu{display:none}.hero{position:relative;min-height:100dvh;max-width:1400px;margin:auto;padding:130px 6vw 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;width:460px;height:460px;border:80px solid rgba(255,90,10,.05);border-radius:50%;left:-270px;top:180px}.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--orange)}.eyebrow>span{display:inline-block;width:28px;height:2px;background:currentColor;vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(47px,6vw,84px);line-height:.98;letter-spacing:-.06em;margin:20px 0 25px;max-width:760px}.hero h1 em{color:var(--orange);font-style:normal}.lede{font-size:19px;color:var(--muted);max-width:570px}.actions{display:flex;align-items:center;gap:27px;margin-top:34px}.text-link{font-weight:800;border-bottom:1px solid #b9aaa0;padding-bottom:4px}.trust-line{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;max-width:540px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.trust-line strong{color:var(--green);text-transform:uppercase;letter-spacing:.08em}.hero-visual{position:relative;min-height:650px;display:grid;place-items:center;background:var(--orange);border-radius:36px;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:auto -10% -24% 15%;height:58%;background:#ff7436;border-radius:50% 50% 0 0}.sun{position:absolute;inset:7% 8% auto auto;width:180px;height:180px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.04)}.phone{position:relative;z-index:3;width:min(330px,78%);min-height:600px;padding:19px;background:#fff;border:8px solid #211c18;border-radius:38px;box-shadow:0 30px 70px rgba(95,28,0,.35);transform:rotate(-2deg)}.phone-top{display:flex;align-items:center;gap:8px;font-size:13px}.phone-top i{margin-left:auto;width:42px;height:6px;background:#eee;border-radius:9px}.mini-mark{width:22px;height:22px;border-radius:5px}.app-head{padding:27px 4px 17px}.app-head small,.offer span,.offer small{color:#817770}.app-head h2{font-size:24px;line-height:1.15;margin:4px 0}.offer{background:linear-gradient(145deg,#ff5a0a,#ff7a32);color:#fff;padding:22px;border-radius:20px;box-shadow:0 15px 30px rgba(255,90,10,.23)}.offer span,.offer small{display:block;color:#ffe5d6;font-size:11px}.offer strong{display:block;font-size:38px;margin:6px 0}.offer button{border:0;background:#fff;color:var(--orange-dark);font-weight:800;border-radius:10px;width:100%;padding:12px;margin-top:18px}.app-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.app-row div{padding:16px;background:#fff7f1;border-radius:14px}.app-row b,.app-row span{display:block}.app-row b{font-size:20px}.app-row span{font-size:10px;color:#817770}.safe-note{display:flex;gap:10px;align-items:center;margin-top:15px;padding:14px;border:1px solid #d9eee5;border-radius:14px}.safe-note>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#def5e9;color:var(--green)}.safe-note b,.safe-note small{display:block}.safe-note b{font-size:12px}.safe-note small{font-size:9px;color:#817770}.status-card{position:absolute;z-index:5;right:3%;bottom:11%;display:flex;gap:10px;align-items:center;padding:13px 17px;background:#fff;border-radius:14px;box-shadow:0 16px 35px rgba(69,27,8,.22)}.status-card>span{color:var(--green)}.status-card strong,.status-card small{display:block;font-size:11px}.status-card small{color:#817770}.coin{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;background:#ffd15c;color:#c45c00;font-weight:900;box-shadow:inset -7px -7px 0 #f6a81d,0 14px 22px rgba(93,33,0,.2)}.coin-a{width:70px;height:70px;left:7%;top:15%;transform:rotate(-17deg)}.coin-b{width:48px;height:48px;right:8%;top:39%;transform:rotate(19deg)}.proof{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:20px;align-items:center;padding:28px max(5vw,calc((100vw - 1240px)/2));background:#fff;border-block:1px solid var(--line)}.proof>p{font-size:18px;font-weight:800}.proof>div{display:flex;gap:12px;align-items:center}.proof>div>strong{display:grid;place-items:center;min-width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--orange)}.proof b,.proof small{display:block}.proof b{font-size:13px}.proof small{font-size:10px;color:var(--muted)}.section{max-width:1240px;margin:auto;padding:120px 5vw}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:55px}.section-heading h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:0}.section-heading>p:last-child{max-width:380px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{position:relative;padding:30px 6% 20px 0;border-right:1px solid var(--line);min-height:320px}.steps article+article{padding-left:8%}.steps article:last-child{border:0}.steps article>span{font-size:12px;color:#9b8e84}.step-icon{display:grid;place-items:center;width:55px;height:55px;margin:45px 0 30px;border-radius:16px;background:var(--orange);color:#fff;font-size:22px;font-weight:800}.steps h3{font-size:23px;margin:0 0 10px}.steps p{color:var(--muted);max-width:315px}.disclaimer{font-size:11px;color:#847970;border-top:1px solid var(--line);padding-top:22px}.why{max-width:none;padding-inline:max(5vw,calc((100vw - 1240px)/2));background:#171513;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.eyebrow.light{color:#ff9d6d}.why-copy h2{font-size:clamp(45px,5vw,67px);line-height:1;letter-spacing:-.05em;margin:18px 0}.why-copy>p:not(.eyebrow){color:#bdb5af;max-width:470px}.button-light{margin-top:22px;background:#fff;color:#1b1714;box-shadow:none}.principles article{display:grid;grid-template-columns:60px 1fr;gap:20px;border-top:1px solid #3b3531;padding:30px 0}.principles article>span{color:#ff8a4d;font-size:12px}.principles h3{font-size:22px;margin:0 0 8px}.principles p{color:#aaa19a;margin:0}.company-card{border-top:1px solid var(--ink);margin:0}.company-card div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.company-card dt{color:var(--muted)}.company-card dd{margin:0;font-weight:800;letter-spacing:.04em}.faq{padding-top:60px}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:19px;font-weight:800;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--orange);font-size:25px}details[open] summary span{transform:rotate(45deg)}details p{max-width:760px;color:var(--muted);padding:0 0 25px;margin:0}.download{max-width:1240px;margin:0 auto 60px;padding:65px;display:flex;justify-content:space-between;align-items:end;gap:30px;background:var(--orange);color:#fff;border-radius:30px}.download h2{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:14px 0}.download p{max-width:540px}.store-button{min-width:185px;padding:13px 20px;border-radius:12px;background:#1d1b1a;color:#fff}.store-button small,.store-button strong{display:block}.store-button small{font-size:8px;letter-spacing:.12em}.store-button strong{font-size:20px}footer{padding:70px max(5vw,calc((100vw - 1240px)/2)) 25px;background:#171513;color:#fff}.brand-light .brand-mark{background:#fff;color:var(--orange)}.footer-top{display:flex;justify-content:space-between;border-bottom:1px solid #3b3531;padding-bottom:40px}.footer-top p{color:#aaa19a}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:45px 0}.footer-grid div{display:flex;flex-direction:column;gap:10px}.footer-grid b{font-size:11px;color:#817970;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.footer-grid a,.footer-grid span{font-size:14px;color:#d3ccc7}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #3b3531;color:#817970;font-size:10px}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.js .reveal.in{opacity:1;transform:none}

/* Legal pages */
.legal-shell{max-width:1000px;margin:auto;padding:140px 5vw 100px}.legal-hero{padding-bottom:45px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(45px,7vw,82px);line-height:1;letter-spacing:-.055em;margin:15px 0}.legal-hero>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:18px}.template-note{margin-top:25px!important;padding:16px;border-left:4px solid var(--orange);background:var(--soft);font-size:13px!important;color:#5a4234!important}.legal-content{display:grid;grid-template-columns:240px 1fr;gap:70px;padding-top:55px}.legal-toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.legal-toc b{color:var(--ink);margin-bottom:8px}.legal-articles article{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.legal-articles h2{font-size:25px}.legal-articles h3{font-size:17px;margin-top:25px}.legal-articles p,.legal-articles li{color:#554f4a}.legal-articles li+li{margin-top:8px}.placeholder{font-weight:800;color:var(--orange-dark)}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav nav{position:absolute;top:65px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px;background:#fff;border-radius:14px;box-shadow:0 16px 35px rgba(70,35,10,.14)}.nav.open nav{display:flex}.nav nav a{padding:12px}.nav>.button{display:none}.menu{display:block;border:0;background:transparent;font-weight:800}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{padding-bottom:25px}.hero-visual{min-height:600px}.proof{grid-template-columns:1fr 1fr}.proof>p{grid-column:1/-1}.why{grid-template-columns:1fr}.download{margin-inline:4vw}.legal-content{grid-template-columns:1fr}.legal-toc{position:static;display:none}}
@media(max-width:600px){.nav{top:10px}.hero{padding-inline:20px}.hero h1{font-size:48px}.hero-visual{min-height:520px;border-radius:24px}.phone{min-height:500px;width:82%;padding:14px}.offer strong{font-size:30px}.status-card{right:1%;bottom:5%}.coin-a{left:2%}.proof{grid-template-columns:1fr;padding-inline:20px}.section{padding:85px 20px}.section-heading{display:block}.section-heading h2{font-size:42px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.step-icon{margin:25px 0 18px}.why{padding-inline:20px}.principles article{grid-template-columns:40px 1fr}.company-card div{grid-template-columns:1fr;gap:5px}.download{padding:40px 25px;display:block}.store-button{display:block;margin-top:28px}.footer-top,.footer-bottom{display:block}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom span{display:block;margin-top:8px}.legal-shell{padding:110px 20px 70px}.legal-hero h1{font-size:48px}.actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}

/* Official Pera Vista logo system */
.brand{display:flex;align-items:center;gap:0;font-size:0}
.brand>img{display:block;width:150px;height:auto}
.brand-light>img{width:170px}
.phone-top .mini-mark{display:block;width:24px;height:24px;border-radius:6px;background:transparent;object-fit:contain;transform:none}
@media(max-width:600px){.brand>img{width:124px}.brand-light>img{width:150px}}
