/* Ledoc FAQ Frontend – extracted from original FAQ page */
.fq-hero{position:relative;padding:5rem var(--pad) 5rem;background:linear-gradient(170deg,var(--blue-deep) 0%,#0e4a6a 35%,#1a6d8f 100%);overflow:hidden}
.fq-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse at 25% 80%,rgba(44,167,223,.12) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,rgba(255,255,255,.05) 0%,transparent 45%),radial-gradient(circle at 60% 110%,rgba(44,167,223,.08) 0%,transparent 45%);pointer-events:none}
.fq-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.fq-hero-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1;text-align:center}
.fq-hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:1.25rem;animation:fqUp .7s var(--ease) both}
.fq-hero-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block}
.fq-hero h1{font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:var(--white);margin-bottom:1rem;animation:fqUp .7s var(--ease) .1s both}
.fq-hero>.fq-hero-inner>p{font-size:1.1rem;line-height:1.65;color:rgba(255,255,255,.55);max-width:560px;margin:0 auto 2rem;animation:fqUp .7s var(--ease) .2s both}
@keyframes fqUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fq-search{max-width:480px;margin:0 auto;display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:.7rem 1rem;animation:fqUp .7s var(--ease) .3s both;transition:border-color .2s,background .2s}
.fq-search:focus-within{border-color:var(--blue);background:rgba(255,255,255,.12)}
.fq-search svg{width:18px;height:18px;color:rgba(255,255,255,.4);flex-shrink:0}
.fq-search input{flex:1;border:none;outline:none;background:transparent;color:var(--white);font-size:.9rem;font-weight:500;font-family:inherit}
.fq-search input::placeholder{color:rgba(255,255,255,.35)}
.fq-dot{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.fq-dot-1{width:6px;height:6px;background:rgba(255,255,255,.08);top:20%;left:12%;animation:fqFloat 6s ease-in-out infinite}
.fq-dot-2{width:4px;height:4px;background:rgba(44,167,223,.25);top:42%;right:18%;animation:fqFloat 7s ease-in-out 1s infinite}
.fq-dot-3{width:5px;height:5px;background:rgba(255,255,255,.05);bottom:28%;left:22%;animation:fqFloat 5s ease-in-out 2s infinite}
@keyframes fqFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fq-deco{position:absolute;border-radius:50%;pointer-events:none;border:1.5px solid rgba(44,167,223,.08)}
.fq-deco-1{width:250px;height:250px;top:-60px;right:-50px}
.fq-deco-2{width:150px;height:150px;bottom:-40px;left:-30px;border-color:rgba(255,255,255,.03)}
.fq-filters{padding:0 var(--pad);background:var(--white);border-bottom:1px solid var(--g100,#f3f4f6);position:sticky;top:0;z-index:100}
.fq-filters-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:.4rem;padding:.75rem 0;overflow-x:auto;scrollbar-width:none}
.fq-filters-inner::-webkit-scrollbar{display:none}
.fq-filter{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:100px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;border:1.5px solid var(--g200,#e5e7eb);background:transparent;color:var(--g500);transition:all .2s ease}
.fq-filter:hover{background:var(--g50);border-color:var(--g300,#d1d5db);color:var(--g700)}
.fq-filter:active{background:var(--g100);border-color:var(--g300);color:var(--g700)}
.fq-filter:focus{background:var(--g50);border-color:var(--blue);color:var(--blue);outline:none}
.fq-filter.active{background:var(--blue);border-color:var(--blue);color:#fff}
.fq-filter.active:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
.fq-filter svg{width:13px;height:13px}
.fq-filter-count{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:100px;background:rgba(0,0,0,.06);color:var(--g500)}
.fq-filter.active .fq-filter-count{background:rgba(255,255,255,.2);color:#fff}
.fq-content{padding:3rem var(--pad) 5rem;background:var(--white)}
.fq-content-inner{max-width:1000px;margin:0 auto}
.fq-cat{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem;margin-top:3rem}
.fq-cat:first-child{margin-top:0}
.fq-cat-ico{width:38px;height:38px;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fq-cat-ico svg{width:17px;height:17px;color:#fff}
.fq-cat-label{font-size:1.05rem;font-weight:800;color:var(--g900)}
.fq-cat-line{flex:1;height:1px;background:var(--g100);margin-left:.5rem}
.fq-item{border:1.5px solid var(--g100,#f3f4f6);border-radius:12px;margin-bottom:.6rem;background:transparent;transition:border-color .2s,box-shadow .2s,background .2s}
.fq-item:hover{border-color:var(--g200);background:var(--g50)}
.fq-item.open{border-color:var(--blue);background:#F2F9FD;box-shadow:0 4px 20px rgba(44,167,223,.06)}
.fq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left}
.fq-question:hover,.fq-question:active,.fq-question:focus{background:transparent;outline:none}
.fq-question span{font-size:.9rem;font-weight:600;color:var(--g800,var(--g700));flex:1;padding-right:1rem}
.fq-item.open .fq-question span{color:var(--blue-dark,var(--blue))}
.fq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--g400);transition:transform .3s var(--ease),color .2s}
.fq-item.open .fq-chevron{transform:rotate(180deg);color:var(--blue)}
.fq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.fq-item.open .fq-answer{max-height:300px}
.fq-answer-inner{padding:0 1.25rem 1.15rem;font-size:.88rem;color:var(--g500);line-height:1.75}
.fq-empty{text-align:center;padding:3rem 1rem;color:var(--g400);display:none}
.fq-empty.show{display:block}
.fq-empty svg{width:36px;height:36px;color:var(--g300);margin-bottom:.75rem}
.fq-empty strong{display:block;font-size:.95rem;font-weight:700;color:var(--g500);margin-bottom:.25rem}
.fq-empty p{font-size:.85rem}
.fq-cta{padding:5rem var(--pad);background:linear-gradient(170deg,var(--blue-deep) 0%,#0e4a6a 35%,#1a6d8f 100%);position:relative;overflow:hidden}
.fq-cta::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.fq-cta-inner{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:1}
.fq-cta-inner h2{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;color:var(--white);letter-spacing:-.03em;line-height:1.15;margin-bottom:.5rem}
.fq-cta-inner>p{font-size:1rem;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:2rem}
.fq-cta-btns{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}
.fq-btn-w{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.6rem;border-radius:10px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;border:none;background:var(--white);color:var(--blue-deep);transition:all .25s var(--ease)}
.fq-btn-w:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}
.fq-btn-w:active{background:#e8e8e8;transform:translateY(0)}
.fq-btn-w svg{width:15px;height:15px;transition:transform .25s ease}
.fq-btn-w:hover svg{transform:translateX(3px)}
.fq-btn-o{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.6rem;border-radius:10px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.12);transition:all .25s var(--ease)}
.fq-btn-o:hover{background:rgba(255,255,255,.12);color:var(--white);border-color:rgba(255,255,255,.25)}
.fq-rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.fq-rv.v{opacity:1;transform:translateY(0)}
@media(max-width:700px){.fq-content-inner{max-width:100%}.fq-question{padding:.85rem 1rem}.fq-answer-inner{padding:0 1rem 1rem}}
@media(max-width:520px){.fq-hero{padding:6rem var(--pad) 3.5rem}.fq-cta-btns{flex-direction:column;align-items:center}.fq-search{max-width:100%}}