/*
Theme Name: TELIVIA AI
Theme URI: https://telivia.ai
Author: TELIVIA
Description: TELIVIA AI official website theme.
Version: 6.4
Text Domain: telivia
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070c;color:#f6f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,90%);margin:auto}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;display:flex;align-items:center;gap:34px;padding:0 5%;transition:.3s;background:linear-gradient(#05070ccc,transparent)}.nav.scrolled{height:70px;background:#080b12dd;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.brand{margin-right:auto}.brand img{width:150px;display:block}.nav nav{display:flex;gap:30px}.nav nav a{font-size:14px;color:#dce3f2;position:relative;transition:.25s}.nav nav a:after{content:'';height:2px;width:0;position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);background:linear-gradient(90deg,#8c4cff,#159dff,#ffd529,#ff374f,#19e39b);box-shadow:0 0 12px #5fdcff;transition:.25s}.nav nav a:hover{color:#fff;text-shadow:0 0 12px #8bdfff}.nav nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 22px;font-weight:700;font-size:14px;border:1px solid #ffffff20;transition:.25s}.navcta,.primary{background:linear-gradient(110deg,#00a9ff,#6b55ff 52%,#b52cff);box-shadow:0 10px 35px #623dff35}.btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 0 30px #4c7cff55}.ghost{background:#ffffff0b;backdrop-filter:blur(10px)}.hero{height:min(900px,100vh);min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden}.hero video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#03050bf2 0%,#050711b8 42%,#04060a4a 68%,#05070c88),linear-gradient(0deg,#05070c 0%,transparent 30%)}.hero-content{position:relative;z-index:2;width:min(1180px,90%);margin:auto;padding-top:70px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#55d8ff}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;max-width:870px;margin:18px 0 25px;letter-spacing:-.055em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#63dcff,#8a69ff,#d759ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.65;max-width:650px;color:#c2cad9}.actions{display:flex;gap:12px;margin-top:34px}.scroll{position:absolute;z-index:2;bottom:24px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;color:#8d98aa}.intro,.agents,.how,.faq{padding:120px 0}.intro{text-align:center}.intro h2,.agents h2,.how h2,.faq h2,.team h2,.pricing h2,.final h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.05;margin:14px 0 22px}.intro h2 span,.agents h2 span,.how h2 span,.team h2 span,.pricing h2 span{background:linear-gradient(90deg,#4fdcff,#916bff);-webkit-background-clip:text;color:transparent}.intro>p{max-width:720px;margin:auto;color:#9fa9ba;font-size:18px;line-height:1.7}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff12;border:1px solid #ffffff12;border-radius:18px;overflow:hidden;margin-top:65px}.benefits div{font-size:38px;font-weight:800;padding:30px;background:#090c14}.benefits small{display:block;font-size:12px;color:#8893a5;font-weight:500;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:50px}.card{grid-column:span 2;min-height:460px;position:relative;overflow:hidden;border-radius:24px;background:#0a0d14;border:1px solid #ffffff12;transition:.35s}.card:nth-child(4){grid-column:2/span 2}.card img{width:100%;height:320px;object-fit:cover;transition:.45s}.card>div{padding:20px 22px}.card b{font-size:24px}.card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:5px 0 10px;color:#9ba7b8}.card p{font-size:13px;line-height:1.55;color:#9ca6b7;margin:0}.card:hover{transform:translateY(-8px)}.card:hover img{transform:scale(1.035)}.sofia:hover{box-shadow:0 0 45px #8e48ff35;border-color:#8e48ff66}.alex:hover{box-shadow:0 0 45px #168fff35;border-color:#168fff66}.mia:hover{box-shadow:0 0 45px #ffd52c35;border-color:#ffd52c66}.bruno:hover{box-shadow:0 0 45px #ff334f35;border-color:#ff334f66}.olivia:hover{box-shadow:0 0 45px #20df8e35;border-color:#20df8e66}.team{padding:100px 0;background:radial-gradient(circle at 70% 50%,#30226055,transparent 35%),#080a10}.split{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:60px}.split p{color:#aab3c1;line-height:1.7;font-size:17px;margin-bottom:28px}.split img{width:100%;border-radius:28px;border:1px solid #ffffff16;box-shadow:0 35px 80px #0009}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.steps article{padding:35px;border-radius:20px;background:linear-gradient(145deg,#0d111c,#080a10);border:1px solid #ffffff12}.steps i{font-style:normal;color:#56d9ff;font-size:13px}.steps h3{font-size:22px;margin:35px 0 10px}.steps p{color:#8f9aaa;line-height:1.6}.pricing{padding:120px 0;background:radial-gradient(circle at 20% 30%,#142e5f66,transparent 35%),radial-gradient(circle at 80% 70%,#5b1c7955,transparent 30%),#070911}.pricebox{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.pricebox>div>p{color:#9aa5b6;line-height:1.7;max-width:600px}.pricecard{padding:35px;border:1px solid #6e7cff66!important;border-radius:24px;background:#0c101acc!important;box-shadow:0 0 70px #5649ff1f}.pricecard>span{font-size:12px;letter-spacing:.15em;color:#7ddfff}.amount{display:flex;align-items:center;gap:16px;margin:20px 0}.amount b{font-size:64px;letter-spacing:-.06em}.amount small{color:#9da7b6;line-height:1.4}.pricecard ul{list-style:none;padding:0;margin:25px 0}.pricecard li{padding:9px 0;color:#c7cfda}.pricecard li:before{content:'✓';color:#5ce3ff;margin-right:10px}.pricecard .btn{width:100%}.faq{max-width:900px}.faq details{border-bottom:1px solid #ffffff14;padding:24px 0}.faq summary{font-size:18px;font-weight:650;cursor:pointer}.faq details p{color:#919cad;line-height:1.65;max-width:760px}.final{text-align:center;padding:130px 0;background:radial-gradient(circle at center,#3c2d7d55,transparent 38%)}.final p{color:#aab3c2;font-size:18px;margin-bottom:28px}footer{border-top:1px solid #ffffff12;padding:35px 0;background:#04060a}footer .wrap{display:flex;align-items:center;gap:25px;color:#7e899a;font-size:12px}footer img{width:120px}footer small{margin-left:auto}@media(max-width:900px){.nav nav{display:none}.nav{padding:0 4%}.brand img{width:125px}.navcta{padding:11px 14px}.hero{min-height:760px}.hero h1{font-size:50px}.shade{background:linear-gradient(0deg,#05070cf5 5%,#05070c80 70%,#05070c99)}.hero-content{align-self:flex-end;padding-bottom:100px}.benefits{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.card,.card:nth-child(4){grid-column:auto}.split,.pricebox{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.intro,.agents,.how,.faq{padding:85px 0}.team,.pricing{padding:85px 0}footer .wrap{flex-wrap:wrap}footer small{margin-left:0;width:100%}}

/* V2 refinements */
.nav nav a{padding:9px 12px;border-radius:10px}
.nav nav a:after{display:none}
.nav nav a:nth-child(1):hover{background:#8e48ff18;color:#cfaaff;box-shadow:0 0 22px #8e48ff38;text-shadow:0 0 12px #8e48ff}
.nav nav a:nth-child(2):hover{background:#168fff18;color:#86c8ff;box-shadow:0 0 22px #168fff38;text-shadow:0 0 12px #168fff}
.nav nav a:nth-child(3):hover{background:#ffd52c18;color:#ffe986;box-shadow:0 0 22px #ffd52c30;text-shadow:0 0 12px #ffd52c}
.nav nav a:nth-child(4):hover{background:#ff334f18;color:#ff9aaa;box-shadow:0 0 22px #ff334f38;text-shadow:0 0 12px #ff334f}
.nav nav a:nth-child(5):hover{background:#20df8e18;color:#8af5c3;box-shadow:0 0 22px #20df8e38;text-shadow:0 0 12px #20df8e}

.hero{align-items:flex-end}
.shade{background:linear-gradient(90deg,#03050b96 0%,#03050b28 36%,transparent 66%),linear-gradient(0deg,#05070cf5 0%,#05070c99 16%,transparent 50%)}
.hero-content{margin:0 0 0 5%;width:min(650px,90%);padding:0 0 86px}
.hero-content:before{content:'';position:absolute;inset:-28px -34px -30px -34px;z-index:-1;background:linear-gradient(135deg,#070a12c7,#070a1266);border:1px solid #ffffff12;border-radius:26px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 25px 70px #0007}
.hero h1{font-size:clamp(40px,4.5vw,64px);max-width:650px;margin:14px 0 18px;line-height:1.01}
.hero p{font-size:16px;max-width:590px;line-height:1.55;margin:0}.hero .actions{margin-top:24px}
.sectionlead{max-width:700px;color:#929dac;line-height:1.65;margin-top:-4px}
.card{min-height:500px}.card img{height:350px;object-fit:cover;object-position:center}.card>div{background:linear-gradient(180deg,#0a0d14,#080a10)}

.capabilities{padding:120px 0;background:#020306;overflow:hidden;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
.cap-head{text-align:center;max-width:800px;margin:0 auto 55px}.cap-head h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.05;margin:14px 0 20px}.cap-head h2 span{background:linear-gradient(90deg,#4fdcff,#916bff);-webkit-background-clip:text;color:transparent}.cap-head p{color:#8994a5;font-size:17px;line-height:1.7}
.cap-stack{display:grid;gap:36px}.cap{margin:0;position:relative;border-radius:28px;overflow:hidden;background:#000}.cap:before{content:'';position:absolute;inset:8% 10%;filter:blur(70px);opacity:.16;z-index:0}.cap img{display:block;position:relative;z-index:1;width:100%;height:auto;mix-blend-mode:screen}.cap-sofia:before{background:#8e48ff}.cap-alex:before{background:#168fff}.cap-mia:before{background:#ffd52c}.cap-bruno:before{background:#ff334f}.cap-olivia:before{background:#20df8e}
@media(max-width:900px){.hero-content{margin:0 auto;padding-bottom:105px;width:88%}.hero-content:before{inset:-22px -20px -24px}.hero h1{font-size:42px}.capabilities{padding:80px 0}.cap-stack{gap:22px}.card{min-height:460px}.card img{height:330px}}

/* V3 — cleaner agent gallery */
.agents{padding-bottom:105px}
.agents .grid{gap:16px;margin-top:46px}
.agents .card{min-height:440px;background:#080b12;border-color:#ffffff10;border-radius:22px}
.agents .card img{height:300px;object-fit:contain;object-position:center bottom;background:#fff;padding:8px 14px 0;transform:none}
.agents .card>div{position:relative;padding:18px 20px 21px;background:#080b12;border-top:1px solid #ffffff0d}
.agents .card b{font-size:23px;letter-spacing:-.02em}
.agents .card span{margin:4px 0 8px}
.agents .card p{font-size:12.5px;line-height:1.5}
.agents .card:hover img{transform:translateY(-3px) scale(1.01)}
.agents .sofia span{color:#b985ff}.agents .alex span{color:#65baff}.agents .mia span{color:#ffe06a}.agents .bruno span{color:#ff7588}.agents .olivia span{color:#68edb0}
@media(max-width:900px){.agents .card{min-height:430px}.agents .card img{height:310px}}

/* V4 — larger clean logo + integrated capability constellation */
.brand img{width:205px;max-height:58px;object-fit:contain}.nav.scrolled .brand img{width:185px}footer img{width:165px}
.capabilities{position:relative;padding:135px 0 150px;background:radial-gradient(ellipse at 50% 35%,#101a3a 0%,#070a13 34%,#020306 72%);isolation:isolate}
.capabilities:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,#8e48ff20,transparent 24%),radial-gradient(circle at 85% 28%,#168fff1f,transparent 24%),radial-gradient(circle at 50% 70%,#ffd52c12,transparent 28%),linear-gradient(90deg,transparent 49.9%,#ffffff08 50%,transparent 50.1%);pointer-events:none;z-index:-1}
.capabilities .wrap{width:min(1380px,94%)}.cap-head{margin-bottom:72px}.cap-head p{max-width:700px;margin-inline:auto}
.cap-stack{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto;gap:28px 18px;align-items:center;position:relative}
.cap{background:transparent;border:0;border-radius:0;overflow:visible;transition:.45s;filter:drop-shadow(0 28px 42px #0009)}.cap:before{inset:16% 14%;filter:blur(90px);opacity:.22}.cap img{width:100%;mix-blend-mode:normal;filter:drop-shadow(0 0 22px #000)}
.cap:hover{transform:translateY(-8px) scale(1.015);z-index:4}.cap-sofia{grid-column:1/span 7;grid-row:1}.cap-alex{grid-column:6/span 7;grid-row:1;margin-top:110px}.cap-mia{grid-column:1/span 7;grid-row:2;margin-top:-55px}.cap-bruno{grid-column:6/span 7;grid-row:2;margin-top:65px}.cap-olivia{grid-column:3/span 8;grid-row:3;margin-top:-55px}
.cap-sofia img{filter:drop-shadow(0 0 25px #8e48ff2b)}.cap-alex img{filter:drop-shadow(0 0 25px #168fff2b)}.cap-mia img{filter:drop-shadow(0 0 25px #ffd52c24)}.cap-bruno img{filter:drop-shadow(0 0 25px #ff334f26)}.cap-olivia img{filter:drop-shadow(0 0 25px #20df8e26)}
@media(max-width:900px){.brand img{width:155px}.nav.scrolled .brand img{width:145px}.capabilities .wrap{width:min(760px,94%)}.cap-stack{display:flex;flex-direction:column;gap:10px}.cap{width:100%;margin:0!important}.cap-head{margin-bottom:42px}}

/* V5 — individual agent pricing */
.pricing-head{max-width:780px;margin:0 auto 42px;text-align:center}.pricing-head>p{max-width:650px;margin:14px auto 0;color:var(--muted);line-height:1.7}.agent-prices{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.agent-price{grid-column:span 2;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));min-height:570px;transition:.35s ease}.agent-price:nth-child(4){grid-column:2/span 2}.agent-price:nth-child(5){grid-column:4/span 2}.agent-price:hover{transform:translateY(-8px);border-color:var(--agent);box-shadow:0 20px 70px color-mix(in srgb,var(--agent) 20%,transparent)}.agent-price:before{content:"";position:absolute;inset:-30% -20% auto;height:55%;background:radial-gradient(circle,color-mix(in srgb,var(--agent) 26%,transparent),transparent 65%);pointer-events:none}.agent-price img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}.price-content{position:relative;margin-top:-55px;padding:0 25px 27px}.price-content>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--agent)}.price-content h3{font-size:32px;margin:5px 0 8px}.price-content p{font-size:14px;line-height:1.55;color:var(--muted);min-height:66px}.mini-price{display:flex;align-items:flex-end;gap:9px;margin:17px 0}.mini-price b{font-size:42px;line-height:.9}.mini-price small{color:var(--muted);font-size:12px;padding-bottom:3px}.price-btn{width:100%;justify-content:center;background:var(--agent);color:#fff;border-color:transparent;box-shadow:0 8px 28px color-mix(in srgb,var(--agent) 24%,transparent)}.sofia-price{--agent:#a62cff}.alex-price{--agent:#1488ff}.mia-price{--agent:#ffc400}.bruno-price{--agent:#ff2727}.olivia-price{--agent:#17d94d}.agents .card img{object-position:center;}
@media(max-width:1000px){.agent-prices{grid-template-columns:repeat(2,1fr)}.agent-price,.agent-price:nth-child(4),.agent-price:nth-child(5){grid-column:auto}.agent-price:last-child{grid-column:1/-1;max-width:480px;width:100%;justify-self:center}}
@media(max-width:650px){.agent-prices{grid-template-columns:1fr}.agent-price,.agent-price:last-child{grid-column:auto;max-width:none}.agent-price{min-height:auto}.price-content p{min-height:auto}}

/* V6 — requested layout corrections */
/* Five specialties: return to the cleaner portraits so pricing can own the workspace photography */
.agents .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.agents .card,.agents .card:nth-child(4){grid-column:auto;min-height:430px}
.agents .card img{height:285px;object-fit:cover}
.agents .card>div{padding:18px}
.agents .card b{font-size:22px}

/* Capability art: editorial mosaic with real separation; no card covers another */
.cap-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start}
.cap,.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{grid-column:auto;grid-row:auto;margin:0!important;width:100%;min-width:0}
.cap-olivia{grid-column:1/-1;width:min(760px,72%);justify-self:center}
.cap img{display:block;width:100%;height:auto}

/* Pricing: all five agents in one desktop row */
.pricing .wrap{width:min(1500px,96%)}
.agent-prices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.agent-price,.agent-price:nth-child(4),.agent-price:nth-child(5){grid-column:auto;min-width:0;min-height:535px}
.agent-price img{aspect-ratio:1/1;object-fit:cover}
.price-content{padding-left:18px;padding-right:18px}
.price-content h3{font-size:29px}.price-content p{font-size:13px}.mini-price b{font-size:38px}

@media(max-width:1150px){
 .agents .grid{grid-template-columns:repeat(3,1fr)}
 .agent-prices{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
 .agents .grid{grid-template-columns:1fr 1fr}
 .cap-stack{display:flex;flex-direction:column;gap:24px}
 .cap-olivia{width:100%}
 .agent-prices{grid-template-columns:repeat(2,1fr)}
 .agent-price:last-child{grid-column:1/-1;max-width:480px;justify-self:center}
}
@media(max-width:650px){
 .agents .grid,.agent-prices{grid-template-columns:1fr}
 .agent-price:last-child{grid-column:auto;max-width:none}
}
\n/* V6.1 — approved Telivia logo + final presentation polish */
.nav{top:16px;left:50%;right:auto;width:min(1420px,94%);height:70px;transform:translateX(-50%);padding:0 22px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(7,10,18,.48);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.nav.scrolled{top:10px;height:66px;background:rgba(7,10,18,.72);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.4)}
.brand img,.nav.scrolled .brand img{width:190px;max-height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(56,175,255,.20))}
.agents .card img{height:310px;object-fit:cover;object-position:center;background:#0a0d14;padding:0}.agents .card{min-height:458px}
.capabilities .wrap{width:min(1480px,96%)}.cap-stack{grid-template-columns:repeat(12,1fr);gap:20px 10px;align-items:center}.cap{width:100%;filter:drop-shadow(0 30px 45px #0009)}.cap img{width:100%;transform:scale(1.04)}
.cap-sofia{grid-column:1/span 7;transform:translateY(0)}.cap-alex{grid-column:6/span 7;transform:translateY(115px)}.cap-mia{grid-column:1/span 7;transform:translateY(40px)}.cap-bruno{grid-column:6/span 7;transform:translateY(155px)}.cap-olivia{grid-column:3/span 8;width:100%;transform:translateY(80px);margin-bottom:90px!important}
.cap:hover{z-index:5}.cap-sofia:hover,.cap-alex:hover,.cap-mia:hover,.cap-bruno:hover,.cap-olivia:hover{transform:translateY(var(--lift,0)) scale(1.02)}
@media(max-width:1150px){.nav nav{gap:8px}.nav nav a{padding:8px}.brand img,.nav.scrolled .brand img{width:165px}.cap-stack{grid-template-columns:1fr 1fr;gap:28px}.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{grid-column:auto;transform:none}.cap-olivia{grid-column:1/-1;width:min(760px,75%);justify-self:center;margin-bottom:0!important}}
@media(max-width:900px){.nav{top:10px;width:94%;padding:0 14px}.brand img,.nav.scrolled .brand img{width:145px}.cap-stack{display:flex}.cap-olivia{width:100%}}


/* V6.2 — spacing + readable pricing + true transparent logo */
.brand img,.nav.scrolled .brand img,footer img{background:transparent!important}
.capabilities .wrap{width:min(1420px,94%)}
.cap-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 48px;align-items:start;padding:8px 0 70px}
.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{grid-column:auto;width:100%;margin:0!important}
.cap-sofia{transform:translateY(0)}.cap-alex{transform:translateY(70px)}.cap-mia{transform:translateY(0)}.cap-bruno{transform:translateY(70px)}.cap-olivia{grid-column:1/-1;width:min(760px,56%);justify-self:center;transform:translateY(15px)}
.cap img{transform:none}.cap:hover{z-index:2}.cap-sofia:hover,.cap-mia:hover{transform:translateY(-8px) scale(1.015)}.cap-alex:hover,.cap-bruno:hover{transform:translateY(62px) scale(1.015)}.cap-olivia:hover{transform:translateY(7px) scale(1.015)}
.agent-price{display:flex;flex-direction:column;background:#090c14}
.agent-price img{height:300px;aspect-ratio:auto;object-fit:cover;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}
.price-content{margin-top:-18px;padding:18px 18px 27px;background:linear-gradient(180deg,rgba(9,12,20,.18),#090c14 16%,#090c14 100%);z-index:2;flex:1}
.price-content>span,.price-content h3,.price-content p,.mini-price{position:relative;z-index:3}
@media(max-width:1150px){.cap-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.cap-sofia,.cap-mia{transform:none}.cap-alex,.cap-bruno{transform:translateY(48px)}.cap-olivia{grid-column:1/-1;width:min(720px,68%);transform:none}.cap-alex:hover,.cap-bruno:hover{transform:translateY(40px) scale(1.012)}}
@media(max-width:900px){.cap-stack{display:flex;flex-direction:column;gap:26px;padding-bottom:0}.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{width:100%;transform:none!important}.agent-price img{height:auto;aspect-ratio:1/1}.price-content{margin-top:-12px}}

/* V6.3 — unified pricing CTA */
.price-btn{
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.price-btn:hover{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.34) !important;
  transform:translateY(-2px);
}

/* V6.4 — persistent floating header + split hero */
.nav,.nav.scrolled{top:16px!important;height:70px!important;background:rgba(7,10,18,.58)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important}
.hero{height:min(900px,100vh);min-height:720px;align-items:center;background:radial-gradient(circle at 78% 45%,rgba(39,89,190,.24),transparent 35%),radial-gradient(circle at 25% 50%,rgba(115,42,184,.15),transparent 34%),#05070c;padding-top:90px}
.hero video{position:absolute;left:auto;right:4.5%;top:50%;transform:translateY(-48%);width:52%;height:68%;object-fit:cover;object-position:center;border-radius:30px;border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 90px rgba(0,0,0,.58),0 0 60px rgba(46,116,255,.10)}
.hero .shade{background:linear-gradient(90deg,#05070c 0%,#05070cf8 35%,rgba(5,7,12,.66) 50%,rgba(5,7,12,.06) 68%,rgba(5,7,12,.10) 100%),linear-gradient(0deg,#05070c 0%,transparent 18%)}
.hero-content{margin:0 0 0 5%;width:min(600px,43%);padding:0;align-self:auto}
.hero-content:before{inset:-26px -28px -28px -28px;background:linear-gradient(135deg,rgba(7,10,18,.82),rgba(7,10,18,.52));border-color:rgba(255,255,255,.13);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.hero h1{font-size:clamp(42px,4.1vw,64px)}
@media(max-width:900px){.nav,.nav.scrolled{top:10px!important;height:66px!important}.hero{min-height:850px;padding-top:100px;display:flex;align-items:flex-end}.hero video{top:105px;right:5%;left:5%;transform:none;width:90%;height:43%;border-radius:24px;object-position:center}.hero .shade{background:linear-gradient(0deg,#05070c 0%,#05070cf7 44%,rgba(5,7,12,.08) 72%,rgba(5,7,12,.22) 100%)}.hero-content{width:88%;margin:0 auto;padding:0 0 78px}.hero-content:before{inset:-20px -18px -22px}.hero h1{font-size:40px}.scroll{display:none}}

/* V6.4 FINAL POLISH — professional hero, larger capabilities, compact footer */
.nav nav{align-items:center}.nav-separator{width:1px;height:22px;background:rgba(255,255,255,.18);display:inline-block;margin:0 2px}.login-link{font-weight:700;color:#fff!important}

.hero{height:auto;min-height:760px;padding:132px 0 86px;display:block;overflow:hidden;background:#05070c}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(30,114,255,.20),transparent 30%),radial-gradient(circle at 28% 55%,rgba(157,44,255,.15),transparent 31%),linear-gradient(180deg,#05070c 0%,#070b16 52%,#05070c 100%);pointer-events:none}
.hero-layout{position:relative;z-index:2;width:min(1460px,92%);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:46px}
.hero-content{position:relative;width:auto;margin:0;padding:44px 42px;align-self:auto;border-radius:30px;background:linear-gradient(145deg,rgba(13,18,31,.82),rgba(7,10,18,.55));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.38)}
.hero-content:before{display:none}.hero h1{font-size:clamp(44px,4.15vw,66px);max-width:650px;margin:16px 0 20px}.hero p{font-size:17px;max-width:590px}.hero-proof{display:flex;gap:24px;margin-top:26px;color:#8f9aaa;font-size:12px}.hero-proof span{display:flex;gap:7px;align-items:baseline}.hero-proof b{font-size:18px;color:#fff}
.hero-visual{position:relative;min-width:0}.video-shell{position:relative;border-radius:32px;padding:10px;background:linear-gradient(135deg,rgba(75,198,255,.38),rgba(123,78,255,.18) 47%,rgba(236,70,255,.34));box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 80px rgba(54,112,255,.12);overflow:hidden}
.video-shell:before{content:'';position:absolute;inset:1px;border-radius:31px;background:#060912;z-index:0}.video-shell video,.video-shell .hero-team-image{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:24px;inset:auto;transform:none}.video-glow{position:absolute;z-index:2;inset:auto 8% -18% 8%;height:38%;background:radial-gradient(circle,rgba(73,143,255,.28),transparent 68%);filter:blur(22px);pointer-events:none}.video-badge{position:absolute;z-index:3;left:28px;bottom:26px;padding:9px 13px;border-radius:999px;background:rgba(6,9,18,.68);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);font-size:10px;font-weight:800;letter-spacing:.18em;color:#d8ecff}.hero .scroll{bottom:24px}

.capabilities .wrap{width:min(1580px,96%)}
.cap-head{max-width:850px;margin:0 auto 72px;text-align:center}
.cap-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:104px 44px;align-items:start;padding:12px 0 82px}
.cap,.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{grid-column:auto;width:100%;margin:0!important;transform:none;transition:transform .35s ease,filter .35s ease}
.cap img{width:100%;height:auto;display:block;transform:none!important}.cap-sofia,.cap-mia{transform:translateY(0)}.cap-alex,.cap-bruno{transform:translateY(58px)}.cap-olivia{grid-column:1/-1;width:min(900px,62%);justify-self:center;transform:translateY(18px)}
.cap-sofia:hover,.cap-mia:hover{transform:translateY(-8px) scale(1.012)}.cap-alex:hover,.cap-bruno:hover{transform:translateY(50px) scale(1.012)}.cap-olivia:hover{transform:translateY(10px) scale(1.012)}

.site-footer{border-top:1px solid rgba(255,255,255,.10);padding:0;background:#04060a}.footer-main{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{display:flex;align-items:center;gap:14px;color:#8994a6;font-size:12px}.footer-brand img{width:54px;height:54px;object-fit:contain}.footer-social{display:flex;gap:9px}.footer-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);transition:.2s}.footer-social a:hover{background:rgba(255,255,255,.10);transform:translateY(-2px)}.footer-social svg{width:17px;height:17px;fill:none;stroke:#dce8ff;stroke-width:1.8}.footer-social a:nth-child(2) svg{fill:#dce8ff;stroke:none}.footer-bottom{min-height:46px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#667285;font-size:11px}.legal-links{display:flex;gap:18px;flex-wrap:wrap}.legal-links a:hover{color:#d8e8ff}

.whatsapp-float{position:fixed;z-index:30;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;box-shadow:0 16px 40px rgba(37,211,102,.32),0 0 0 6px rgba(37,211,102,.10);transition:.25s}.whatsapp-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 20px 50px rgba(37,211,102,.42),0 0 0 8px rgba(37,211,102,.11)}.whatsapp-float svg{width:31px;height:31px;fill:#fff}

@media(max-width:1150px){.hero-layout{grid-template-columns:1fr;gap:28px}.hero-content{max-width:780px;margin:auto}.hero-visual{max-width:980px;width:100%;margin:auto}.cap-stack{gap:72px 28px}.cap-olivia{width:min(860px,72%)}}
@media(max-width:900px){.nav-separator,.login-link{display:none}.hero{min-height:auto;padding:102px 0 72px}.hero-layout{width:92%}.hero-content{padding:32px 24px}.hero h1{font-size:42px}.hero-proof{flex-wrap:wrap}.video-shell{border-radius:24px;padding:7px}.video-shell video,.video-shell .hero-team-image{border-radius:18px}.capabilities .wrap{width:min(780px,94%)}.cap-stack{display:flex;flex-direction:column;gap:30px;padding-bottom:20px}.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{width:100%;transform:none!important}.footer-main,.footer-bottom{padding:14px 0;min-height:auto}.footer-main{align-items:flex-start}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px}.footer-brand span{max-width:240px}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}}

/* v6.4 final refinements */
.footer-social a.instagram-icon{border:0;background:radial-gradient(circle at 32% 100%,#ffd600 0 19%,#ff7a00 30%,#ff0169 52%,#d300c5 70%,#7638fa 88%,#304ffe 100%);box-shadow:0 7px 18px rgba(214,0,164,.22)}
.footer-social a.instagram-icon svg{fill:none;stroke:#fff;stroke-width:1.9}.footer-social a.instagram-icon .ig-dot{fill:#fff;stroke:none}
.footer-social a.facebook-icon{border:0;background:#1877F2;box-shadow:0 7px 18px rgba(24,119,242,.22)}
.footer-social a.facebook-icon svg{fill:#fff;stroke:none;width:20px;height:20px}
.whatsapp-float{background:#25D366}.whatsapp-float svg{width:34px;height:34px;fill:#fff}
/* Make every capability panel as large/readable as Olivia */
.cap-stack{display:flex!important;flex-direction:column;gap:48px!important;align-items:center;padding:12px 0 70px!important}
.cap,.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{width:min(900px,78%)!important;transform:none!important;margin:0!important}
.cap:nth-child(even){align-self:flex-end}.cap:nth-child(odd){align-self:flex-start}.cap-olivia{align-self:center!important}
.cap:hover,.cap-sofia:hover,.cap-alex:hover,.cap-mia:hover,.cap-bruno:hover,.cap-olivia:hover{transform:translateY(-7px) scale(1.01)!important}
@media(max-width:900px){.cap,.cap-sofia,.cap-alex,.cap-mia,.cap-bruno,.cap-olivia{width:100%!important;align-self:center!important}}

/* v6.4 correction: official-style social marks, uniform capability spacing, 24/7 kerning */
.hero-247{display:inline-block;white-space:nowrap;letter-spacing:.045em;font-kerning:none;font-variant-numeric:tabular-nums}
.footer-social a.instagram-icon,.footer-social a.facebook-icon{background:transparent!important;box-shadow:none!important;border:0!important;padding:0;overflow:hidden}
.footer-social a.instagram-icon svg,.footer-social a.facebook-icon svg{width:36px!important;height:36px!important;display:block;fill:none;stroke:none}
.cap-stack{gap:72px!important}
@media(max-width:900px){.cap-stack{gap:34px!important}}

/* v6.4 legal + brand update */
.hero-247{background:linear-gradient(90deg,#63dcff,#8a69ff,#d759ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;padding-right:.03em}
.brand img{height:42px;width:auto;object-fit:contain}.footer-brand img{height:34px;width:auto;object-fit:contain}
.legal-link-btn{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer}.legal-link-btn:hover{color:#fff}
.legal-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.legal-modal.open{display:flex}.legal-backdrop{position:absolute;inset:0;background:rgba(2,4,9,.82);backdrop-filter:blur(12px)}
.legal-dialog{position:relative;width:min(900px,96vw);max-height:min(82vh,850px);overflow:hidden;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(145deg,#101521,#070a10);box-shadow:0 30px 120px #000;display:flex;flex-direction:column}
.legal-dialog-head{display:flex;align-items:center;gap:18px;padding:24px 28px;border-bottom:1px solid #ffffff12}.legal-dialog-head img{height:28px;width:auto}.legal-dialog-head h2{margin:0;font-size:24px;letter-spacing:-.02em}.legal-close{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff18;background:#ffffff08;color:#fff;font-size:24px;cursor:pointer}.legal-close:hover{background:#ffffff12}
.legal-body{padding:28px 34px 38px;overflow:auto;color:#b7c0cf;line-height:1.72;font-size:14px}.legal-body h3{color:#fff;font-size:17px;margin:26px 0 8px}.legal-body h3:first-child{margin-top:0}.legal-body p{margin:0 0 12px}.legal-body ul{padding-left:20px}.legal-body li{margin:6px 0}.legal-body .legal-date{color:#758195;font-size:12px;margin-bottom:22px}.legal-note{padding:12px 14px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05;color:#9da8b9}
@media(max-width:600px){.legal-modal{padding:12px}.legal-dialog{max-height:90vh;border-radius:20px}.legal-dialog-head{padding:18px}.legal-body{padding:22px 20px 30px}.brand img{height:34px}.footer-brand img{height:30px}}


/* V6.4 FINAL — official TELIVIA logo image */
.nav .brand{
  display:flex;align-items:center;justify-content:center;
  padding:8px 14px;border-radius:15px;background:#000;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 28px rgba(0,0,0,.30);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.nav .brand img,.nav.scrolled .brand img{
  width:auto!important;height:38px!important;max-width:220px!important;
  object-fit:contain!important;display:block;filter:none!important;background:transparent!important;
}
.nav .brand:hover{
  transform:translateY(-2px) scale(1.015);
  border-color:rgba(97,176,255,.38);
  box-shadow:0 12px 32px rgba(0,0,0,.38),0 0 24px rgba(100,95,255,.18);
}
.site-footer .footer-brand img{
  width:auto!important;height:34px!important;max-width:205px!important;
  object-fit:contain!important;filter:none!important;background:transparent!important;
  transition:transform .25s ease,filter .25s ease;
}
.site-footer .footer-brand img:hover{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(103,145,255,.28))!important}
.legal-dialog-head img{width:auto!important;height:30px!important;max-width:180px!important;object-fit:contain!important}
@media(max-width:1150px){.nav .brand img,.nav.scrolled .brand img{height:34px!important;max-width:180px!important}}
@media(max-width:900px){.nav .brand{padding:6px 9px}.nav .brand img,.nav.scrolled .brand img{height:29px!important;max-width:150px!important}.site-footer .footer-brand img{height:30px!important}}


/* V6.4 FINAL.2 — unified transparent logo + premium floating navigation */
.nav,.nav.scrolled{
  top:18px!important;
  width:min(1360px,92%)!important;
  height:72px!important;
  padding:0 18px 0 24px!important;
  border-radius:26px!important;
  background:linear-gradient(115deg,rgba(14,18,29,.72),rgba(5,8,15,.54))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.48),0 5px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(24px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(165%)!important;
}
.nav:before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,rgba(78,210,255,.20),transparent 24%,transparent 70%,rgba(180,65,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px;
}
.nav .brand{
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  min-width:184px;height:48px;display:flex;align-items:center;justify-content:flex-start;
}
.nav .brand img,.nav.scrolled .brand img,
.site-footer .footer-brand img{
  width:auto!important;height:38px!important;max-width:205px!important;object-fit:contain!important;
  background:transparent!important;filter:drop-shadow(0 0 0 transparent)!important;
  transition:transform .25s ease,filter .25s ease,opacity .25s ease!important;
}
.nav .brand:hover{transform:none!important;box-shadow:none!important}
.nav .brand:hover img,.site-footer .footer-brand:hover img{
  transform:translateY(-2px) scale(1.025)!important;
  filter:drop-shadow(0 0 9px rgba(105,200,255,.42)) drop-shadow(0 0 18px rgba(164,77,255,.22))!important;
}
.site-footer .footer-brand{background:transparent!important;border:0!important;padding:0!important}
.site-footer .footer-brand img{height:38px!important;max-width:205px!important}
.nav nav{gap:7px!important;padding:5px;border-radius:17px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.nav nav a{padding:9px 11px!important;border-radius:12px!important}
.navcta{border-radius:15px!important;padding:12px 18px!important;box-shadow:0 10px 28px rgba(83,66,255,.28)!important}
@media(max-width:1150px){
  .nav,.nav.scrolled{width:95%!important;padding:0 14px!important}
  .nav .brand{min-width:150px}.nav .brand img,.nav.scrolled .brand img{height:33px!important;max-width:165px!important}
}
@media(max-width:900px){
  .nav,.nav.scrolled{top:10px!important;width:94%!important;height:66px!important;border-radius:22px!important;padding:0 13px!important}
  .nav .brand{min-width:0;height:42px}.nav .brand img,.nav.scrolled .brand img{height:30px!important;max-width:145px!important}
  .site-footer .footer-brand img{height:34px!important;max-width:185px!important}
}


/* V6.4 FINAL.3 — full-width centered floating header */
.nav,.nav.scrolled{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 48px)!important;
  max-width:1540px!important;
  top:20px!important;
  height:74px!important;
  padding:0 20px 0 26px!important;
  border-radius:24px!important;
  background:linear-gradient(115deg,rgba(12,16,27,.76),rgba(5,8,15,.62))!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.52),0 10px 28px rgba(0,0,0,.34),0 0 34px rgba(85,110,255,.08),inset 0 1px 0 rgba(255,255,255,.11)!important;
  backdrop-filter:blur(26px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%)!important;
}
.nav:after{
  content:'';
  position:absolute;
  left:7%;
  right:7%;
  bottom:-13px;
  height:20px;
  border-radius:50%;
  background:rgba(0,0,0,.30);
  filter:blur(15px);
  z-index:-1;
  pointer-events:none;
}
.nav .brand{margin-right:auto!important}
.nav nav{margin-left:auto;margin-right:12px}
@media(max-width:1150px){
  .nav,.nav.scrolled{width:calc(100% - 32px)!important;top:16px!important}
}
@media(max-width:900px){
  .nav,.nav.scrolled{
    width:calc(100% - 24px)!important;
    top:12px!important;
    height:66px!important;
    border-radius:21px!important;
    padding:0 13px!important;
  }
}


/* V6.4 FINAL.4 — wider floating header */
.nav,.nav.scrolled{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
@media(max-width:1150px){
  .nav,.nav.scrolled{width:calc(100% - 20px)!important}
}
@media(max-width:900px){
  .nav,.nav.scrolled{width:calc(100% - 16px)!important}
}

/* ROUND 2 — capability alternation correction */
@media(min-width:901px){
  .cap-stack .cap:nth-child(odd){align-self:flex-start!important}
  .cap-stack .cap:nth-child(even){align-self:flex-end!important}
  .cap-stack .cap-olivia{align-self:flex-start!important}
}