:root{
  --w-navy:#0b2a67;
  --w-blue:#1678c8;
  --w-blue2:#2856cf;
  --w-orange:#f47a20;
  --w-orange2:#ff9142;
  --w-ink:#14213b;
  --w-muted:#5b6b85;
  --w-line:#e6ecf5;
  --w-bg:#f6f9fd;
  --w-radius:18px;
  --w-shadow:0 18px 45px rgba(15,35,75,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body.wpage{margin:0;font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--w-ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}
img,svg,canvas,video{max-width:100%}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wsite-container{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- Header ---------- */
.wsite-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--w-line)}
.wsite-header-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.wsite-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wsite-brand-logo{width:38px;height:38px;object-fit:contain}
.wsite-brand-text{font-size:19px;font-weight:700;letter-spacing:-.2px;color:var(--w-navy)}
.wsite-brand-text strong{color:var(--w-orange)}
.wsite-brand-text.light{color:#fff}
.wsite-brand-text.light strong{color:var(--w-orange2)}
.wsite-nav{display:flex;align-items:center;gap:30px;margin:0 auto}
.wsite-nav a{font-size:14.5px;font-weight:600;color:var(--w-muted);padding:8px 0;position:relative;transition:.2s}
.wsite-nav a:hover,.wsite-nav a.active{color:var(--w-navy)}
.wsite-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--w-blue2),var(--w-orange));border-radius:2px}
.wsite-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:11px;font-size:14px;font-weight:700;border:0;cursor:pointer;transition:.2s;white-space:nowrap}
.wbtn-ghost{color:var(--w-navy);background:transparent;border:1.5px solid var(--w-line)}
.wbtn-ghost:hover{border-color:var(--w-blue2);color:var(--w-blue2)}
.wbtn-primary{color:#fff;background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));box-shadow:0 10px 24px rgba(244,122,32,.28)}
.wbtn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(244,122,32,.36)}
.wbtn-lg{padding:15px 28px;font-size:15.5px;border-radius:13px}
.wsite-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.wsite-burger span{width:22px;height:2px;background:var(--w-navy);border-radius:2px}

