/* Inner page additions */
.page-hero{
  position:relative;padding:200px 0 80px;overflow:hidden;
  border-bottom:1px solid rgba(167,139,250,.08);
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(800px 400px at 70% -20%, rgba(167,139,250,.18), transparent 60%),
    radial-gradient(600px 300px at 10% 50%, rgba(139,92,246,.12), transparent 60%);
  pointer-events:none;
}
.page-hero .container{position:relative;z-index:2}
.breadcrumb{
  display:inline-flex;align-items:center;gap:10px;color:var(--argent-mute);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
}
.breadcrumb a{color:var(--argent-mute);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--violet)}
.breadcrumb .sep{opacity:.5}

.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.feature-list .item{
  display:flex;gap:14px;padding:18px 20px;border-radius:14px;
  background:rgba(245,240,255,.03);border:1px solid rgba(245,240,255,.08);
}
.feature-list .item .ico{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(139,92,246,.12));
  border:1px solid rgba(167,139,250,.25);color:var(--violet);
}
.feature-list .item h4{margin:0 0 4px;font-size:15px}
.feature-list .item p{margin:0;color:var(--argent);font-size:13.5px;line-height:1.55}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.process-step{padding:24px;border-radius:18px;background:linear-gradient(180deg,rgba(167,139,250,.06),rgba(255,255,255,.01));border:1px solid rgba(245,240,255,.08);position:relative}
.process-step .num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--violet);margin-bottom:10px}
.process-step h4{margin:0 0 8px;font-size:18px}
.process-step p{margin:0;color:var(--argent);font-size:13.5px;line-height:1.55}

.faq-item{
  border-bottom:1px solid rgba(245,240,255,.08);
  padding:20px 0;cursor:pointer;
}
.faq-item summary{
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-size:17px;font-family:'Space Grotesk';color:var(--blanc-neige);font-weight:500;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";font-family:'JetBrains Mono',monospace;font-size:24px;color:var(--violet);
  transition:transform .3s;
}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{color:var(--argent);font-size:14.5px;line-height:1.6;margin:14px 0 0;max-width:760px}

.legal-content{max-width:780px;color:var(--argent);font-size:15px;line-height:1.75}
.legal-content h2{color:var(--blanc-neige);font-size:24px;margin-top:40px;margin-bottom:14px}
.legal-content h3{color:var(--blanc-neige);font-size:18px;margin-top:28px;margin-bottom:10px}
.legal-content p{margin:0 0 14px}
.legal-content ul{padding-left:22px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:var(--violet)}

@media(max-width:900px){
  .feature-list{grid-template-columns:1fr !important}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .page-hero{padding:160px 0 60px}
  .contact-grid{grid-template-columns:1fr !important;gap:48px !important}
  /* Inline 1fr 1fr grids inside forms / sections */
  form[style*="grid"] > div[style*="grid-template-columns"]{grid-template-columns:1fr !important}
  section .container > div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;gap:32px !important}
}
@media(max-width:700px){
  .glass-strong[style*="padding:48px"]{padding:28px !important;flex-direction:column !important;align-items:flex-start !important}
  .glass-strong[style*="padding:32px"]{padding:22px !important}
}
@media(max-width:600px){
  .process-grid{grid-template-columns:1fr}
  .page-hero{padding:130px 0 50px}
  .title-xxl{font-size:clamp(32px,8vw,52px) !important;line-height:1.05 !important}
  .title-xl{font-size:clamp(24px,5.5vw,36px) !important}
  .lead{font-size:15px !important}
  .container{padding-left:20px !important;padding-right:20px !important}
  .feature-list .item{padding:14px 16px}
  .legal-content{font-size:14.5px}
  .faq-item summary{font-size:15px}
}
@media(max-width:480px){
  html,body{overflow-x:hidden}
  .breadcrumb{font-size:10px;letter-spacing:.14em;flex-wrap:wrap;gap:6px}
}