@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#f6f7fb;--ink:#11131a;--muted:#687083;--purple:#6d4aff;--blue:#19b8ff;--card:#fff;--line:#e7e9f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:10px;font:800 18px Manrope;text-decoration:none;color:inherit}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto;padding:16px 24px;background:rgba(246,247,251,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,233,241,.7)}nav{display:flex;gap:28px}nav a,footer a{color:var(--muted);text-decoration:none;font-weight:600}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--purple),#7f63ff 50%,var(--blue));font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(109,74,255,.25);cursor:pointer}.btn.small{padding:11px 16px;border-radius:12px}.hero{max-width:1240px;margin:auto;padding:90px 24px 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.section span,.center>span,.quote-copy>span{color:var(--purple);font-size:13px;font-weight:800;letter-spacing:1.5px}.hero h1{font:800 clamp(46px,6vw,78px)/1.02 Manrope;margin:20px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--purple),var(--blue));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:19px;line-height:1.7;max-width:650px}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0}.ghost{font-weight:800;color:var(--ink);text-decoration:none}.trust{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;flex-wrap:wrap}.trust b{color:var(--ink)}.trust i{width:4px;height:4px;background:#aeb4c2;border-radius:50%}.hero-card{position:relative}.browser{padding:14px;background:#171a25;border-radius:25px;box-shadow:0 40px 90px rgba(22,24,42,.25);transform:rotate(2deg)}.dots{color:#70768a;font-size:11px;padding:2px 4px 12px;letter-spacing:5px}.mock{min-height:420px;border-radius:15px;padding:38px;background:radial-gradient(circle at 75% 20%,#694aff 0,transparent 34%),linear-gradient(145deg,#11131a,#262a3c);color:#fff;overflow:hidden}.mock span{font-weight:800;font-size:12px;letter-spacing:2px}.mock h3{font:800 55px/1.05 Manrope;margin:55px 0 25px}.mock button{border:0;border-radius:10px;padding:13px 18px;font-weight:800}.tiles{display:flex;gap:12px;margin-top:55px}.tiles i{height:70px;flex:1;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.float{position:absolute;background:#fff;border:1px solid var(--line);padding:13px 16px;border-radius:13px;font-weight:800;box-shadow:0 15px 40px rgba(32,35,57,.14)}.f1{left:-35px;top:70px}.f2{right:-25px;bottom:55px}.logos{border-block:1px solid var(--line);padding:24px;display:flex;justify-content:center;gap:35px;flex-wrap:wrap;color:#9a9fb0;font-size:13px;letter-spacing:1px}.logos span{color:#c2c5cf}.section{max-width:1240px;margin:auto;padding:100px 24px}.heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.heading h2,.center h2,.faq h2,.quote h2{font:800 clamp(34px,4vw,54px)/1.1 Manrope;margin:10px 0}.heading p,.center p,.faq p,.quote-copy p{max-width:520px;color:var(--muted);line-height:1.7}.grid{display:grid;gap:20px}.services{grid-template-columns:repeat(4,1fr)}.services article,.quotes blockquote{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:.25s}.services article:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(41,43,65,.1)}.services strong{color:var(--purple)}.services h3{font:700 20px Manrope;margin-top:40px}.services p{color:var(--muted);line-height:1.65}.dark{max-width:none;background:#11131a;color:#fff}.dark>.center,.dark>.pricing{max-width:1192px;margin-inline:auto}.center{text-align:center;margin-bottom:45px}.pricing{grid-template-columns:repeat(4,1fr)}.pricing article{position:relative;padding:30px 25px;border-radius:22px;background:#1c1f2b;border:1px solid #303443}.pricing .popular{transform:translateY(-12px);border-color:#846cff;box-shadow:0 22px 60px rgba(109,74,255,.25)}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--purple),var(--blue));padding:7px 13px;border-radius:50px;font-size:10px;font-weight:800;white-space:nowrap}.price{font:800 56px Manrope;margin-top:18px}.price sup{font-size:22px}.price.words{font-size:34px;margin:30px 0 13px}.pricing small{color:#9ba1b4}.pricing p{color:#adb2c1;min-height:48px}.pricing ul{list-style:none;padding:0;margin:25px 0}.pricing li{padding:9px 0;color:#dde0e8;font-size:14px}.pricing li:before{content:'✓';color:#8bffbc;margin-right:9px}.pricing button{width:100%;padding:13px;border-radius:11px;border:1px solid #474b5d;background:#292d3c;color:#fff;font-weight:800;cursor:pointer}.popular button{background:linear-gradient(90deg,var(--purple),var(--blue));border:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.process article{padding:32px;border-top:2px solid var(--line)}.process b{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eeeaff;color:var(--purple);font:800 20px Manrope}.process h3{font:700 22px Manrope;margin-top:25px}.process p{color:var(--muted);line-height:1.65}.testimonials{padding-top:60px}.quotes{grid-template-columns:repeat(3,1fr)}.quotes blockquote{margin:0;font-size:17px;line-height:1.7}.quotes footer{margin-top:25px;color:var(--purple);font-weight:700}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font:700 18px Manrope}.faq details p{font-size:15px}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:linear-gradient(145deg,#fff,#f1efff);border:1px solid var(--line);border-radius:32px;margin-bottom:100px;padding:60px}.contact-card{margin-top:35px;background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px}.contact-card p{margin-bottom:0;font-size:14px}form{display:grid;gap:17px;background:#fff;padding:30px;border-radius:22px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(40,42,70,.09)}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:8px;font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid #dfe2eb;border-radius:11px;padding:13px 14px;font:inherit;background:#fafbfe;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,74,255,.1)}.submit{width:100%}.form-status{text-align:center;margin:0;font-weight:700}footer{padding:55px max(24px,calc((100% - 1192px)/2));background:#11131a;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}footer p,footer small{color:#9da3b5}footer>div{display:flex;justify-content:flex-end;gap:22px}footer small{grid-column:1/-1;border-top:1px solid #2d3040;padding-top:20px}
@media(max-width:950px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-card{max-width:650px}.services,.pricing{grid-template-columns:1fr 1fr}.pricing .popular{transform:none}.quote,.faq{grid-template-columns:1fr}.quote{margin-inline:18px}.process{grid-template-columns:1fr}.quotes{grid-template-columns:1fr}}
@media(max-width:620px){header{padding:13px 16px}.brand{font-size:15px}.btn.small{font-size:12px}.hero{padding:50px 18px}.hero h1{font-size:44px}.hero p{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.mock{min-height:340px;padding:25px}.mock h3{font-size:42px}.float{display:none}.section{padding:75px 18px}.heading{display:block}.services,.pricing{grid-template-columns:1fr}.two{grid-template-columns:1fr}.quote{padding:30px 18px;border-radius:20px}.quote form{padding:20px}.logos{gap:18px}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}}
.build-label{margin-top:24px;color:#8d94a8;font-size:10px;font-weight:800;letter-spacing:1.35px}.monthly{display:flex;align-items:baseline;gap:6px;margin:3px 0 2px}.monthly strong{font:800 25px Manrope;color:#fff}.monthly span{color:#aeb4c4;font-size:13px}.pricing-note{max-width:920px;margin:35px auto 0;padding:18px 22px;border:1px solid #343849;border-radius:16px;background:#191c28;color:#b9becb;text-align:center;line-height:1.6}.pricing-note strong{color:#fff}.platinum{border-color:#5963ff!important;background:linear-gradient(155deg,#1b1f31,#171a25)!important;box-shadow:0 18px 55px rgba(57,73,255,.18)}.platinum-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:linear-gradient(90deg,#5963ff,#19b8ff);font-size:10px;font-weight:900;letter-spacing:1px}.examples{padding-top:110px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.example-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px rgba(35,38,60,.07);transition:.25s}.example-card:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(35,38,60,.14)}.site-preview{min-height:350px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.site-preview:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(2px);opacity:.35;right:-55px;bottom:-60px}.site-preview{background-size:cover;background-position:center}.site-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,.18),rgba(10,12,18,.78));z-index:0}.restaurant{background-image:url('https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1200&q=82')}.restaurant:after{background:#d76f39}.service{background-image:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=1200&q=82')}.service:after{background:#82fff4}.luxury{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1200&q=82')}.luxury:after{background:#7a74ff}.preview-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.7px}.preview-nav b{font:800 16px Manrope;letter-spacing:2px}.preview-nav span{opacity:.72}.preview-copy{position:relative;z-index:1;padding:25px 6px 15px}.preview-copy small{font-size:9px;font-weight:800;letter-spacing:2px;opacity:.8}.preview-copy h3{font:800 39px/1.04 Manrope;margin:12px 0 22px}.preview-copy i{display:inline-block;font-style:normal;background:#fff;color:#12141b;padding:10px 14px;border-radius:9px;font-size:11px;font-weight:800}.example-info{padding:22px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.example-info h3{font:800 18px Manrope;margin:0 0 8px}.example-info p{color:var(--muted);line-height:1.55;font-size:13px;margin:0}.example-info>span{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#f0edff;color:var(--purple);font-size:10px;font-weight:800}.examples-cta{margin-top:28px;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#fff,#f3f0ff);display:flex;justify-content:space-between;align-items:center;gap:30px}.examples-cta b{font:800 20px Manrope}.examples-cta p{margin:7px 0 0;color:var(--muted);max-width:750px;line-height:1.6}@media(max-width:950px){.example-grid{grid-template-columns:1fr}.site-preview{min-height:300px}.examples-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.preview-nav span{display:none}.site-preview{min-height:290px}.preview-copy h3{font-size:35px}.example-info{display:block}.example-info>span{display:inline-block;margin-top:14px}.examples-cta{padding:22px}}
.header-actions{display:flex;align-items:center;gap:10px}.language-control{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(35,38,60,.06)}.language-control span{font-size:15px}.language-control select{width:auto;min-width:112px;padding:6px 28px 6px 6px;border:0;background:transparent;box-shadow:none;font-weight:800;font-size:12px;cursor:pointer}.language-control select:focus{box-shadow:none;border:0}.rtl{direction:rtl}.rtl header,.rtl .header-actions,.rtl .heading,.rtl .hero-actions,.rtl .trust,.rtl .logos,.rtl .preview-nav,.rtl .example-info,.rtl .examples-cta,.rtl footer>div{direction:rtl}.rtl .pricing li:before{margin-right:0;margin-left:9px}.rtl .pricing,.rtl .services,.rtl .process,.rtl .quotes,.rtl .example-grid,.rtl .two{direction:rtl}.rtl input,.rtl textarea,.rtl select{text-align:right}
@media(max-width:720px){.language-control select{min-width:86px}.language-control{padding:6px 8px}.header-actions{gap:6px}}
@media(max-width:520px){.language-control span{display:none}.language-control select{min-width:74px;font-size:11px;padding-right:20px}.header-actions .btn.small{padding:10px 12px}.brand{max-width:126px}}

/* Expanded demo portfolio */
.demo-notice{margin:22px 0 26px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);font-size:.92rem}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.example-card{overflow:hidden}.demo-link{display:flex;justify-content:space-between;align-items:center;margin:0 18px 18px;padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.14);transition:.2s}.demo-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.07)}.site-preview.barber{background-image:url('https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1200&q=82')}.site-preview.auto{background-image:url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1200&q=82')}.site-preview.realty{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=82');color:#fff}.site-preview.realty .preview-nav,.site-preview.realty .preview-copy{color:#fff}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.portfolio-grid{grid-template-columns:1fr}}

