/* HackLancer v3.1 — Premium 2026 refinement layer */
:root{
  --hl-container: min(1380px, calc(100vw - 48px));
  --hl-section-y: clamp(4.5rem, 8vw, 8.5rem);
  --hl-glass: color-mix(in srgb, var(--hl-bg-card) 78%, transparent);
  --hl-accent-2:#8B5CF6;
}
html[data-hl-theme="light"]{
  --hl-bg:#F4F5F8;--hl-bg-2:#ECEEF3;--hl-bg-3:#E3E6ED;--hl-bg-card:#FFFFFF;--hl-bg-elevated:#FFFFFF;
  --hl-text:#11131A;--hl-text-2:#454B58;--hl-text-muted:#687080;--hl-text-dim:#8A91A0;
  --hl-border:rgba(17,19,26,.09);--hl-border-2:rgba(17,19,26,.15);
  --hl-shadow-sm:0 4px 18px rgba(18,22,32,.07);--hl-shadow-md:0 18px 60px rgba(18,22,32,.10);--hl-shadow-lg:0 30px 100px rgba(18,22,32,.14);
}
html[data-hl-theme="light"] body::before{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(220,20,60,.07),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(139,92,246,.05),transparent 60%)}
html[data-hl-theme="light"] .hl-header{background:rgba(244,245,248,.74)}
html[data-hl-theme="light"] .hl-header.scrolled{background:rgba(244,245,248,.94)}
html[data-hl-theme="light"] .hl-contact-bar{background:#ECEEF3}
html[data-hl-theme="light"] .hl-mobile-menu{background:rgba(244,245,248,.98)}
html[data-hl-theme="light"] .hl-logo img.hl-logo-default,html[data-hl-theme="light"] .hl-footer-logo img.hl-logo-default{content:url("../images/hacklancer-logo-light.svg")}

body{min-width:320px;background:var(--hl-bg);transition:background-color .3s ease,color .3s ease}
.hl-container{max-width:1380px;padding-inline:clamp(1rem,2.6vw,2.25rem)}
.hl-header{top:0;background:transparent;border:0;backdrop-filter:none;padding-top:12px;pointer-events:none}
.hl-header-inner{height:68px;padding:0 14px 0 18px;border:1px solid var(--hl-border);border-radius:20px;background:color-mix(in srgb,var(--hl-bg) 78%,transparent);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 16px 60px rgba(0,0,0,.12);pointer-events:auto}
.hl-header.scrolled{background:transparent;border:0;box-shadow:none}
.hl-header.scrolled .hl-header-inner{background:color-mix(in srgb,var(--hl-bg) 92%,transparent);box-shadow:0 14px 50px rgba(0,0,0,.18)}
.hl-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.hl-header-cta{display:block}
.hl-logo img{height:38px;max-width:205px}
.hl-nav-menu{gap:2px}.hl-nav-menu>li>a{padding:.72rem .86rem;font-size:.86rem;white-space:nowrap}
.hl-nav-menu .sub-menu{min-width:270px;padding:10px;border-radius:16px;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--hl-bg-card) 94%,transparent)}
.hl-nav-menu .sub-menu a{padding:10px 12px}
.hl-theme-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--hl-border);border-radius:999px;color:var(--hl-text-2);background:color-mix(in srgb,var(--hl-bg-card) 75%,transparent);transition:.2s ease}
.hl-theme-toggle:hover{color:var(--hl-text);border-color:var(--hl-border-crimson);transform:translateY(-1px)}
.hl-theme-icon-light,.hl-theme-icon-dark{grid-area:1/1}.hl-theme-icon-dark{display:none}html[data-hl-theme="light"] .hl-theme-icon-light{display:none}html[data-hl-theme="light"] .hl-theme-icon-dark{display:inline-block}
.hl-mobile-theme-toggle{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--hl-text-2);font-size:.82rem}

