:root{--text-dark: #2d3436;--text-light: #ffffff;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5);--wa-bg: #111b21;--wa-header: #202c33;--wa-chat-bg: #0b141a;--wa-bubble-out: #005c4b;--wa-bubble-in: #202c33;--wa-input-bg: #2a3942;--wa-green: #00a884;--wa-text: #e9edef;--wa-text-secondary: #8696a0;--wa-icon: #aebac1;--font-serif: "Cormorant Garamond", "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);color:var(--text-dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg-wrapper{position:fixed;inset:0;z-index:-1}.bg-image{width:110%;height:140%;object-fit:cover;object-position:left bottom}header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px 40px}.nav-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 24px #00000014}.nav-pill a{color:var(--text-dark);text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .2s}.nav-pill a:hover{background:#0000000d}.nav-logo:hover{background:#000!important}.nav-logo{padding:6px!important;position:relative;background:#fff!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014}.logo-icon{display:block;width:32px;height:32px;object-fit:contain;content:url(/kaval-okay-transparent.png);transition:opacity .15s ease}.nav-logo:hover .logo-icon{content:url(/kaval-okay-inverted.png)}.nav-cta{margin-left:8px;background:linear-gradient(180deg,#3a3a3a,#1a1a1a)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 1px 3px #00000026!important}.nav-cta:hover{background:linear-gradient(180deg,#444,#222)!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0003,0 2px 6px #0003!important}.nav-cta:active{background:linear-gradient(180deg,#1a1a1a,#2a2a2a)!important;box-shadow:inset 0 1px 2px #0000004d,0 1px 2px #0000001a!important}.nav-time{position:absolute;right:40px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-dark);opacity:.7}.nav-location{font-weight:600}main{min-height:100vh;display:flex;align-items:center;padding:100px 60px 40px}.hero{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:20px}.hero-left{display:flex;justify-content:flex-start}.hero-cta{display:flex;flex-direction:column;align-items:center}.language-text{margin-top:12px;font-size:14px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.hero-right{display:flex;flex-direction:column;align-items:flex-start;background:transparent;padding:40px 0;max-width:450px}.hero-kicker{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffffe6;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.5);background:#0003;padding:6px 12px;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-title{font-family:VT323,monospace;font-size:clamp(64px,8vw,110px);font-weight:400;line-height:.9;letter-spacing:-.02em;color:var(--text-light);text-shadow:4px 4px 0 rgba(0,0,0,.4);margin-bottom:24px}.hero-title .mobile-space{display:none}.hero-subtitle{font-family:"DM Sans",var(--font-sans);font-size:22px;color:#fff;margin-bottom:40px;text-shadow:0 2px 12px rgba(0,0,0,.5);max-width:42ch;line-height:1.5;font-weight:700}.hero-cta .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(180deg,#3a3a3a,#1a1a1a);color:#fff;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.01em;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 4px 12px #00000040,0 1px 3px #00000026}.hero-cta .btn-primary svg{flex-shrink:0}.hero-cta .btn-primary:hover{transform:translateY(-1px);background:linear-gradient(180deg,#444,#222);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0003,0 6px 20px #0000004d,0 2px 6px #0003}.hero-cta .btn-primary:active{transform:translateY(0);background:linear-gradient(180deg,#1a1a1a,#2a2a2a);box-shadow:inset 0 1px 3px #0000004d,0 2px 8px #0003}.whatsapp-phone{width:340px;background:#000;border-radius:36px;overflow:hidden;box-shadow:0 25px 80px #00000080;border:8px solid #1a1a1a}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:var(--wa-bg);color:#fff;font-size:12px;font-weight:500}.status-icons{display:flex;align-items:center;gap:6px}.battery{font-size:11px}.wa-header{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 4px;background:var(--wa-header)}.wa-back{padding:4px;cursor:pointer}.wa-avatar{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.wa-avatar-img{width:28px;height:28px;object-fit:contain}.wa-contact{flex:1;margin-left:6px;text-align:left;display:flex;flex-direction:column;justify-content:center;min-height:40px}.wa-name{font-size:16px;font-weight:500;color:var(--wa-text);line-height:1.1;white-space:nowrap}.wa-status{font-size:12px;color:var(--wa-text-secondary);line-height:1.2}.wa-actions{display:flex;gap:12px;padding-right:4px}.wa-chat{min-height:380px;max-height:380px;padding:8px 12px;background-color:var(--wa-chat-bg);background-image:linear-gradient(#0b141ae6,#0b141ae6),url(/whatsapp-bg.png);background-size:cover;background-position:center;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.wa-msg{max-width:82%;padding:6px 7px 8px 9px;border-radius:7.5px;font-size:14.2px;line-height:19px;position:relative;opacity:0;transform:translateY(8px);animation:msgIn .25s ease forwards;word-wrap:break-word;text-align:left}.wa-msg.has-tail{margin-bottom:10px}@keyframes msgIn{to{opacity:1;transform:translateY(0)}}.wa-msg.in{background:var(--wa-bubble-in);color:var(--wa-text);align-self:flex-start;border-radius:7.5px;margin-left:12px;box-shadow:0 1px 2px #00000026}.wa-msg.in.has-tail{border-radius:7.5px;margin-left:8px}.wa-msg.out{background:var(--wa-bubble-out);color:var(--wa-text);align-self:flex-end;border-radius:7.5px;margin-right:12px;box-shadow:0 1px 2px #00000026}.wa-msg.out.has-tail{border-radius:7.5px;margin-right:8px}.wa-msg.out.has-tail{border-bottom-right-radius:0}.wa-msg.in.has-tail{border-bottom-left-radius:0}.wa-tail{position:absolute;bottom:0;width:8px;height:13px}.wa-tail.out{right:-8px}.wa-tail.in{left:-8px}.wa-tail svg{display:block;width:8px;height:13px}.wa-msg .meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:3px 0 -5px 12px;font-size:11px;color:#fff9}.wa-check{display:inline-flex;align-items:center;margin-left:4px}.wa-check svg{width:16px;height:11px}.wa-check.read{color:#53bdeb}.wa-check.delivered{color:#fff9}.wa-fwd{display:flex;align-items:center;gap:4px;font-size:12px;color:#ffffff73;font-style:italic;margin-bottom:3px}.wa-fwd svg{width:12px;height:12px;opacity:.9}.wa-msg.in.verdict{background:linear-gradient(135deg,#ef44442e,#ef444414);border:1px solid rgba(239,68,68,.35);padding:10px 12px;max-width:88%}.wa-msg.in.verdict:before{border-right-color:#ef444426}.wa-msg.verdict .badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#f87171;margin-bottom:4px}.wa-msg.verdict p{font-size:13.5px;color:#d1d5db;margin:0;line-height:1.45}.wa-input-bar{display:flex;align-items:center;gap:6px;padding:5px 6px;background:var(--wa-bg)}.wa-input{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--wa-input-bg);border-radius:21px}.wa-placeholder{flex:1;color:var(--wa-text-secondary);font-size:15px}.wa-input-icons{display:flex;gap:14px}.wa-mic{width:42px;height:42px;background:var(--wa-green);border-radius:50%;display:flex;align-items:center;justify-content:center}.phone-nav{padding:8px 0 6px;background:var(--wa-bg);display:flex;justify-content:center}.nav-bar{width:120px;height:4px;background:#fff;border-radius:2px;opacity:.6}@media(max-width:1000px){header{padding:16px 24px}.nav-pill{gap:4px;padding:6px 10px}.nav-pill a{font-size:13px;padding:6px 12px}.nav-time{display:none}main{padding:100px 24px 40px}.hero{margin:0 auto;flex-direction:column;gap:32px;text-align:center}.hero-left{justify-content:center;order:1}.hero-right{align-items:center;order:0;padding:20px 0}.hero-subtitle{text-align:center}}@media(max-width:600px){body{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden}header{position:relative;padding:10px 16px;flex-shrink:0}.nav-pill{padding:6px 8px;gap:4px}.nav-pill a:not(.nav-logo):not(.nav-cta){display:none}.nav-time{display:none}main{flex:1;padding:8px 16px;min-height:0;display:flex;align-items:center;justify-content:center}.site-footer.footer-fixed{position:relative;padding:10px 16px;flex-shrink:0}.hero{gap:clamp(6px,1.5vh,16px)}.hero-right{padding:0}.hero-title{font-size:clamp(28px,6vh,56px);text-shadow:2px 2px 0 rgba(0,0,0,.4);margin-bottom:clamp(4px,1vh,12px);word-spacing:.1em;letter-spacing:.02em}.hero-title .desktop-br{display:none}.hero-title .mobile-space{display:inline}.hero-subtitle{font-size:clamp(12px,2.2vh,18px);margin-bottom:clamp(8px,1.5vh,20px);max-width:32ch;line-height:1.4}.hero-cta .btn-primary{padding:clamp(8px,1.2vh,14px) clamp(16px,3vw,24px);font-size:clamp(11px,1.8vh,15px)}.hero-cta .btn-primary svg{width:clamp(14px,2.2vh,20px);height:clamp(14px,2.2vh,20px)}.language-text{margin-top:clamp(4px,.8vh,10px);font-size:clamp(9px,1.5vh,13px)}.whatsapp-phone{width:clamp(180px,38vh,280px);border-radius:clamp(16px,3vh,32px);border-width:clamp(3px,.7vh,7px)}.wa-chat{height:clamp(160px,34vh,300px);min-height:unset;max-height:unset;overflow:hidden;padding:clamp(3px,.6vh,8px) clamp(5px,1.2vh,12px)}.wa-msg{font-size:clamp(9px,1.6vh,13px);line-height:1.35;padding:clamp(3px,.6vh,7px) clamp(4px,.8vh,9px)}.wa-fwd{gap:clamp(2px,.4vh,4px);font-size:clamp(8px,1.3vh,11px);margin-bottom:clamp(1px,.3vh,3px)}.wa-fwd svg{width:clamp(8px,1.3vh,12px);height:clamp(8px,1.3vh,12px)}.wa-msg.has-tail{margin-bottom:clamp(3px,.6vh,8px)}.wa-msg.verdict{padding:clamp(5px,1vh,12px)}.wa-msg.verdict p{font-size:clamp(8px,1.4vh,12px);line-height:1.3}.wa-msg.verdict .badge{font-size:clamp(8px,1.4vh,12px);margin-bottom:2px}.wa-msg .meta{font-size:clamp(7px,1.1vh,10px)}.wa-header{padding:clamp(2px,.5vh,6px)}.wa-avatar{width:clamp(22px,4vh,40px);height:clamp(22px,4vh,40px)}.wa-avatar-img{width:clamp(15px,2.8vh,28px);height:clamp(15px,2.8vh,28px)}.wa-contact{min-height:clamp(22px,4vh,40px)}.wa-name{font-size:clamp(10px,1.8vh,16px)}.wa-status{font-size:clamp(8px,1.4vh,13px)}.wa-actions{gap:clamp(5px,1.2vh,14px)}.wa-actions svg{width:clamp(14px,2.6vh,24px);height:clamp(14px,2.6vh,24px)}.wa-back svg{width:clamp(16px,2.8vh,24px);height:clamp(16px,2.8vh,24px)}.phone-status-bar{padding:clamp(3px,.6vh,8px) clamp(8px,1.8vh,18px);font-size:clamp(8px,1.4vh,12px)}.phone-status-bar svg{width:clamp(10px,1.8vh,16px);height:clamp(10px,1.8vh,16px)}.wa-input-bar{padding:clamp(2px,.5vh,6px);gap:clamp(3px,.6vh,7px)}.wa-input{padding:clamp(4px,.8vh,9px);gap:clamp(3px,.6vh,8px);border-radius:clamp(12px,2.4vh,22px)}.wa-input svg{width:clamp(14px,2.6vh,24px);height:clamp(14px,2.6vh,24px)}.wa-placeholder{font-size:clamp(10px,1.8vh,15px)}.wa-input-icons{gap:clamp(5px,1.2vh,14px)}.wa-input-icons svg{width:clamp(14px,2.6vh,22px);height:clamp(14px,2.6vh,22px)}.wa-mic{width:clamp(24px,4.5vh,42px);height:clamp(24px,4.5vh,42px)}.wa-mic svg{width:clamp(12px,2.2vh,22px);height:clamp(12px,2.2vh,22px)}.phone-nav{padding:clamp(3px,.6vh,8px) 0 clamp(2px,.5vh,6px)}.nav-bar{width:clamp(70px,14vh,130px);height:clamp(2px,.4vh,5px)}}@media(max-width:380px){main{padding:6px 12px}header{padding:8px 12px}.site-footer.footer-fixed{padding:8px 12px}}.site-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px 16px;font-size:12px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.site-footer a{color:#fff;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#fff}.footer-sep{opacity:.6}.footer-fixed{position:fixed;bottom:0;left:0;right:0}