.admin-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:inherit;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;opacity:.82}.admin-tab:hover{opacity:1;border-color:rgba(255,255,255,.3)}@media(max-width:760px){.admin-tab{padding:9px;font-size:0}.admin-tab::first-letter{font-size:14px}}

/* Checkout & payment disclosure */
.checkout-box{margin-top:8px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:grid;gap:18px}
.checkout-head span{font-size:.75rem;font-weight:800;letter-spacing:.14em;opacity:.7}.checkout-head h3{margin:7px 0 8px;font-size:1.25rem}.checkout-head p{margin:0;line-height:1.65;opacity:.82}
.payment-methods{display:grid;gap:10px}.payment-pills{display:flex;flex-wrap:wrap;gap:9px}.payment-pills span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);font-size:.88rem;font-weight:700}
.billing-example{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.055);line-height:1.6;font-size:.92rem}
.billing-consent{display:flex!important;align-items:flex-start;gap:11px;line-height:1.45;font-size:.9rem}.billing-consent input{width:18px!important;height:18px;margin-top:2px;flex:0 0 auto}.billing-consent span{opacity:.9}
@media(max-width:600px){.checkout-box{padding:17px}.payment-pills span{font-size:.82rem;padding:8px 10px}}
.payment-note{margin:.6rem 0 0;color:var(--muted,#9aa4b2);font-size:.9rem;line-height:1.45}.live-checkout{margin-top:1rem;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);display:grid;gap:.75rem}.live-checkout h4{margin:.2rem 0;font-size:1.2rem}.live-checkout p{margin:.2rem 0;line-height:1.5}.checkout-kicker{font-size:.72rem;letter-spacing:.14em;font-weight:800;opacity:.75}.live-checkout button,.alt-pay{min-height:46px;border-radius:12px;font-weight:800;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none}.alt-pay{border:1px solid rgba(255,255,255,.16);padding:.7rem 1rem}.hidden{display:none!important}.checkout-status{min-height:1.2em;font-size:.9rem}.checkout-status.error{color:#ff9b9b}.checkout-status.ok{color:#8fe3b3}
.design-brief{margin:10px 0;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fbfbfe;display:grid;gap:18px}.design-brief-head span{font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--purple)}.design-brief-head h3{font:800 22px Manrope;margin:7px 0}.design-brief-head p{margin:0;color:var(--muted);line-height:1.6}.palette-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.palette{min-height:68px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:9px;cursor:pointer;text-align:left}.palette i{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--c);border:1px solid #ddd;margin-right:2px}.palette b{display:block;margin-top:7px;font-size:10px}.palette.selected{outline:2px solid var(--purple)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-pickers input[type=color]{height:48px;padding:4px}.logo-area{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-upload,.need-logo{border:1px dashed #c8cad5;border-radius:14px;padding:15px;background:#fff}.logo-upload input{margin:8px 0 4px;padding:0;border:0}.logo-upload span,.need-logo span{font-size:12px;color:var(--muted)}.need-logo{display:flex!important;align-items:flex-start;gap:9px}.need-logo input{width:18px!important;height:18px;flex:0 0 auto}.mini-preview{--p:#15121F;--s:#7C3AED;--a:#EDE9FE;border-radius:18px;overflow:hidden;background:var(--p);color:#fff}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;font-size:10px}.preview-logo{font-weight:900}.preview-logo img{max-width:86px;max-height:34px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}.preview-body{padding:34px 18px 38px;background:linear-gradient(135deg,var(--p),var(--s))}.preview-body h3{font:800 32px Manrope;margin:8px 0}.preview-body button{border:0;border-radius:9px;padding:10px 14px;background:var(--a);font-weight:800}.preview-caption{padding:12px 18px;background:#fff;color:#555;font-size:11px;line-height:1.5}@media(max-width:720px){.palette-presets{grid-template-columns:repeat(2,1fr)}.three,.logo-area{grid-template-columns:1fr}}

/* Live Website Care subscription checkout */
.care-subscription{margin:28px auto 0;max-width:980px;padding:26px 28px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.care-subscription>div{max-width:650px}.care-subscription h3{margin:6px 0 9px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15}.care-subscription p{margin:0;color:rgba(255,255,255,.72);line-height:1.6}.care-kicker{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:#cbb7ff}.care-checkout-btn{flex:0 0 auto;text-align:center;white-space:nowrap;text-decoration:none}
@media(max-width:760px){.care-subscription{flex-direction:column;align-items:flex-start;padding:22px}.care-checkout-btn{width:100%;white-space:normal}}

/* Live monthly Stripe subscription links */
.monthly-pay-link{display:block;margin-top:10px;text-align:center;font-weight:800;text-decoration:none;padding:11px 14px;border:1px solid currentColor;border-radius:10px;transition:transform .2s ease,opacity .2s ease}
.monthly-pay-link:hover{transform:translateY(-1px);opacity:.88}

/* EA Elinova Digital LLC custom logo */
.brand-logo{display:flex;align-items:center;text-decoration:none}.brand-logo img{display:block;width:190px;max-width:28vw;height:58px;object-fit:cover;object-position:center}.brand-logo span{display:none}@media(max-width:700px){.brand-logo img{width:140px;height:46px;max-width:42vw}}

/* ===== 2026 Elinova neon visual refresh — functionality preserved ===== */
:root{--bg:#030712;--ink:#f8fafc;--muted:#a9b3c5;--purple:#7c3aed;--blue:#19b8ff;--card:#0b1220;--line:rgba(148,163,184,.16)}
html{background:#030712}body{background:radial-gradient(circle at 78% 17%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 86% 46%,rgba(124,58,237,.14),transparent 22%),linear-gradient(180deg,#02050d 0,#050a16 52%,#07101d 100%);color:var(--ink)}
.noise{opacity:.045;mix-blend-mode:screen}
header{max-width:none;margin:0;padding:14px max(28px,calc((100% - 1420px)/2));background:rgba(2,5,13,.86);border-bottom:1px solid rgba(148,163,184,.13);backdrop-filter:blur(20px);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.brand-logo{gap:11px;min-width:220px}.brand-logo .brand-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 0 24px rgba(59,130,246,.25)}.brand-logo .brand-icon img{width:48px;height:48px;object-fit:cover;object-position:center;border-radius:0}.brand-logo strong{display:block;color:#fff;font:800 21px Manrope;white-space:nowrap}.brand-logo>img{display:none}
nav{gap:30px}nav a{color:#f4f7fb;font-weight:700;position:relative;padding:14px 0}nav a:hover{color:#60a5fa}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:2px;background:linear-gradient(90deg,#7c3aed,#38bdf8);transition:.2s}nav a:hover:after{right:0}
.header-actions .language-control{background:rgba(255,255,255,.045);border-color:rgba(148,163,184,.16);box-shadow:none;color:#fff}.language-control select{color:#dbeafe}.language-control select option{color:#111827}.admin-tab{border-color:rgba(148,163,184,.18);color:#cbd5e1;background:rgba(255,255,255,.035)}
.btn{border-radius:9px;background:linear-gradient(100deg,#7c22ff,#0ea5e9);box-shadow:0 12px 34px rgba(59,130,246,.22)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hero{max-width:1420px;min-height:650px;padding:90px 34px 70px;grid-template-columns:1.03fr .97fr;gap:62px;position:relative}.hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.25),rgba(124,58,237,.25),transparent)}
.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;padding:8px 13px;border:1px solid rgba(96,165,250,.6);border-radius:999px;color:#7db4ff;background:rgba(15,23,42,.28);font-size:12px;letter-spacing:.35px}.hero h1{font:800 clamp(48px,5.4vw,76px)/1.04 Manrope;max-width:760px;margin:24px 0 24px;letter-spacing:-2.6px}.hero h1 em{background:linear-gradient(90deg,#8b24ff 0,#4169ff 52%,#14b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:20px;color:#c7cfdb;max-width:690px;line-height:1.62}.hero-actions{gap:18px;margin:34px 0}.hero-actions .btn{min-width:280px}.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid rgba(203,213,225,.45);border-radius:9px;color:#fff;background:rgba(255,255,255,.015)}.ghost:hover{background:rgba(255,255,255,.06)}
.trust{gap:15px;color:#cbd5e1;font-size:14px}.trust span{display:inline-flex;align-items:center;gap:7px}.trust span:first-child,.trust span:nth-of-type(2),.trust span:nth-of-type(3),.trust span:nth-of-type(4){color:#33b6ff}.trust span b{color:#dbe4ef}.trust i{background:#334155}
.hero-brand-visual{display:flex;align-items:center;justify-content:center;min-height:500px;position:relative}.hero-brand-visual img{position:relative;z-index:2;width:min(100%,710px);height:auto;object-fit:contain;filter:drop-shadow(0 0 35px rgba(59,130,246,.14))}.hero-brand-visual:before{content:'';position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.11),rgba(124,58,237,.07) 42%,transparent 68%);filter:blur(8px)}.hero-glow{position:absolute;right:-12%;bottom:-6%;width:58%;height:35%;background:radial-gradient(ellipse,rgba(109,40,217,.25),transparent 72%);filter:blur(25px)}
.logos{background:#060b14;border-block:1px solid rgba(148,163,184,.12);color:#8d9bb1}.section{max-width:1240px}.section:not(.dark){color:#f8fafc}.section:not(.dark) .heading p,.section:not(.dark) .center p,.section:not(.dark) .faq p,.section:not(.dark) .quote-copy p{color:#aab5c5}
.heading h2,.center h2,.faq h2,.quote h2{color:#fff}.services article,.quotes blockquote,.example-card{background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(7,12,23,.96));border-color:rgba(148,163,184,.15);box-shadow:0 18px 45px rgba(0,0,0,.18)}.services article:hover,.example-card:hover{box-shadow:0 25px 60px rgba(30,64,175,.16);border-color:rgba(96,165,250,.3)}.services p,.example-info p{color:#9facbf}.services strong,.section span,.center>span,.quote-copy>span{color:#60a5fa}
.dark{background:linear-gradient(180deg,#070c16,#050912)}.pricing article{background:linear-gradient(155deg,#0d1524,#080d18);border-color:rgba(148,163,184,.18)}.pricing .popular{border-color:#7048ff;box-shadow:0 22px 65px rgba(79,70,229,.19)}.pricing button{background:#111827;border-color:#334155}.pricing li{color:#d5deea}.pricing p{color:#9cabc0}.monthly-pay-link{color:#70c8ff;border-color:rgba(112,200,255,.45);background:rgba(14,165,233,.05)}
.process article{border-top-color:rgba(148,163,184,.18)}.process b{background:rgba(124,58,237,.16);color:#a78bfa}.process p{color:#a8b3c4}.faq details{border-bottom-color:rgba(148,163,184,.16)}
.quote{background:linear-gradient(145deg,#0b1323,#080d18);border-color:rgba(148,163,184,.16);box-shadow:0 28px 80px rgba(0,0,0,.24)}.contact-card,form,.design-brief,.logo-upload,.need-logo{background:#0d1524;border-color:rgba(148,163,184,.16);color:#f8fafc}.contact-card p,.design-brief-head p,.logo-upload span,.need-logo span{color:#aab5c5}input,select,textarea{background:#070d18;border-color:#233044;color:#f8fafc}input::placeholder,textarea::placeholder{color:#64748b}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(59,130,246,.12);border-color:#3b82f6}
.example-info>span{background:rgba(124,58,237,.15);color:#b79cff}.examples-cta{background:linear-gradient(120deg,#0a1220,#0d1728);border-color:rgba(148,163,184,.16)}.examples-cta p{color:#9faabd}.demo-link{color:#e4e9f0}
footer{background:#02050d;border-top:1px solid rgba(148,163,184,.12)}
@media(max-width:1100px){.brand-logo strong{font-size:18px}.header-actions .language-control{display:none}nav{gap:18px}}
@media(max-width:950px){header{padding-inline:18px}.brand-logo{min-width:0}.brand-logo strong{font-size:18px}.hero{min-height:auto;padding-top:58px}.hero-brand-visual{min-height:420px}.hero-brand-visual img{max-width:680px}}
@media(max-width:620px){.brand-logo .brand-icon,.brand-logo .brand-icon img{width:42px;height:42px}.brand-logo strong{font-size:16px}.hero{padding:48px 18px 55px;gap:35px}.hero h1{font-size:45px;letter-spacing:-1.7px}.hero p{font-size:17px}.hero-actions .btn,.ghost{width:100%;min-width:0}.trust{gap:10px 12px}.hero-brand-visual{min-height:320px}.hero-brand-visual img{width:112%;max-width:none}.header-actions .admin-tab{display:none}}

/* ===== Client Results redesign + W brand mark ===== */
.brand-logo .brand-icon{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#7048ff 0%,#5868ff 48%,#16b9ff 100%)!important;box-shadow:0 0 26px rgba(64,138,255,.28),inset 0 1px 0 rgba(255,255,255,.18)!important}
.brand-logo .brand-icon .brand-letter{display:block!important;color:#fff!important;font:800 25px/1 Manrope,sans-serif!important;letter-spacing:-1px!important;text-shadow:0 1px 10px rgba(255,255,255,.18)}
.brand-logo .brand-icon img{display:none!important}
.client-results{max-width:none!important;padding:84px max(32px,calc((100% - 1240px)/2)) 90px!important;position:relative;overflow:hidden;background:radial-gradient(circle at -8% 55%,rgba(56,189,248,.14),transparent 28%),radial-gradient(circle at 106% 22%,rgba(124,58,237,.18),transparent 30%),linear-gradient(180deg,#050914 0%,#06101d 100%);border-top:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}
.client-results:before,.client-results:after{content:'';position:absolute;width:420px;height:2px;background:linear-gradient(90deg,transparent,#2563eb,#a855f7,transparent);filter:drop-shadow(0 0 12px #7c3aed);opacity:.65;transform:rotate(-31deg)}
.client-results:before{left:-180px;top:350px}.client-results:after{right:-170px;top:205px;transform:rotate(-49deg)}
.client-results-head{text-align:center;max-width:980px;margin:0 auto 42px;position:relative;z-index:2}.client-results-head>span{display:inline-block;margin-bottom:16px;color:#6aa8ff!important;letter-spacing:.22em!important;font-size:12px!important}.client-results-head h2{margin:0;color:#fff;font:800 clamp(38px,4.2vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-2px}.client-results-head h2 em{font-style:normal;background:linear-gradient(90deg,#a22cff,#5968ff 46%,#15a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.client-results-head p{max-width:760px;margin:18px auto 0;color:#c0c9d8!important;font-size:18px;line-height:1.6}
.neon-quotes{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;position:relative;z-index:2}.neon-quotes blockquote{min-height:408px;margin:0!important;padding:32px 30px 28px!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(12,20,36,.98),rgba(4,10,20,.98))!important;border:1px solid rgba(101,78,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 55px rgba(0,0,0,.25),0 0 28px rgba(79,70,229,.06)!important;display:flex;flex-direction:column;transition:.24s ease}.neon-quotes blockquote:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.88)!important;box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 38px rgba(99,102,241,.11)!important}.quote-mark{font:800 58px/1 Georgia,serif;background:linear-gradient(180deg,#9f2cff,#3678ff);-webkit-background-clip:text;background-clip:text;color:transparent;height:50px}.neon-quotes blockquote>p{margin:14px 0 24px;color:#f4f7fb;font-size:19px;line-height:1.78;flex:1}.quote-divider{width:100%;height:1px;background:linear-gradient(90deg,#932cff 0 36px,rgba(148,163,184,.13) 36px);margin:0 0 22px}.neon-quotes footer{padding:0!important;background:none!important;border:0!important;display:flex!important;grid-template-columns:none!important;gap:16px!important;align-items:center!important;color:#fff!important}.neon-quotes footer>span:last-child{display:flex;flex-direction:column;gap:4px}.neon-quotes footer strong{color:#9a4dff;font:800 17px Manrope,sans-serif}.neon-quotes footer small{color:#cbd5e1!important;font-size:14px;border:0!important;padding:0!important}.client-icon{display:grid!important;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(168,85,247,.7);color:#8b5cf6!important;font-size:23px!important;background:rgba(124,58,237,.06)}
.client-stats{position:relative;z-index:2;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1220px;padding:18px 20px;border-radius:20px;background:linear-gradient(145deg,rgba(9,17,31,.96),rgba(5,10,20,.96));border:1px solid rgba(92,74,255,.38);box-shadow:0 18px 46px rgba(0,0,0,.24)}.client-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:8px 28px;border-right:1px solid rgba(148,163,184,.18)}.client-stats>div:last-child{border-right:0}.stat-icon{grid-row:1/3!important;display:grid!important;place-items:center;width:48px;height:48px;color:#6d5cff!important;font-size:31px!important}.client-stats b{color:#fff;font:800 28px Manrope,sans-serif;line-height:1.05}.client-stats small{color:#aeb9ca;font-size:13px;margin-top:5px}
@media(max-width:950px){.neon-quotes{grid-template-columns:1fr!important}.neon-quotes blockquote{min-height:auto}.client-stats{grid-template-columns:1fr 1fr}.client-stats>div:nth-child(2){border-right:0}.client-stats>div{border-bottom:1px solid rgba(148,163,184,.13)}.client-stats>div:nth-child(3),.client-stats>div:nth-child(4){border-bottom:0}}
@media(max-width:620px){.client-results{padding:68px 18px 72px!important}.client-results-head h2{font-size:40px;letter-spacing:-1.4px}.client-results-head p{font-size:16px}.neon-quotes blockquote{padding:26px 22px!important}.neon-quotes blockquote>p{font-size:17px}.client-stats{grid-template-columns:1fr;padding:10px 16px}.client-stats>div,.client-stats>div:nth-child(2),.client-stats>div:nth-child(3){border-right:0;border-bottom:1px solid rgba(148,163,184,.13);padding:16px 12px}.client-stats>div:last-child{border-bottom:0}.brand-logo .brand-icon .brand-letter{font-size:22px!important}}

/* ===== Pixel-match hero/header refinement ===== */
body{background:#02050d!important}
header{max-width:none!important;width:100%;min-height:94px;padding:18px clamp(28px,4vw,54px)!important;background:rgba(2,5,13,.96)!important;border-bottom:1px solid rgba(148,163,184,.12)!important;box-shadow:none!important}
.brand-logo{gap:14px!important}.brand-logo strong{font:800 25px/1 Manrope,sans-serif!important;color:#fff!important;letter-spacing:-.5px!important}
.brand-logo .brand-icon{width:50px!important;height:50px!important;border-radius:13px!important}.brand-logo .brand-icon .brand-letter{font-size:28px!important}
nav{gap:34px!important;margin-left:auto;margin-right:30px}nav a{color:#fff!important;font-size:16px!important;font-weight:700!important;position:relative}nav a:hover{color:#66a7ff!important}
.header-actions{gap:12px!important}.language-control,.admin-tab{background:#080d17!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:13px!important;color:#fff!important}.language-control select{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important}.admin-tab{padding:12px 15px!important}.btn.small{border-radius:10px!important;padding:14px 20px!important;font-size:15px!important}
.hero{max-width:none!important;width:100%;min-height:660px;padding:88px clamp(56px,5.8vw,92px) 66px!important;grid-template-columns:1.02fr .98fr!important;gap:46px!important;background:radial-gradient(circle at 84% 35%,rgba(37,99,235,.10),transparent 31%),radial-gradient(circle at 98% 85%,rgba(124,58,237,.26),transparent 25%),linear-gradient(180deg,#02050d 0%,#030711 100%)!important;border-bottom:1px solid rgba(148,163,184,.09)}
.hero-copy{align-self:center;max-width:720px}.eyebrow{display:inline-flex!important;align-items:center;min-height:35px;padding:0 14px;border:1px solid rgba(59,130,246,.75);border-radius:999px;color:#82aaff!important;font-size:12px!important;letter-spacing:.04em!important}
.hero h1{font:800 clamp(57px,5.4vw,86px)/.98 Manrope,sans-serif!important;letter-spacing:-3.2px!important;margin:25px 0 25px!important;max-width:760px}.hero h1 em{background:linear-gradient(90deg,#9b26ff 0%,#6757ff 46%,#16aaff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero p{max-width:590px!important;font-size:18px!important;line-height:1.75!important;color:#c7ced9!important}.hero-actions{margin:32px 0 34px!important}.hero-actions .btn{min-width:300px!important;border-radius:9px!important;min-height:62px!important;font-size:17px!important}.ghost{min-width:220px;min-height:62px!important;border-radius:9px!important;font-size:17px!important}
.trust{gap:20px 24px!important;font-size:13px!important}.trust i{display:none!important}.trust span{color:#18b5ff!important}.trust span b{color:#dce4ef!important;font-weight:500!important}
.hero-brand-visual{min-height:520px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative!important;overflow:visible!important}.hero-emblem-wrap{width:min(68%,430px);aspect-ratio:1;display:grid;place-items:center;position:relative;z-index:2}.hero-emblem{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 28px rgba(37,99,235,.22))}.hero-wordmark{position:relative;z-index:2;margin-top:-8px;font:800 clamp(54px,5vw,82px)/.9 Manrope,sans-serif;letter-spacing:.10em;color:#eef3ff;text-shadow:0 2px 0 #fff,0 0 16px rgba(96,165,250,.25)}.hero-digital{position:relative;z-index:2;margin-top:12px;font:800 clamp(25px,2.3vw,36px)/1 Manrope,sans-serif;letter-spacing:.39em;padding-left:.39em;color:#10b7ff}.hero-tagline{position:relative;z-index:2;margin-top:14px;color:#f4f7fb;font:600 clamp(11px,1vw,14px)/1.2 Manrope,sans-serif;letter-spacing:.31em;text-align:center}.hero-brand-visual:before{width:68%!important;background:radial-gradient(circle,rgba(14,165,233,.12),rgba(124,58,237,.08) 44%,transparent 68%)!important}.hero-glow{right:-5%!important;bottom:-4%!important;width:65%!important;height:30%!important;background:radial-gradient(ellipse,rgba(109,40,217,.38),transparent 70%)!important}
.logos{display:none!important}
#services{padding-top:92px!important}
@media(max-width:1180px){nav{gap:20px!important;margin-right:18px}.header-actions .language-control{display:none!important}.brand-logo strong{font-size:21px!important}}
@media(max-width:950px){header{min-height:76px!important;padding:13px 18px!important}.hero{grid-template-columns:1fr!important;padding:56px 24px 64px!important}.hero-copy{max-width:760px}.hero-brand-visual{min-height:470px!important}.hero-emblem-wrap{width:min(62%,390px)}.hero-wordmark{font-size:64px}.hero-digital{font-size:29px}.hero-tagline{font-size:12px}.header-actions .admin-tab{display:none!important}}
@media(max-width:620px){.brand-logo strong{font-size:17px!important}.brand-logo .brand-icon{width:43px!important;height:43px!important}.brand-logo .brand-icon .brand-letter{font-size:23px!important}.hero{padding:48px 18px 54px!important}.hero h1{font-size:48px!important;letter-spacing:-2px!important}.hero p{font-size:16px!important}.hero-brand-visual{min-height:380px!important}.hero-emblem-wrap{width:76%}.hero-wordmark{font-size:47px!important;letter-spacing:.07em}.hero-digital{font-size:22px!important}.hero-tagline{font-size:9px!important;letter-spacing:.22em}.header-actions .btn.small{padding:11px 13px!important;font-size:12px!important}}

/* ===== Reference screenshot exact-home refinement ===== */
.reference-header{height:100px!important;min-height:100px!important;padding:0 38px!important;display:grid!important;grid-template-columns:330px 1fr 220px!important;align-items:center!important;background:#02040b!important;border-bottom:1px solid rgba(255,255,255,.10)!important;position:sticky!important;top:0!important;z-index:50!important}
.reference-header .brand-logo{justify-self:start!important;gap:13px!important}.reference-header .brand-logo strong{font:800 24px/1 Manrope,sans-serif!important;letter-spacing:-.5px!important}.reference-header .brand-icon{width:48px!important;height:48px!important;border-radius:12px!important;background:linear-gradient(135deg,#7d2cff 0%,#4368ff 50%,#13b8ed 100%)!important;box-shadow:0 0 28px rgba(65,105,255,.18)!important}.reference-header .brand-letter{font:800 27px/1 Manrope,sans-serif!important;color:#fff!important}
.reference-nav{justify-self:center!important;display:flex!important;align-items:center!important;gap:36px!important;margin:0!important}.reference-nav a{height:100px!important;display:flex!important;align-items:center!important;color:#f8fafc!important;font:650 16px/1 Manrope,sans-serif!important;text-decoration:none!important;position:relative!important}.reference-nav a.active{color:#5f77ff!important}.reference-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#a22cff,#408bff);box-shadow:0 0 12px rgba(124,58,237,.65)}.nav-chevron{margin-left:7px;font-size:18px;color:#dbe3f0}
.reference-quote{justify-self:end!important;min-width:196px!important;min-height:48px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:7px!important;background:linear-gradient(100deg,#8d28ff,#159dea)!important;font:800 15px Manrope,sans-serif!important;box-shadow:0 8px 28px rgba(37,99,235,.13)!important}
.reference-hero{min-height:655px!important;height:auto!important;padding:68px 82px 54px!important;grid-template-columns:1.03fr .97fr!important;gap:30px!important;background:radial-gradient(circle at 78% 35%,rgba(11,72,182,.14),transparent 29%),radial-gradient(circle at 96% 94%,rgba(80,18,184,.50),transparent 24%),linear-gradient(180deg,#01030a 0%,#020712 100%)!important;overflow:hidden!important;position:relative!important}
.reference-hero:after{content:"";position:absolute;right:-120px;bottom:-95px;width:580px;height:190px;border-radius:50%;background:radial-gradient(ellipse,rgba(92,35,224,.58),rgba(27,91,210,.18) 42%,transparent 72%);filter:blur(22px);pointer-events:none}
.reference-hero .hero-copy{max-width:690px!important;align-self:center!important}.reference-hero .eyebrow{height:35px!important;min-height:35px!important;padding:0 14px!important;border-color:#4f78d5!important;color:#87a8ff!important;font-size:12px!important;letter-spacing:.02em!important}
.reference-hero h1{margin:24px 0 26px!important;max-width:690px!important;font:800 clamp(58px,5vw,78px)/.99 Manrope,sans-serif!important;letter-spacing:-3.2px!important;color:#fff!important}.reference-hero h1 em{font-style:normal!important;background:linear-gradient(90deg,#a927ff 0%,#6f42ff 40%,#b65fff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.reference-hero p{max-width:575px!important;margin:0!important;color:#d6dce8!important;font-size:18px!important;line-height:1.78!important}
.reference-hero .hero-actions{display:flex!important;gap:20px!important;margin:31px 0 35px!important}.reference-hero .hero-actions .btn{min-width:302px!important;min-height:64px!important;padding:0 25px!important;border-radius:8px!important;background:linear-gradient(100deg,#8e27ff,#12a7ed)!important;box-shadow:0 14px 36px rgba(34,105,255,.12)!important}.reference-hero .ghost{min-width:220px!important;min-height:64px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;background:#040814!important;border:1px solid rgba(255,255,255,.30)!important;color:#fff!important;border-radius:8px!important}.play-icon{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.8);border-radius:50%;font-size:9px;padding-left:2px}
.reference-hero .trust{display:flex!important;flex-wrap:wrap!important;gap:28px!important;color:#19aafa!important;font-size:14px!important}.reference-hero .trust span{display:inline-flex;align-items:center;gap:8px!important;color:#14a9f7!important}.reference-hero .trust b{color:#dfe5ee!important;font-weight:500!important}
.reference-brand-visual{min-height:530px!important;height:530px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;position:relative!important}.reference-full-logo{width:min(100%,650px)!important;height:100%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:screen!important;filter:drop-shadow(0 0 18px rgba(49,92,255,.18))!important;transform:scale(1.05)!important}.reference-brand-visual:before,.reference-brand-visual:after,.reference-brand-visual .hero-glow{display:none!important}
.reference-about{padding:42px 20px 54px!important;text-align:center!important;background:radial-gradient(circle at 50% -10%,rgba(24,74,146,.11),transparent 35%),#030814!important;border-top:1px solid rgba(255,255,255,.08)!important}.reference-about-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 17px;border:1px solid rgba(63,113,210,.36);border-radius:999px;color:#5593ff;font:700 12px Manrope,sans-serif;letter-spacing:.11em}.reference-about h2{margin:18px 0 14px!important;color:#fff;font:800 39px/1.12 Manrope,sans-serif;letter-spacing:-1.5px}.reference-about p{margin:0;color:#bcc6d6;font-size:16px;line-height:1.65}
.footer-language{display:inline-flex;gap:8px;align-items:center}.footer-language select{background:#0a1020;color:#fff;border:1px solid rgba(148,163,184,.22);border-radius:8px;padding:8px 10px}
@media(max-width:1180px){.reference-header{grid-template-columns:auto 1fr auto!important;padding:0 24px!important}.reference-nav{gap:20px!important}.reference-nav a{font-size:14px!important}.reference-quote{min-width:165px!important;font-size:13px!important}.reference-hero{padding-left:44px!important;padding-right:44px!important}}
@media(max-width:950px){.reference-header{height:78px!important;min-height:78px!important;grid-template-columns:1fr auto!important}.reference-nav{display:none!important}.reference-quote{min-width:auto!important}.reference-hero{grid-template-columns:1fr!important;padding:56px 24px 50px!important}.reference-brand-visual{height:470px!important;min-height:470px!important}.reference-full-logo{width:min(100%,560px)!important}.reference-about h2{font-size:34px}}
@media(max-width:620px){.reference-header{padding:0 16px!important}.reference-header .brand-logo strong{font-size:17px!important}.reference-header .brand-icon{width:43px!important;height:43px!important}.reference-header .brand-letter{font-size:23px!important}.reference-quote{padding:0 12px!important;font-size:11px!important}.reference-hero{padding:44px 18px 44px!important}.reference-hero h1{font-size:49px!important;letter-spacing:-2.2px!important}.reference-hero p{font-size:16px!important}.reference-hero .hero-actions{flex-direction:column!important}.reference-hero .hero-actions .btn,.reference-hero .ghost{width:100%!important;min-width:0!important}.reference-brand-visual{height:360px!important;min-height:360px!important}.reference-about p br{display:none}}

/* 2026 responsive stability pass */
html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.reference-header{width:100%!important;max-width:none!important;margin:0!important}.brand-icon{position:relative;flex:0 0 auto}.brand-letter{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;line-height:1!important;transform:none!important}.reference-hero,.section,.dark>.center,.dark>.pricing{width:100%}.reference-full-logo{max-width:100%!important}.grid>*{min-width:0}.two>*{min-width:0}
@media (min-width:1400px){.reference-header{padding-left:max(38px,calc((100vw - 1500px)/2))!important;padding-right:max(38px,calc((100vw - 1500px)/2))!important}.reference-hero{max-width:1500px!important;margin-inline:auto!important}.section{max-width:1240px!important}}
@media (min-width:951px) and (max-width:1180px){.reference-header{grid-template-columns:auto 1fr auto!important}.reference-nav{gap:clamp(12px,1.6vw,20px)!important}.reference-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:22px!important}.reference-hero h1{font-size:clamp(52px,5.6vw,68px)!important}.pricing{grid-template-columns:repeat(2,minmax(0,1fr))!important}.services{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:950px){.reference-header{display:flex!important;justify-content:space-between!important;gap:14px!important}.reference-header .brand-logo{flex:1 1 auto!important}.reference-header .reference-quote{flex:0 0 auto!important}.reference-hero{gap:22px!important}.reference-hero .hero-copy{max-width:760px!important;margin-inline:auto!important;width:100%!important}.reference-brand-visual{width:100%!important}.services,.pricing,.quotes{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process{grid-template-columns:repeat(3,minmax(0,1fr))!important}.faq,.quote{grid-template-columns:1fr!important;gap:38px!important}.quote{padding:42px 30px!important}.heading{align-items:start!important}}
@media (max-width:700px){.reference-header{height:72px!important;min-height:72px!important;padding:0 14px!important}.reference-header .brand-logo{gap:9px!important;min-width:0!important}.reference-header .brand-logo strong{font-size:16px!important;overflow:hidden;text-overflow:ellipsis}.reference-header .brand-icon{width:42px!important;height:42px!important;border-radius:11px!important}.reference-header .brand-letter{font-size:23px!important}.reference-quote{min-height:42px!important;padding:0 11px!important;font-size:11px!important;white-space:nowrap}.reference-hero{padding:38px 16px 40px!important}.reference-hero h1{font-size:clamp(42px,12vw,54px)!important;letter-spacing:-2px!important}.reference-hero p{font-size:16px!important;line-height:1.6!important}.reference-hero .hero-actions{gap:12px!important;margin:26px 0!important}.reference-hero .trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.reference-brand-visual{height:auto!important;min-height:0!important;padding:12px 0 0!important}.reference-full-logo{width:min(100%,520px)!important;height:auto!important;transform:none!important}.reference-about{padding:58px 18px!important}.section{padding:68px 18px!important}.heading{display:block!important}.heading p{margin-top:16px}.services,.pricing,.quotes,.process{grid-template-columns:1fr!important}.pricing .popular{transform:none!important}.two{grid-template-columns:1fr!important}.quote{margin:0 12px 68px!important;padding:28px 18px!important;border-radius:22px!important}.client-results{padding-inline:18px!important}.logos{gap:16px 22px!important;text-align:center}.example-grid{grid-template-columns:1fr!important}}
@media (max-width:420px){.reference-header .brand-logo strong{font-size:14px!important}.reference-quote{font-size:10px!important;padding-inline:9px!important}.reference-hero h1{font-size:40px!important}.reference-hero .trust{grid-template-columns:1fr!important}.reference-hero .eyebrow{font-size:10px!important}.btn{padding-left:16px;padding-right:16px}}


/* FINAL HEADER MARK + HERO LOGO BLEND FIX */
.reference-header .brand-icon{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
}
.reference-header .brand-letter{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  transform:translateY(1px)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800!important;
}
.reference-brand-visual{
  isolation:isolate!important;
}
.reference-brand-visual::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:8% 5%!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 48%,rgba(38,103,255,.22),rgba(115,31,255,.13) 34%,rgba(0,0,0,0) 70%)!important;
  filter:blur(26px)!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.reference-full-logo{
  mix-blend-mode:normal!important;
  opacity:.98!important;
  filter:drop-shadow(0 0 20px rgba(37,111,255,.22)) drop-shadow(0 0 38px rgba(117,36,255,.12))!important;
}
@media(max-width:700px){
  .reference-header .brand-letter{transform:translateY(1px)!important}
  .reference-brand-visual::before{inset:10% 0!important;filter:blur(20px)!important}
}

/* FINAL LOGO BACKGROUND BLEND */
.reference-brand-visual{
  isolation:isolate!important;
  background:
    radial-gradient(circle at 50% 48%, rgba(18,52,150,.20) 0%, rgba(5,14,40,.08) 42%, rgba(2,7,18,0) 72%)!important;
  border-radius:42px!important;
}
.reference-brand-visual::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:3% 0!important;
  pointer-events:none!important;
  z-index:2!important;
  background:radial-gradient(ellipse at center, transparent 48%, rgba(2,7,18,.18) 68%, #020712 92%)!important;
  mix-blend-mode:multiply!important;
}
.reference-full-logo{
  position:relative!important;
  z-index:1!important;
  mix-blend-mode:screen!important;
  opacity:.96!important;
  filter:saturate(1.06) contrast(1.03) drop-shadow(0 0 18px rgba(48,92,255,.18))!important;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%, #000 0%, #000 68%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.45) 88%, transparent 100%)!important;
  mask-image:radial-gradient(ellipse 72% 72% at 50% 50%, #000 0%, #000 68%, rgba(0,0,0,.88) 76%, rgba(0,0,0,.45) 88%, transparent 100%)!important;
}
@media(max-width:700px){
  .reference-brand-visual::after{inset:0!important;background:radial-gradient(ellipse at center, transparent 52%, rgba(2,7,18,.18) 72%, #020712 96%)!important}
  .reference-full-logo{-webkit-mask-image:radial-gradient(ellipse 80% 78% at 50% 50%,#000 0%,#000 70%,rgba(0,0,0,.55) 88%,transparent 100%)!important;mask-image:radial-gradient(ellipse 80% 78% at 50% 50%,#000 0%,#000 70%,rgba(0,0,0,.55) 88%,transparent 100%)!important}
}

/* TRUE SEAMLESS HERO / LOGO BACKGROUND BLEND */
body{
  background:#020712!important;
}
main{
  background:
    radial-gradient(900px 540px at 76% 18%,rgba(16,72,190,.17),transparent 62%),
    radial-gradient(760px 420px at 93% 42%,rgba(116,31,255,.18),transparent 65%),
    linear-gradient(180deg,#01030a 0%,#020712 30%,#030814 68%,#020712 100%)!important;
}
.reference-hero{
  background:transparent!important;
  isolation:isolate!important;
}
.reference-hero:before{
  content:"";
  position:absolute;
  inset:auto -8% -160px -8%;
  height:330px;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(ellipse at 72% 30%,rgba(80,37,225,.20),transparent 64%);
  filter:blur(30px);
}
.reference-hero:after{
  opacity:.52!important;
}
.reference-about{
  margin-top:-1px!important;
  background:transparent!important;
  border-top:0!important;
  position:relative!important;
}
.reference-about:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-120px;
  height:230px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(3,8,20,.72) 52%,rgba(3,8,20,0) 100%);
  z-index:-1;
}
.reference-brand-visual{
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}
.reference-brand-visual::after{
  display:none!important;
}
.reference-brand-visual::before{
  inset:8% 3%!important;
  background:radial-gradient(ellipse at 50% 48%,rgba(38,103,255,.20),rgba(115,31,255,.10) 35%,transparent 73%)!important;
  filter:blur(30px)!important;
}
.reference-full-logo{
  content:url('/elinova-logo-cutout.png')!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
  filter:drop-shadow(0 0 18px rgba(48,92,255,.20)) drop-shadow(0 0 34px rgba(122,38,255,.10))!important;
}
#services{
  position:relative;
}
#services:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-90px;height:150px;
  background:linear-gradient(180deg,rgba(2,7,18,0),#020712 78%);
  pointer-events:none;
  z-index:-1;
}
@media(max-width:700px){
  main{background:linear-gradient(180deg,#01030a 0%,#020712 42%,#030814 100%)!important}
  .reference-brand-visual::before{inset:4% -8%!important;filter:blur(22px)!important}
  .reference-about:before{top:-80px;height:170px}
}

/* MODERN 2026 POLISH + OPTIONAL ADD-ONS */
:root{--glass:rgba(11,18,32,.72);--glass-line:rgba(148,163,184,.18);--cyan:#34c8ff;--violet:#7c4dff}
.reference-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(2,6,17,.78)!important;border-bottom:1px solid rgba(148,163,184,.12)!important}
.reference-header .brand-icon{box-shadow:0 10px 30px rgba(64,105,255,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.reference-hero{background:radial-gradient(circle at 72% 30%,rgba(70,64,255,.12),transparent 32%),radial-gradient(circle at 94% 80%,rgba(0,174,255,.10),transparent 25%)}
.services article,.pricing article,.example-card,.contact-card,.checkout-box{border:1px solid var(--glass-line)!important;box-shadow:0 20px 55px rgba(0,0,0,.14)}
.pricing article{border-radius:24px!important;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.pricing article:hover{transform:translateY(-6px);border-color:rgba(112,200,255,.42)!important;box-shadow:0 28px 72px rgba(0,0,0,.3)}
.pricing button{min-height:50px;border-radius:14px!important;background:linear-gradient(110deg,#6d35ff,#159cff)!important;border:0!important;box-shadow:0 12px 30px rgba(63,81,255,.22)}
.pricing-note{max-width:1100px;margin:28px auto 0;padding:18px 20px;border:1px solid rgba(112,200,255,.20);border-radius:16px;background:rgba(30,41,59,.38);color:#cbd5e1;line-height:1.65}
.addon-section{max-width:1180px;margin:32px auto 0;padding:30px;border:1px solid rgba(148,163,184,.16);border-radius:28px;background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(6,11,22,.88));box-shadow:0 28px 75px rgba(0,0,0,.22)}
.addon-intro{text-align:center;max-width:760px;margin:0 auto 24px}.addon-intro>span{font-size:11px;letter-spacing:.18em;font-weight:900;color:#69c8ff}.addon-intro h3{font:800 clamp(26px,3vw,38px)/1.12 Manrope;margin:10px 0}.addon-intro p{color:#9eacc0;line-height:1.65;margin:0}
.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.addon-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.035);transition:.25s}.addon-card:hover{transform:translateY(-3px);border-color:rgba(110,177,255,.36);background:rgba(255,255,255,.052)}.addon-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:.06em;color:white;background:linear-gradient(135deg,#6f36ff,#16a8ff);box-shadow:0 12px 28px rgba(71,81,255,.25)}.addon-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.addon-top h4{font:800 18px/1.25 Manrope;margin:0}.addon-top strong{white-space:nowrap;font:800 20px Manrope;color:white}.addon-top strong span{font-size:11px;color:#9fb0c7;font-weight:700}.addon-card p{color:#a7b4c6;line-height:1.62;margin:10px 0 12px;font-size:13px}.addon-card small{color:#6fc8ff;font-weight:700;font-size:11px}
.checkout-box{border-radius:24px!important;background:linear-gradient(150deg,rgba(10,18,33,.94),rgba(5,10,20,.96))!important}.payment-pills span{background:rgba(255,255,255,.055)!important;border-color:rgba(148,163,184,.18)!important}.live-checkout button{background:linear-gradient(110deg,#6d35ff,#159cff)!important;border:0!important;color:#fff;box-shadow:0 12px 30px rgba(63,81,255,.22)}
@media(max-width:760px){.addon-section{padding:22px 16px;border-radius:22px}.addon-grid{grid-template-columns:1fr}.addon-card{grid-template-columns:1fr}.addon-icon{width:46px;height:46px}.addon-top{display:block}.addon-top strong{display:block;margin-top:7px}}

/* Quote submission clarity */
.quote-submit-wrap{display:grid;gap:10px;margin-top:18px}.quote-submit-wrap .submit{width:100%;min-height:54px;font-size:16px}.quote-submit-note{margin:0;text-align:center;color:#9fb0c7;font-size:13px;line-height:1.5}.form-status{min-height:22px;font-weight:700;margin-top:8px}.billing-consent{margin-top:14px}


/* 2026-08 hero CTA refinement: cleaner, more modern, less bulky */
.reference-hero .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:30px 0 32px!important;
  flex-wrap:wrap!important;
}
.reference-hero .hero-actions .hero-primary{
  min-width:0!important;
  width:auto!important;
  min-height:54px!important;
  padding:0 18px 0 20px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  font-size:15px!important;
  letter-spacing:-.1px!important;
  background:linear-gradient(110deg,#7c2cff 0%,#615bff 48%,#19aef2 100%)!important;
  border:1px solid rgba(123,97,255,.55)!important;
  box-shadow:0 12px 28px rgba(49,83,255,.20), inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.reference-hero .hero-actions .hero-primary:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.05)!important;
  box-shadow:0 16px 34px rgba(49,83,255,.28), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.cta-arrow{
  width:29px;
  height:29px;
  border-radius:9px;
  display:inline-grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  font-size:17px;
  line-height:1;
}
.reference-hero .hero-secondary{
  min-width:0!important;
  width:auto!important;
  min-height:54px!important;
  padding:0 19px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  font-size:15px!important;
  letter-spacing:-.1px!important;
  color:#f8fafc!important;
  background:linear-gradient(180deg,rgba(13,19,33,.88),rgba(4,8,20,.94))!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.20)!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease!important;
}
.reference-hero .hero-secondary:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(96,165,250,.52)!important;
  background:linear-gradient(180deg,rgba(17,27,47,.95),rgba(5,10,23,.98))!important;
}
.reference-hero .hero-secondary .play-icon{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding-left:2px!important;
  font-size:10px!important;
  color:#dbeafe!important;
  background:rgba(59,130,246,.10)!important;
  border:1px solid rgba(96,165,250,.38)!important;
  box-shadow:none!important;
}

@media (max-width:700px){
  .reference-hero .hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
    gap:10px!important;
    margin:25px 0 28px!important;
  }
  .reference-hero .hero-actions .hero-primary,
  .reference-hero .hero-secondary{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:0 13px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }
  .reference-hero .hero-primary .cta-arrow{display:none!important}
}
@media (max-width:470px){
  .reference-hero .hero-actions{grid-template-columns:1fr!important}
  .reference-hero .hero-actions .hero-primary,
  .reference-hero .hero-secondary{min-height:51px!important}
}

/* 2026-08 pricing + header refinement from iPad/desktop review */
.reference-header{
  grid-template-columns:minmax(250px,330px) minmax(0,1fr) auto!important;
  column-gap:24px!important;
}
.reference-nav{gap:clamp(18px,2vw,32px)!important;min-width:0!important}
.reference-nav a{font-size:15px!important;white-space:nowrap!important}
.reference-quote{
  min-width:172px!important;
  min-height:46px!important;
  padding:0 17px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
  box-shadow:0 10px 28px rgba(47,94,255,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* cleaner hero secondary icon */
.reference-hero .hero-secondary .play-icon{
  width:27px!important;height:27px!important;border-radius:50%!important;
  font-size:0!important;padding:0!important;
  background:rgba(59,130,246,.08)!important;
  border:1px solid rgba(125,183,255,.42)!important;
  position:relative!important;
}
.reference-hero .hero-secondary .play-icon::before{
  content:"";position:absolute;left:10px;top:8px;
  width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #dbeafe;
}

/* pricing section: cleaner, roomier, consistent cards */
.dark>.pricing{max-width:1280px!important;gap:18px!important;align-items:stretch!important}
.pricing article{
  display:flex!important;flex-direction:column!important;
  min-height:620px!important;
  padding:30px 28px 26px!important;
  border-radius:26px!important;
  overflow:visible!important;
  background:linear-gradient(165deg,rgba(18,28,47,.92),rgba(6,12,23,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.24)!important;
}
.pricing article:hover{transform:translateY(-4px)!important;border-color:rgba(94,176,255,.34)!important}
.pricing .popular{
  transform:none!important;
  border-color:rgba(113,80,255,.66)!important;
  background:linear-gradient(165deg,rgba(28,28,61,.97),rgba(8,13,28,.97))!important;
  box-shadow:0 24px 70px rgba(91,66,255,.18)!important;
}
.pricing .platinum{
  border-color:rgba(69,145,255,.44)!important;
  background:linear-gradient(165deg,rgba(20,29,57,.98),rgba(7,12,25,.98))!important;
}
.pricing .badge,.pricing .platinum-badge{
  position:static!important;transform:none!important;
  align-self:flex-start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:28px!important;margin:0 0 18px!important;padding:0 12px!important;
  border-radius:999px!important;font-size:9px!important;letter-spacing:.12em!important;font-weight:900!important;
  background:linear-gradient(105deg,#7540ff,#1ba8ef)!important;
  box-shadow:0 8px 22px rgba(69,90,255,.18)!important;
}
.pricing article:not(.popular):not(.platinum) h3{margin-top:34px!important}
.pricing h3{font:800 21px/1.2 Manrope,sans-serif!important;margin:0 0 24px!important;color:#f8fafc!important}
.pricing .build-label{margin-top:0!important;color:#7f8ca1!important;font-size:9px!important;letter-spacing:.16em!important}
.pricing .price{font-size:52px!important;line-height:1!important;margin:20px 0 10px!important;letter-spacing:-1.5px!important}
.pricing .monthly{margin:0 0 3px!important}
.pricing .monthly strong{font-size:24px!important}
.pricing small{font-size:12px!important;color:#8f9caf!important}
.pricing p{min-height:0!important;margin:25px 0 18px!important;color:#aab6c8!important;line-height:1.55!important}
.pricing ul{margin:6px 0 26px!important;display:grid!important;gap:2px!important}
.pricing li{padding:7px 0!important;color:#d7dfeb!important;line-height:1.4!important}
.pricing button{
  margin-top:auto!important;min-height:52px!important;border-radius:14px!important;
  background:linear-gradient(110deg,#6735f6,#179ff0)!important;
  border:1px solid rgba(103,121,255,.42)!important;
  box-shadow:0 12px 30px rgba(50,77,255,.18)!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
.pricing button:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 16px 34px rgba(50,77,255,.26)!important}

@media(max-width:1380px){
  .reference-header{grid-template-columns:minmax(230px,280px) minmax(0,1fr) auto!important;padding-inline:24px!important;column-gap:16px!important}
  .reference-nav{gap:18px!important}.reference-nav a{font-size:14px!important}
  .reference-quote{min-width:154px!important;font-size:13px!important;padding-inline:14px!important}
  .dark>.pricing{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:980px!important;gap:20px!important}
  .pricing article{min-height:575px!important}
}
@media(max-width:1080px){
  .reference-nav{gap:14px!important}.reference-nav a{font-size:13px!important}
  .reference-quote{min-width:142px!important;font-size:12px!important}
}
@media(max-width:950px){
  .reference-header{display:flex!important;padding-inline:18px!important}
  .reference-quote{min-width:150px!important;max-width:180px!important}
  .dark>.pricing{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .reference-quote{min-width:0!important;max-width:154px!important;padding-inline:12px!important;font-size:11px!important}
  .dark>.pricing{grid-template-columns:1fr!important;max-width:520px!important}
  .pricing article{min-height:auto!important;padding:26px 22px 22px!important}
  .pricing article:not(.popular):not(.platinum) h3{margin-top:0!important}
  .pricing .badge,.pricing .platinum-badge{margin-bottom:15px!important}
}

/* Quote vs pay choice */
.next-step-choice{margin-top:28px;padding:28px;border:1px solid rgba(120,145,200,.22);border-radius:24px;background:linear-gradient(180deg,rgba(17,25,44,.86),rgba(8,14,27,.92));box-shadow:0 18px 55px rgba(0,0,0,.24)}
.next-step-head span{font-size:.76rem;letter-spacing:.16em;color:#77a8ff;font-weight:800}.next-step-head h3{margin:8px 0 8px;font-size:1.55rem}.next-step-head p{margin:0;color:#aeb9cf;max-width:760px}
.next-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.next-step-card{position:relative;padding:24px;border-radius:20px;border:1px solid rgba(130,153,204,.22);background:rgba(8,15,29,.72)}
.next-step-card.pay-option{background:linear-gradient(145deg,rgba(42,24,88,.34),rgba(8,18,35,.86));border-color:rgba(124,92,255,.38)}.choice-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(73,196,143,.12);border:1px solid rgba(73,196,143,.32);color:#7ce3b4;font-size:.7rem;font-weight:900;letter-spacing:.1em}.choice-badge.ready{background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(14,165,233,.18));border-color:rgba(93,146,255,.4);color:#9bbcff}
.next-step-card h4{margin:14px 0 8px;font-size:1.3rem}.next-step-card p{color:#aeb9cf;line-height:1.65}.next-step-card small{display:block;margin-top:12px;color:#8794ad;line-height:1.5}.quote-choice-btn{width:100%;margin-top:16px}.next-step-card #secureCheckoutBtn{width:100%;margin-top:16px;border:0;border-radius:14px;padding:15px 18px;background:linear-gradient(90deg,#7c3aed,#0ea5e9);color:white;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(63,96,255,.24)}
.next-step-card .billing-consent{margin-top:16px}.next-step-card .payment-pills{margin-top:14px}.next-step-card .billing-example{margin-top:14px}
@media(max-width:820px){.next-step-grid{grid-template-columns:1fr}.next-step-choice{padding:20px}.next-step-card{padding:20px}}


/* 2026-08 pricing lineup + bottom quote layout refinement */
.dark>.pricing{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  max-width:1320px!important;
  align-items:stretch!important;
}
.pricing .quote-plan{background:linear-gradient(160deg,rgba(16,25,44,.98),rgba(11,17,31,.98))!important;border-color:rgba(68,184,255,.28)!important}
.quote-plan-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(20,166,255,.10);border:1px solid rgba(52,177,255,.32);color:#7ccaff;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:15px}
.pricing .quote-plan h3{margin-top:0!important}
.pricing .quote-plan button{background:linear-gradient(110deg,#7c3aed,#159cff)!important}

/* Keep all four pricing choices next to each other on tablets instead of a 2x2 split. */
@media (max-width:1180px){
  .dark>.pricing{
    grid-template-columns:repeat(4,minmax(245px,1fr))!important;
    max-width:none!important;
    overflow-x:auto!important;
    padding:8px 20px 18px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .dark>.pricing::-webkit-scrollbar{display:none}
  .pricing article{min-height:575px!important;scroll-snap-align:start}
}
@media (max-width:700px){
  .dark>.pricing{grid-template-columns:repeat(4,minmax(280px,84vw))!important;padding-inline:18px!important}
  .pricing article{min-height:auto!important}
}

/* Bottom quote area: full-width, balanced, modern—no empty left column while the form continues. */
.quote{
  display:block!important;
  max-width:1240px!important;
  margin:0 auto 90px!important;
  padding:48px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(75,89,255,.14),transparent 32%),
    radial-gradient(circle at 100% 20%,rgba(0,174,255,.10),transparent 28%),
    linear-gradient(155deg,rgba(8,14,27,.98),rgba(12,20,36,.98))!important;
  border:1px solid rgba(116,151,210,.20)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28)!important;
  color:#fff!important;
}
.quote-copy{
  max-width:920px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
}
.quote-copy>span{color:#72b6ff!important}
.quote h2{margin:10px 0 12px!important;color:#fff!important}
.quote-copy>p{max-width:760px!important;margin:0 auto!important;color:#aebbd0!important;font-size:16px!important}
.quote .contact-card{
  max-width:820px!important;
  margin:24px auto 0!important;
  padding:18px 22px!important;
  text-align:left!important;
  background:rgba(17,27,47,.72)!important;
  border:1px solid rgba(114,153,218,.20)!important;
  color:#eef5ff!important;
  box-shadow:none!important;
}
.quote .contact-card p{color:#9fb0c7!important}
.quote form{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:30px!important;
  background:rgba(7,13,25,.74)!important;
  border:1px solid rgba(116,151,210,.20)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.20)!important;
}
.quote form label{color:#e8eef8!important}
.quote form input,.quote form select,.quote form textarea{
  color:#f4f7fb!important;
  background:rgba(17,27,47,.82)!important;
  border-color:rgba(126,151,195,.25)!important;
}
.quote form input::placeholder,.quote form textarea::placeholder{color:#6f809b!important}
.quote .next-step-choice{margin-top:34px!important}
@media(max-width:820px){
  .quote{margin:0 14px 70px!important;padding:28px 18px!important;border-radius:24px!important}
  .quote form{padding:20px!important}
  .quote-copy{text-align:left!important}
  .quote-copy>p{margin-left:0!important}
}

/* 2026-08-25 pricing organization pass — equal measurements + cleaner modern hierarchy */
.dark>.pricing{
  gap:20px!important;
  align-items:stretch!important;
}
.pricing article{
  height:100%!important;
  min-height:690px!important;
  padding:28px 26px 24px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%),
    linear-gradient(165deg,rgba(18,28,47,.97),rgba(6,12,23,.99))!important;
  border:1px solid rgba(137,164,205,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}
.pricing article::after{
  content:"";
  position:absolute;
  inset:0 18px auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(83,164,255,.38),transparent);
  pointer-events:none;
}
.pricing article:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(91,169,255,.34)!important;
  box-shadow:0 26px 64px rgba(0,0,0,.30)!important;
}
/* Reserve an identical badge row so every plan title starts on the same line. */
.pricing article:not(.popular):not(.platinum):not(.quote-plan)::before{
  content:"";
  display:block;
  flex:0 0 28px;
  margin-bottom:18px;
}
.pricing .badge,.pricing .platinum-badge,.quote-plan-badge{
  height:28px!important;
  min-height:28px!important;
  margin:0 0 18px!important;
  padding:0 12px!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  line-height:1!important;
}
.pricing h3{
  min-height:28px!important;
  margin:0 0 20px!important;
  font-size:21px!important;
}
.pricing article:not(.popular):not(.platinum) h3{margin-top:0!important}
.pricing .build-label{
  min-height:16px!important;
  margin:0!important;
}
.pricing .price{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  margin:15px 0 8px!important;
}
.pricing .price.words{
  min-height:68px!important;
  margin:15px 0 8px!important;
  font-size:31px!important;
  line-height:1.08!important;
}
.pricing .monthly{
  min-height:34px!important;
  margin:0 0 2px!important;
}
.pricing article>small{
  min-height:36px!important;
  display:block!important;
  line-height:1.45!important;
}
.pricing article>p{
  min-height:92px!important;
  margin:18px 0 14px!important;
  line-height:1.55!important;
}
.pricing ul{
  flex:1 1 auto!important;
  margin:4px 0 24px!important;
  display:grid!important;
  align-content:start!important;
  gap:1px!important;
}
.pricing li{
  min-height:37px!important;
  display:flex!important;
  align-items:flex-start!important;
  padding:7px 0!important;
}
.pricing button{
  flex:0 0 52px!important;
  min-height:52px!important;
  margin-top:auto!important;
  border-radius:13px!important;
  font-size:13px!important;
  letter-spacing:.01em!important;
}
/* Subtle card identities without making the row look uneven. */
.pricing .popular{border-color:rgba(119,83,255,.52)!important}
.pricing .platinum{border-color:rgba(60,151,255,.40)!important}
.pricing .quote-plan{border-color:rgba(55,184,255,.30)!important}
.pricing .popular::after{background:linear-gradient(90deg,transparent,rgba(129,86,255,.62),transparent)!important}
.pricing .platinum::after{background:linear-gradient(90deg,transparent,rgba(40,172,255,.58),transparent)!important}
.pricing .quote-plan::after{background:linear-gradient(90deg,transparent,rgba(52,211,255,.48),transparent)!important}

@media(max-width:1180px){
  .pricing article{min-height:675px!important}
}
@media(max-width:700px){
  .pricing article{min-height:650px!important}
  .pricing article>p{min-height:82px!important}
}

/* Portfolio card alignment fix — keep all demo CTAs at the same bottom position */
.portfolio-grid{align-items:stretch}
.portfolio-grid .example-card{display:flex;flex-direction:column;height:100%}
.portfolio-grid .example-info{flex:1}
.portfolio-grid .demo-link{margin-top:auto;min-height:52px}
@media (min-width:1001px){
  .portfolio-grid .example-info{min-height:168px}
}

/* TOP 25 LANGUAGE SELECTOR */
.language-topbar{position:relative;z-index:35;width:100%;background:#020611;border-bottom:1px solid rgba(148,163,184,.12);color:#dbeafe}
.language-topbar-inner{max-width:1500px;margin:0 auto;min-height:42px;padding:6px max(24px,calc((100vw - 1500px)/2));display:flex;justify-content:flex-end;align-items:center;gap:10px}
.language-topbar-label{font:700 12px Manrope,sans-serif;letter-spacing:.02em;color:#aebbd0}
.language-topbar select{width:auto;min-width:210px;height:30px;padding:0 32px 0 11px;border:1px solid rgba(88,126,255,.32);border-radius:9px;background:#080d18;color:#fff;font:700 12px 'DM Sans',sans-serif;box-shadow:0 0 0 1px rgba(21,168,255,.04),0 6px 20px rgba(0,0,0,.18);cursor:pointer}
.language-topbar select:focus{border-color:#5d79ff;box-shadow:0 0 0 3px rgba(83,93,255,.12)}
.google-translate-mount{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon{display:none!important}body{top:0!important}
@media(max-width:700px){.language-topbar-inner{padding:5px 12px;justify-content:space-between;gap:8px}.language-topbar-label{font-size:11px}.language-topbar select{min-width:0;width:min(62vw,230px);font-size:11px}}
@media(max-width:420px){.language-topbar-label{font-size:0}.language-topbar-label:after{content:'🌐 Language';font-size:10px}.language-topbar select{width:64vw}}

/* 2026-08-25 mobile-first pricing fix — no horizontal swiping required */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width:1180px){
  .dark>.pricing{
    width:min(100%,980px)!important;
    max-width:980px!important;
    margin-inline:auto!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .pricing article{
    width:100%!important;
    min-width:0!important;
    scroll-snap-align:none!important;
  }
}
@media (max-width:700px){
  .dark{overflow:hidden!important}
  .dark>.center{padding-inline:18px!important}
  .dark>.pricing{
    width:100%!important;
    max-width:560px!important;
    padding:0 16px!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .pricing article{
    width:100%!important;
    min-height:0!important;
    padding:24px 20px 20px!important;
    border-radius:20px!important;
  }
  .pricing article::after{inset-inline:14px!important}
  .pricing .badge,.pricing .platinum-badge,.quote-plan-badge{
    position:static!important;
    transform:none!important;
    align-self:flex-start!important;
    margin:0 0 14px!important;
  }
  .pricing article:not(.popular):not(.platinum):not(.quote-plan)::before{display:none!important}
  .pricing h3{min-height:0!important;margin:0 0 14px!important;font-size:20px!important}
  .pricing .build-label{min-height:0!important;margin:0!important}
  .pricing .price,.pricing .price.words{min-height:0!important;margin:12px 0 8px!important}
  .pricing .price{font-size:46px!important}
  .pricing .price.words{font-size:30px!important}
  .pricing .monthly{min-height:0!important}
  .pricing article>small{min-height:0!important}
  .pricing article>p{min-height:0!important;margin:16px 0 12px!important}
  .pricing ul{margin:4px 0 18px!important;gap:0!important}
  .pricing li{min-height:0!important;padding:6px 0!important}
  .pricing button{min-height:50px!important;margin-top:8px!important}
  .pricing-note{margin:24px 16px 0!important;padding:16px!important;text-align:left!important}
}
@media (max-width:420px){
  .dark>.pricing{padding-inline:12px!important}
  .pricing article{padding:22px 18px 18px!important}
  .pricing .price{font-size:42px!important}
}

/* LANGUAGE SELECTOR CLICKABILITY FIX — keep the selector above every overlay/header */
:root{--language-bar-height:42px}
.language-topbar{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
.language-topbar-inner{
  position:relative!important;
  z-index:10001!important;
  pointer-events:auto!important;
}
.language-topbar-label{pointer-events:none!important}
#topLanguageSelect{
  position:relative!important;
  z-index:10002!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-appearance:menulist!important;
  appearance:auto!important;
  opacity:1!important;
}
.reference-header{
  top:var(--language-bar-height)!important;
  z-index:9000!important;
}
@media(max-width:700px){
  :root{--language-bar-height:42px}
  .language-topbar{min-height:var(--language-bar-height)!important}
  .language-topbar-inner{min-height:var(--language-bar-height)!important}
  #topLanguageSelect{min-height:32px!important}
}

/* MOBILE BRAND NAME FIX — always show full company name */
@media (max-width:700px){
  .reference-header .brand-logo{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .reference-header .brand-logo strong{
    display:block!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:15px!important;
    letter-spacing:-.25px!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:480px){
  .reference-header{
    gap:10px!important;
  }
  .reference-header .brand-logo strong{
    font-size:14px!important;
  }
  /* Preserve the complete EA Elinova Digital LLC name on narrow phones. The quote CTA remains available in the hero. */
  .reference-header .reference-quote{
    display:none!important;
  }
}
@media (max-width:360px){
  .reference-header .brand-logo strong{
    font-size:13px!important;
  }
  .reference-header .brand-icon{
    width:39px!important;
    height:39px!important;
  }
}

/* 2026-08-25 MOBILE QUICK QUOTE CENTERING FIX
   Keep the entire blue Quick Quote panel centered with equal phone gutters. */
@media (max-width:700px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}

  section#quote.quote.section{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin:0 auto 70px!important;
    padding:28px 18px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #quote .quote-copy,
  #quote form,
  #quote .contact-card,
  #quote .design-brief,
  #quote .next-step-choice,
  #quote .next-step-grid,
  #quote .next-step-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #quote .quote-copy{
    text-align:left!important;
    padding:0!important;
  }

  #quote .quote-copy>p{
    margin-left:0!important;
    margin-right:0!important;
    max-width:100%!important;
  }

  #quote form{
    padding:20px!important;
    overflow:hidden!important;
  }

  #quote .two,
  #quote .three,
  #quote .next-step-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #quote input,
  #quote select,
  #quote textarea,
  #quote button{
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:390px){
  section#quote.quote.section{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    padding:24px 14px!important;
  }
  #quote form{padding:16px!important}
  #quote h2{font-size:clamp(34px,10.5vw,44px)!important;line-height:1.05!important}
}

/* EA Elinova Digital LLC — brand identity and discreet watermark */
.brand-letter { font-size: 15px !important; letter-spacing: -1px; font-weight: 900; }
.ea-watermark { position: fixed; right: 14px; bottom: 14px; z-index: 8; pointer-events: none; user-select: none; display: flex; align-items: center; gap: 6px; opacity: .23; color: #b6c7ff; font: 800 12px/1.2 system-ui,sans-serif; letter-spacing: .07em; text-shadow: 0 0 12px #536bff; }
.ea-watermark span { font-size: 9px; letter-spacing: .11em; }
.ea-footer-identity { font-weight: 800; letter-spacing: .025em; color: #d9e5ff; margin-bottom: 12px; }
@media (max-width: 600px) { .ea-watermark { right: 9px; bottom: 8px; font-size: 10px; } .ea-watermark span { font-size: 8px; } }

/* v3: seamless midnight background and transparent brand artwork */
html,body{background-color:#020512!important}body{background:radial-gradient(ellipse 95% 48% at 50% 26%,#0a1031 0%,#030817 62%,#020512 100%) fixed!important}main{background:transparent!important}.reference-hero,.reference-about,.hero-brand-visual,.reference-brand-visual{background:transparent!important}.reference-full-logo{mix-blend-mode:normal!important;filter:drop-shadow(0 0 22px rgba(31,83,230,.17))!important;-webkit-mask-image:none!important;mask-image:none!important}.reference-about{border-top:0!important}