/* Hero — intentional editorial composition */
.hl-hero{min-height:max(720px,calc(100svh - var(--hl-contact-bar-height)));padding:clamp(5.5rem,9vw,8.5rem) 0 clamp(4rem,7vw,7rem)}
.hl-hero::after{content:"";position:absolute;width:min(48vw,680px);aspect-ratio:1;right:-8%;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),rgba(220,20,60,.07) 36%,transparent 70%);filter:blur(14px);pointer-events:none}
.hl-hero-inner{grid-template-columns:minmax(0,1.14fr) minmax(330px,.72fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.hl-hero-content{min-width:0;max-width:920px}.hl-hero-eyebrow{margin-bottom:1.25rem;background:color-mix(in srgb,var(--hl-bg-card) 64%,transparent);backdrop-filter:blur(12px)}
.hl-hero-title{font-size:clamp(3.4rem,6.1vw,6.45rem);line-height:.92;letter-spacing:-.055em;margin-bottom:1.65rem;text-wrap:balance}
.hl-hero-title-line{width:max-content;max-width:100%}.hl-hero-title-line:nth-child(1){font-size:.87em}.hl-hero-title-line:nth-child(2){font-size:1.04em}.hl-hero-title-line:nth-child(3){font-size:.88em}
.hl-hero-title-accent{background:linear-gradient(100deg,#FF2D55 2%,var(--hl-crimson) 46%,#A15CF7 108%);-webkit-background-clip:text;background-clip:text}
.hl-hero-subhead{max-width:700px;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.75}.hl-hero-supporting{max-width:650px;font-size:.98rem;line-height:1.75;margin-bottom:2.15rem}
.hl-hero-ctas{gap:12px}.hl-hero-trust{margin-top:1.8rem;gap:10px}.hl-hero-trust-item{padding:9px 12px;border:1px solid var(--hl-border);border-radius:999px;background:color-mix(in srgb,var(--hl-bg-card) 45%,transparent);font-size:.76rem}
.hl-hero-visual{min-width:0;position:relative;display:grid;place-items:center}.hl-hero-visual::before,.hl-hero-visual::after{content:"";position:absolute;border:1px solid rgba(220,20,60,.18);border-radius:50%;inset:8%;animation:hl-orbit 18s linear infinite}.hl-hero-visual::after{inset:20%;border-color:rgba(139,92,246,.18);animation-duration:26s;animation-direction:reverse}
@keyframes hl-orbit{to{transform:rotate(360deg)}}
.hl-hero-card{width:min(100%,430px);transform:perspective(900px) rotateY(-5deg) rotateX(2deg);box-shadow:0 35px 100px rgba(0,0,0,.32),0 0 80px rgba(220,20,60,.08)}

/* Section rhythm */
.hl-services,.hl-process,.hl-payment-model,.hl-testimonials,.hl-faq,.hl-final-cta{padding-block:var(--hl-section-y)}
.hl-section-header{max-width:900px;margin-bottom:clamp(2.2rem,4vw,4rem)}.hl-section-title{font-size:clamp(2.25rem,4.4vw,4.1rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}.hl-section-subtitle{max-width:760px;font-size:1rem;line-height:1.75}

/* Bento service grid */
.hl-services-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.hl-service-card{grid-column:span 3;min-width:0;min-height:270px}.hl-service-card:nth-child(1){grid-column:span 6}.hl-service-card:nth-child(4){grid-column:span 4}.hl-service-card:nth-child(5),.hl-service-card:nth-child(6){grid-column:span 4}.hl-service-card:nth-child(7),.hl-service-card:nth-child(8){grid-column:span 6}.hl-service--wide,.hl-service--tall{grid-row:auto}
.hl-service-card-inner{padding:clamp(1.35rem,2.1vw,2rem);background:linear-gradient(150deg,color-mix(in srgb,var(--hl-bg-card) 96%,transparent),color-mix(in srgb,var(--hl-bg-3) 82%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.hl-service-card-inner::after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(220,20,60,.10),transparent 68%);transition:.35s ease}.hl-service-card:hover .hl-service-card-inner::after{transform:scale(1.3);opacity:.85}
.hl-service-title{font-size:clamp(1.25rem,1.8vw,1.7rem);letter-spacing:-.03em;overflow-wrap:anywhere}.hl-service-desc{font-size:.92rem;line-height:1.7}.hl-service-price{white-space:normal;text-align:right;max-width:48%;line-height:1.35;overflow-wrap:anywhere}

/* Cards/forms */
.hl-glass-card,.hl-tier-card,.hl-testimonial-card,.hl-payment-card,.hl-feature-item,.hl-quote-form{border-radius:20px;border-color:var(--hl-border);box-shadow:0 20px 70px rgba(0,0,0,.14)}
input,select,textarea{font-size:16px}.hl-form-control,.hl-form-input,.hl-form-select,.hl-form-textarea{min-height:48px}

/* WhatsApp */
.hl-whatsapp-float{left:24px;right:auto;bottom:max(24px,env(safe-area-inset-bottom));z-index:120;gap:10px;padding:10px 14px 10px 11px;background:var(--hl-whatsapp-custom,var(--hl-whatsapp));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 55px color-mix(in srgb,var(--hl-whatsapp-custom,var(--hl-whatsapp)) 28%,transparent);transform:none}
.hl-whatsapp-float:hover{background:var(--hl-whatsapp-custom,var(--hl-whatsapp));filter:brightness(.95);transform:translateY(-3px)}.hl-whatsapp-copy{display:grid;text-align:left;line-height:1.05}.hl-whatsapp-copy strong{font-size:.82rem}.hl-whatsapp-copy small{font-size:.62rem;opacity:.8;margin-top:3px}.hl-whatsapp--cookie-open{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 150px)}

/* Compact consent panel */
.hl-cookie-banner{left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));width:min(980px,calc(100% - 32px));transform:translateX(-50%);border:1px solid var(--hl-border);border-radius:18px;padding:14px;background:color-mix(in srgb,var(--hl-bg-2) 96%,transparent);box-shadow:0 24px 80px rgba(0,0,0,.3)}.hl-cookie-inner{padding:0;gap:14px}.hl-cookie-icon{display:none}.hl-cookie-content p{font-size:.78rem;line-height:1.45}.hl-cookie-content h3{font-size:.92rem}.hl-cookie-actions{gap:6px}.hl-cookie-btn{padding:8px 12px;font-size:.75rem}.hl-cookie-prefs{max-height:min(62vh,520px);overflow:auto;margin:12px 0 0;padding:16px;background:var(--hl-bg-card)}

/* Accessible focus and touch behavior */
:focus-visible{outline:3px solid color-mix(in srgb,var(--hl-crimson) 78%,white);outline-offset:3px}.hl-btn,.hl-theme-toggle,.hl-mobile-toggle,.hl-mobile-close{min-height:44px}.hl-nav-menu a{touch-action:manipulation}

@media(max-width:1180px){.hl-nav-menu>li>a{padding:.68rem .68rem;font-size:.82rem}.hl-header-inner{gap:12px}.hl-header-cta .hl-btn{padding:.78rem 1rem}.hl-hero-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:2.2rem}.hl-hero-title{font-size:clamp(3.1rem,6.4vw,5.3rem)}.hl-service-card{grid-column:span 4}.hl-service-card:nth-child(1){grid-column:span 8}.hl-service-card:nth-child(7),.hl-service-card:nth-child(8){grid-column:span 6}}
@media(max-width:1024px){.hl-header{padding-top:8px}.hl-header-inner{height:64px}.hl-header-actions .hl-header-cta{display:none}.hl-hero{padding-top:5rem}.hl-hero-inner{grid-template-columns:1fr;gap:2.5rem}.hl-hero-visual{order:initial;max-width:560px;margin:0 auto;width:100%}.hl-hero-title{max-width:900px;font-size:clamp(3.45rem,8.5vw,5.7rem)}.hl-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-service-card,.hl-service-card:nth-child(n){grid-column:auto;min-height:250px}.hl-service-card:nth-child(1),.hl-service-card:nth-child(8){grid-column:span 2}}
@media(max-width:768px){:root{--hl-container:100%;--hl-section-y:clamp(3.8rem,14vw,6rem)}.hl-container{padding-inline:18px}.hl-contact-bar{display:none}.hl-header{padding-top:8px}.hl-header-inner{border-radius:16px;padding-inline:14px}.hl-logo img{height:34px;max-width:175px}.hl-header-actions{margin-left:auto}.hl-header-actions>.hl-theme-toggle{display:grid}.hl-mobile-toggle{margin-left:0}.hl-mobile-menu{padding:90px 18px 30px}.hl-mobile-nav a{font-size:1.15rem;min-height:48px}.hl-hero{min-height:auto;padding:4.5rem 0 4rem}.hl-hero::after{width:90vw;right:-35%;top:15%}.hl-hero-eyebrow{font-size:.68rem;line-height:1.4;border-radius:12px}.hl-hero-title{font-size:clamp(3rem,14vw,5rem);line-height:.91;letter-spacing:-.06em}.hl-hero-title-line{width:auto}.hl-hero-title-line:nth-child(n){font-size:1em}.hl-hero-subhead{font-size:1rem}.hl-hero-supporting{font-size:.92rem}.hl-hero-ctas{display:grid;grid-template-columns:1fr}.hl-hero-ctas .hl-btn{width:100%}.hl-hero-trust{display:grid;grid-template-columns:1fr 1fr}.hl-hero-trust-item{border-radius:14px;white-space:normal;line-height:1.35}.hl-hero-visual{max-width:440px}.hl-hero-card{transform:none}.hl-services-grid{grid-template-columns:1fr;gap:14px}.hl-service-card,.hl-service-card:nth-child(n){grid-column:auto;min-height:0}.hl-service-card-inner{min-height:245px}.hl-cookie-banner{width:calc(100% - 20px);bottom:max(10px,env(safe-area-inset-bottom));max-height:74svh;overflow:auto}.hl-cookie-inner{display:block}.hl-cookie-actions{margin-top:10px;width:100%;display:grid;grid-template-columns:1fr 1fr}.hl-cookie-btn--primary{grid-column:1/-1}.hl-whatsapp-float{left:14px;bottom:max(14px,env(safe-area-inset-bottom));width:54px;height:54px;padding:0;justify-content:center;border-radius:50%}.hl-whatsapp-copy{display:none}.hl-whatsapp--cookie-open{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 190px)}}
@media(max-width:420px){.hl-header-actions>.hl-theme-toggle{width:38px;height:38px}.hl-hero-title{font-size:clamp(2.7rem,14vw,4rem)}.hl-hero-trust{grid-template-columns:1fr}.hl-section-title{font-size:clamp(2.1rem,11vw,3rem)}.hl-service-card-inner{padding:1.25rem}}
@media(max-height:620px) and (orientation:landscape){.hl-mobile-menu{padding-top:62px}.hl-mobile-nav{margin-top:0}.hl-mobile-nav a{padding:.7rem 1rem;font-size:1rem}.hl-hero{padding-top:3rem}.hl-cookie-banner{max-height:80svh;overflow:auto}}
@media(hover:none),(pointer:coarse){.hl-service-card:hover .hl-service-card-inner,.hl-btn:hover,.hl-whatsapp-float:hover{transform:none}.hl-hero-visual::before,.hl-hero-visual::after{animation:none}}
@media(prefers-reduced-motion:reduce){.hl-hero-title-line{opacity:1!important;transform:none!important;animation:none!important}.hl-hero-visual::before,.hl-hero-visual::after,.hl-whatsapp-pulse{animation:none!important}}

.hl-hero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,color-mix(in srgb,var(--hl-bg) 92%,transparent) 0%,color-mix(in srgb,var(--hl-bg) 75%,transparent) 52%,color-mix(in srgb,var(--hl-bg) 30%,transparent) 100%),var(--hl-hero-image,none);background-size:cover;background-position:center;opacity:.72;mix-blend-mode:normal;pointer-events:none}
.hl-header-style-flat .hl-header{padding-top:0}.hl-header-style-flat .hl-header-inner{border-radius:0;max-width:none}.hl-footer-density-compact .hl-footer{padding-top:3.5rem}.hl-footer-density-compact .hl-footer-grid{gap:2rem;margin-bottom:2.25rem}