/* FreelanceKu V5 | precision, premium depth, photo banners, floating WhatsApp */
:root{--v5-ink:#0c2852;--v5-accent:#00bc99}
html{scroll-padding-top:18px}
body{overflow-x:hidden}
.site-shell{overflow:clip}
.hero{background:radial-gradient(ellipse at 95% -20%,rgba(67,193,255,.38),transparent 56%),radial-gradient(ellipse at -10% 65%,rgba(8,193,226,.19),transparent 45%),linear-gradient(150deg,#057ec0 0%,#0a56a0 56%,#0b2d68 100%)}
.hero-content{position:relative}
.hero-banner-showcase{width:100%;position:relative;margin-top:26px;margin-bottom:3px}
.hero-banners-viewport{position:relative;overflow:hidden;aspect-ratio:3.45/1;min-height:120px;max-height:310px;border-radius:27px;border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 42px rgba(0,24,78,.27),inset 0 2px rgba(255,255,255,.4);background:#156bb7;isolation:isolate}
.hero-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.07);transition:opacity .8s ease,transform 4.8s ease,visibility .8s ease;background:radial-gradient(circle at 23% 36%,rgba(84,255,234,.45),transparent 37%),linear-gradient(130deg,#0564c2,#1b83d6 45%,#0a315c)}
.hero-banner-slide.is-current{opacity:1;visibility:visible;transform:scale(1)}
.hero-banner-slide.banner-art-2{background:radial-gradient(circle at 82% 23%,rgba(255,233,158,.46),transparent 35%),linear-gradient(120deg,#0d3c90,#3f7bd8 53%,#00b2b6)}
.hero-banner-slide.banner-art-3{background:radial-gradient(circle at 68% 18%,rgba(0,232,206,.57),transparent 35%),linear-gradient(120deg,#07336e,#127cc0 50%,#0bcf9c)}
.hero-banner-slide img{display:block;width:100%;height:100%;object-fit:cover}
.banner-visual-abstract{position:absolute;inset:0;overflow:hidden}
.banner-visual-abstract span{position:absolute;border-radius:32%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.015));box-shadow:0 18px 65px rgba(4,16,72,.14),inset 0 1px rgba(255,255,255,.23);transform:rotate(-25deg)}
.banner-visual-abstract span:nth-child(1){width:33%;height:125%;top:-45%;right:15%}
.banner-visual-abstract span:nth-child(2){width:25%;height:120%;top:7%;right:42%;transform:rotate(25deg)}
.banner-visual-abstract span:nth-child(3){width:18%;height:68%;top:32%;left:7%;transform:rotate(-15deg)}
.hero-banner-dots{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:4}
.hero-banner-dot{border:0;border-radius:999px;width:8px;height:8px;padding:0;background:rgba(255,255,255,.52);box-shadow:0 1px 4px rgba(0,0,0,.15);transition:width .3s,background .3s}
.hero-banner-dot.active{width:29px;background:white}
.hero-body{padding-top:33px}
.hero h1{text-wrap:balance}
.trust-strip{max-width:760px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:15px;color:#fff}
.trust-strip .trust-pill{display:flex;min-width:0;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.045));backdrop-filter:blur(13px);font-size:12px;line-height:1.5;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.19),0 11px 23px rgba(0,35,78,.12)}
.trust-pill .trust-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;color:#a3f7e7;background:rgba(0,220,190,.15)}
.hero-feature-row{display:grid;max-width:760px;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.hero-feature-row .hero-feature{min-width:0;justify-content:flex-start;width:100%;white-space:normal;line-height:1.35;padding:10px;font-size:12px}
.hero-feature-row .hero-feature strong{flex:0 0 29px}
.main-content{padding-bottom:46px}
.site-footer{display:block;margin-top:42px;padding:30px 24px 29px;border:1px solid rgba(213,230,244,.9);border-radius:25px;background:linear-gradient(155deg,rgba(255,255,255,.89),rgba(237,247,255,.83));box-shadow:0 16px 40px rgba(19,60,111,.09)}
.footer-upper{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e1ebf5}
.site-footer .footer-brand{display:flex;align-items:center;gap:11px;min-width:max-content;font-size:17px;color:#122d4d}
.site-footer .footer-brand img{border-radius:11px}
.site-footer .footer-upper p{max-width:360px;min-width:0;line-height:1.6;font-size:12px;flex:none;color:#7788a0;text-align:right}
.footer-lower{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.site-footer a{white-space:nowrap}
.site-footer small{white-space:nowrap;color:#8b9cad}
.sticky-bar{display:none!important}
.wa-floating-wrap{position:fixed;z-index:60;right:max(20px,env(safe-area-inset-right) + 16px);bottom:max(23px,env(safe-area-inset-bottom) + 20px);display:flex;align-items:center;gap:11px;filter:drop-shadow(0 14px 25px rgba(0,69,67,.20))}
.wa-floating-button{position:relative;flex:0 0 64px;display:grid;place-items:center;width:64px;height:64px;border:2px solid rgba(255,255,255,.9);border-radius:22px;color:white;background:linear-gradient(150deg,#58e7c2,#0fbd83 60%,#079465);box-shadow:0 17px 0 -9px #0a7e65,0 20px 38px rgba(6,152,111,.32),inset 0 2px rgba(255,255,255,.42),inset 0 -5px rgba(2,89,58,.13);animation:wa-soft-float 3.2s ease-in-out infinite}
.wa-floating-button::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(20,204,146,.36);border-radius:26px;animation:wa-ping 3.2s ease-out infinite;pointer-events:none}
.wa-floating-button:hover{filter:brightness(1.06)}
.wa-floating-tip{pointer-events:none;white-space:nowrap;padding:10px 12px;border-radius:12px;background:linear-gradient(150deg,#fff,#effbff);border:1px solid rgba(219,232,242,.94);color:#146d7c;font-size:11px;letter-spacing:.01em;font-weight:850;box-shadow:0 12px 24px rgba(0,34,85,.12);opacity:0;transform:translateX(8px);animation:wa-tip-show 9s ease-in-out infinite}
@keyframes wa-soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes wa-ping{0%,72%,100%{transform:scale(1);opacity:0}14%{transform:scale(1);opacity:.95}55%{transform:scale(1.19);opacity:0}}
@keyframes wa-tip-show{0%,8%,60%,100%{opacity:0;transform:translateX(8px)}14%,43%{opacity:1;transform:translateX(0)}}
@media(max-width:700px){
 .hero-banner-showcase{margin-top:20px}
 .hero-banners-viewport{aspect-ratio:2.18/1;min-height:116px;border-radius:19px}
 .hero-banner-dots{bottom:9px}
 .hero-body{padding-top:29px;padding-bottom:90px}
 .trust-strip{gap:8px}
 .trust-strip .trust-pill{padding:9px;gap:7px;border-radius:12px;font-size:10px;line-height:1.35}
 .trust-pill .trust-icon{height:30px;flex-basis:30px}
 .hero-feature-row{gap:7px;margin-top:13px}
 .hero-feature-row .hero-feature{padding:8px 6px;gap:6px;font-size:10px;line-height:1.35;justify-content:center;text-align:center}
 .hero-feature-row .hero-feature strong{flex-basis:24px;min-width:24px;height:24px;font-size:10px}
 .main-content{padding-bottom:34px}
 .site-footer{padding:21px 18px 23px;margin-top:26px;border-radius:20px}
 .footer-upper{display:grid;gap:8px}
 .site-footer .footer-upper p{text-align:left;max-width:none;font-size:11px}
 .footer-lower{display:grid;gap:13px}
 .site-footer .footer-links{gap:11px 17px;font-size:11px}
 .wa-floating-wrap{right:max(15px,env(safe-area-inset-right) + 12px);bottom:max(19px,env(safe-area-inset-bottom) + 14px);gap:8px}
 .wa-floating-button{width:58px;height:58px;flex-basis:58px;border-radius:20px}
 .wa-floating-button svg{width:32px;height:32px}
 .wa-floating-tip{font-size:10px;padding:9px 11px}
}
@media(max-width:375px){.hero-feature-row .hero-feature{flex-wrap:wrap}.hero-feature-row .hero-feature strong{margin:auto}.trust-strip .trust-pill{font-size:9px}.site-footer .footer-links{gap:10px}}
@media(prefers-reduced-motion:reduce){.wa-floating-tip{opacity:1;transform:none;animation:none}.wa-floating-button,.wa-floating-button::before{animation:none!important}.hero-banner-slide{transition:none}}