/* Shared extras: floating WhatsApp, consent bar, lead form, showreel, pricing */
.hx-wa{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#25d366;color:#06240f;font:700 15px/1 Manrope,system-ui,sans-serif;text-decoration:none;box-shadow:0 10px 30px #0008;transition:transform .2s}
.hx-wa:hover{transform:translateY(-2px)}
.hx-wa:focus-visible{outline:3px solid #b3f98c;outline-offset:3px}
@media(max-width:640px){.hx-wa span{display:none}.hx-wa{padding:14px;right:14px;bottom:14px}}
.hx-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:560px;margin-inline:auto;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;border-radius:16px;background:#111611;color:#f2f3ed;border:1px solid #ffffff29;font:14px/1.5 Manrope,system-ui,sans-serif;box-shadow:0 20px 50px #000a}
.hx-consent p{margin:0;flex:1 1 260px}.hx-consent a{color:#b3f98c}
.hx-consent div{display:flex;gap:8px}
.hx-consent button{font:700 14px Manrope,system-ui,sans-serif;padding:10px 16px;border-radius:999px;border:1px solid #ffffff40;background:transparent;color:inherit;cursor:pointer}
.hx-consent .hx-primary{background:#b3f98c;color:#101a0d;border-color:#b3f98c}

/* Lead form */
.hx-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;font-family:Manrope,system-ui,sans-serif}
.hx-form .hx-full{grid-column:1/-1}
.hx-form label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:#f2f3ed}
.hx-form label small{font-weight:400;color:#a4aaa3}
.hx-form input,.hx-form select,.hx-form textarea{width:100%;box-sizing:border-box;font:16px/1.4 Manrope,system-ui,sans-serif;color:#f2f3ed;background:#0d110d;border:1px solid #ffffff2e;border-radius:12px;padding:13px 14px}
.hx-form textarea{min-height:110px;resize:vertical}
.hx-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#a4aaa3 50%),linear-gradient(135deg,#a4aaa3 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.hx-form input:focus,.hx-form select:focus,.hx-form textarea:focus{outline:2px solid #b3f98c;outline-offset:1px;border-color:transparent}
.hx-form [aria-invalid=true]{border-color:#ff8a7a;outline-color:#ff8a7a}
.hx-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;color:#a4aaa3!important;font-size:13px!important;line-height:1.5}
.hx-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#b3f98c}
.hx-check a{color:#b3f98c}
.hx-check:has([aria-invalid=true]){color:#ff8a7a!important}
.hx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.hx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hx-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font:700 16px Manrope,system-ui,sans-serif;text-decoration:none;border:1px solid #ffffff29;background:transparent;color:#f2f3ed;cursor:pointer}
.hx-btn.hx-primary,.hx-form button[type=submit]{background:#b3f98c;color:#101a0d;border-color:#b3f98c}
.hx-form button[type=submit]{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:999px;font:700 16px Manrope,system-ui,sans-serif;border:0;cursor:pointer}
.hx-form button[disabled]{opacity:.6;cursor:wait}
.hx-status{margin:0;font-size:14px;color:#a4aaa3}.hx-status.hx-error{color:#ff8a7a}
.hx-done{grid-column:1/-1;padding:28px;border:1px solid #b3f98c66;border-radius:18px;background:#0f170f}
.hx-done strong{display:block;font-size:22px;color:#b3f98c;margin-bottom:6px}.hx-done p{color:#d6d9d0;margin:0 0 18px}
@media(max-width:700px){.hx-form{grid-template-columns:1fr}}

/* Showreel block */
.hx-reel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,6vw,90px);align-items:center}
.hx-reel-copy h2{margin:0 0 18px}
.hx-reel-copy p{color:#c9cdc4;font-size:clamp(16px,1.4vw,19px);line-height:1.65;max-width:520px}
.hx-reel-list{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:10px}
.hx-reel-list li{display:flex;gap:12px;align-items:baseline;color:#f2f3ed;font-size:16px}
.hx-reel-list li:before{content:'';width:8px;height:8px;border-radius:50%;background:#b3f98c;flex:none;transform:translateY(-2px)}
.hx-reel-frame{position:relative;width:min(100%,380px);margin-inline:auto;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#0d110d;border:1px solid #ffffff29;box-shadow:0 40px 90px #000c,0 0 0 8px #ffffff0a}
.hx-reel-frame video,.hx-reel-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-sound{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:0;background:#b3f98c;color:#101a0d;font:700 14px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 30px #0009;white-space:nowrap}
@media(max-width:800px){.hx-reel{grid-template-columns:1fr}.hx-reel-frame{width:min(100%,330px)}}

/* Price cards */
.hx-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.hx-price{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:18px;background:#0d110d;border:1px solid #ffffff29}
.hx-price.hx-hot{border-color:#b3f98c;box-shadow:inset 0 0 0 1px #b3f98c}
.hx-price .hx-tag{align-self:flex-start;font:700 12px Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#b3f98c;color:#101a0d}
.hx-price h3{margin:0;font-size:22px}
.hx-price .hx-amount{font-family:Anton,Impact,sans-serif;font-size:40px;line-height:1;color:#f2f3ed}
.hx-price .hx-amount small{font-family:Manrope,system-ui,sans-serif;font-size:14px;color:#a4aaa3;margin-left:4px}
.hx-price ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;color:#c9cdc4;font-size:15px}
.hx-price li:before{content:'✓ ';color:#b3f98c;font-weight:700}
.hx-price .hx-btn{margin-top:auto;justify-content:center}
.hx-rows{display:grid;gap:0;border-top:1px solid #ffffff29}
.hx-row{display:flex;justify-content:space-between;gap:18px;padding:16px 4px;border-bottom:1px solid #ffffff29;align-items:baseline}
.hx-row span{color:#c9cdc4}.hx-row strong{white-space:nowrap;color:#f2f3ed;font-size:18px}
.hx-row em{display:block;font-style:normal;font-size:13px;color:#a4aaa3}

/* Homepage additions */
html[lang=en] .tr-only{display:none!important}
html:not([lang=en]) .en-only{display:none!important}
.header nav a.nav-cta{background:#b3f98c;color:#101a0d!important;font-weight:700;padding:8px 16px;border-radius:999px;opacity:1}
.hx-showreel{padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(70px,9vw,130px)}
.hx-showreel h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(52px,7.2vw,118px);line-height:.92;margin:14px 0 26px;letter-spacing:0}
.hx-showreel .hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hx-pricing-teaser .hx-price{text-decoration:none;color:#f2f3ed;transition:border-color .2s,transform .2s}
.hx-pricing-teaser .hx-price:hover{border-color:#b3f98c;transform:translateY(-3px)}
.hx-pricing-teaser .hx-prices{margin-top:clamp(30px,4vw,50px)}
.hx-pricing-more{margin-top:26px}
.brief-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.brief-pair select{width:100%}
@media(max-width:700px){.brief-pair{grid-template-columns:1fr}}
/* Mobile: the avatar already appears in the hero; skip the second sticky portrait to shorten the page */
@media(max-width:800px){.about .portrait-column{display:none}.about-layout{min-height:0}}
.project-brief .hx-check input{width:18px;min-width:18px;height:18px;min-height:0;padding:0;margin-top:3px}.project-brief .hx-check{font-size:14px!important}

.hx-pricing-more .text-link{display:inline-flex;width:auto;gap:8px}
@media(max-width:800px){.about .toolkit ul{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 6px}.about .toolkit li{font-size:11px}}
@media(min-width:801px){.header nav{align-items:center}.header nav>a,.header nav .nav-group>a{line-height:1.2}}
@media(max-width:800px){.header.menu-open nav a.nav-cta{align-self:flex-start;margin-top:14px;padding:10px 18px}}