.home-content { max-width:1200px; margin:36px auto 8px; }
.home-content .home-section { margin-bottom:20px; padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); }
.home-content .home-heading { margin-bottom:24px; }
.home-content .home-eyebrow { display:block; margin-bottom:8px; color:#3264aa; font-size:12px; font-weight:600; letter-spacing:.06em; }
.home-content h2 { margin:0 0 10px; font-size:clamp(21px,2vw,26px); line-height:1.5; letter-spacing:-.02em; }
.home-content h3 { margin:0 0 10px; font-size:17px; line-height:1.5; }
.home-content p { margin:0; color:#596579; font-size:14px; line-height:1.85; }
.home-content a { color:#125ed6; text-underline-offset:4px; }
.home-content a:focus-visible,.home-content summary:focus-visible { outline:3px solid var(--brand); outline-offset:5px; border-radius:4px; }
.home-content .home-link { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; line-height:1.7; text-decoration:none; }
.home-content .home-link:hover { text-decoration:underline; }
.home-content .home-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.home-content .home-tool { display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(155deg,#f6f9ff,#fff 65%); }
.home-content .home-tool-tag { margin-bottom:12px; color:#65738a; font-size:12px; }
.home-content .home-tool h3 { font-size:19px; }
.home-content dl { margin:18px 0 22px; padding-top:14px; border-top:1px solid var(--line); font-size:12px; line-height:1.8; }
.home-content dl div + div { margin-top:8px; }
.home-content dt { color:#65738a; }
.home-content dd { margin:0; color:#354052; }
.home-content .home-tool .home-link { margin-top:auto; }
.home-content .home-examples { display:grid; gap:24px; }
.home-content .home-example { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:28px; }
.home-content .home-example + .home-example { padding-top:24px; border-top:1px solid var(--line); }
.home-content .home-example-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.home-content figure { min-width:0; margin:0; }
.home-content .home-image-frame { display:flex; align-items:center; justify-content:center; aspect-ratio:3/2; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#f4f6f9; }
.home-content .home-image-frame img { display:block; width:100%; height:100%; object-fit:contain; }
.home-content .home-checker { background-color:#fff; background-image:linear-gradient(45deg,#e8edf3 25%,transparent 25%),linear-gradient(-45deg,#e8edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8edf3 75%),linear-gradient(-45deg,transparent 75%,#e8edf3 75%); background-size:16px 16px; background-position:0 0,0 8px,8px -8px,-8px 0; }
.home-content figcaption { margin-top:8px; color:#65738a; font-size:12px; text-align:center; }
.home-content .home-example-copy p + p { margin-top:8px; }
.home-content .home-example-copy .home-example-note { color:#65738a; font-size:12px; }
.home-content .home-example-copy .home-link { margin-top:12px; }
.home-content .home-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
.home-content .home-step-number { display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-bottom:12px; border-radius:9px; background:#edf4ff; color:#125ed6; font-size:14px; font-weight:700; }
.home-content .home-steps h3 { font-size:16px; }
.home-content .home-step-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.home-content .home-step-footer p { font-size:12px; }
.home-content .home-step-footer a { flex-shrink:0; }
.home-content .home-faq-section { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr); gap:36px; }
.home-content .home-faq-intro .home-link { margin-top:18px; }
.home-content details { border-top:1px solid var(--line); }
.home-content details:last-child { border-bottom:1px solid var(--line); }
.home-content summary { position:relative; padding:17px 0; padding-inline-end:26px; cursor:pointer; list-style:none; color:#263347; font-size:14px; font-weight:600; line-height:1.7; }
.home-content summary::-webkit-details-marker { display:none; }
.home-content summary::after { content:'+'; position:absolute; inset-inline-end:2px; top:16px; color:#65738a; font-size:19px; font-weight:400; }
.home-content details[open] summary::after { content:'−'; }
.home-content .home-faq-answer { padding:0 0 18px; }
.home-content .home-faq-answer p + p { margin-top:8px; }
.home-content { overflow-wrap:break-word; }
html[dir="rtl"] .home-content :is(h2,.home-eyebrow) { letter-spacing:normal; }
html[dir="rtl"] .home-content .home-link span[aria-hidden="true"] { transform:scaleX(-1); }
@media(max-width:1000px) {
  .home-content .home-tool { padding:18px; }
  .home-content .home-example { grid-template-columns:1fr; gap:16px; }
  .home-content .home-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-content .home-faq-section { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:700px) {
  .home-content { margin-top:24px; }
  .home-content .home-section { padding:20px; margin-bottom:14px; }
  .home-content .home-heading { margin-bottom:20px; }
  .home-content .home-tool-grid { grid-template-columns:1fr; gap:12px; }
  .home-content .home-tool { padding:18px; }
  .home-content .home-tool h3 { font-size:18px; }
  .home-content dl { margin:14px 0 16px; }
  .home-content .home-example-pair { gap:10px; }
  .home-content .home-examples { gap:22px; }
  .home-content .home-example + .home-example { padding-top:22px; }
  .home-content .home-image-frame { border-radius:8px; }
  .home-content .home-steps { gap:22px 16px; }
  .home-content .home-step-footer { flex-direction:column; align-items:flex-start; gap:12px; }
  .home-content figcaption { font-size:11px; }
}