
:root{
  --bg:#020712;--bg2:#071322;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.12);
  --line:rgba(255,255,255,.14);--text:#f8fafc;--muted:#aebdd2;--orange:#ff7a00;--orange2:#ff3d2e;
  --green:#18c984;--blue:#38bdf8;--shadow:0 36px 120px rgba(0,0,0,.44)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 16% 10%,rgba(255,122,0,.22),transparent 30%),radial-gradient(circle at 88% 18%,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at 14% 86%,rgba(24,201,132,.14),transparent 28%),linear-gradient(180deg,#020712 0%,#071322 50%,#020712 100%);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}p{color:var(--muted);line-height:1.72;font-weight:750}.orb{position:fixed;border-radius:999px;filter:blur(92px);opacity:.38;z-index:-3;pointer-events:none}.orb-a{width:560px;height:560px;background:var(--orange);right:-230px;top:-220px}.orb-b{width:460px;height:460px;background:var(--green);left:-230px;bottom:6%}.orb-c{width:430px;height:430px;background:var(--blue);right:9%;bottom:-230px}.grain{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.045;background-image:radial-gradient(circle,#fff 0,transparent 1px);background-size:18px 18px}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:14px clamp(18px,4vw,54px);background:rgba(2,7,18,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.11)}.brand{display:flex;align-items:center;gap:13px;font-weight:1000;letter-spacing:4px}.brand img{width:44px;height:44px;border-radius:15px}.nav{display:flex;gap:18px;align-items:center;color:#dbe7f7;font-size:14px;font-weight:950}.nav a:hover{color:var(--orange)}.top-actions{display:flex;gap:10px}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;font-weight:1000;border:1px solid transparent;transition:.2s}.cta{color:#140b05;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 22px 62px rgba(255,122,0,.35)}.ghost{background:rgba(255,255,255,.075);border-color:var(--line);color:#fff}.cta:hover,.ghost:hover{transform:translateY(-2px)}.xl{min-height:56px;padding:16px 24px}.mobile-menu{display:none;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:16px}.mobile-menu span{display:block;width:22px;height:2px;background:#fff;border-radius:4px;margin:5px auto}
.hero{max-width:1440px;margin:auto;min-height:850px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;overflow:hidden;padding:82px clamp(20px,4vw,56px)}.hero:before{content:"";position:absolute;inset:7% -3% 4% -3%;border-radius:54px;background:linear-gradient(120deg,rgba(2,7,18,.2),rgba(2,7,18,.9)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover;opacity:.58;box-shadow:inset 0 -220px 220px rgba(2,7,18,.92);z-index:-1}.pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#ecf5ff;font-weight:1000;margin-bottom:22px}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(24,201,132,.15),0 0 22px rgba(24,201,132,.9)}h1,h2,h3{margin:0;color:#fff}h1{font-size:clamp(58px,7.8vw,118px);line-height:.84;letter-spacing:-6px;font-weight:1000}h2{font-size:clamp(40px,5vw,76px);line-height:.92;letter-spacing:-3px;font-weight:1000}h3{font-size:24px}.lead{font-size:20px;max-width:760px;margin:26px 0;color:#e7f0fd}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.kpis div,.proof div,.mini div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:17px 16px;backdrop-filter:blur(14px)}.kpis strong,.proof strong{display:block;color:#fff;font-size:22px}.kpis span,.proof span,.mini span{color:var(--muted);font-weight:850;font-size:12px}.device{position:relative;display:flex;justify-content:center;align-items:center;min-height:720px}.phone{position:relative;width:370px;height:720px;border-radius:54px;padding:18px;background:linear-gradient(180deg,#151f31,#030712);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow),0 0 0 10px rgba(255,255,255,.025);transform:rotateY(-10deg) rotateX(4deg)}.phone:before{content:"";position:absolute;width:430px;height:430px;border-radius:999px;background:rgba(255,122,0,.28);filter:blur(80px);z-index:-1;left:-30px;top:130px}.speaker{width:126px;height:26px;border-radius:0 0 18px 18px;margin:0 auto 14px;background:#030712}.screen{height:548px;border-radius:36px;overflow:hidden;position:relative;background:linear-gradient(135deg,#103827,#0b2440)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:34px 34px}.route{position:absolute;left:54px;top:100px;width:260px;height:330px;border:7px solid var(--orange);border-left-color:transparent;border-radius:50%;transform:rotate(-28deg)}.gps{position:absolute;left:178px;top:286px;width:22px;height:22px;border-radius:50%;background:var(--blue);border:4px solid #fff;box-shadow:0 0 0 16px rgba(56,189,248,.19)}.app-top,.app-card{position:absolute;left:18px;right:18px;padding:15px 16px;border-radius:22px;background:rgba(3,7,18,.82);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.app-top{top:18px;display:flex;justify-content:space-between}.app-top small,.app-card small{display:block;color:var(--muted);font-weight:900}.app-top strong,.app-card strong{display:block;color:#fff}.app-top span{font-weight:1000;color:var(--green)}.app-card{bottom:92px}.app-card strong{color:#ffbd7c}.app-bottom{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.app-bottom div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:17px;padding:10px;text-align:center}.app-bottom strong{display:block;color:var(--orange);font-size:22px}.app-bottom span{font-size:11px;color:var(--muted);font-weight:900}.float{position:absolute;z-index:3;padding:15px 17px;border-radius:22px;background:rgba(3,7,18,.84);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.float span{display:block;color:var(--muted);font-size:12px;font-weight:900}.float strong{display:block;color:#fff}.f1{left:10px;top:115px}.f2{right:5px;top:315px}.f3{left:40px;bottom:125px}.proof{max-width:1200px;margin:-34px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:2}
.section{max-width:1220px;margin:auto;padding:110px 24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.reverse{grid-template-columns:.92fr 1.08fr}.eyebrow{color:var(--orange);font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:1000;margin-bottom:16px}.section-title{text-align:center;max-width:900px;margin:0 auto 52px}.stack{display:grid;gap:13px;margin-top:28px}.stack article,.panel,.security-card,.compare,.price,.contact-form,.legal-card{background:var(--panel);border:1px solid var(--line);border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.stack article{padding:19px}.stack b{display:block;color:#fff;margin-bottom:6px}.stack span{color:var(--muted);font-weight:750}.panel{padding:28px}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-head b{color:#fff}.panel-head em{margin-left:auto;color:var(--orange);font-style:normal;font-weight:1000;text-transform:uppercase;font-size:12px}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.mini strong{display:block;color:#fff}.premium-map{height:430px;border-radius:28px;background:linear-gradient(135deg,#0c3326,#0a2444);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.premium-map:before{content:"";position:absolute;inset:28px;border:2px dashed rgba(255,255,255,.16);border-radius:42% 58% 55% 45%;transform:rotate(-16deg)}.premium-map:after{content:"";position:absolute;left:76px;top:84px;width:270px;height:285px;border:7px solid var(--orange);border-right-color:transparent;border-radius:50%;transform:rotate(25deg)}.marker{position:absolute;z-index:2;background:rgba(3,7,18,.85);border:1px solid var(--line);border-radius:16px;padding:8px 11px;font-weight:1000;font-size:13px}.ma{left:35px;top:72px}.mb{right:40px;top:126px}.mc{left:155px;bottom:105px}.pos{position:absolute;z-index:3;left:50%;top:54%;width:22px;height:22px;border-radius:50%;background:var(--blue);border:4px solid #fff;box-shadow:0 0 0 16px rgba(56,189,248,.18)}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.security-card{padding:28px}.security-card span{display:inline-flex;color:var(--orange);font-weight:1000;margin-bottom:20px}.security-card.hot{background:linear-gradient(135deg,rgba(255,122,0,.26),rgba(255,255,255,.08));border-color:rgba(255,122,0,.38)}.member{padding:17px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.member b{display:block}.member span{color:var(--muted);font-weight:750}.member strong{color:var(--orange)}.member.online{border-color:rgba(24,201,132,.32)}.member.warn{border-color:rgba(255,122,0,.34)}
.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.activity{min-height:245px;border-radius:30px;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:22px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.28)}.activity:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82))}.activity span{position:relative;z-index:1;color:#fff;font-size:22px;font-weight:1000}.a-rando{background-image:url("https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&w=900&q=80")}.a-trail{background-image:url("https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1400&q=85")}.a-vtt{background-image:url("https://images.unsplash.com/photo-1485965120184-e220f721d03e?auto=format&fit=crop&w=1400&q=85")}.a-horse{background-image:url("https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?auto=format&fit=crop&w=900&q=80")}.a-fish{background-image:url("https://images.unsplash.com/photo-1504829857797-ddff29c27927?auto=format&fit=crop&w=900&q=80")}.a-hunt{background-image:url("https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=900&q=80")}.a-bush{background-image:url("https://images.unsplash.com/photo-1478131143081-80f7f84ca84d?auto=format&fit=crop&w=900&q=80")}.a-moto{background-image:url("https://images.unsplash.com/photo-1525013066836-c6090f0ad9d8?auto=format&fit=crop&w=1400&q=85")}.more{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px auto 0;max-width:980px}.more span{display:inline-flex;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(255,122,0,.18),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.16);color:#f4f8ff;font-weight:1000}
.compare{overflow:hidden}.compare>div{display:grid;grid-template-columns:1.4fr .8fr .8fr;border-bottom:1px solid var(--line)}.compare>div:last-child{border-bottom:0}.compare span,.compare b{padding:18px 22px;font-weight:900}.compare .head{background:rgba(255,255,255,.08)}.compare b{color:var(--green)}.price{max-width:640px;margin:auto;padding:38px}.badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(24,201,132,.14);color:var(--green);font-weight:1000;margin-bottom:18px}.price strong{display:block;font-size:62px;color:#fff;margin:20px 0}.price small{font-size:20px;color:var(--muted)}.price ul{list-style:none;padding:0;margin:22px 0 30px;display:grid;gap:12px}.price li{color:#eef6ff;font-weight:850}.price li:before{content:"OK";font-size:11px;margin-right:9px;color:var(--green);font-weight:1000}.download{max-width:1220px;margin:20px auto 0;padding:50px;border:1px solid var(--line);border-radius:40px;background:linear-gradient(135deg,rgba(255,122,0,.25),rgba(24,201,132,.12));display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:var(--shadow)}.store-buttons{display:flex;gap:14px;flex-wrap:wrap}.store{min-width:190px;padding:18px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.store span{display:block;color:var(--muted);font-weight:900;font-size:13px}.store strong{display:block;color:#fff;font-size:25px;margin-top:4px}.store.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 24px 70px rgba(255,122,0,.32)}.store.primary span,.store.primary strong{color:#150b03}.store.disabled{opacity:.68}.contact-form{max-width:760px;margin:auto;padding:30px;display:grid;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.065);color:#fff;font:inherit;font-weight:800}.contact-form textarea{min-height:150px}.contact-form button{border:0;border-radius:999px;padding:16px 24px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#160b04;font:inherit;font-weight:1000;cursor:pointer}.contact-mail{display:inline-flex;justify-content:center;color:#ffb36a;font-weight:1000}.hidden{display:none!important}
.legal-hero{max-width:1440px;margin:auto;padding:82px clamp(20px,4vw,56px) 32px}.legal-shell{position:relative;min-height:650px;border-radius:54px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;padding:clamp(28px,5vw,76px)}.legal-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(2,7,18,.96),rgba(2,7,18,.68),rgba(255,122,0,.18)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover}.legal-copy,.legal-side{position:relative;z-index:1}.legal-copy h1{font-size:clamp(54px,7.3vw,112px);line-height:.86;letter-spacing:-5px}.legal-side{padding:30px;border-radius:34px;background:rgba(3,7,18,.74);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 30px 100px rgba(0,0,0,.34)}.legal-chip{margin-top:12px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-weight:1000;color:#eef6ff}.legal-layout{max-width:1220px;margin:0 auto 110px;padding:0 24px;display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.legal-nav{position:sticky;top:98px;padding:22px;border-radius:28px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.22);backdrop-filter:blur(16px);display:grid;gap:10px}.legal-nav b{color:#fff;font-size:20px;margin-bottom:6px}.legal-nav a{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:950;color:#dce8f8}.legal-card{padding:34px;border-radius:34px}.legal-title{padding:8px 4px 26px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:26px}.legal-title span{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(255,122,0,.15);color:#ffb36a;font-weight:1000;margin-bottom:16px}.legal-title h2{font-size:clamp(34px,4.5vw,62px)}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.legal-grid section{padding:22px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.legal-grid h3{font-size:22px;margin-bottom:10px;color:#fff}.legal-grid p{margin:0;color:#c9d5e7}.legal-grid a{color:#ffb36a;font-weight:1000}.legal-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
footer{padding:58px 24px;text-align:center;border-top:1px solid var(--line);background:rgba(0,0,0,.22)}.footer-brand{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.footer-brand img{width:40px;height:40px;border-radius:14px}.footer-brand strong{letter-spacing:4px}.footer-brand span{color:var(--muted);font-weight:850}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:20px 0;color:#e2eaf6;font-weight:900}.footer-links a:hover{color:var(--orange)}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.hero,.split,.reverse,.legal-shell,.legal-layout{grid-template-columns:1fr}.phone{transform:none}.proof,.security-grid,.activity-grid{grid-template-columns:repeat(2,1fr)}.nav{position:fixed;top:78px;left:16px;right:16px;display:none;flex-direction:column;padding:20px;border-radius:26px;background:rgba(2,7,18,.97);border:1px solid var(--line)}.nav.open{display:flex}.mobile-menu{display:block}.top-actions .ghost{display:none}.legal-nav{position:relative;top:auto}}@media(max-width:680px){.top-actions .cta{display:none}.hero{padding:52px 18px;min-height:auto}h1{font-size:56px;letter-spacing:-3px}.kpis,.proof,.security-grid,.activity-grid,.mini,.legal-grid{grid-template-columns:1fr}.phone{width:100%;max-width:360px;height:auto}.screen{height:500px}.float{display:none}.section{padding:80px 18px}.download{display:block;margin:0 18px;padding:30px}.compare>div{grid-template-columns:1fr}.legal-hero{padding:52px 18px}.legal-shell{border-radius:32px}}

/* TERRAVA CLEAN LINKS TEXT V11 */
.legacy-legal-card h1,.legacy-legal-card h2,.legacy-legal-card h3{color:#fff}
.legacy-legal-card h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;line-height:1;margin-bottom:22px}
.legacy-legal-card h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;margin:34px 0 14px}
.legacy-legal-card h3{font-size:22px;margin:24px 0 10px}
.legacy-legal-card p,.legacy-legal-card li{color:#d5dfed;line-height:1.78;font-weight:750}
.legacy-legal-card a{color:#ffb36a;font-weight:1000}
.legal-highlight,.legacy-legal-card blockquote{padding:18px 20px;border-radius:22px;border:1px solid rgba(255,122,0,.35);background:rgba(255,122,0,.08);color:#fff}

/* TERRAVA ACCOUNT PREMIUM V12 */
.account-hero{max-width:1440px;margin:auto;padding:82px clamp(20px,4vw,56px) 32px}
.account-shell{position:relative;min-height:720px;border-radius:54px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:clamp(28px,5vw,76px)}
.account-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(2,7,18,.96),rgba(2,7,18,.70),rgba(255,122,0,.18)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover}
.account-copy,.account-panel{position:relative;z-index:1}
.account-copy h1{font-size:clamp(54px,7.3vw,112px);line-height:.86;letter-spacing:-5px}
.account-panel{padding:30px;border-radius:34px;background:rgba(3,7,18,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 30px 100px rgba(0,0,0,.34)}
.account-tabs{display:flex;gap:10px;margin-bottom:18px}
.account-tab{flex:1;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);color:#fff;border-radius:18px;padding:12px;font-weight:1000;cursor:pointer}
.account-tab.active{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#150b03}
.account-form{display:grid;gap:13px}
.account-form label{display:grid;gap:8px;color:#dce8f8;font-weight:950}
.account-form input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.065);color:#fff;font:inherit;font-weight:800}
.account-form button{border:0;border-radius:999px;padding:16px 24px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#160b04;font:inherit;font-weight:1000;cursor:pointer}
.account-note{margin-top:16px;padding:16px;border-radius:20px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#cfe8ff;font-weight:800}
.account-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.account-mini-grid div{padding:16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.account-mini-grid strong{display:block;color:#fff;font-size:20px}.account-mini-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}
.account-section{max-width:1220px;margin:0 auto 110px;padding:0 24px}
.account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.account-card{padding:26px;border-radius:30px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.account-card h3{margin-bottom:10px}.account-card p{margin:0}
.account-status{display:none;margin-top:14px;padding:14px;border-radius:18px;background:rgba(24,201,132,.10);border:1px solid rgba(24,201,132,.22);color:#bfffe2;font-weight:900}
@media(max-width:980px){.account-shell{grid-template-columns:1fr}.account-cards{grid-template-columns:1fr}.account-mini-grid{grid-template-columns:1fr}}

/* TERRAVA ACCOUNT SUPABASE V19 */
.account-shell-v19{position:relative;min-height:720px;border-radius:54px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:clamp(28px,5vw,76px);background:linear-gradient(120deg,rgba(2,7,18,.96),rgba(2,7,18,.70),rgba(255,122,0,.18)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover}
.account-copy-v19,.account-panel-v19{position:relative;z-index:1}
.account-panel-v19{background:rgba(3,7,18,.78)}
.account-profile-head{display:flex;align-items:center;gap:16px;margin:18px 0}
.account-avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:flex;align-items:center;justify-content:center;color:#180b02;font-size:28px;font-weight:1000}
.account-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.account-data-grid div,.account-id-box{padding:16px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}
.account-data-grid span,.account-id-box span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:6px}
.account-data-grid strong{display:block;color:#fff;word-break:break-word}
.account-id-box code{color:#ffb36a;word-break:break-all}
.account-status{display:none;margin-top:14px;padding:14px;border-radius:18px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#cfe8ff;font-weight:900}
.account-status.show{display:block}
.account-status.ok{background:rgba(24,201,132,.10);border-color:rgba(24,201,132,.24);color:#c8ffe7}
.account-status.error{background:rgba(255,61,46,.12);border-color:rgba(255,61,46,.30);color:#ffd0cc}
.hidden{display:none!important}
.account-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:980px){.account-shell-v19{grid-template-columns:1fr}.account-data-grid{grid-template-columns:1fr}}


/* TERRAVA USER PREMIUM V20 */
.user-premium-v20{overflow:hidden}
.user-hero-v20{max-width:1440px;margin:auto;padding:82px clamp(20px,4vw,56px) 32px;display:grid;grid-template-columns:1.04fr .96fr;gap:36px;align-items:center;position:relative;min-height:760px}
.user-hero-bg-v20{position:absolute;inset:48px clamp(20px,4vw,56px);border-radius:54px;background:linear-gradient(120deg,rgba(2,7,18,.95),rgba(2,7,18,.64),rgba(255,122,0,.16)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);z-index:-1}
.user-hero-copy-v20,.user-login-card-v20{position:relative;z-index:1}
.user-hero-copy-v20 h1{font-size:clamp(58px,7.5vw,112px);line-height:.86;letter-spacing:-5px}
.user-login-card-v20{padding:30px;border-radius:34px;background:rgba(3,7,18,.78);border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 110px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.user-profile-top-v20{display:flex;gap:16px;align-items:center;margin:18px 0}
.compact-actions-v20{margin-top:18px}
.user-id-v20{padding:16px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}
.user-id-v20 span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:6px}
.user-id-v20 code{color:#ffb36a;word-break:break-all}
.user-dashboard-v20{max-width:1220px;margin:0 auto 110px;padding:0 24px;display:grid;gap:22px}
.user-grid-v20{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.user-kpi-v20,.user-panel-v20{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.user-kpi-v20{padding:24px}
.user-kpi-v20 span{display:block;color:#ffb36a;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.user-kpi-v20 strong{display:block;color:#fff;font-size:clamp(20px,2vw,32px);word-break:break-word}
.user-kpi-v20 small{display:block;color:var(--muted);font-weight:850;margin-top:8px}
.user-kpi-v20.hot{background:linear-gradient(135deg,rgba(255,122,0,.22),rgba(255,255,255,.075));border-color:rgba(255,122,0,.32)}
.user-columns-v20{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.user-panel-v20{padding:28px}
.section-head-v20{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.section-head-v20 h2{font-size:clamp(28px,3vw,46px)}
.user-table-v20{display:grid;gap:12px}
.user-table-v20 div,.premium-card-v20,.empty-state-v20,.mini-row-v20{padding:16px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}
.user-table-v20 span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:6px}
.user-table-v20 strong{color:#fff}
.premium-badge-v20{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(24,201,132,.14);border:1px solid rgba(24,201,132,.26);color:#c8ffe7;font-weight:1000;margin-bottom:14px}
.full-v20{width:100%;margin-top:16px}
.empty-state-v20 strong{display:block;color:#fff;font-size:22px;margin-bottom:8px}
.empty-state-v20 p{margin:0}
.mini-row-v20{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.mini-row-v20 span{color:var(--muted);font-weight:850}
.danger-zone-v20{display:flex;align-items:center;justify-content:space-between;gap:18px}
.danger-zone-v20 h2{font-size:clamp(28px,3vw,46px)}
.danger-link-v20{border-color:rgba(255,61,46,.35);color:#ffd0cc}
.account-profile-head{display:flex;align-items:center;gap:16px;margin:18px 0}
.account-avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:flex;align-items:center;justify-content:center;color:#180b02;font-size:28px;font-weight:1000}
.account-status{display:none;margin-top:14px;padding:14px;border-radius:18px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#cfe8ff;font-weight:900}
.account-status.show{display:block}
.account-status.ok{background:rgba(24,201,132,.10);border-color:rgba(24,201,132,.24);color:#c8ffe7}
.account-status.error{background:rgba(255,61,46,.12);border-color:rgba(255,61,46,.30);color:#ffd0cc}
.hidden{display:none!important}
.account-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:1100px){.user-hero-v20,.user-columns-v20{grid-template-columns:1fr}.user-grid-v20{grid-template-columns:repeat(2,1fr)}.danger-zone-v20{display:block}.danger-zone-v20 .actions{margin-top:18px}}
@media(max-width:680px){.user-grid-v20{grid-template-columns:1fr}.user-hero-v20{padding:48px 18px}.user-hero-bg-v20{inset:24px 12px;border-radius:34px}.user-hero-copy-v20 h1{font-size:54px;letter-spacing:-3px}}


/* TERRAVA ACCOUNT PREMIUM V21 FIX */
.account-pro-v21{overflow:hidden}
.account-stage-v21{max-width:1440px;margin:auto;padding:74px clamp(18px,4vw,56px) 42px}
.account-visual-v21{position:relative;min-height:720px;border-radius:54px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding:clamp(28px,5vw,76px);background:linear-gradient(120deg,rgba(2,7,18,.86),rgba(2,7,18,.58),rgba(255,122,0,.16)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover}
.account-copy-v21 h1{font-size:clamp(58px,7.3vw,108px);line-height:.86;letter-spacing:-5px}
.account-copy-v21 p{font-size:20px;max-width:680px;color:#edf4ff}
.account-quick-v21{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.account-quick-v21 div{padding:18px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.account-quick-v21 strong{display:block;color:#fff;font-size:22px}.account-quick-v21 span{color:var(--muted);font-weight:850;font-size:12px}
.account-login-v21{padding:30px;border-radius:34px;background:rgba(3,7,18,.84);border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 110px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.account-dashboard-v21{max-width:1220px;margin:0 auto 110px;padding:0 24px;display:grid;gap:22px}
.account-dashboard-v21.hidden{display:none!important}
.account-kpis-v21{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.account-kpis-v21 article,.account-card-v21{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.account-kpis-v21 article{padding:24px}
.account-kpis-v21 span{display:block;color:#ffb36a;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.account-kpis-v21 strong{display:block;color:#fff;font-size:clamp(20px,2vw,32px);word-break:break-word}
.account-kpis-v21 small{display:block;color:var(--muted);font-weight:850;margin-top:8px}
.account-kpis-v21 .hot{background:linear-gradient(135deg,rgba(255,122,0,.22),rgba(255,255,255,.075));border-color:rgba(255,122,0,.32)}
.account-panels-v21{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.account-card-v21{padding:28px}
.account-card-v21 h2{font-size:clamp(28px,3vw,46px);margin-bottom:18px}
.account-table-v21{display:grid;gap:12px}
.account-table-v21 div,.empty-v21,.mini-row-v21,.account-id-box{padding:16px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}
.account-table-v21 span,.account-id-box span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:6px}
.account-table-v21 strong{color:#fff}
.premium-badge-v21{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(24,201,132,.14);border:1px solid rgba(24,201,132,.26);color:#c8ffe7;font-weight:1000;margin-bottom:14px}
.full-v21{width:100%;margin-top:16px}
.empty-v21 strong{display:block;color:#fff;font-size:22px;margin-bottom:8px}
.empty-v21 p{margin:0}
.mini-row-v21{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.mini-row-v21 span{color:var(--muted);font-weight:850}
.account-profile-head{display:flex;align-items:center;gap:16px;margin:18px 0}
.account-avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:flex;align-items:center;justify-content:center;color:#180b02;font-size:28px;font-weight:1000}
.account-id-box code{color:#ffb36a;word-break:break-all}
.account-status{display:none;margin-top:14px;padding:14px;border-radius:18px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#cfe8ff;font-weight:900}
.account-status.show{display:block}
.account-status.ok{background:rgba(24,201,132,.10);border-color:rgba(24,201,132,.24);color:#c8ffe7}
.account-status.error{background:rgba(255,61,46,.12);border-color:rgba(255,61,46,.30);color:#ffd0cc}
.compact-actions-v21{margin-top:18px}
.hidden{display:none!important}
.account-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:1100px){.account-visual-v21,.account-panels-v21{grid-template-columns:1fr}.account-kpis-v21{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.account-stage-v21{padding:40px 12px}.account-visual-v21{padding:30px 18px;border-radius:34px}.account-copy-v21 h1{font-size:54px;letter-spacing:-3px}.account-quick-v21,.account-kpis-v21{grid-template-columns:1fr}}


/* TERRAVA ACCOUNT FULL APP V22 */
.account-app-v22{overflow:hidden}
.account-hero-v22{max-width:1440px;margin:auto;padding:74px clamp(18px,4vw,56px) 34px}
.account-hero-card-v22{position:relative;min-height:700px;border-radius:54px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center;padding:clamp(28px,5vw,76px);background:linear-gradient(120deg,rgba(2,7,18,.88),rgba(2,7,18,.62),rgba(255,122,0,.16)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=85") center/cover}
.account-hero-copy-v22 h1{font-size:clamp(56px,7.2vw,108px);line-height:.86;letter-spacing:-5px}
.account-hero-copy-v22 p{font-size:20px;max-width:700px;color:#edf4ff}
.login-card-v22{padding:30px;border-radius:34px;background:rgba(3,7,18,.86);border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 110px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.profile-head-v22{display:flex;gap:16px;align-items:center;margin:18px 0}
.compact-actions-v22{margin-top:18px}
.dashboard-v22{max-width:1380px;margin:0 auto 110px;padding:0 clamp(18px,4vw,40px);display:grid;gap:22px}
.dashboard-v22.hidden{display:none!important}
.kpis-v22{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpis-v22 article,.panel-v22{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.kpis-v22 article{padding:24px}
.kpis-v22 span{display:block;color:#ffb36a;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.kpis-v22 strong{display:block;color:#fff;font-size:clamp(20px,2vw,32px);word-break:break-word}
.kpis-v22 small{display:block;color:var(--muted);font-weight:850;margin-top:8px}
.kpis-v22 .hot{background:linear-gradient(135deg,rgba(255,122,0,.22),rgba(255,255,255,.075));border-color:rgba(255,122,0,.32)}
.workspace-v22{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start}
.side-v22{position:sticky;top:94px;padding:14px;border-radius:30px;background:rgba(3,7,18,.72);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 100px rgba(0,0,0,.24);display:grid;gap:10px}
.tab-v22{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#fff;border-radius:18px;padding:14px 16px;text-align:left;font-weight:1000;cursor:pointer}
.tab-v22.active{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#170b03}
.content-v22{display:grid}
.tab-panel-v22{display:none}
.tab-panel-v22.active{display:block}
.panel-v22{padding:30px}
.panel-v22 h2{font-size:clamp(32px,4vw,58px);margin-bottom:18px}
.overview-grid-v22{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.overview-grid-v22 div,.table-v22 div,.premium-box-v22,.empty-v22,.row-v22,.sync-note-v22,.account-id-box,.gpx-preview-v22 div{padding:16px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}
.overview-grid-v22 b,.empty-v22 b{display:block;color:#fff;font-size:20px;margin-bottom:6px}
.table-v22{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table-v22 span,.gpx-preview-v22 span,.account-id-box span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:6px}
.table-v22 strong,.gpx-preview-v22 strong{color:#fff}
.premium-badge-v22{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(24,201,132,.14);border:1px solid rgba(24,201,132,.26);color:#c8ffe7;font-weight:1000;margin-bottom:14px}
.drop-v22{position:relative;display:flex;align-items:center;gap:18px;padding:30px;border-radius:28px;border:2px dashed rgba(255,122,0,.45);background:rgba(255,122,0,.08);cursor:pointer;margin:18px 0}
.drop-v22.drag{background:rgba(24,201,132,.12);border-color:rgba(24,201,132,.55)}
.drop-v22 input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop-v22 strong{display:block;color:#fff;font-size:22px}.drop-v22 span{display:block;color:var(--muted);font-weight:850;margin-top:6px}
.gpx-preview-v22{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.sync-note-v22{margin:16px 0;color:#d8e8ff;font-weight:900}
.sync-note-v22.ok{background:rgba(24,201,132,.10);border-color:rgba(24,201,132,.24);color:#c8ffe7}
.sync-note-v22.error{background:rgba(255,61,46,.12);border-color:rgba(255,61,46,.30);color:#ffd0cc}
.sync-note-v22.warn{background:rgba(255,122,0,.12);border-color:rgba(255,122,0,.32);color:#ffe1c0}
.list-v22{display:grid;gap:12px}
.row-v22{display:flex;align-items:center;justify-content:space-between;gap:18px}
.row-v22 strong{display:block;color:#fff}.row-v22 span{display:block;color:var(--muted);font-weight:850;margin-top:4px}.row-v22 em{color:#ffb36a;font-style:normal;font-weight:1000}
.data-actions-v22{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.danger-v22{border-color:rgba(255,61,46,.35);color:#ffd0cc}
.json-v22{padding:20px;border-radius:22px;background:#030712;border:1px solid rgba(255,255,255,.12);overflow:auto;color:#d8e8ff;max-height:420px}
.account-avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:flex;align-items:center;justify-content:center;color:#180b02;font-size:28px;font-weight:1000}
.account-id-box code{color:#ffb36a;word-break:break-all}
.account-status{display:none;margin-top:14px;padding:14px;border-radius:18px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#cfe8ff;font-weight:900}
.account-status.show{display:block}
.account-status.ok{background:rgba(24,201,132,.10);border-color:rgba(24,201,132,.24);color:#c8ffe7}
.account-status.error{background:rgba(255,61,46,.12);border-color:rgba(255,61,46,.30);color:#ffd0cc}
.hidden{display:none!important}
.account-form button:disabled,.cta:disabled{opacity:.58;cursor:not-allowed}
@media(max-width:1150px){.account-hero-card-v22,.workspace-v22{grid-template-columns:1fr}.side-v22{position:relative;top:0;grid-template-columns:repeat(2,1fr)}.kpis-v22,.gpx-preview-v22{grid-template-columns:repeat(2,1fr)}.overview-grid-v22{grid-template-columns:1fr}}
@media(max-width:720px){.account-hero-v22{padding:40px 12px}.account-hero-card-v22{padding:28px 18px;border-radius:34px}.account-hero-copy-v22 h1{font-size:52px;letter-spacing:-3px}.side-v22,.kpis-v22,.table-v22,.gpx-preview-v22{grid-template-columns:1fr}.row-v22{display:block}}


/* TERRAVA WEB FINAL LAUNCH V23B */
.launch-pill-v23{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(24,201,132,.12);border:1px solid rgba(24,201,132,.28);color:#c8ffe7;font-weight:1000;margin-top:12px}
.final-section-v23{max-width:1220px;margin:0 auto 110px;padding:0 24px}
.final-grid-v23{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.final-card-v23{padding:26px;border-radius:30px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.final-card-v23 span{display:inline-flex;color:#ffb36a;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.final-card-v23 h3{margin:0 0 10px;color:#fff}
.final-card-v23 p{margin:0;color:var(--muted)}
.final-check-v23{display:grid;gap:10px;margin-top:16px}
.final-check-v23 div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:900;color:#eaf3ff}
.final-check-v23 div:before{content:"OK";color:#18c984;font-size:11px;margin-right:8px;font-weight:1000}
.account-final-note-v23{padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,rgba(255,122,0,.13),rgba(24,201,132,.10));border:1px solid rgba(255,255,255,.14);margin-top:18px;color:#edf6ff;font-weight:850}
.tab-v22[data-tab="roadmap"]{border-color:rgba(24,201,132,.28)}
.roadmap-v23{display:grid;gap:14px}
.roadmap-v23 article{padding:18px;border-radius:22px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10)}
.roadmap-v23 b{display:block;color:#fff;margin-bottom:6px}
.roadmap-v23 span{display:block;color:#ffb36a;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
@media(max-width:1050px){.final-grid-v23{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.final-grid-v23{grid-template-columns:1fr}}



/* TERRAVA RELEASE READY V24 */
.live-highlight{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;align-items:center;border:1px solid rgba(255,122,0,.22);background:linear-gradient(135deg,rgba(255,122,0,.13),rgba(255,255,255,.04));border-radius:32px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.live-mini{border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;background:rgba(0,0,0,.24);display:flex;flex-direction:column;gap:12px}.live-mini strong{font-size:42px;color:#ff7a00;letter-spacing:.08em}.live-mini span{opacity:.82;line-height:1.5}.download .actions{margin-top:18px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:10px 14px}.cards.compact article{display:flex;flex-direction:column;gap:8px}.cards.compact b{font-size:22px;color:#ff7a00}@media(max-width:850px){.live-highlight{grid-template-columns:1fr;padding:22px}.live-mini strong{font-size:32px}}


/* TERRAVA IMAGES RESTORE V25 */
.brand img,.footer-brand img{object-fit:contain;background:transparent}.brand img{width:42px;height:42px}.footer-brand img{width:50px;height:50px}.hero-showcase{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}.hero-photo{width:100%;max-width:560px;border-radius:42px;box-shadow:0 42px 130px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);object-fit:cover;aspect-ratio:1024/500;transform:rotate(1.2deg)}.overlay-card{position:absolute;right:0;bottom:0;max-width:360px;background:rgba(3,7,18,.86);backdrop-filter:blur(18px)}.screenshots-section{overflow:hidden}.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start;margin-top:34px}.screenshot-grid img{width:100%;border-radius:32px;border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 100px rgba(0,0,0,.32);background:#05070c;transition:transform .25s ease, box-shadow .25s ease}.screenshot-grid img:nth-child(2),.screenshot-grid img:nth-child(4){margin-top:44px}.screenshot-grid img:hover{transform:translateY(-8px);box-shadow:0 42px 120px rgba(255,122,0,.18)}@media(max-width:1050px){.hero-showcase{min-height:430px}.overlay-card{right:20px}.screenshot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hero-showcase{min-height:auto;display:block}.hero-photo{border-radius:28px;transform:none}.overlay-card{position:relative;right:auto;bottom:auto;margin:-32px 14px 0}.screenshot-grid{grid-template-columns:1fr 1fr;gap:12px}.screenshot-grid img{border-radius:22px}.screenshot-grid img:nth-child(2),.screenshot-grid img:nth-child(4){margin-top:22px}}

.activities-premium .lead{max-width:980px;margin-left:auto;margin-right:auto;text-align:center}.activities-premium h2{text-align:center}.activities-premium .eyebrow{display:block;text-align:center}


/* TERRAVA V27 - uniformisation globale */
.topbar .brand img,.footer-brand img{object-fit:contain;background:transparent}.topbar .brand img{width:46px;height:46px}.footer-brand img{width:52px;height:52px}.nav a{white-space:nowrap}.live-page .topbar{margin-bottom:0}.live-page footer{margin-top:40px}.legal-nav a{border-radius:14px}.legal-nav a:hover{background:rgba(255,122,0,.12);color:var(--orange)}

/* TERRAVA V29 - contact form local/mailto */
.contact-form select option{background:#13272d;color:#ffffff;font-weight:900;}
.contact-form select:focus,.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(255,122,0,.75);border-color:rgba(255,122,0,.9);}
.contact-form select{color:#ffffff;background-color:rgba(255,255,255,.065);}

/* TERRAVA V30 - contact form direct hosting + local test */
.hidden-field{display:none!important;}
.contact-form select option{background:#13272d!important;color:#ffffff!important;font-weight:900;}
.contact-form select{color:#ffffff!important;background-color:rgba(255,255,255,.065)!important;}

.form-status{min-height:22px;color:#ffb36a;font-weight:900;text-align:center;margin:0}

/* TERRAVA MOBILE FIX GLOBAL V2 */
@media (max-width: 768px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    margin: 0 !important;
  }

  .nav, header, .header, .topbar {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .container,
  .section,
  .hero,
  .hero-inner,
  .screenshots-section,
  .pricing,
  .pricing-grid,
  .features,
  .features-grid,
  .live-hero,
  .live-card,
  .live-result,
  .live-layout,
  .account-section {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  h1 {
    font-size: 54px !important;
    line-height: 0.95 !important;
    letter-spacing: -2px !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  h2 {
    font-size: 42px !important;
    line-height: 0.98 !important;
    letter-spacing: -1.5px !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  p, .lead {
    font-size: 22px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  .hero-card,
  .glass,
  .card,
  .pricing-card,
  .live-card,
  .live-result,
  .info-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 28px !important;
    box-sizing: border-box !important;
  }

  .pricing-grid,
  .features-grid,
  .screenshots-grid,
  .live-layout,
  .stats-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .app-screens,
  .screenshots,
  .phone-row {
    display: flex !important;
    overflow-x: auto !important;
    gap: 16px !important;
    padding-bottom: 12px !important;
    scroll-snap-type: x mandatory;
  }

  .app-screens img,
  .screenshots img,
  .phone-row img {
    min-width: 72vw !important;
    max-width: 72vw !important;
    height: auto !important;
    scroll-snap-align: center;
  }

  button,
  .btn,
  .cta,
  input,
  select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 56px !important;
    font-size: 18px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
  }

  .map,
  #map,
  .leaflet-container {
    width: 100% !important;
    max-width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .live-status,
  .share-status {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .live-status .btn,
  .share-status .btn,
  .maps-btn {
    position: static !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .info-row,
  .data-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    text-align: left !important;
  }

  .info-row strong,
  .data-row strong {
    text-align: left !important;
    font-size: 22px !important;
  }

  footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 28px 18px !important;
  }
}

@media (max-width: 430px) {
  h1 {
    font-size: 48px !important;
  }

  h2 {
    font-size: 38px !important;
  }

  p, .lead {
    font-size: 20px !important;
  }

  .hero,
  .section {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .map,
  #map,
  .leaflet-container {
    height: 390px !important;
    min-height: 390px !important;
  }
}

/* TERRAVA RESPONSIVE SITE GLOBAL V3 */
* { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }

img, video, canvas, svg, iframe {
  max-width: 100%;
  height: auto;
}

@media (max-width: 820px) {
  body {
    overflow-x: hidden !important;
  }

  .site-header {
    position: relative !important;
    width: 100% !important;
    padding: 14px 14px !important;
    gap: 12px !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .brand {
    justify-content: center !important;
  }

  .site-nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .site-nav a {
    font-size: 13px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
  }

  .top-actions,
  .actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .top-actions a,
  .actions a,
  .cta,
  .ghost,
  button {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .section,
  .hero,
  .legal-hero,
  .legal-layout,
  .download,
  .pricing,
  .activities-premium,
  .screenshots-section,
  .live-highlight,
  .feature-split {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .hero {
    padding-top: 34px !important;
    padding-bottom: 38px !important;
  }

  .hero-grid,
  .feature-split,
  .live-highlight,
  .legal-shell,
  .legal-layout,
  .account-shell,
  .account-grid,
  .dashboard-v22,
  .profile-grid-v22 {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  h1 {
    font-size: clamp(38px, 12vw, 58px) !important;
    line-height: 0.96 !important;
    letter-spacing: -1.8px !important;
    overflow-wrap: break-word !important;
  }

  h2 {
    font-size: clamp(30px, 9vw, 44px) !important;
    line-height: 1.02 !important;
    letter-spacing: -1.2px !important;
    overflow-wrap: break-word !important;
  }

  h3 {
    font-size: 21px !important;
    line-height: 1.15 !important;
  }

  .lead,
  p {
    font-size: 17px !important;
    line-height: 1.48 !important;
  }

  .kpis,
  .cards,
  .cards.compact,
  .activity-grid,
  .screenshot-grid,
  .footer-links,
  .data-actions-v22,
  .tabs-v22 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .cards article,
  .activity,
  .price-card,
  .live-mini,
  .legal-side,
  .legal-copy,
  .legal-nav,
  .legal-content,
  .panel-v22,
  .card-v22,
  .stat-v22 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .screenshot-grid {
    flex-direction: row !important;
    overflow-x: auto !important;
    padding-bottom: 12px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .screenshot-grid img {
    min-width: 76vw !important;
    max-width: 76vw !important;
    scroll-snap-align: center;
    border-radius: 24px !important;
  }

  .more {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .more span {
    flex: 1 1 calc(50% - 8px) !important;
    text-align: center !important;
  }

  input,
  textarea,
  select {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 16px !important;
  }

  footer {
    padding: 28px 16px !important;
    text-align: center !important;
  }
}

@media (max-width: 430px) {
  .section,
  .hero,
  .legal-hero,
  .legal-layout {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .site-nav a {
    flex: 1 1 calc(50% - 8px) !important;
    text-align: center !important;
  }

  .brand b {
    font-size: 20px !important;
  }

  .pill,
  .eyebrow {
    max-width: 100% !important;
    white-space: normal !important;
  }
}
