:root{
      --bg:#0f172a;
      --fg:#0b1220;
      --card:#ffffff;
      --muted:#475569;
      --primary: rgb(254,132,45);
      --accent:#22c55e;
      --ink:#0f172a
      --text:#333339;
      --h2: #666672;
      --highlight: rgb(254,132,45);
      --line:#eee;
      --maxw:1025px;
      --accent-ink: #0b0c0f;
      --ring: rgba(241,134,63,.3);
      --border: #aaaaaa;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji"; color:var(--text);background:#fafdfe;line-height:1.65}
    header{position:sticky;top:0;z-index:20;backdrop-filter:saturate(140%) blur(8px);background:rgba(255,255,255,.8);border-bottom:1px solid #e2e8f0}
    .container{max-width:1000px;margin:0 auto;padding:0 20px;}
    .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
    a{color:var(--highlight);text-decoration:none}
    .brand{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--highlight);text-decoration:none}
    .brand .logo{width:30px;height:30px;}
    .nav-actions{display:flex;gap:14px;align-items:center}
    .lang a{color:var(--muted);text-decoration:none;font-weight:500}
    .lang a.active{color:var(--ink)}
    .btn{appearance:none;border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;background:#e2e8f0}
    .btn.primary{background:var(--primary);color:#fff;text-decoration:none}
    .btn.ghost{background:transparent;color:var(--ink)}
    main{display:block}
    .hero{background:linear-gradient(180deg,#f6fafd,transparent);padding:72px 0 28px}
    .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--h2);font-weight:700;font-size:.85rem}
    h1{font-size:clamp(1.8rem,3.8vw,2.6rem);line-height:1.2;margin:.2rem 0 1rem;color:var(--highlight)}
    h1.small{font-size:clamp(1.6rem,3.8vw,2.0rem);}
    .lede{font-size:1.1rem;color:#334155;}
    section{padding:36px 0}
    h2{color:var(--h2);font-size:1.5rem;margin:0 0 12px}
    h3{font-size:1.2rem;margin:18px 0 8px}
    p{margin:.5rem 0}
    ul{padding-left:1.2rem}
    .card{background:var(--card);border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(2,6,23,.06)}
    .grid{display:grid;gap:18px}
    @media (min-width:820px){.grid.cols-2{grid-template-columns:1fr 1fr}}
    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
    .faq-item{margin:18px 0}
    footer{border-top:1px solid #e2e8f0;background:#fff}
    .footer-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 0;color:#475569;flex-wrap:wrap;gap:12px}
    /* Modal */
    dialog{border:none;border-radius:16px;max-width:640px;width:96%;padding:0;box-shadow:0 32px 64px rgba(2,6,23,.25)}
    dialog::backdrop{background:rgba(15,23,42,.55)}
    .modal-head{padding:18px 22px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}
    .modal-body{padding:18px 22px}
    .field{display:flex;flex-direction:column;gap:6px;margin:10px 0}
    label{font-weight:600;color:#0f172a}
    input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-family:inherit}
    textarea{min-height:120px;resize:vertical}
    .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 18px}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* FAQ accordion */
    .faq{
      border-top:1px solid var(--line);
      margin: clamp(24px, 4vw, 40px) 0;
    }

    .faq details{
      border-top:1px solid var(--line);
      background-color: var(--card);
    }
    .faq summary{
      list-style:none;
      cursor:pointer;
      font-size:clamp(1.2rem, 1.7vw, 1.15rem);
      padding:16px 0;
      font-weight:700;
      display:flex;
      align-items:center;
      gap:10px;
      outline:none;
      background-color: var(--card);
    }

										  
    .faq summary::-webkit-details-marker{display:none}
    .faq summary::before{
      content:"+";
      display:inline-block;
      width:1.25rem;
      flex:0 0 1.25rem;
      text-align:center;
      transition:transform .2s ease;
      color:var(--highlight);
    }
    .faq details[open] summary::before{content:"–";}
				   
    .faq .answer{display:none; padding:0 0 16px 1.75rem;}
	 
    .faq details[open] .answer{display:block}