/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.75;color:#1e1e1e;background:#f0eeeb}

/* ===== SKIP LINK ===== */
.skip-link{position:absolute;top:-100%;left:16px;background:#0f1114;color:#fff;padding:10px 22px;z-index:10000;border-radius:0 0 6px 6px;font-size:.875rem;transition:top .25s}
.skip-link:focus{top:0}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3,h4{font-weight:800;line-height:1.2;color:#0b0e13;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.25rem}
h2{font-size:clamp(1.4rem,3.2vw,2rem);margin-bottom:1rem}
h3{font-size:clamp(1.1rem,2.5vw,1.45rem);margin-bottom:.7rem}
h4{font-size:1.05rem;margin-bottom:.5rem}
p{margin-bottom:1.1rem;color:#333}
a{color:#1a6fb5;text-decoration:none;transition:color .2s,opacity .2s}
a:hover{color:#0e4a7a;text-decoration:underline}
ul,ol{margin:0 0 1.1rem 1.5rem}
li{margin-bottom:.4rem}

/* ===== LAYOUT ===== */
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}
.page-body{min-height:calc(100vh - 400px);padding:3.5rem 0 4rem}

/* ===== HEADER ===== */
.site-header{background:#0f1114;position:sticky;top:0;z-index:900;box-shadow:0 2px 20px rgba(0,0,0,.35)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 28px;max-width:1180px;margin:0 auto;min-height:68px}
.site-logo{color:#f5f5f5;font-size:1.2rem;font-weight:800;letter-spacing:.2px;white-space:nowrap;transition:opacity .2s}
.site-logo:hover{opacity:.85;text-decoration:none}
.site-logo span{background:linear-gradient(135deg,#4da0e8,#2979c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* NAV */
.main-nav ul{display:flex;list-style:none;gap:2px;margin:0;padding:0}
.main-nav a{display:block;padding:10px 16px;color:#9ca3ae;font-size:.875rem;font-weight:500;border-radius:6px;transition:all .2s;white-space:nowrap;position:relative}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.06);text-decoration:none}
.main-nav a.active{color:#fff;background:rgba(77,160,232,.12)}
.main-nav a.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:linear-gradient(90deg,#4da0e8,#2979c9);border-radius:2px}

/* HAMBURGER */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}
.nav-toggle span{display:block;width:22px;height:2px;background:#9ca3ae;margin:5px 0;transition:transform .3s,opacity .3s;border-radius:2px}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:920px){
  .nav-toggle{display:block}
  .main-nav{position:absolute;top:68px;left:0;right:0;background:#0f1114;border-top:1px solid rgba(255,255,255,.06);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
  .main-nav.open{max-height:500px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
  .main-nav ul{flex-direction:column;padding:12px 24px 16px}
  .main-nav a{padding:12px 14px;border-radius:8px}
  .main-nav a.active::after{display:none}
}

/* ===== HERO ===== */
.hero{background:#0f1114;padding:5.5rem 0 4.5rem;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 80% 60% at 50% 0%,rgba(41,121,201,.15) 0%,transparent 70%),
  repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(255,255,255,.015) 80px,rgba(255,255,255,.015) 81px),
  repeating-linear-gradient(0deg,transparent,transparent 80px,rgba(255,255,255,.015) 80px,rgba(255,255,255,.015) 81px);
  pointer-events:none}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#f0eeeb,transparent);pointer-events:none}
.hero h1{color:#f0f2f5;position:relative;z-index:1}
.hero p{color:#8a95a5;font-size:1.1rem;max-width:700px;margin:0 auto 1.5rem;position:relative;z-index:1}
.hero-subtitle{font-size:1.2rem;color:#4da0e8;margin-bottom:2rem;font-weight:600;position:relative;z-index:1;letter-spacing:.3px}

/* ===== PANEL (document-style cards) ===== */
.panel{background:#fff;border:1px solid #e2e0db;border-radius:12px;padding:2.25rem 2.5rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.03);position:relative;transition:box-shadow .3s,transform .3s}
.panel:hover{box-shadow:0 2px 6px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.06);transform:translateY(-2px)}
.panel::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2979c9,#4da0e8,#6cb8f0);border-radius:12px 12px 0 0}
.panel h2:first-child,.panel h3:first-child{margin-top:.15rem}

/* Panel reveal animation */
.panel-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}
.panel-reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  .panel-reveal{opacity:1;transform:none;transition:none}
  .panel:hover{transform:none}
}

/* ===== DOCUMENT-FRAME PLACEHOLDER ===== */
.doc-frame{background:linear-gradient(135deg,#e8e6e1 0%,#d4d2cd 100%);border:2px dashed #b0ada6;border-radius:10px;padding:3rem 1.5rem;text-align:center;color:#6b6860;font-size:.9rem;margin:1.5rem 0}
.doc-frame .frame-label{display:block;font-weight:700;margin-bottom:.35rem;text-transform:uppercase;font-size:.7rem;letter-spacing:1.5px;color:#8a867e}

/* ===== INTERACTIVE TOOL (index) ===== */
.tool-wrapper{background:#0f1114;border-radius:16px;padding:3rem;margin:2.5rem 0;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.tool-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2979c9,#4da0e8,#6cb8f0)}
.tool-wrapper::after{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(41,121,201,.08) 0%,transparent 70%);pointer-events:none}
.tool-wrapper h2{color:#e8ecf0;position:relative;z-index:1}
.tool-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;position:relative;z-index:1}
.tool-btn{background:#fff;border:2px solid #e0e0dc;border-radius:12px;padding:1.35rem 1rem;cursor:pointer;text-align:center;font-size:.95rem;font-weight:700;color:#1a1a1a;transition:all .25s;position:relative;overflow:hidden}
.tool-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(41,121,201,.05),rgba(77,160,232,.1));opacity:0;transition:opacity .25s}
.tool-btn:hover::before,.tool-btn:focus::before{opacity:1}
.tool-btn:hover,.tool-btn:focus{border-color:#4da0e8;box-shadow:0 0 0 3px rgba(77,160,232,.15),0 8px 20px rgba(0,0,0,.08);outline:none;transform:translateY(-2px)}
.tool-btn:active{transform:translateY(0) scale(.98)}
.tool-btn.selected{border-color:#2979c9;background:linear-gradient(135deg,#edf5fd,#ddeaf8);box-shadow:0 0 0 3px rgba(41,121,201,.2)}
.tool-result{background:#fff;border-radius:12px;padding:2rem 2.25rem;margin-top:1.5rem;display:none;border-left:4px solid #2979c9;position:relative;z-index:1;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.tool-result.active{display:block;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}
.tool-result h3{color:#1a3d5c;margin-bottom:.75rem}

@keyframes slideUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}

/* ===== RELATED LINKS ===== */
.related-links{background:linear-gradient(135deg,#f5f4f2,#edecea);border:1px solid #dddbd7;border-radius:12px;padding:2rem 2.25rem;margin-top:3rem}
.related-links h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:1.25rem;font-weight:700}
.related-links ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem}
.related-links li{padding:0}
.related-links a{display:block;padding:10px 14px;border-radius:8px;font-size:.9rem;transition:all .2s;color:#1a6fb5;border:1px solid transparent}
.related-links a:hover{background:#fff;border-color:#dddbd7;box-shadow:0 2px 8px rgba(0,0,0,.04);text-decoration:none;transform:translateX(4px)}

/* ===== FAQ ACCORDION ===== */
.faq-item{border:1px solid #e2e0db;border-radius:12px;margin-bottom:.85rem;background:#fff;transition:box-shadow .25s,border-color .25s}
.faq-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.05)}
.faq-item.open{border-color:#4da0e8}
.faq-question{width:100%;background:none;border:none;padding:1.25rem 3.5rem 1.25rem 1.75rem;text-align:left;font-size:1.05rem;font-weight:700;cursor:pointer;position:relative;color:#1a1a1a;line-height:1.4;font-family:inherit;transition:background .2s;border-radius:12px}
.faq-question::after{content:'';position:absolute;right:1.5rem;top:50%;width:10px;height:10px;border-right:2.5px solid #4da0e8;border-bottom:2.5px solid #4da0e8;transform:translateY(-70%) rotate(45deg);transition:transform .3s ease}
.faq-question[aria-expanded="true"]::after{transform:translateY(-30%) rotate(-135deg)}
.faq-question:hover{background:#f8f8f6}
.faq-question:focus-visible{outline:2px solid #4da0e8;outline-offset:-2px}
.faq-answer{overflow:hidden;height:0;transition:height .35s ease}
.faq-answer-inner{padding:0 1.75rem 1.5rem}
.faq-answer-inner p:last-child{margin-bottom:0}

/* ===== FORM ===== */
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;font-weight:700;margin-bottom:.4rem;font-size:.9rem;color:#222}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #dddbd7;border-radius:10px;font-size:.95rem;font-family:inherit;transition:all .25s;background:#fafaf9}
.form-group input:focus,.form-group textarea:focus{border-color:#4da0e8;box-shadow:0 0 0 4px rgba(77,160,232,.12);outline:none;background:#fff}
.form-group textarea{resize:vertical;min-height:130px}
.form-group .hint{font-size:.8rem;color:#888;margin-top:.3rem}
.form-group.error input,.form-group.error textarea{border-color:#d32f2f}
.form-group .error-msg{color:#d32f2f;font-size:.8rem;margin-top:.3rem;display:none}
.form-group.error .error-msg{display:block}

.checkbox-group{display:flex;align-items:flex-start;gap:.7rem}
.checkbox-group input[type="checkbox"]{margin-top:4px;width:20px;height:20px;accent-color:#2979c9;border-radius:4px}
.checkbox-group label{font-weight:400;font-size:.875rem;line-height:1.5}

.btn-submit{background:linear-gradient(135deg,#2979c9 0%,#4da0e8 100%);color:#fff;border:none;padding:14px 42px;font-size:1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .25s;box-shadow:0 4px 14px rgba(41,121,201,.25);letter-spacing:.3px}
.btn-submit:hover{box-shadow:0 6px 20px rgba(41,121,201,.35);transform:translateY(-2px)}
.btn-submit:active{transform:translateY(0);box-shadow:0 2px 8px rgba(41,121,201,.2)}
.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

/* Form push notification */
.form-toast{position:fixed;top:24px;right:24px;z-index:9998;width:380px;max-width:calc(100vw - 32px);border-radius:12px;overflow:hidden;opacity:0;transform:translateX(40px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;box-shadow:0 8px 32px rgba(0,0,0,.15)}
.form-toast.visible{opacity:1;transform:translateX(0);pointer-events:auto}
.form-toast-inner{padding:1.1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;font-weight:600;line-height:1.45}
.form-toast.success .form-toast-inner{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}
.form-toast.error .form-toast-inner{background:#fdecea;border-left:4px solid #ef5350;color:#c62828}
.form-toast-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.5;padding:0;line-height:1;transition:opacity .2s;flex-shrink:0;margin-top:1px}
.form-toast-close:hover{opacity:1}
@media(max-width:480px){
  .form-toast{top:12px;right:12px;width:calc(100vw - 24px)}
}

.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* ===== CONTACT INFO ===== */
.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2.5rem}
.contact-card{background:#fff;border:1px solid #e2e0db;border-radius:12px;padding:1.5rem 1.75rem;transition:all .25s;position:relative;overflow:hidden}
.contact-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#2979c9,#4da0e8);border-radius:4px 0 0 4px}
.contact-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px)}
.contact-card .label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.4rem;font-weight:700}
.contact-card .value{font-size:1rem;color:#1a1a1a;word-break:break-word;font-weight:500}

/* ===== FOOTER ===== */
.site-footer{background:#0f1114;color:#747b86;padding:3.5rem 0 2rem;margin-top:4rem;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2979c9,#4da0e8,#6cb8f0)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2.5rem}
.footer-col h4{color:#c8cdd4;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.1rem;font-weight:700}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li{margin-bottom:.5rem}
.footer-col a{color:#747b86;font-size:.875rem;transition:all .2s;display:inline-block}
.footer-col a:hover{color:#4da0e8;text-decoration:none;transform:translateX(3px)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.5rem;text-align:center;font-size:.8rem;color:#4a5060}

/* ===== COOKIE BANNER ===== */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0f1114;color:#c0c5cc;padding:1.5rem 1.75rem;z-index:9999;box-shadow:0 -8px 30px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);border-top:3px solid #2979c9}
.cookie-banner.visible{transform:translateY(0)}
.cookie-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}
.cookie-text{flex:1;min-width:280px;font-size:.9rem;line-height:1.6}
.cookie-text a{color:#4da0e8;font-weight:600}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.cookie-btn{padding:10px 22px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;letter-spacing:.2px}
.cookie-btn--accept{background:linear-gradient(135deg,#2979c9,#4da0e8);color:#fff;box-shadow:0 2px 10px rgba(41,121,201,.3)}
.cookie-btn--accept:hover{box-shadow:0 4px 16px rgba(41,121,201,.4);transform:translateY(-1px)}
.cookie-btn--reject{background:#1e2128;color:#c0c5cc;border:1px solid #2e323a}
.cookie-btn--reject:hover{background:#262a33;color:#e0e3e8}
.cookie-btn--settings{background:transparent;color:#747b86;border:1px solid #2e323a}
.cookie-btn--settings:hover{color:#c0c5cc;border-color:#4a5060}

/* Cookie settings panel */
.cookie-settings-panel{display:none;width:100%;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06)}
.cookie-settings-panel.open{display:block;animation:slideUp .3s ease}
.cookie-cat{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.cookie-cat:last-child{border-bottom:none}
.cookie-cat-info{flex:1}
.cookie-cat-name{font-weight:700;font-size:.875rem;color:#e0e3e8}
.cookie-cat-desc{font-size:.8rem;color:#747b86;margin-top:.2rem}
.toggle-switch{position:relative;width:46px;height:26px;flex-shrink:0;margin-left:1rem}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;inset:0;background:#2e323a;border-radius:13px;cursor:pointer;transition:background .25s}
.toggle-slider::before{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#2979c9,#4da0e8)}
.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px)}
.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}
.cookie-save-btn{margin-top:1rem;background:linear-gradient(135deg,#2979c9,#4da0e8);color:#fff;border:none;padding:10px 28px;border-radius:8px;font-size:.85rem;cursor:pointer;font-weight:700;transition:all .2s;box-shadow:0 2px 10px rgba(41,121,201,.25)}
.cookie-save-btn:hover{box-shadow:0 4px 16px rgba(41,121,201,.35)}

/* ===== BREADCRUMB ===== */
.breadcrumb{padding:1.25rem 0;font-size:.85rem;color:#888}
.breadcrumb a{color:#1a6fb5;font-weight:500}
.breadcrumb span{margin:0 .5rem;color:#bbb}

/* ===== SITEMAP PAGE ===== */
.sitemap-list{list-style:none;padding:0;margin:0}
.sitemap-list li{padding:.65rem 0;border-bottom:1px solid #eee}
.sitemap-list li:last-child{border-bottom:none}
.sitemap-list a{font-size:.95rem;font-weight:500}
.sitemap-section{margin-bottom:2.5rem}

/* ===== 404 PAGE ===== */
.page-404{text-align:center;padding:6rem 0}
.page-404 h1{font-size:6rem;background:linear-gradient(135deg,#2979c9,#4da0e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;font-weight:900}
.page-404 h2{color:#333;font-weight:700;margin-bottom:1rem}
.page-404 p{font-size:1.1rem;color:#666}
.page-404 .btn-home{display:inline-block;margin-top:2rem;padding:14px 36px;background:linear-gradient(135deg,#2979c9,#4da0e8);color:#fff;border-radius:10px;font-weight:700;transition:all .25s;box-shadow:0 4px 14px rgba(41,121,201,.25)}
.page-404 .btn-home:hover{box-shadow:0 6px 20px rgba(41,121,201,.35);transform:translateY(-2px);text-decoration:none}

/* ===== LEGAL PAGES ===== */
.legal-content h2{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}
.legal-content h2:first-child{border-top:none;padding-top:0}
.legal-content h3{margin-top:1.75rem}
.legal-content p,.legal-content ul{margin-bottom:1rem}

/* ===== CONTENT IMAGES ===== */
.content-img{margin:1.75rem 0;overflow:hidden;border-radius:12px;border:1px solid #e2e0db;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.content-img img{display:block;width:100%;height:auto}
.content-img figcaption{font-size:.8rem;color:#666;padding:.65rem 1.1rem;background:#f8f7f5;border-top:1px solid #eae8e4}

.text-with-img{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem;align-items:start;margin:1.75rem 0}
.text-with-img .img-side{border-radius:12px;overflow:hidden;border:1px solid #e2e0db;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:box-shadow .3s}
.text-with-img .img-side:hover{box-shadow:0 6px 24px rgba(0,0,0,.08)}
.text-with-img .img-side img{display:block;width:100%;height:auto}
.text-with-img .img-side figcaption{font-size:.8rem;color:#666;padding:.55rem .85rem;background:#f8f7f5;border-top:1px solid #eae8e4}
@media(max-width:720px){
  .text-with-img{grid-template-columns:1fr}
}

/* ===== FEATURE CARDS (index page) ===== */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}
.feature-card{display:block;padding:1.5rem 1.75rem;background:#fff;border:1px solid #e2e0db;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2979c9,#4da0e8);opacity:0;transition:opacity .3s}
.feature-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.07);transform:translateY(-4px);text-decoration:none;border-color:#c8d8e8}
.feature-card:hover::before{opacity:1}
.feature-card strong{display:block;color:#0b0e13;font-size:1.05rem;margin-bottom:.4rem}
.feature-card .card-desc{color:#555;font-size:.9rem;margin:0;line-height:1.5}

/* ===== STATS / HIGHLIGHTS ===== */
.highlight-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2.5rem 0;padding:0}
.highlight-item{background:#fff;border:1px solid #e2e0db;border-radius:12px;padding:1.5rem;text-align:center;position:relative;overflow:hidden;transition:all .3s}
.highlight-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2979c9,#4da0e8)}
.highlight-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.highlight-num{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#2979c9,#4da0e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.35rem}
.highlight-label{font-size:.85rem;color:#666;font-weight:600}

/* ===== DIVIDER ===== */
.section-divider{width:60px;height:4px;background:linear-gradient(90deg,#2979c9,#4da0e8);border-radius:4px;border:none;margin:2rem auto}

/* ===== UTILITY ===== */
.text-center{text-align:center}
.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}
.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== FOCUS STYLES ===== */
:focus-visible{outline:2px solid #4da0e8;outline-offset:3px}

/* ===== RESPONSIVE ===== */
@media(max-width:600px){
  .panel{padding:1.75rem 1.35rem;border-radius:10px}
  .hero{padding:3.5rem 0 3rem}
  .tool-wrapper{padding:1.75rem;border-radius:12px}
  .contact-info{grid-template-columns:1fr}
  .cookie-inner{flex-direction:column;align-items:stretch}
  .cookie-actions{justify-content:stretch}
  .cookie-btn{flex:1;text-align:center}
  .feature-grid{grid-template-columns:1fr}
  .highlight-bar{grid-template-columns:1fr 1fr}
}
@media(max-width:400px){
  .highlight-bar{grid-template-columns:1fr}
}