/* WhatsApp Connect — standalone responsive landing page */
:root{--bg:#0c1022;--panel:#151a31;--text:#f7f8ff;--muted:#aeb6ce;--mint:#55efb1;--cyan:#55d9f5;--purple:#9a7bff;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.2;border-radius:50%;z-index:-1}
.ambient-one{width:420px;height:420px;background:#6049d8;top:40px;left:-180px}
.ambient-two{width:440px;height:440px;background:#0aa88a;top:580px;right:-230px}
.site-header{height:82px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}
.brand,.footer-brand{display:flex;align-items:center;gap:11px;font:700 20px Outfit,sans-serif;letter-spacing:-.5px}
.brand-light,.footer-brand span{color:var(--mint);margin-left:3px}
.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--mint),var(--cyan));display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 5px 22px #55efb144}
.brand-mark span{width:3px;border-radius:4px;background:#102139;height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}
.header-note{font-size:10px;letter-spacing:1.7px;color:#aeb6ce;font-weight:800;display:flex;align-items:center;gap:9px}
.header-dot,.online i,.glass-status i,.chip-green{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #55efb11c}
main{max-width:1180px;margin:auto;padding:0 24px}
.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:66px 0 72px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.2px;color:var(--mint);font-weight:800}
.eyebrow-line{height:1px;width:25px;background:var(--mint)}
h1,h2,h3,p{margin-top:0}
h1{font:700 clamp(43px,6vw,70px)/1.04 Outfit,sans-serif;letter-spacing:-2.8px;margin:23px 0 20px}
h1 span{background:linear-gradient(90deg,var(--mint),var(--cyan),#a69aff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{max-width:520px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:27px}
.hero-cta{display:inline-flex;align-items:center;gap:28px;background:linear-gradient(100deg,var(--mint),var(--cyan));color:#0b1b2b;padding:14px 19px;border-radius:12px;font-weight:800;font-size:13px;box-shadow:0 8px 28px #55efb12b;transition:transform .25s,box-shadow .25s}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px #55efb14c}
.trust-row{margin-top:24px;color:#8993af;font-size:11px;display:flex;align-items:center;gap:9px}.trust-icon{color:var(--mint)}.trust-divider{color:#4d5877}
.hero-art{height:350px;position:relative;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;border:1px solid #9a7bff33;border-radius:50%;transform:rotate(-22deg)}
.orbit-a{width:380px;height:220px}.orbit-b{width:320px;height:300px;transform:rotate(35deg);border-color:#55efb12c}
.hero-glass{position:relative;width:min(330px,82%);padding:24px;border-radius:24px;background:linear-gradient(145deg,#242b49d9,#141a30e8);border:1px solid #ffffff25;box-shadow:0 25px 80px #0008;backdrop-filter:blur(18px);transform:rotate(-4deg)}
.glass-head{display:flex;align-items:center;gap:10px}.mini-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#55efb1,#7b8dff);display:grid;place-items:center;color:#112139;font-weight:900;font-family:Outfit}
.glass-head b,.glass-head small{display:block}.glass-head b{font-size:13px}.glass-head small{font-size:10px;color:#9da8c4;margin-top:3px}.glass-menu{margin-left:auto;color:#8791ac;letter-spacing:2px}
.glass-wave{height:125px;margin:23px 0 17px;border-radius:16px;background:linear-gradient(135deg,#263b55,#26304d);display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden}
.glass-wave span{width:8px;border-radius:8px;background:linear-gradient(180deg,var(--mint),#4d92c5);height:30px;animation:wave 1.4s ease-in-out infinite alternate}.glass-wave span:nth-child(2n){height:65px;animation-delay:.2s}.glass-wave span:nth-child(3n){height:45px;animation-delay:.4s}
@keyframes wave{to{transform:scaleY(.45);opacity:.55}}
.glass-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#b9c3dc}.glass-bottom{border-top:1px solid #ffffff16;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#e4e9f7}.glass-bottom b{color:var(--mint)}
.floating-chip{position:absolute;padding:12px 16px;background:#202743;border:1px solid #ffffff1d;border-radius:12px;box-shadow:0 12px 35px #0006;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px;animation:float 4s ease-in-out infinite}
.chip-top{top:42px;right:3px}.chip-top span{color:var(--mint)}.chip-bottom{bottom:37px;left:0;animation-delay:-2s}
@keyframes float{50%{transform:translateY(-9px)}}
.profiles-section{padding:35px 0 75px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}
.section-heading h2,.about-section h2{font:700 clamp(30px,4vw,42px)/1.15 Outfit,sans-serif;letter-spacing:-1.4px;margin:13px 0 8px}
.section-heading h2 span,.about-section h2 span{color:var(--mint)}
.section-heading p{color:var(--muted);font-size:13px;margin:0}
.profile-count{display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;color:#aab4ce;font-size:10px;line-height:1.4}
.profile-count strong{font:700 27px Outfit;color:var(--mint)}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.profile-card{position:relative;overflow:hidden;padding:20px;border:1px solid #ffffff13;border-radius:19px;background:linear-gradient(145deg,#1a2039,#12182d);transition:transform .25s,border-color .25s,box-shadow .25s}
.profile-card:before{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-90px;border-radius:50%;background:#55efb11c;filter:blur(5px)}
.profile-card:hover{transform:translateY(-6px);border-color:#55efb16e;box-shadow:0 18px 40px #0004}
.card-topline{display:flex;justify-content:space-between;align-items:center;gap:8px}
.profile-tag{font-size:8px;letter-spacing:1.4px;color:#8792b0;font-weight:800}
.online{font-size:9px;color:#aeb9cf;display:flex;align-items:center;gap:7px}.online i{width:6px;height:6px}
.avatar{width:72px;height:72px;margin:22px 0 13px;border-radius:24px;display:grid;place-items:center;position:relative;box-shadow:inset 0 1px 0 #ffffff55,0 8px 24px #0003}
.avatar span{font:700 29px Outfit;color:#10172b}.avatar-spark{position:absolute;right:-5px;top:-5px;width:23px;height:23px;border-radius:8px;background:#f7f5ff;color:#5545a5;display:grid;place-items:center;font-size:12px;font-style:normal}
.avatar-1{background:linear-gradient(135deg,#ffc5b5,#ff8eaa)}.avatar-2{background:linear-gradient(135deg,#ffe2a1,#f5a66c)}.avatar-3{background:linear-gradient(135deg,#a7f3d0,#55c6c8)}.avatar-4{background:linear-gradient(135deg,#c9b8ff,#8d8cf5)}.avatar-5{background:linear-gradient(135deg,#a9d9ff,#6da7e9)}.avatar-6{background:linear-gradient(135deg,#ffc4e3,#d98be5)}
.profile-card h3{font:700 21px Outfit;margin:0 0 5px}.location{font-size:11px;color:#aab4ce;margin:0 0 12px}.location span{color:var(--mint);font-size:15px}
.profile-copy{font-size:11px;line-height:1.6;color:#8e99b6;min-height:36px;margin-bottom:18px}
.call-btn{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 15px;border-radius:11px;background:linear-gradient(100deg,#51e9ad,#58d8ee 55%,#8f8cff);color:#0b1a2b;font-size:11px;font-weight:900;letter-spacing:1.25px;box-shadow:0 7px 24px #55efb125;animation:buttonPulse 2.3s ease-in-out infinite;transition:transform .2s,filter .2s}
.call-btn:before{content:"";position:absolute;z-index:-1;top:-60%;left:-45%;width:35%;height:220%;transform:rotate(25deg);background:#ffffff8c;filter:blur(5px);animation:shine 3.2s ease-in-out infinite}
.call-btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.08)}
.call-icon{font-size:17px;line-height:10px}.btn-arrow{margin-left:auto;font-size:17px}
@keyframes buttonPulse{0%,100%{box-shadow:0 7px 22px #55efb124,0 0 0 0 #55efb100}50%{box-shadow:0 9px 28px #55efb14b,0 0 0 5px #55efb10c}}
@keyframes shine{0%,45%{left:-45%}80%,100%{left:130%}}
.section-disclaimer{font-size:10px;line-height:1.6;color:#818ba7;margin:19px 2px 0}
.bottom-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 34px;margin:0 0 70px;border-radius:21px;border:1px solid #55efb12b;background:linear-gradient(110deg,#1b3040,#1c2341 55%,#28234b)}
.bottom-cta-orb{position:absolute;width:260px;height:260px;right:20%;top:-180px;border-radius:50%;background:#55efb133;filter:blur(35px)}
.bottom-cta-content,.call-btn-large{position:relative}.bottom-kicker{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:800}.bottom-cta h2{font:700 28px Outfit;margin:8px 0}.bottom-cta p{font-size:12px;color:#aab4ce;margin:0}
.call-btn-large{width:auto;min-width:190px}
.about-section{max-width:900px;margin:0 auto 65px;padding:0 5px;color:#abb5cd}
.about-label{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:800}
.about-section h2{color:#f4f6ff;margin-bottom:18px}
.about-section p{font-size:13px;line-height:1.9;margin-bottom:14px}
.about-warning{padding:15px 17px;border:1px solid #55d9f533;border-left:3px solid var(--cyan);border-radius:11px;background:#55d9f50a;font-size:11px;line-height:1.7;color:#c3cce0;margin-top:20px}
.site-footer{max-width:1180px;margin:auto;padding:25px 24px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#808ba8}
.footer-brand{font-size:14px;color:#f1f4ff}.site-footer p,.copyright{font-size:10px;margin:0}
@media(max-width:760px){.site-header{height:70px;padding:0 18px}.brand{font-size:17px}.header-note{font-size:8px;letter-spacing:1px}main{padding:0 17px}.hero{grid-template-columns:1fr;gap:0;padding:54px 0 50px}.hero-copy{text-align:center}.eyebrow{justify-content:center}h1{font-size:48px;letter-spacing:-2px}.hero-description{font-size:14px;margin-left:auto;margin-right:auto}.trust-row{justify-content:center;font-size:9px}.hero-art{height:300px;margin-top:18px}.orbit-a{width:310px}.orbit-b{width:280px}.chip-top{right:2px;top:20px}.chip-bottom{left:1px;bottom:22px}.profiles-section{padding-top:28px}.section-heading h2{font-size:32px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-card{padding:15px;border-radius:16px}.avatar{width:61px;height:61px;border-radius:20px;margin-top:19px}.profile-card h3{font-size:18px}.profile-copy{font-size:10px;min-height:48px}.online{font-size:8px}.profile-tag{font-size:7px;letter-spacing:1px}.call-btn{font-size:9px;padding:12px 9px;gap:6px}.bottom-cta{padding:24px 19px;flex-direction:column;align-items:stretch;text-align:center;margin-bottom:55px}.call-btn-large{width:100%}.about-section{margin-bottom:45px}.site-footer{padding:22px 17px;flex-wrap:wrap}.site-footer p{order:3;width:100%;text-align:center}}
@media(max-width:380px){h1{font-size:41px}.profile-grid{gap:9px}.profile-card{padding:12px}.profile-tag{font-size:6px}.online{font-size:7px}.section-heading h2{font-size:28px}.profile-count{padding:8px}.profile-count strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}