/* ---------- Hero ---------- */
.whero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 15% -10%,#eaf2ff 0%,rgba(234,242,255,0) 60%),radial-gradient(900px 500px at 100% 0%,#fff2e6 0%,rgba(255,242,230,0) 55%),#fff;padding:78px 0 90px}
.whero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.whero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eef4ff;color:var(--w-blue2);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;margin-bottom:20px}
.whero h1{font-size:44px;line-height:1.14;letter-spacing:-1px;margin:0 0 18px;color:var(--w-navy)}
.whero h1 span{background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.whero p.lead{font-size:17px;line-height:1.7;color:var(--w-muted);margin:0 0 30px;max-width:520px}
.whero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.whero-trust{display:flex;gap:22px;flex-wrap:wrap;color:var(--w-muted);font-size:13px;font-weight:600}
.whero-trust i{color:var(--w-orange);margin-right:6px}
.whero-visual{position:relative}
.whero-card{background:#fff;border:1px solid var(--w-line);border-radius:22px;box-shadow:var(--w-shadow);padding:26px;position:relative;z-index:2}
.whero-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.whero-card-top .dot{width:9px;height:9px;border-radius:50%;background:#e2e8f5;display:inline-block;margin-right:5px}
.whero-stat{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f3f9}
.whero-stat:last-child{border-bottom:0}
.whero-stat b{display:block;font-size:20px;color:var(--w-navy)}
.whero-stat span{font-size:12px;color:var(--w-muted)}
.whero-badge{position:absolute;background:#fff;border:1px solid var(--w-line);border-radius:16px;box-shadow:var(--w-shadow);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--w-navy);z-index:3}
.whero-badge i{color:#fff;background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px}
.whero-badge.b1{top:-18px;right:-14px}
.whero-badge.b2{bottom:-18px;left:-20px}

/* ---------- Sections ---------- */
.wsection{padding:86px 0}
.wsection.alt{background:var(--w-bg)}
.wsection-head{max-width:640px;margin:0 auto 50px;text-align:center}
.wsection-eyebrow{display:inline-block;color:var(--w-orange);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.wsection-head h2,.wsection-head h1{font-size:32px;letter-spacing:-.5px;margin:0 0 14px;color:var(--w-navy)} /* SEO 2026-10-12: blog listesinde h1 aynı görünüm */
.wsection-head p{color:var(--w-muted);font-size:15.5px;line-height:1.7;margin:0}

.wfeature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wfeature-card{background:#fff;border:1px solid var(--w-line);border-radius:18px;padding:30px 26px;transition:.2s}
.wfeature-card:hover{box-shadow:var(--w-shadow);transform:translateY(-3px)}
.wfeature-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;margin-bottom:18px}
.wfeature-card h3{font-size:17px;margin:0 0 10px;color:var(--w-navy)}
.wfeature-card p{font-size:14px;line-height:1.7;color:var(--w-muted);margin:0}

.wsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:wstep}
.wstep{position:relative;padding:28px 22px;background:#fff;border:1px solid var(--w-line);border-radius:16px}
.wstep::before{counter-increment:wstep;content:counter(wstep);position:absolute;top:-14px;left:22px;width:30px;height:30px;border-radius:50%;background:var(--w-navy);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.wstep h4{margin:10px 0 8px;font-size:15.5px;color:var(--w-navy)}
.wstep p{margin:0;font-size:13.5px;color:var(--w-muted);line-height:1.6}

.wcta-band{background:linear-gradient(120deg,var(--w-navy) 0%,var(--w-blue2) 65%,var(--w-orange) 140%);border-radius:26px;padding:56px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#fff}
.wcta-band h2{font-size:26px;margin:0 0 8px}
.wcta-band p{margin:0;color:rgba(255,255,255,.82);font-size:14.5px}
.wcta-band .wbtn-primary{background:#fff;color:var(--w-navy);box-shadow:none}
.wcta-band .wbtn-primary:hover{background:#fff2e6}
.wcta-band .wbtn-ghost{border-color:rgba(255,255,255,.5);color:#fff}

/* ---------- Blog preview / list ---------- */
.wblog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wblog-card{background:#fff;border:1px solid var(--w-line);border-radius:18px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.wblog-card:hover{box-shadow:var(--w-shadow);transform:translateY(-3px)}
.wblog-cover{height:170px;background:linear-gradient(120deg,var(--w-navy),var(--w-blue2) 60%,var(--w-orange));display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;position:relative}
.wblog-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wblog-body{padding:22px;flex:1;display:flex;flex-direction:column}
.wblog-date{font-size:12px;color:var(--w-orange);font-weight:700;margin-bottom:8px}
.wblog-body h3{font-size:16.5px;margin:0 0 10px;color:var(--w-navy);line-height:1.4}
.wblog-body p{font-size:13.5px;color:var(--w-muted);line-height:1.65;margin:0 0 16px;flex:1}
.wblog-more{font-size:13px;font-weight:700;color:var(--w-blue2)}
.wblog-empty{text-align:center;color:var(--w-muted);padding:40px 0}

.wpagination{display:flex;justify-content:center;gap:8px;margin-top:42px}
.wpagination a,.wpagination span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--w-line);font-size:13.5px;font-weight:700;color:var(--w-navy)}
.wpagination a:hover{border-color:var(--w-blue2);color:var(--w-blue2)}
.wpagination .active{background:var(--w-navy);color:#fff;border-color:var(--w-navy)}

/* ---------- Blog detail ---------- */
.wblog-detail{max-width:760px;margin:0 auto}
.wblog-detail-head{text-align:center;margin-bottom:34px}
.wblog-detail-head .wblog-date{justify-content:center;display:flex;gap:14px;align-items:center;color:var(--w-muted);font-weight:600;font-size:13px}
.wblog-detail-head h1{font-size:32px;line-height:1.25;color:var(--w-navy);margin:14px 0}
.wblog-cover-big{border-radius:20px;overflow:hidden;margin-bottom:34px;height:340px;background:linear-gradient(120deg,var(--w-navy),var(--w-blue2) 60%,var(--w-orange));position:relative}
.wblog-cover-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wblog-content{font-size:16px;line-height:1.85;color:#2c3550}
.wblog-content h2,.wblog-content h3{color:var(--w-navy);margin-top:34px}
.wblog-content p{margin:0 0 18px}
.wblog-content img{border-radius:14px;margin:20px 0}
.wblog-content a{color:var(--w-blue2);text-decoration:underline}
.wblog-content ul,.wblog-content ol{padding-left:22px;margin:0 0 18px}

.wblog-tags{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0}
.wblog-tag{background:#eef4ff;color:var(--w-blue2);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px}

.wblog-share{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid var(--w-line);border-bottom:1px solid var(--w-line);margin:30px 0}
.wblog-share span{font-size:13px;font-weight:700;color:var(--w-muted);margin-right:4px}
.wblog-share a{width:36px;height:36px;border-radius:10px;background:#f2f5fa;display:flex;align-items:center;justify-content:center;color:var(--w-navy);font-size:14px;transition:.2s}
.wblog-share a:hover{background:var(--w-navy);color:#fff}

.wblog-helpful{text-align:center;background:var(--w-bg);border-radius:18px;padding:30px;margin:36px 0}
.wblog-helpful h4{margin:0 0 16px;font-size:15.5px;color:var(--w-navy)}
.wblog-helpful-btns{display:flex;justify-content:center;gap:12px}
.whelp-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--w-line);border-radius:11px;padding:10px 20px;font-weight:700;font-size:13.5px;cursor:pointer;color:var(--w-navy)}
.whelp-btn:hover{border-color:var(--w-blue2)}
.whelp-btn.active{background:var(--w-navy);color:#fff;border-color:var(--w-navy)}
.wblog-helpful-thanks{font-size:13.5px;color:var(--w-muted);margin-top:14px;display:none}

/* ---------- About ---------- */
.wabout-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.wabout-media{border-radius:24px;height:380px;position:relative;overflow:hidden;box-shadow:var(--w-shadow)}
.wabout-media img{width:100%;height:100%;object-fit:cover;display:block}
.wabout-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.wabout-value{background:#fff;border:1px solid var(--w-line);border-radius:14px;padding:18px}
.wabout-value i{color:var(--w-orange);margin-bottom:8px;font-size:18px}
.wabout-value h5{margin:0 0 4px;font-size:14px;color:var(--w-navy)}
.wabout-value p{margin:0;font-size:12.5px;color:var(--w-muted);line-height:1.6}

/* ---------- Contact ---------- */
.wcontact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px}
.wcontact-info-card{background:linear-gradient(150deg,var(--w-navy),var(--w-blue2) 70%,var(--w-orange));border-radius:22px;padding:36px 30px;color:#fff}
.wcontact-info-card h3{margin:0 0 10px;font-size:20px}
.wcontact-info-card p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.7;margin:0 0 26px}
.wcontact-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.wcontact-row i{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wcontact-row b{display:block;font-size:13.5px}
.wcontact-row span{font-size:13px;color:rgba(255,255,255,.8)}
.wform-card{background:#fff;border:1px solid var(--w-line);border-radius:22px;padding:34px;box-shadow:var(--w-shadow)}
.wform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wform-field{margin-bottom:16px}
.wform-field.full{grid-column:1/-1}
.wform-field label{display:block;font-size:12.5px;font-weight:700;color:var(--w-navy);margin-bottom:7px}
.wform-field input,.wform-field textarea{width:100%;border:1.5px solid var(--w-line);border-radius:11px;padding:12px 14px;font:inherit;font-size:14px;color:var(--w-ink);background:#fbfdff;resize:vertical}
.wform-field input:focus,.wform-field textarea:focus{outline:0;border-color:var(--w-blue2);box-shadow:0 0 0 3px rgba(22,120,200,.12)}
.walert{padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:600}
.walert-success{background:#e9f9f0;color:#0d8a4f;border:1px solid #c8ecd8}
.walert-danger{background:#fdecec;color:#c0392b;border:1px solid #f6cdcb}

/* ---------- Sektörler ---------- */
.wsector-grid .wfeature-card h3{font-size:15.5px}
.wsector-grid .wfeature-card p{font-size:13px}

/* ---------- Bayilik / Çok Şube ---------- */
.wmulti-branch{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;background:linear-gradient(150deg,#f6f9fd,#fff);border:1px solid var(--w-line);border-radius:26px;padding:50px}
.wmulti-branch-text h2{font-size:30px;letter-spacing:-.5px;color:var(--w-navy);margin:12px 0 14px}
.wmulti-branch-text p{color:var(--w-muted);font-size:15px;line-height:1.7;margin:0 0 22px;max-width:480px}
.wmulti-branch-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.wmulti-branch-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:#2c3550}
.wmulti-branch-list li i{color:var(--w-orange);margin-top:3px;flex-shrink:0}
.wmulti-branch-visual{position:relative;height:320px}
.wbranch-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--w-line);border-radius:16px;padding:16px 18px;box-shadow:var(--w-shadow);font-size:12.5px;font-weight:700;color:var(--w-navy)}
.wbranch-node i{width:36px;height:36px;border-radius:10px;background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.wbranch-merkez{top:38%;left:50%;transform:translate(-50%,-50%);z-index:3;padding:22px 26px;box-shadow:0 20px 45px rgba(11,42,103,.18)}
.wbranch-merkez i{width:44px;height:44px;font-size:18px}
.wbranch-sube{z-index:2}
@media(max-width:980px){
  .wmulti-branch{grid-template-columns:1fr;padding:34px 26px;gap:34px}
  .wmulti-branch-visual{height:260px}
}
@media(max-width:575px){
  .wmulti-branch{border-radius:20px;padding:26px 18px}
  .wmulti-branch-text h2{font-size:24px}
  .wbranch-node{padding:10px 12px;font-size:11px}
  .wbranch-node i{width:28px;height:28px;font-size:12px}
  .wbranch-merkez i{width:34px;height:34px;font-size:14px}
}

/* ---------- Referanslar (döngülü slayt) ---------- */
.wref-carousel{position:relative;min-height:1px}
.wref-slide{display:none}
.wref-slide.active{display:block;animation:wrefFade .5s ease}
@keyframes wrefFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.wref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wref-card{background:#fff;border:1px solid var(--w-line);border-radius:18px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:.2s}
.wref-card:hover{box-shadow:var(--w-shadow);transform:translateY(-3px)}
.wref-logo{height:68px;width:100%;display:flex;align-items:center;justify-content:center}
.wref-logo img{max-height:68px;max-width:200px;object-fit:contain;filter:grayscale(1) opacity(.85);transition:.2s}
.wref-card:hover .wref-logo img{filter:none}
.wref-logo-yer-tutucu{width:68px;height:68px;border-radius:16px;background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));color:#fff;font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center}
.wref-yorum{font-size:13px;line-height:1.65;color:#3a4560;margin:0}
.wref-yorum i{color:var(--w-line);margin-right:3px;font-size:11px}
.wref-kisi{border-top:1px solid var(--w-line);padding-top:12px;width:100%;display:flex;flex-direction:column;gap:2px}
.wref-kisi strong{font-size:13px;color:var(--w-navy)}
.wref-kisi span{font-size:11.5px;color:var(--w-muted)}
.wref-dots{display:flex;justify-content:center;gap:8px;margin-top:26px}
.wref-dot{width:8px;height:8px;border-radius:999px;border:0;background:var(--w-line);cursor:pointer;padding:0;transition:.25s}
.wref-dot.active{background:var(--w-orange);width:22px}
@media(max-width:980px){
  .wref-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .wref-card{padding:18px 14px;gap:10px}
}
@media(max-width:575px){
  .wref-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .wref-card{padding:18px 12px;border-radius:14px;gap:10px}
  .wref-logo{height:50px}
  .wref-logo img{max-height:50px;max-width:130px}
  .wref-logo-yer-tutucu{width:50px;height:50px;font-size:20px;border-radius:12px}
  .wref-yorum{display:none}
  .wref-kisi{padding-top:8px}
  .wref-kisi strong{font-size:11.5px;line-height:1.3}
  .wref-kisi span{font-size:10px}
}

/* ---------- Footer ---------- */
.wsite-footer{background:var(--w-navy);color:rgba(255,255,255,.75);padding:64px 0 0;margin-top:40px}
.wsite-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:36px;padding-bottom:44px}
.wsite-footer-col p{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.6);margin:16px 0 20px}
.wsite-footer-col h4{color:#fff;font-size:13.5px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 18px}
.wsite-footer-col a,.wsite-footer-col span{display:block;font-size:13.5px;color:rgba(255,255,255,.68);margin-bottom:12px}
.wsite-footer-col a:hover{color:#fff}
.wsite-footer-brand .wsite-brand{display:flex!important;align-items:center;gap:10px;margin-bottom:0}
.wsite-footer-brand .wsite-brand-text{display:inline!important;margin-bottom:0}
.wsite-footer-adres{line-height:1.6}
.wsite-social{display:flex;gap:10px}
.wsite-social a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.wsite-social a:hover{background:var(--w-orange)}
.wsite-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;font-size:12.5px;color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;text-align:center}
.wsite-legal-links{display:flex;gap:18px;flex-wrap:wrap}
.wsite-legal-links a{margin:0;display:inline;color:rgba(255,255,255,.55);font-size:12.5px}
.wsite-legal-links a:hover{color:#fff;text-decoration:underline}

/* ---------- Yasal metin modalı ---------- */
.wyasal-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.wyasal-modal.open{display:flex}
.wyasal-modal-backdrop{position:absolute;inset:0;background:rgba(11,42,103,.55);backdrop-filter:blur(2px)}
.wyasal-modal-panel{position:relative;background:#fff;border-radius:20px;max-width:760px;width:100%;max-height:85vh;overflow-y:auto;padding:38px 36px;box-shadow:0 30px 80px rgba(15,35,75,.35)}
.wyasal-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;background:#f2f5fa;border-radius:10px;font-size:20px;line-height:1;color:var(--w-navy);cursor:pointer}
.wyasal-modal-close:hover{background:var(--w-navy);color:#fff}
.wyasal-loading{text-align:center;color:var(--w-muted);padding:40px 0;font-size:14px}
.wyasal-fragment-meta{display:flex;gap:16px;color:var(--w-muted);font-size:12.5px;font-weight:600;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--w-line)}
.wyasal-fragment-content{font-size:14.5px;line-height:1.8;color:#2c3550}
.wyasal-fragment-content p{margin:0 0 14px}
@media(max-width:575px){
  .wsite-footer-bottom{flex-direction:column}
  .wyasal-modal-panel{padding:28px 20px}
}

/* ---------- Yüzen butonlar (WhatsApp / Yukarı Çık) ---------- */
.wfab{position:fixed;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(15,35,75,.22);z-index:900;text-decoration:none;border:0;cursor:pointer;transition:.22s ease}
.wfab-whatsapp{left:24px;bottom:24px;background:#25d366;color:#fff;font-size:27px;animation:wfabPulse 2.4s ease-in-out infinite}
.wfab-whatsapp:hover{transform:scale(1.07);color:#fff;text-decoration:none}
.wfab-tooltip{position:absolute;left:64px;top:50%;transform:translateY(-50%);background:#0b2a67;color:#fff;font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease}
.wfab-whatsapp:hover .wfab-tooltip{opacity:1}
@keyframes wfabPulse{0%,100%{box-shadow:0 10px 28px rgba(15,35,75,.22),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 10px 28px rgba(15,35,75,.22),0 0 0 10px rgba(37,211,102,0)}}
.wfab-top{right:24px;bottom:24px;background:linear-gradient(135deg,#f47a20,#ff9142);color:#fff;font-size:18px;border:0;opacity:0;visibility:hidden;transform:translateY(10px);box-shadow:0 10px 26px rgba(244,122,32,.35)}
.wfab-top:hover{background:linear-gradient(135deg,#e56a10,#f47a20);color:#fff;transform:translateY(-2px)}
.wfab-top i{font-weight:800}
.wfab-top.show{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:575px){
  .wfab{width:48px;height:48px;font-size:23px}
  .wfab-whatsapp{bottom:16px;left:16px}
  .wfab-top{bottom:16px;right:16px}
  .wfab-tooltip{display:none}
}
/* ---------- Utility / 404 ---------- */
.w404{text-align:center;padding:120px 24px}
.w404 h1{font-size:96px;margin:0;background:linear-gradient(120deg,var(--w-blue2),var(--w-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.w404 p{color:var(--w-muted);font-size:15px;margin:14px 0 28px}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .whero-grid{grid-template-columns:1fr}
  .whero-visual{display:none}
  .wfeature-grid{grid-template-columns:1fr 1fr}
  .wsteps{grid-template-columns:1fr 1fr}
  .wblog-grid{grid-template-columns:1fr 1fr}
  .wabout-grid{grid-template-columns:1fr}
  .wcontact-grid{grid-template-columns:1fr}
  .wsite-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .wsite-nav{position:fixed;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 16px;gap:2px;border-bottom:1px solid var(--w-line);transform:translateY(-130%);opacity:0;transition:.25s;box-shadow:0 20px 30px rgba(15,35,75,.08)}
  .wsite-nav.open{transform:translateY(0);opacity:1}
  .wsite-nav a{width:100%;padding:13px 14px;border-radius:10px;border-left:3px solid transparent}
  .wsite-nav a.active{background:#f3f7ff;border-left-color:var(--w-orange)}
  .wsite-nav a.active::after{display:none}
  .wsite-burger{display:flex}
  .wsite-actions .wbtn-ghost{display:none}
  .whero h1{font-size:32px}
  .wfeature-grid{grid-template-columns:1fr}
  .wsteps{grid-template-columns:1fr}
  .wblog-grid{grid-template-columns:1fr}
  .wcta-band{flex-direction:column;text-align:center;padding:40px 26px}
  .wform-grid{grid-template-columns:1fr}
  .wsite-footer-grid{grid-template-columns:1fr;text-align:center}
  .wsite-footer-brand .wsite-brand{justify-content:center}
  .wsite-footer-col a,.wsite-footer-col span{text-align:center}
  .wsite-social{justify-content:center}
  .wsite-footer-adres{justify-content:center;text-align:center}
  .wsection{padding:56px 0}
  .wsite-footer-bottom{flex-direction:column;text-align:center;padding-bottom:110px}
  .wsite-legal-links{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:12px}
}