*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f0ede6;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.nav{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #292824;background:rgba(9,9,9,.88);backdrop-filter:blur(20px)}.brand img{width:145px;display:block}.desktop-nav{display:flex;gap:18px;margin-left:auto;margin-right:22px}.desktop-nav a{font-size:10px;color:#858178;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:#f0ede6}.nav-right{display:flex;align-items:center;gap:8px}.nav-cta,.btn{border:1px solid #3b3934;padding:13px 16px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:transparent;color:#f0ede6;cursor:pointer;transition:.25s}.nav-cta:hover,.btn:hover{border-color:#bda77d;transform:translateY(-2px)}.menu{width:46px;height:44px;background:#11110f;border:1px solid #3b3934;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}.menu span{width:18px;height:1px;background:#eee;transition:.25s}.menu.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-panel{position:fixed;inset:82px 0 0;z-index:45;background:rgba(7,7,7,.98);backdrop-filter:blur(25px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.menu-panel.open{opacity:1;visibility:visible;transform:none}.menu-panel-inner{height:100%;max-width:1250px;margin:auto;padding:28px 5vw;display:flex;flex-direction:column}.menu-head{display:flex;justify-content:space-between;align-items:center;color:#77736b;font-size:9px;letter-spacing:2px;border-bottom:1px solid #292824;padding-bottom:18px}.menu-close{background:none;border:0;color:#eee;font-size:30px;cursor:pointer}.menu-links{display:grid;grid-template-columns:1fr 1fr;max-width:950px;margin:auto 0}.menu-links a{font-size:clamp(29px,4vw,54px);letter-spacing:-2px;padding:14px 0;border-bottom:1px solid #20201d;display:flex;gap:18px;align-items:center;transition:.2s}.menu-links a span{font-size:9px;letter-spacing:1px;color:#69655e;width:25px}.menu-links a:hover{color:#bda77d;padding-left:8px}.menu-foot{display:flex;justify-content:space-between;border-top:1px solid #292824;padding-top:16px;color:#69655e;font-size:10px}.menu-foot a{color:#bda77d}.page{max-width:1250px;margin:auto;padding:90px 5vw 120px}.eyebrow{font-size:9px;letter-spacing:2px;color:#bda77d}.page-hero{max-width:900px;padding:10px 0 75px;border-bottom:1px solid #292824;animation:fadeUp .8s both}.page-hero h1{font-size:clamp(50px,7vw,98px);line-height:.93;letter-spacing:-5px;margin:18px 0 24px}.page-hero p{max-width:650px;color:#99958c;line-height:1.7;font-size:17px}.page-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #292824;border-top:1px solid #292824}.card{padding:40px;border-right:1px solid #292824;border-bottom:1px solid #292824;min-height:255px;transition:.3s}.card:hover,.steps>div:hover,.price:hover,.smart-card:hover{transform:translateY(-5px);border-color:#514a3d}.card .num{font-size:10px;color:#6f6b64}.card h2{font-size:30px;letter-spacing:-1px;margin:35px 0 12px}.card p,.steps p{color:#918d85;line-height:1.65}.card b{font-size:12px;color:#bda77d}.case{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #292824}.case-visual,.feature-visual{min-height:500px;background:radial-gradient(circle at 60% 35%,#9b8760,#25302f 42%,#101211);position:relative;overflow:hidden}.case-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.case-copy h2{font-size:clamp(45px,5vw,72px);letter-spacing:-3px;margin:18px 0}.case-copy p{color:#99958c;line-height:1.7}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 30px}.tags span{border:1px solid #393732;padding:8px 10px;font-size:9px;color:#aaa69e}.steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #292824}.steps>div{padding:40px;border-right:1px solid #292824;border-bottom:1px solid #292824;min-height:220px;transition:.3s}.steps h2{margin:25px 0 10px;font-size:28px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #292824}.price{padding:35px;border-right:1px solid #292824;transition:.3s}.price:last-child{border:0}.price.featured{background:#11110f}.price h2{font-size:46px;margin:20px 0 10px}.price p{color:#908c84;line-height:1.5;min-height:52px}.price ul{list-style:none;padding:0;margin:25px 0}.price li{padding:10px 0;border-top:1px solid #292824;color:#aaa69e;font-size:12px}.care,.addons{margin-top:20px;padding:25px;border:1px solid #292824;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.care span{font-size:9px;letter-spacing:2px;color:#bda77d}.care strong{font-size:22px}.care p{margin:0;color:#8f8b83}.faq details{border-top:1px solid #292824;padding:25px 0}.faq details:last-child{border-bottom:1px solid #292824}.faq summary{cursor:pointer;font-size:20px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#bda77d}.faq details[open] summary:after{content:"−"}.faq p{max-width:700px;color:#918d85;line-height:1.7}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-line{padding:20px 0;border-bottom:1px solid #292824}.contact-line span{display:block;font-size:9px;letter-spacing:2px;color:#77736b;margin-bottom:9px}.contact-line a,.contact-line p{margin:0}.form{display:grid;gap:18px}.form label{font-size:10px;letter-spacing:1px;color:#88847c}.form input,.form textarea,.form select{width:100%;display:block;margin-top:8px;background:#10100e;color:#eee;border:1px solid #302f2b;padding:15px;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#8c795b}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.home{min-height:calc(100vh - 82px);display:flex;flex-direction:column;justify-content:center;max-width:1250px;margin:auto;padding:12vh 5vw 7vh}.kicker{font-size:9px;letter-spacing:2px;color:#88847c;margin-bottom:34px}.home h1{font-size:clamp(65px,10vw,145px);line-height:.83;letter-spacing:-8px;margin:0}.home h1 em{font-style:normal;color:#bda77d}.home>p{max-width:580px;color:#99958c;font-size:17px;line-height:1.7;margin:38px 0}.actions{display:flex;gap:25px;align-items:center}.text-link{font-size:11px;color:#aaa69e}.text-link:hover{color:#bda77d}.hero-note{border-top:1px solid #292824;margin-top:90px;padding-top:14px;display:flex;justify-content:space-between;color:#625e57;font-size:9px;letter-spacing:1px}.strip{border-top:1px solid #292824;border-bottom:1px solid #292824;padding:20px 5vw;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#706c64;font-size:9px;letter-spacing:2px}.intro{max-width:850px;margin:auto;padding:140px 5vw}.intro h2,.feature h2{font-size:clamp(45px,6vw,80px);line-height:.95;letter-spacing:-4px;margin:20px 0 28px}.intro p{max-width:620px;color:#99958c;line-height:1.7;font-size:17px}.feature{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #292824}.feature>div:first-child{padding:90px 5vw}.feature-visual{display:flex;flex-direction:column;justify-content:end;padding:35px}.feature-visual strong{font-size:45px;letter-spacing:-2px}.feature-visual small{color:#aaa69e;margin-top:8px}.quick-features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292824;border-bottom:1px solid #292824}.quick-features>div{padding:28px;border-right:1px solid #292824;transition:.3s}.quick-features>div:last-child{border-right:0}.quick-features>div:hover{transform:translateY(-4px)}.quick-features span{display:block;color:#706c64;font-size:9px}.quick-features strong{display:block;margin:28px 0 10px;font-size:16px}.quick-features p{color:#8f8b83;font-size:11px;line-height:1.6}.cap-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #292824}.cap-grid>div{padding:45px;border-bottom:1px solid #292824;border-right:1px solid #292824;min-height:280px}.cap-grid span{font-size:9px;letter-spacing:2px;color:#bda77d}.cap-grid h2{font-size:31px;letter-spacing:-1px;margin:28px 0 12px}.cap-grid p{color:#918d85;line-height:1.7;max-width:480px}.cta-panel{margin-top:80px;padding:60px;border:1px solid #292824;background:#0d0d0c}.cta-panel h2{font-size:clamp(38px,5vw,70px);letter-spacing:-3px;max-width:800px}.smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.smart-card{border:1px solid #292824;padding:32px;transition:.3s}.smart-card.full{grid-column:1/-1}.smart-card h2{font-size:32px;letter-spacing:-1px;margin:18px 0 25px}.smart-card label:not(.check){display:block;font-size:10px;color:#88847c;letter-spacing:1px;margin:16px 0}.smart-card select{display:block;width:100%;margin-top:7px;background:#10100e;color:#eee;border:1px solid #302f2b;padding:13px}.estimate{border-top:1px solid #292824;margin-top:25px;padding-top:22px}.estimate span,.estimate small{display:block;color:#77736b;font-size:10px}.estimate strong{display:block;font-size:42px;margin:8px 0;color:#bda77d}.check{display:block;padding:14px 0;border-bottom:1px solid #292824;color:#aaa69e;font-size:12px}.check input{margin-right:10px;accent-color:#bda77d}.progress{height:3px;background:#292824;margin-top:25px}.progress div{height:100%;width:0;background:#bda77d;transition:.3s}.smart-card p{color:#918d85;line-height:1.6}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:20px}.addon-grid div{padding:20px;border-top:1px solid #292824;border-right:1px solid #292824}.addon-grid div:nth-child(3n){border-right:0}.addon-grid b{display:block;color:#bda77d;font-size:20px}.addon-grid span{display:block;color:#99958c;font-size:11px;margin-top:6px}.briefing-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.briefing-fields label{font-size:10px;color:#88847c;letter-spacing:1px}.briefing-fields input{display:block;width:100%;margin-top:8px;background:#10100e;color:#eee;border:1px solid #302f2b;padding:14px}.briefing-output{margin:20px 0;border-left:2px solid #bda77d;padding:15px 18px;color:#aaa69e;line-height:1.6;background:#0d0d0c}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#bda77d;color:#0b0b0a;font-size:10px;font-weight:800;letter-spacing:1px;box-shadow:0 12px 35px rgba(0,0,0,.35);animation:pulse 2.5s infinite}.whatsapp-float:hover{transform:translateY(-3px)}footer{border-top:1px solid #292824;padding:50px 5vw;display:flex;justify-content:space-between;gap:40px;color:#6d6962;font-size:10px}footer img{width:130px}footer p{max-width:300px;line-height:1.6}footer>div:last-child{display:flex;gap:20px;align-items:flex-start}.dv-top{position:fixed;right:22px;bottom:88px;z-index:59;width:38px;height:38px;border:1px solid #3b3934;background:#11110f;color:#eee;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;cursor:pointer}.dv-top.show{opacity:1;visibility:visible;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(189,167,125,0)}50%{box-shadow:0 0 0 8px rgba(189,167,125,.08)}}@keyframes shine{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.feature-visual:after,.case-visual:after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-120%)}.feature-visual:hover:after,.case-visual:hover:after{animation:shine 1s ease}@media(max-width:1000px){.desktop-nav{display:none}.nav-cta{display:none}.menu-links{grid-template-columns:1fr}.page{padding:65px 22px 90px}.page-grid,.steps,.pricing,.case,.contact,.feature,.cap-grid,.smart-grid{grid-template-columns:1fr}.price{border-right:0;border-bottom:1px solid #292824}.price:last-child{border-bottom:0}.case-visual,.feature-visual{min-height:320px}.case-copy{padding:45px 22px}.home{padding:9vh 22px 7vh}.home h1{letter-spacing:-5px}.strip{padding:18px 22px}.intro{padding:100px 22px}.feature>div:first-child{padding:70px 22px}.quick-features{grid-template-columns:1fr 1fr}.quick-features>div:nth-child(2){border-right:0}.quick-features>div{border-bottom:1px solid #292824}.briefing-fields{grid-template-columns:1fr}.smart-card.full{grid-column:auto}.addon-grid{grid-template-columns:1fr 1fr}.addon-grid div:nth-child(3n){border-right:1px solid #292824}.addon-grid div:nth-child(2n){border-right:0}footer{padding:45px 22px;flex-direction:column}}@media(max-width:560px){.menu-panel{inset:82px 0 0}.menu-links a{font-size:30px}.menu-foot{flex-direction:column;gap:12px}.home h1{font-size:64px}.actions{flex-direction:column;align-items:flex-start}.hero-note{margin-top:60px}.quick-features{grid-template-columns:1fr}.quick-features>div{border-right:0}.addon-grid{grid-template-columns:1fr}.addon-grid div{border-right:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* DIVELORA PLUS — motion layer */
:root{--ease:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}
html{scroll-behavior:smooth}
::selection{background:rgba(205,183,124,.28)}
a,button,.card,.service,.project,.package,.tool-card,.faq-item{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease,background .35s ease,color .25s ease}
a:hover{transform:translateY(-2px)}
button:hover{transform:translateY(-2px)}
.card:hover,.service:hover,.project:hover,.tool-card:hover,.package:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(0,0,0,.24)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(211,190,132,.07),transparent 24%);transition:opacity .2s}
body.cursor-glow:before{opacity:1}
.progress-bar{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#d8c28c,#fff0bb,#b79a5e);z-index:10001;box-shadow:0 0 18px rgba(216,194,140,.6)}
.page-loader{position:fixed;inset:0;background:#080808;z-index:10000;display:grid;place-items:center;transition:opacity .7s var(--ease),visibility .7s}
.page-loader.hide{opacity:0;visibility:hidden}
.loader-inner{display:flex;flex-direction:column;align-items:center;gap:18px}
.loader-mark{font-size:42px;letter-spacing:.16em;font-weight:800;color:#f3ead6;animation:pulseMark 1.5s ease-in-out infinite}
.loader-line{width:140px;height:1px;background:rgba(255,255,255,.12);overflow:hidden}
.loader-line span{display:block;width:45%;height:100%;background:#d8c28c;animation:loadLine 1.1s ease-in-out infinite}
@keyframes pulseMark{50%{opacity:.48;transform:scale(.98)}}@keyframes loadLine{0%{transform:translateX(-120%)}100%{transform:translateX(330%)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.stagger > *{opacity:0;transform:translateY(18px)}
.stagger.is-visible > *{opacity:1;transform:none}
.stagger.is-visible > *:nth-child(1){transition-delay:.04s}.stagger.is-visible > *:nth-child(2){transition-delay:.1s}.stagger.is-visible > *:nth-child(3){transition-delay:.16s}.stagger.is-visible > *:nth-child(4){transition-delay:.22s}.stagger.is-visible > *:nth-child(5){transition-delay:.28s}.stagger.is-visible > *:nth-child(6){transition-delay:.34s}
.magnetic{will-change:transform}
.float-badge{animation:floatBadge 4s ease-in-out infinite}
@keyframes floatBadge{50%{transform:translateY(-8px)}}
.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(255,255,255,.08);padding:16px 0;margin:60px 0}
.marquee-track{display:inline-flex;gap:42px;animation:marquee 24s linear infinite}
.marquee span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.62}
@keyframes marquee{to{transform:translateX(-50%)}}
.spotlight{position:relative;overflow:hidden}
.spotlight:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(216,194,140,.16),transparent 65%);left:var(--spot-x,50%);top:var(--spot-y,50%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s}
.spotlight:hover:after{opacity:1}
.count-up{font-variant-numeric:tabular-nums}
.toast{position:fixed;right:22px;bottom:22px;z-index:9999;background:#f3ead6;color:#111;padding:13px 16px;border-radius:999px;font-size:13px;box-shadow:0 14px 40px rgba(0,0,0,.3);transform:translateY(30px);opacity:0;pointer-events:none;transition:.45s var(--ease)}
.toast.show{transform:none;opacity:1}
@media(max-width:700px){.marquee{margin:40px 0}.page-loader .loader-mark{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.stagger>*{opacity:1;transform:none}}

.brand-reveal-video{max-width:1180px;margin:30px auto 90px;padding:0 22px}
.brand-video-wrap{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#080808;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.brand-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.94}
.brand-video-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.48));pointer-events:none}
.brand-video-overlay{position:absolute;left:28px;bottom:24px;display:flex;flex-direction:column;gap:5px;z-index:2;color:#fff}
.brand-video-overlay span{font-size:clamp(24px,4vw,52px);font-weight:800;letter-spacing:.08em}
.brand-video-overlay small{text-transform:uppercase;letter-spacing:.24em;opacity:.7}
@media(max-width:700px){.brand-reveal-video{padding:0 14px;margin-bottom:55px}.brand-video-wrap{border-radius:20px}.brand-video-overlay{left:18px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.brand-video{animation:none}}

/* DIVELORA SMART SYSTEM */
.smart-panel{border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.22)}
.smart-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.smart-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.smart-option{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;cursor:pointer;background:rgba(255,255,255,.025);transition:.35s cubic-bezier(.22,1,.36,1)}
.smart-option:hover{transform:translateY(-3px);border-color:rgba(216,194,140,.45)}
.smart-option.active{border-color:#d8c28c;background:rgba(216,194,140,.09);box-shadow:0 12px 35px rgba(0,0,0,.18)}
.smart-option b{display:block;margin-bottom:5px}.smart-option small{opacity:.58}
.smart-result{position:sticky;top:90px;border-radius:24px;padding:25px;background:#eee4d1;color:#111;min-height:300px}
.smart-result .price{font-size:46px;font-weight:800;letter-spacing:-.04em}
.smart-result .tag{display:inline-block;padding:6px 10px;border-radius:99px;background:rgba(0,0,0,.08);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.smart-result ul{padding-left:18px;line-height:1.8}
.smart-chat{margin-top:16px;display:flex;gap:10px}
.smart-chat input{flex:1;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;border-radius:14px;padding:13px 15px;outline:none}
.smart-chat button{border:0;border-radius:14px;padding:0 18px;background:#d8c28c;color:#111;font-weight:700;cursor:pointer}
.smart-answer{margin-top:12px;font-size:13px;line-height:1.6;opacity:.75}
.smart-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(216,194,140,.3);border-radius:999px;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:800px){.smart-grid{grid-template-columns:1fr}.smart-result{position:static}.smart-options{grid-template-columns:1fr}}

/* DIVELORA 3.0 — SMART EXPERIENCE */
.smart-hero{min-height:68vh;display:grid;align-items:center;position:relative;overflow:hidden}
.smart-orb{position:absolute;width:420px;height:420px;border-radius:50%;right:-100px;top:5%;background:radial-gradient(circle,rgba(216,194,140,.18),transparent 68%);filter:blur(2px);animation:smartFloat 7s ease-in-out infinite;pointer-events:none}
@keyframes smartFloat{50%{transform:translate(-30px,28px) scale(1.08)}}
.smart-shell{max-width:1180px;margin:auto;padding:0 22px}
.smart-progress{height:3px;background:rgba(255,255,255,.08);border-radius:9px;overflow:hidden;margin:20px 0 34px}
.smart-progress span{display:block;height:100%;width:25%;background:#d8c28c;transition:width .5s cubic-bezier(.22,1,.36,1)}
.smart-step{display:none}.smart-step.active{display:block;animation:smartIn .55s cubic-bezier(.22,1,.36,1)}
@keyframes smartIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.smart-question{font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 28px}
.smart-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.smart-choice{position:relative;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);border-radius:20px;padding:21px;cursor:pointer;min-height:118px;transition:.35s cubic-bezier(.22,1,.36,1);color:inherit;text-align:left}
.smart-choice:hover{transform:translateY(-4px);border-color:rgba(216,194,140,.45)}
.smart-choice.selected{background:rgba(216,194,140,.1);border-color:#d8c28c;box-shadow:0 15px 45px rgba(0,0,0,.2)}
.smart-choice .tick{position:absolute;right:14px;top:14px;width:22px;height:22px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:12px;display:grid;place-items:center;opacity:.5}
.smart-choice.selected .tick{background:#d8c28c;color:#111;border-color:#d8c28c;opacity:1}
.smart-choice b{display:block;font-size:18px;margin-bottom:6px}.smart-choice small{opacity:.56;line-height:1.5}
.smart-nav{display:flex;justify-content:space-between;gap:12px;margin-top:25px}
.smart-nav button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;border-radius:14px;padding:13px 18px;cursor:pointer}
.smart-nav .primary{background:#eee4d1;color:#111;border-color:#eee4d1;font-weight:700}
.smart-summary{background:#eee4d1;color:#111;border-radius:28px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.smart-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.smart-summary .price{font-size:clamp(42px,7vw,74px);font-weight:800;letter-spacing:-.055em;line-height:1}
.smart-summary ul{padding-left:20px;line-height:1.8}.smart-summary .mini{opacity:.6;font-size:12px;text-transform:uppercase;letter-spacing:.13em}
.smart-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.smart-result-actions a,.smart-result-actions button{border-radius:14px;padding:13px 16px;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,.12)}
.smart-result-actions a{background:#111;color:#fff}.smart-result-actions button{background:transparent;color:#111}
.smart-insight{border-left:2px solid #111;padding-left:16px;margin-top:20px;line-height:1.6}
.smart-home-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:28px;background:linear-gradient(135deg,rgba(216,194,140,.1),rgba(255,255,255,.02))}
.smart-home-card:after{content:"";position:absolute;width:300px;height:300px;right:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(216,194,140,.18),transparent 65%)}
.smart-home-card .smart-chip{display:inline-flex;border:1px solid rgba(216,194,140,.3);padding:7px 10px;border-radius:99px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
@media(max-width:720px){.smart-cards,.smart-summary-grid{grid-template-columns:1fr}.smart-question{font-size:38px}.smart-orb{width:250px;height:250px;right:-100px}}

/* DIVELORA 4.0 — STUDIO EXPERIENCE */
.studio-command{border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(255,255,255,.025);padding:18px;display:flex;align-items:center;gap:12px;max-width:760px;box-shadow:0 20px 70px rgba(0,0,0,.2)}
.studio-command input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}
.studio-command button{border:0;border-radius:12px;padding:11px 15px;background:#eee4d1;color:#111;font-weight:700;cursor:pointer}
.command-results{margin-top:14px;display:grid;gap:8px}
.command-result{padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit;display:flex;justify-content:space-between;gap:15px}
.command-result:hover{border-color:rgba(216,194,140,.45);transform:translateX(4px)}
.live-clock{font-variant-numeric:tabular-nums;letter-spacing:.08em;opacity:.55;font-size:11px}
.availability{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.availability-dot{width:7px;height:7px;border-radius:50%;background:#d8c28c;box-shadow:0 0 12px rgba(216,194,140,.8);animation:livePulse 2s infinite}
@keyframes livePulse{50%{opacity:.35;transform:scale(.75)}}
.studio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.studio-feature{grid-column:span 4;min-height:220px}
.studio-feature.wide{grid-column:span 8}
.studio-feature.tall{min-height:310px}
.studio-feature .feature-number{font-size:11px;opacity:.45;letter-spacing:.15em}
.studio-feature h3{font-size:28px;letter-spacing:-.03em;margin:40px 0 8px}
.studio-feature p{opacity:.58;line-height:1.65}
.client-path{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.client-path article{padding:24px;border-right:1px solid rgba(255,255,255,.1)}
.client-path article:last-child{border-right:0}
.client-path strong{display:block;font-size:12px;letter-spacing:.12em;opacity:.5}
.client-path h3{margin:30px 0 8px}
.testimonial-rotator{position:relative;min-height:180px}
.quote{display:none}.quote.active{display:block;animation:smartIn .5s ease}
.quote p{font-size:clamp(24px,4vw,42px);line-height:1.15;letter-spacing:-.035em}
.quote small{opacity:.5}
.swatches{display:flex;gap:9px;margin-top:18px}
.swatches i{display:block;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}
.swatches i:nth-child(1){background:#0a0a0a}.swatches i:nth-child(2){background:#eee4d1}.swatches i:nth-child(3){background:#d8c28c}.swatches i:nth-child(4){background:#6f6a61}
@media(max-width:800px){.studio-feature,.studio-feature.wide{grid-column:span 12}.client-path{grid-template-columns:1fr 1fr}.client-path article:nth-child(2){border-right:0}.client-path article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:560px){.studio-command{padding:10px}.studio-command button{padding:10px}.client-path{grid-template-columns:1fr}.client-path article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)}.client-path article:last-child{border-bottom:0}}

/* DIVELORA 4.1 — CONSISTENT MENU */
body.menu-open{overflow:hidden;touch-action:none}
.menu-panel{height:100dvh;min-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.menu-panel-inner{min-height:100%;box-sizing:border-box}
.menu-links{margin:0;padding:0}
.menu-links a{display:grid;grid-template-columns:72px 1fr;align-items:center;min-height:110px;box-sizing:border-box}
.menu-links a span{font-size:12px;letter-spacing:.1em;opacity:.45}
.menu-links a.active span,.menu-links a.active{color:#eee4d1}
@media(max-width:700px){
 .menu-links a{min-height:108px}
 .menu-links a span{font-size:11px}
}

.promo-bar{position:relative;z-index:20;background:#d8c28c;color:#111;text-align:center;padding:9px 14px;font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.promo-bar strong{font-weight:800}.promo-bar .promo-date{opacity:.65;margin-left:8px}
@media(max-width:600px){.promo-bar{font-size:9px;letter-spacing:.08em;padding:8px 10px}.promo-bar .promo-date{display:block;margin:2px 0 0}}

/* =========================================================
   DIVELORA 5.0 — EXPERIENCE SYSTEM
   ========================================================= */
:root{--gold:#d8c28c;--paper:#eee4d1;--ink:#090909}
body.light-theme{background:#f3efe7;color:#111}
body.light-theme .card,body.light-theme .smart-home-card,body.light-theme .lab-panel{background:rgba(0,0,0,.035);border-color:rgba(0,0,0,.1)}
body.light-theme .menu-panel{background:#f3efe7;color:#111}
.theme-toggle{border:1px solid rgba(255,255,255,.15);background:transparent;color:inherit;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:11px}
.global-search{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(18px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:12vh 18px}
.global-search.open{display:flex}
.search-box{width:min(760px,100%);background:#111;border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:20px;box-shadow:0 35px 120px rgba(0,0,0,.5)}
.search-box input{width:100%;box-sizing:border-box;border:0;outline:0;background:transparent;color:#fff;font-size:25px;padding:10px}
.search-results{margin-top:10px;display:grid;gap:7px;max-height:50vh;overflow:auto}
.search-item{display:block;color:inherit;text-decoration:none;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px}
.search-item:hover{border-color:var(--gold);transform:translateX(3px)}
.toast{position:fixed;right:20px;bottom:20px;z-index:10000;background:#eee4d1;color:#111;padding:13px 16px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(20px);opacity:0;pointer-events:none;transition:.35s}
.toast.show{transform:none;opacity:1}
.lab-panel{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:28px;padding:26px}
.lab-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lab-controls label{font-size:11px;opacity:.55;text-transform:uppercase;letter-spacing:.1em}
.lab-controls select,.lab-controls input{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.12);background:#111;color:#fff;border-radius:12px;padding:12px;box-sizing:border-box}
.brand-preview{margin-top:20px;min-height:260px;border-radius:24px;display:grid;place-items:center;text-align:center;transition:.5s}
.brand-preview .brand-name{font-size:clamp(42px,7vw,84px);font-weight:800;letter-spacing:-.06em}
.brand-preview small{display:block;margin-top:8px;letter-spacing:.2em;text-transform:uppercase;opacity:.55}
.preview-shell{border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:15px;background:#0d0d0d}
.device-toolbar{display:flex;gap:7px;justify-content:center;margin-bottom:14px}
.device-toolbar button{border:1px solid rgba(255,255,255,.12);background:transparent;color:inherit;border-radius:999px;padding:8px 13px;cursor:pointer}
.device-toolbar button.active{background:var(--gold);color:#111}
.website-preview{margin:auto;border-radius:15px;background:#eee4d1;color:#111;min-height:420px;transition:.5s;width:100%;max-width:980px;overflow:hidden}
.website-preview.tablet{max-width:700px}.website-preview.mobile{max-width:390px}
.preview-hero{padding:48px 30px;background:linear-gradient(135deg,#111,#333);color:#fff;min-height:170px}
.preview-body{padding:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.preview-card{height:100px;border-radius:13px;background:rgba(0,0,0,.08)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.case-card{min-height:330px;border-radius:25px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;background:linear-gradient(145deg,#111,#1b1b1b)}
.case-card .case-content{position:absolute;inset:auto 22px 22px}
.case-card .case-content h3{font-size:30px;margin:6px 0}
.case-card .case-content p{opacity:.62;margin:0}
.case-card .case-number{position:absolute;right:20px;top:18px;opacity:.4;font-size:11px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.metric{border-top:1px solid rgba(255,255,255,.15);padding-top:14px}
.metric strong{display:block;font-size:42px;letter-spacing:-.05em}.metric span{opacity:.5;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.before-after>div{border-radius:20px;min-height:280px;padding:22px;display:flex;align-items:end}.before{background:linear-gradient(145deg,#292929,#111)}.after{background:linear-gradient(145deg,#eee4d1,#d8c28c);color:#111}
.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.briefing-grid textarea,.briefing-grid input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:inherit;border-radius:14px;padding:13px;margin-top:8px}
.lab-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.lab-actions button,.lab-actions a{border:0;border-radius:13px;padding:12px 16px;background:var(--paper);color:#111;text-decoration:none;cursor:pointer;font-weight:700}
@media(max-width:800px){.lab-controls,.briefing-grid{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.preview-body{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Preview 2.0 — deterministic device simulator */
.preview-stage{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:10px 0 25px;box-sizing:border-box}
.website-preview{box-sizing:border-box;flex:0 0 auto;width:980px;max-width:100%;min-height:520px}
.website-preview.tablet{width:700px;max-width:700px}
.website-preview.mobile{width:390px!important;max-width:390px!important;min-height:650px;border:10px solid #171717;border-radius:34px;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.website-preview.mobile .preview-hero{min-height:270px;padding:38px 25px}
.website-preview.mobile .preview-hero h2{font-size:34px!important;line-height:1.02}
.website-preview.mobile .preview-body{grid-template-columns:1fr;padding:18px}
.website-preview.mobile .preview-card{height:115px}
.device-toolbar{position:relative;z-index:2;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.device-toolbar button{min-width:105px}


/* DIVELORA 5.1 — final device simulator + WhatsApp */
.preview-stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.preview-stage::-webkit-scrollbar{display:none}
.website-preview.mobile{width:320px!important;max-width:320px!important;min-width:320px!important;min-height:650px!important}
.website-preview.mobile .preview-hero{padding:34px 22px!important}
.website-preview.mobile .preview-hero h2{font-size:32px!important}
.website-preview.mobile .preview-body{grid-template-columns:1fr!important}
@media(max-width:520px){
  .website-preview.mobile{width:320px!important;max-width:320px!important;min-width:320px!important}
  .website-preview.tablet{width:600px!important;max-width:600px!important;min-width:600px!important}
}
.whatsapp-float{
  position:fixed!important;right:18px!important;bottom:24px!important;z-index:2147483000!important;
  width:58px!important;height:58px!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#d8c28c!important;color:#111!important;text-decoration:none!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;
  box-shadow:0 10px 35px rgba(0,0,0,.45),0 0 0 7px rgba(216,194,140,.08)!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.whatsapp-float:hover{transform:translateY(-3px)!important}
@media(max-width:600px){
 .whatsapp-float{right:18px!important;bottom:84px!important;width:54px!important;height:54px!important}
}

/* =========================================================
   DIVELORA 5.2 — ULTIMATE EXPERIENCE LAYER
   ========================================================= */
:root{
  --dv-gold:#d8c28c;--dv-paper:#eee4d1;--dv-line:rgba(255,255,255,.11);
  --dv-muted:rgba(240,237,230,.58);--dv-panel:rgba(255,255,255,.035);
}
body{--dv-cursor-x:50vw;--dv-cursor-y:50vh}
body.dv-reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.dv-progress{position:fixed;left:0;top:0;height:2px;width:0;background:var(--dv-gold);z-index:100000;box-shadow:0 0 14px rgba(216,194,140,.55)}
.dv-grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.dv-spotlight{position:fixed;width:430px;height:430px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);left:var(--dv-cursor-x);top:var(--dv-cursor-y);background:radial-gradient(circle,rgba(216,194,140,.055),transparent 67%);transition:left .18s ease-out,top .18s ease-out}
.dv-command{
 position:fixed;right:22px;bottom:22px;z-index:100001;display:flex;gap:7px;align-items:center;
 padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(15,15,15,.86);
 backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.3)
}
.dv-command button{border:0;background:transparent;color:#eee;padding:9px 11px;border-radius:999px;cursor:pointer;font-size:11px}
.dv-command button:hover,.dv-command button.active{background:var(--dv-gold);color:#111}
.dv-command .kbd{opacity:.45;font-size:9px}
.dv-panel{
 position:fixed;right:20px;bottom:76px;z-index:100002;width:min(380px,calc(100vw - 32px));
 background:#101010;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:20px;
 box-shadow:0 30px 100px rgba(0,0,0,.5);display:none
}
.dv-panel.open{display:block;animation:dvPanelIn .28s cubic-bezier(.22,1,.36,1)}
@keyframes dvPanelIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.dv-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.dv-panel-head strong{font-size:13px}.dv-panel-head button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.dv-panel-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.dv-panel-row small{display:block;opacity:.5;margin-top:3px}
.dv-switch{width:42px;height:24px;border-radius:99px;border:1px solid rgba(255,255,255,.15);background:#202020;cursor:pointer;position:relative}
.dv-switch:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#aaa;transition:.2s}
.dv-switch.on{background:var(--dv-gold)}.dv-switch.on:after{left:20px;background:#111}
.dv-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dv-quick{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none}
.dv-quick:hover{border-color:var(--dv-gold)}
.dv-tech-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.dv-tech{border:1px solid rgba(255,255,255,.1);padding:8px 11px;border-radius:99px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.dv-ultimate{max-width:1180px;margin:100px auto;padding:0 22px}
.dv-ultimate-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.dv-card{grid-column:span 4;border:1px solid var(--dv-line);border-radius:25px;padding:24px;background:var(--dv-panel);min-height:220px;position:relative;overflow:hidden}
.dv-card.wide{grid-column:span 8}.dv-card.full{grid-column:1/-1}
.dv-card:before{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(216,194,140,.13),transparent 65%)}
.dv-card .num{font-size:10px;opacity:.4;letter-spacing:.15em}.dv-card h3{font-size:25px;letter-spacing:-.035em;margin:40px 0 9px}.dv-card p{color:var(--dv-muted);line-height:1.65}
.dv-architecture{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}
.dv-architecture span{padding:14px 8px;border:1px solid rgba(255,255,255,.09);border-radius:13px;text-align:center;font-size:10px;opacity:.65}
.dv-pulse{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}
.dv-pulse-box{border:1px solid var(--dv-line);border-radius:25px;padding:24px;background:linear-gradient(145deg,rgba(216,194,140,.08),rgba(255,255,255,.02))}
.dv-pulse-meter{height:9px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0 18px}.dv-pulse-meter span{display:block;height:100%;width:58%;background:var(--dv-gold);transition:.5s}
.dv-range{width:100%;accent-color:var(--dv-gold)}
.dv-pulse-score{font-size:64px;font-weight:800;letter-spacing:-.06em;line-height:1}.dv-pulse-score small{font-size:13px;letter-spacing:.1em;opacity:.5}
.dv-result-list{display:grid;gap:7px;margin-top:16px}.dv-result-list div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.dv-result-list span{opacity:.5}
.dv-cursor-target{cursor:none}.dv-cursor{position:fixed;left:0;top:0;width:12px;height:12px;border:1px solid var(--dv-gold);border-radius:50%;z-index:100003;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:width .2s,height .2s,opacity .2s}
.dv-cursor-dot{position:fixed;left:0;top:0;width:3px;height:3px;background:var(--dv-gold);border-radius:50%;z-index:100004;pointer-events:none;transform:translate(-50%,-50%);opacity:0}
.dv-page-index{position:fixed;left:17px;top:50%;z-index:70;transform:translateY(-50%);display:grid;gap:7px}
.dv-page-index a{width:4px;height:4px;border-radius:50%;background:#777;opacity:.35;transition:.2s}.dv-page-index a.active{height:22px;border-radius:4px;background:var(--dv-gold);opacity:1}
.dv-share{border:1px solid rgba(255,255,255,.12)!important;background:transparent!important;color:inherit!important}
@media(max-width:850px){.dv-card,.dv-card.wide{grid-column:span 6}.dv-pulse{grid-template-columns:1fr}.dv-architecture{grid-template-columns:repeat(3,1fr)}.dv-page-index{display:none}}
@media(max-width:600px){.dv-command{right:12px;bottom:12px}.dv-command button{padding:9px}.dv-command .label{display:none}.dv-card,.dv-card.wide{grid-column:1/-1}.dv-architecture{grid-template-columns:1fr 1fr}.dv-spotlight{display:none}.dv-cursor,.dv-cursor-dot{display:none}}
@media(pointer:coarse){.dv-cursor,.dv-cursor-dot{display:none}}

body.dv-high-contrast{--dv-muted:rgba(255,255,255,.82);--dv-line:rgba(255,255,255,.28)}
body.dv-high-contrast .card,body.dv-high-contrast .dv-card{border-color:rgba(255,255,255,.28)}
body.dv-high-contrast .nav{background:#000}
.dv-status{transition:opacity .3s}
@media(max-width:900px){.dv-status{display:none}}

/* =========================================================
   DIVELORA 5.2 — HEADER / MOBILE BAR FIX
   ========================================================= */
.nav{
  min-width:0;
  overflow:visible;
}
.nav-right{
  flex:0 0 auto;
  min-width:max-content;
}
.nav-right .theme-toggle,
.nav-right [data-search-trigger]{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
}
.menu{
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  height:44px!important;
  position:relative!important;
  z-index:100!important;
}
.menu span{
  display:block!important;
  width:20px!important;
  height:2px!important;
  background:#eee!important;
  flex:0 0 2px!important;
}
.menu span:nth-child(2){transform:none}
.menu.active span:nth-child(2){opacity:0}
.menu.active span:first-child{transform:translateY(8px) rotate(45deg)}
.menu.active span:last-child{transform:translateY(-8px) rotate(-45deg)}
.menu-panel{z-index:9999!important}
@media(max-width:1000px){
  .nav{
    height:76px!important;
    padding:0 22px!important;
  }
  .brand{min-width:0;flex:1 1 auto;overflow:visible}
  .brand img{
    width:132px!important;
    max-width:132px!important;
  }
  .desktop-nav,.nav-cta{display:none!important}
  .nav-right{
    margin-left:12px!important;
    gap:6px!important;
  }
}
@media(max-width:560px){
  .nav{padding:0 16px!important}
  .brand img{width:124px!important;max-width:124px!important}
  .nav-right{gap:5px!important;margin-left:8px!important}
  .nav-right .theme-toggle,
  .nav-right [data-search-trigger]{
    width:40px!important;height:40px!important;min-width:40px!important;
  }
  .menu{width:44px!important;min-width:44px!important;height:40px!important}
  .menu span{width:19px!important}
  .menu.active span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu.active span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .menu-panel{inset:76px 0 0!important}
}
/* Keep the floating command bar away from the Safari bottom controls. */
@media(max-width:600px){
  .dv-command{bottom:76px!important;right:12px!important}
}

/* =========================================================
   DIVELORA — FINAL HEADER LAYOUT FIX
   Prevents logo/nav overlap and keeps the header usable
   across large desktop screens.
   ========================================================= */
.nav{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  justify-content:initial!important;
}
.brand{min-width:0!important;display:block!important}
.brand img{width:145px!important;max-width:100%!important;height:auto!important}
.desktop-nav{
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(9px,1vw,18px)!important;
  overflow:hidden!important;
}
.desktop-nav a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  font-size:10px!important;
}
.nav-right{min-width:max-content!important;margin:0!important}
.menu{display:flex!important}

/* On narrower desktop/laptop screens, use the full menu panel instead
   of allowing the long navigation to collide with the logo or controls. */
@media (max-width:1600px){
  .desktop-nav{display:none!important}
  .nav-cta{display:none!important}
  .nav{grid-template-columns:1fr auto!important}
}

@media (max-width:1000px){
  .nav{grid-template-columns:1fr auto!important}
}


/* =========================================================
   DIVELORA — GLOBAL RESPONSIVE REPAIR
   Keeps every page contained and prevents cropped/stretched
   layouts on desktop, tablet and mobile.
   ========================================================= */
html,body{width:100%;max-width:100%;min-width:0}
body{overflow-x:hidden}
main,section,article,header,footer,nav,div{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
button,input,textarea,select{max-width:100%}
.container{width:100%;max-width:1250px;margin:0 auto;padding:0 5vw}
.container>.hero{width:100%;max-width:100%;box-sizing:border-box}
.hero{width:100%;max-width:100%;padding:92px 0 110px;box-sizing:border-box;overflow:visible}
.hero>div{min-width:0;max-width:100%}
.hero h1{max-width:100%;overflow-wrap:break-word;word-break:normal}
.hero .lead{max-width:650px;margin-left:0;margin-right:0;line-height:1.65}
.section-head{width:100%;max-width:100%;margin:0 0 32px;min-width:0}
.section-head h2{max-width:100%;overflow-wrap:break-word;word-break:normal}
.lab-panel,.preview-shell,.smart-panel,.dv-card,.smart-home-card{min-width:0;max-width:100%}
.lab-controls>label,.briefing-grid>label{min-width:0}
.preview-shell{overflow:hidden}
.preview-stage{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}
.case-card,.website-preview,.brand-preview,.feature-visual,.case-visual{min-width:0}

/* Desktop: show the compact hamburger before the long navigation can collide. */
@media (max-width:2050px){
  .nav{grid-template-columns:minmax(145px,170px) minmax(0,1fr) auto!important;gap:18px!important}
  .desktop-nav{display:none!important}
  .nav-cta{display:none!important}
}

@media (min-width:2051px){
  .desktop-nav{display:flex!important;min-width:0;overflow:hidden;justify-content:center;gap:clamp(10px,.8vw,18px);margin:0!important}
  .nav{grid-template-columns:170px minmax(0,1fr) auto!important}
}

@media (max-width:1000px){
  .nav{height:76px!important;padding:0 22px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .brand img{width:132px!important;max-width:132px!important}
  .nav-right{display:flex!important;min-width:0!important;gap:7px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important}
  .menu{display:flex!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:44px!important}
  .page,.container,.smart-shell{width:100%;max-width:100%;padding-left:22px;padding-right:22px}
  .hero{padding:72px 0 85px;min-height:0!important}
  .hero h1{font-size:clamp(48px,9vw,92px)!important;line-height:.94!important;letter-spacing:-.055em!important;margin:18px 0 24px!important}
  .section-head h2{font-size:clamp(42px,8vw,76px);line-height:.98;letter-spacing:-.045em}
  .lab-panel{padding:22px;border-radius:22px}
  .preview-shell{padding:12px;border-radius:22px}
  .website-preview.desktop{max-width:980px}
}

@media (max-width:700px){
  .nav{height:72px!important;padding:0 16px!important}
  .brand img{width:124px!important;max-width:124px!important}
  .nav-right{gap:5px!important;margin-left:8px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{width:40px!important;height:40px!important;min-width:40px!important}
  .menu{width:44px!important;min-width:44px!important;height:40px!important}
  .menu span{width:19px!important;height:2px!important}
  .menu-panel{inset:72px 0 0!important}
  .container,.page,.smart-shell{padding-left:16px!important;padding-right:16px!important}
  .hero{padding:58px 0 70px!important}
  .hero h1{font-size:clamp(44px,13vw,72px)!important;line-height:.95!important;letter-spacing:-.05em!important;max-width:100%!important}
  .hero .lead{font-size:15px!important;max-width:100%!important}
  .section-head{margin-bottom:22px}
  .section-head h2{font-size:clamp(36px,11vw,58px)!important;line-height:1!important;letter-spacing:-.045em!important}
  .lab-controls,.briefing-grid,.case-grid,.metric-grid,.before-after,.preview-body{grid-template-columns:1fr!important}
  .lab-panel{padding:18px!important;border-radius:18px!important}
  .brand-preview{min-height:220px!important}
  .device-toolbar{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:3px}
  .device-toolbar button{flex:0 0 auto!important;min-width:92px!important}
  .preview-stage{justify-content:flex-start!important;padding-left:0!important;padding-right:0!important}
  .website-preview.mobile{width:320px!important;min-width:320px!important;max-width:320px!important}
  .website-preview.tablet{width:600px!important;min-width:600px!important;max-width:600px!important}
  .website-preview:not(.mobile):not(.tablet){width:700px!important;min-width:700px!important;max-width:700px!important}
  footer{padding-left:16px!important;padding-right:16px!important}
}

@media (max-width:420px){
  .brand img{width:116px!important;max-width:116px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{width:36px!important;height:36px!important;min-width:36px!important}
  .menu{width:40px!important;min-width:40px!important;height:38px!important}
  .menu span{width:17px!important}
  .hero h1{font-size:clamp(39px,12.5vw,58px)!important}
  .smart-choice{padding:17px!important}
}

/* =========================================================
   DIVELORA 5.4 — HARD RESPONSIVE / OVERLAY REPAIR
   Final safety layer for every page and viewport.
   ========================================================= */
html{overflow-x:hidden;scroll-padding-top:90px}
body{overflow-x:hidden;overscroll-behavior-x:none}

/* The full navigation is intentionally replaced by the menu panel on
   normal desktop widths. This prevents the long label list from colliding. */
.nav{isolation:isolate;position:sticky!important;top:0!important;z-index:10050!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
.nav,.nav>*{min-width:0}
.desktop-nav{display:none!important}
.nav-cta{display:none!important}
.nav-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;min-width:0!important}
.brand{flex:0 1 auto!important;min-width:0!important}
.brand img{display:block!important;max-width:100%!important;height:auto!important}

/* Never allow the closed menu layer to paint anything. */
.menu-panel{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;position:fixed!important;inset:82px 0 0!important;z-index:10040!important}
.menu-panel.open{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.menu-panel-inner{width:100%;max-width:1250px;box-sizing:border-box}

/* Keep the menu controls visually above everything else in the header. */
.menu,.menu-close{position:relative!important;z-index:10060!important}

/* Global containment: no component can make a page wider than its viewport. */
main,section,article,aside,footer,.container,.page,.smart-shell,.lab-panel,.preview-shell,.card,.case,.feature,.smart-grid,.pricing,.contact,.page-grid{max-width:100%!important;min-width:0!important;box-sizing:border-box}
.container,.page{overflow:visible}
img,svg,video,canvas,iframe{max-width:100%;box-sizing:border-box}
h1,h2,h3,h4,p,a,span,button,label,small{max-width:100%}
h1,h2,h3{overflow-wrap:anywhere}

/* Desktop/tablet layout */
@media (min-width:1001px){
  .nav{grid-template-columns:170px minmax(0,1fr) auto!important;gap:20px!important;padding-left:clamp(24px,5vw,80px)!important;padding-right:clamp(24px,5vw,80px)!important}
  .brand img{width:145px!important}
  .container{padding-left:clamp(24px,5vw,80px)!important;padding-right:clamp(24px,5vw,80px)!important}
}

/* Tablet / mobile */
@media (max-width:1000px){
  .nav{height:76px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:0 22px!important;gap:12px!important}
  .brand img{width:132px!important}
  .nav-right{gap:7px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{flex:0 0 42px!important;width:42px!important;height:42px!important;padding:0!important}
  .menu{flex:0 0 46px!important;width:46px!important;height:44px!important}
  .menu-panel{inset:76px 0 0!important}
  .hero,.page-hero{width:100%!important;max-width:100%!important;overflow:visible!important}
  .hero h1,.page-hero h1{max-width:100%!important}
  .case,.feature,.contact,.smart-grid,.page-grid,.steps,.pricing,.cap-grid{grid-template-columns:1fr!important}
  .case-copy{min-width:0}
}

@media (max-width:700px){
  .nav{height:72px!important;padding:0 16px!important}
  .brand img{width:124px!important}
  .nav-right{gap:5px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{flex-basis:40px!important;width:40px!important;height:40px!important}
  .menu{flex-basis:44px!important;width:44px!important;height:40px!important}
  .menu-panel{inset:72px 0 0!important}
  .menu-panel-inner{padding:20px 16px!important}
  .menu-links{width:100%!important;max-width:none!important;grid-template-columns:1fr!important}
  .menu-links a{font-size:clamp(28px,8vw,42px)!important;letter-spacing:-1.5px!important;min-height:76px!important}
  .container,.page,.smart-shell{padding-left:16px!important;padding-right:16px!important}
  .hero{padding-top:56px!important;padding-bottom:68px!important}
  .hero h1{font-size:clamp(42px,12vw,72px)!important;line-height:.96!important;letter-spacing:-.055em!important}
  .hero .lead{font-size:15px!important}
  .section-head h2{font-size:clamp(34px,10.5vw,58px)!important;line-height:1!important}
  .lab-controls,.briefing-grid,.smart-options,.smart-summary-grid{grid-template-columns:1fr!important}
  .quick-features,.metric-grid{grid-template-columns:1fr!important}
  .addon-grid{grid-template-columns:1fr!important}
  .case-visual,.feature-visual{min-height:260px!important}
  .case-copy,.feature>div:first-child{padding:38px 16px!important}
  footer{padding-left:16px!important;padding-right:16px!important}
}

@media (max-width:420px){
  .brand img{width:116px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{flex-basis:36px!important;width:36px!important;height:36px!important}
  .menu{flex-basis:40px!important;width:40px!important;height:38px!important}
  .menu span{width:17px!important}
  .hero h1{font-size:clamp(38px,12.5vw,58px)!important}
}

@media (prefers-reduced-motion:reduce){.dv-spotlight{display:none!important}}

/* =========================================================
   DIVELORA 6.0 — EXPERIENCE UPGRADE
   Interactive utility layer + conversion-focused sections
   ========================================================= */
:root{--dv-gold:#d8bc82;--dv-cream:#f4efe5;--dv-panel:rgba(255,255,255,.035);--dv-line:rgba(255,255,255,.11)}
.dv-command{position:fixed;right:22px;bottom:22px;z-index:12000;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--dv-line);border-radius:999px;background:rgba(12,12,12,.86);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.28)}
.dv-command button{width:38px;height:38px;border:1px solid var(--dv-line);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:inherit}.dv-command button:hover{border-color:var(--dv-gold);color:var(--dv-gold)}
.dv-command .dv-cmd-main{width:auto;border-radius:999px;padding:0 15px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.dv-drawer{position:fixed;right:22px;bottom:82px;width:min(430px,calc(100vw - 32px));z-index:11999;border:1px solid var(--dv-line);border-radius:24px;background:rgba(15,15,15,.96);backdrop-filter:blur(22px);box-shadow:0 28px 100px rgba(0,0,0,.45);padding:22px;transform:translateY(18px);opacity:0;pointer-events:none;transition:.28s ease}.dv-drawer.open{transform:none;opacity:1;pointer-events:auto}.dv-drawer h3{font-size:25px;margin:0 0 7px}.dv-drawer p{color:var(--dv-muted,#9a9a9a);font-size:14px;line-height:1.6}.dv-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.dv-tool{padding:14px;border:1px solid var(--dv-line);border-radius:16px;background:var(--dv-panel);color:inherit;text-align:left;cursor:pointer}.dv-tool strong{display:block;font-size:13px;margin-bottom:5px}.dv-tool small{opacity:.55}.dv-tool:hover{border-color:var(--dv-gold);transform:translateY(-2px)}
.dv-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}.dv-status i{width:7px;height:7px;border-radius:50%;background:#86b87b;box-shadow:0 0 0 5px rgba(134,184,123,.08)}
.dv-upgrade{max-width:1250px;margin:110px auto;padding:0 5vw}.dv-upgrade-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.dv-upgrade-card{border:1px solid var(--dv-line);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));position:relative;overflow:hidden}.dv-upgrade-card:after{content:"";position:absolute;width:260px;height:260px;right:-130px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(216,188,130,.12),transparent 65%)}.dv-upgrade-card h3{font-size:clamp(26px,3vw,42px);margin:12px 0}.dv-upgrade-card p{color:var(--dv-muted,#9a9a9a);line-height:1.7;max-width:650px}.dv-list{display:grid;gap:9px;margin-top:22px}.dv-list span{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.76)}.dv-list b{color:var(--dv-gold)}
.dv-live-panel{display:grid;gap:12px}.dv-live-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--dv-line);font-size:12px}.dv-live-row span:last-child{color:var(--dv-gold)}
.dv-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dv-choice{border:1px solid var(--dv-line);border-radius:999px;padding:10px 14px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:12px}.dv-choice.active,.dv-choice:hover{border-color:var(--dv-gold);background:rgba(216,188,130,.08)}
.dv-brief{margin-top:20px;padding:18px;border:1px dashed var(--dv-line);border-radius:18px}.dv-brief strong{font-size:15px}.dv-brief p{margin:8px 0 0;font-size:13px}
.dv-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dv-proof{border:1px solid var(--dv-line);border-radius:22px;padding:22px;background:var(--dv-panel)}.dv-proof .mark{font-size:30px;color:var(--dv-gold)}.dv-proof h4{margin:15px 0 8px;font-size:18px}.dv-proof p{font-size:13px;color:var(--dv-muted,#9a9a9a);line-height:1.65}.dv-proof small{display:block;margin-top:15px;opacity:.45}
.dv-faq-mini{display:grid;gap:8px}.dv-faq-mini details{border:1px solid var(--dv-line);border-radius:16px;padding:16px 18px;background:var(--dv-panel)}.dv-faq-mini summary{cursor:pointer;font-size:14px;font-weight:600}.dv-faq-mini p{font-size:13px;color:var(--dv-muted,#9a9a9a);line-height:1.65;margin:12px 0 0}
.dv-toast-stack{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:13000;display:grid;gap:8px;pointer-events:none}.dv-toast-item{padding:11px 15px;border:1px solid var(--dv-line);border-radius:999px;background:#111;color:#eee;font-size:12px;box-shadow:0 12px 40px rgba(0,0,0,.3);animation:dvToast .2s ease}@keyframes dvToast{from{transform:translateY(8px);opacity:0}}
.dv-kbd{font-size:10px;padding:3px 6px;border:1px solid var(--dv-line);border-radius:6px;opacity:.55}.dv-modal{position:fixed;inset:0;z-index:14000;background:rgba(0,0,0,.68);backdrop-filter:blur(12px);display:none;place-items:center;padding:18px}.dv-modal.open{display:grid}.dv-modal-card{width:min(680px,100%);max-height:85vh;overflow:auto;border:1px solid var(--dv-line);border-radius:26px;background:#111;padding:28px;box-shadow:0 40px 120px rgba(0,0,0,.55)}.dv-modal-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.dv-modal-close{border:1px solid var(--dv-line);border-radius:50%;width:38px;height:38px;background:transparent;color:inherit;cursor:pointer}
@media(max-width:900px){.dv-upgrade-grid,.dv-test-grid{grid-template-columns:1fr}.dv-upgrade{margin:80px auto;padding:0 16px}.dv-command{right:12px;bottom:76px}.dv-drawer{right:12px;bottom:136px}.dv-upgrade-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.dv-drawer,.dv-tool{transition:none!important}.dv-toast-item{animation:none}}
.dv-reading-meta{display:flex;gap:14px;align-items:center;margin-top:24px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.dv-reading-meta span+span{padding-left:14px;border-left:1px solid var(--dv-line)}
.dv-high-contrast{filter:contrast(1.08)}.dv-high-contrast .dv-muted,.dv-high-contrast [style*="opacity"]{opacity:.9!important}.dv-reduced-motion *, .dv-reduced-motion *:before, .dv-reduced-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.dv-upgrade-card,.dv-proof{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease,border-color .25s ease,background .25s ease}.dv-upgrade-card:hover,.dv-proof:hover{border-color:rgba(216,188,130,.35)}
@media(max-width:700px){.dv-reading-meta{font-size:9px}.dv-command .dv-cmd-main{padding:0 12px}.dv-command button:not(.dv-cmd-main){width:34px;height:34px}.dv-drawer-grid{grid-template-columns:1fr}}


/* =========================================================
   DIVELORA — LAUNCH CLEAN / MOBILE POLISH
   Final visual cleanup: fewer floating controls, clearer hierarchy,
   cleaner announcement and stronger mobile spacing.
   ========================================================= */
.dv7-announce{
  position:relative!important;
  z-index:100!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 48px 13px 20px!important;
  background:#f1e8d5!important;
  color:#171613!important;
  border-bottom:1px solid rgba(0,0,0,.10)!important;
  font:700 11px/1.35 Arial,Helvetica,sans-serif!important;
  letter-spacing:.075em!important;
  text-transform:none!important;
}
.dv7-announce span{max-width:760px!important;text-align:center!important}
.dv7-announce button{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  color:#171613!important;
  font-size:19px!important;
  line-height:30px!important;
  opacity:.75!important;
}
.dv7-announce button:hover{opacity:1!important}

/* The launch page should breathe. Keep the site tools available through
   the header search/menu, but remove floating UI that competes with content. */
.dv-command,.dv-drawer,.dv7-hub,.dv7-badge,.dv7-section-index,.dv-toast-stack,.dv7-toast{display:none!important}

/* Remove the secondary gold promo even if an older cached HTML fragment exists. */
.promo-bar{display:none!important}

/* Header: one clean row, no collisions on mobile. */
.nav{
  position:sticky!important;
  top:0!important;
  height:78px!important;
  padding:0 clamp(16px,4vw,56px)!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  overflow:visible!important;
  z-index:500!important;
}
.brand{flex:0 0 auto!important;min-width:0!important;display:flex!important;align-items:center!important}
.brand img{width:142px!important;height:auto!important;display:block!important}
.desktop-nav{flex:1 1 auto!important;min-width:0!important;justify-content:center!important}
.nav-right{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:7px!important}
.nav-right .theme-toggle,.nav-right [data-search-trigger]{
  width:42px!important;height:42px!important;min-width:42px!important;
  border:1px solid #34322e!important;background:#11110f!important;
}
.menu{width:44px!important;height:42px!important;min-width:44px!important;flex:0 0 44px!important;background:#11110f!important}

/* Home hero on phones: keep the headline and paragraph away from floating UI. */
.home{position:relative!important;z-index:1!important}
.home h1{max-width:900px!important}
.home>p{max-width:600px!important}

@media(max-width:1000px){
  .nav{height:74px!important;padding:0 20px!important}
  .brand img{width:132px!important}
  .desktop-nav,.nav-cta{display:none!important}
  .nav-right{margin-left:auto!important}
}
@media(max-width:560px){
  .dv7-announce{min-height:52px!important;padding:11px 42px 11px 14px!important;font-size:9px!important;letter-spacing:.065em!important}
  .dv7-announce span{max-width:330px!important}
  .dv7-announce button{right:9px!important}
  .nav{height:72px!important;padding:0 15px!important;gap:10px!important}
  .brand img{width:122px!important}
  .nav-right{gap:5px!important}
  .nav-right .theme-toggle,.nav-right [data-search-trigger]{width:38px!important;height:38px!important;min-width:38px!important}
  .menu{width:42px!important;height:40px!important;min-width:42px!important}
  .menu span{width:19px!important}
  .home{min-height:auto!important;padding:92px 20px 72px!important}
  .kicker{margin-bottom:26px!important;font-size:8px!important;letter-spacing:1.7px!important}
  .home h1{font-size:clamp(56px,16vw,78px)!important;line-height:.88!important;letter-spacing:-4px!important}
  .home>p{font-size:16px!important;line-height:1.65!important;margin:28px 0!important}
  .actions{gap:16px!important}
  .hero-note{margin-top:54px!important}
  .strip{padding:16px 20px!important}
  .intro{padding:82px 20px!important}
  .intro h2,.feature h2{letter-spacing:-3px!important}
  .feature>div:first-child{padding:65px 20px!important}
  footer{padding:42px 20px!important}
}

/* Keep floating WhatsApp useful but out of the reading flow. */
.whatsapp-float{right:16px!important;bottom:18px!important;width:52px!important;height:52px!important}
@media(max-width:600px){.whatsapp-float{right:14px!important;bottom:76px!important}}