.product-overview{padding-top:76px}.overview-hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 90% 35%, #8d54ff1f, transparent 50%), var(--bg);padding:30px 0 0}.overview-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.overview-breadcrumb a:hover{color:var(--purple-light)}.overview-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:60px;padding:54px 0;display:grid}.overview-hero h1{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;margin:18px 0 22px;font-size:clamp(32px,3.8vw,50px);line-height:1.2}.overview-definition{color:var(--text);margin:0 0 18px;font-size:21px;font-weight:600;line-height:1.65}.overview-explanation{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.85}.overview-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.product-overview .button{height:40px}.overview-icon{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--purple-light);background:#8d54ff14;border-radius:10px;flex-shrink:0;place-items:center;display:inline-grid}.overview-diagram{min-width:0;margin:0}.overview-diagram-window{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:10px}.overview-diagram-bar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px 18px;font-size:16px;display:flex}.overview-diagram-bar>span{gap:5px;margin-left:auto;display:flex}.overview-diagram-bar i{background:var(--text-muted);opacity:.65;border-radius:10px;width:5px;height:5px}.overview-diagram-profiles{gap:12px;padding:18px;display:grid}.overview-diagram-profile{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;min-width:0;padding:14px 16px}.overview-diagram-profile-name{align-items:center;gap:10px;font-size:15px;display:flex}.overview-diagram-profile-name svg{color:var(--purple-light)}.overview-diagram-profile-name>span{color:var(--text-muted);margin-left:auto;font-size:12px}.overview-diagram-profile ul{flex-wrap:wrap;gap:8px 15px;margin:12px 0 0;padding:0;list-style:none;display:flex}.overview-diagram-profile li{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;line-height:1.6;display:inline-flex}.overview-diagram-profile li svg{color:var(--purple-light);opacity:.8;flex-shrink:0}.overview-diagram figcaption{color:var(--text-muted);text-align:center;margin-top:14px;font-size:12px;line-height:1.7}.overview-section-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:4px 28px;padding:16px 0;display:flex}.overview-section-links a{min-height:40px;color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;line-height:1.5;display:inline-flex}.overview-section-links svg{flex-shrink:0}.overview-section-links a:hover{color:var(--purple-light)}.overview-section,.overview-band{padding-block:64px;scroll-margin-top:96px}.overview-band{border-block:1px solid var(--border);background:var(--bg-deep)}.overview-lesson-heading{align-items:flex-start;gap:20px;max-width:900px;margin-bottom:30px;display:flex}.overview-section-number{border:1px solid var(--border-strong);width:36px;height:36px;color:var(--purple-light);border-radius:10px;flex-shrink:0;place-items:center;margin-top:4px;font-size:12px;font-weight:700;display:grid}.product-overview h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 14px;font-size:clamp(25px,2.6vw,32px);line-height:1.4}.product-overview h3{margin:18px 0 10px;font-size:18px;line-height:1.5}.overview-lesson-heading p,.overview-layer-explanation p,.overview-examples p,.overview-fit-grid p,.overview-steps p,.overview-faq p,.overview-cta p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.85}.overview-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px;padding:0;list-style:none;display:grid}.overview-signals li{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-secondary);border-radius:10px;align-items:center;gap:14px;padding:22px;font-size:15px;display:flex}.overview-signals svg{color:var(--purple-light);flex-shrink:0}.overview-note{border-left:3px solid var(--purple);color:var(--text-secondary);background:#8d54ff0f;border-radius:10px;align-items:flex-start;gap:12px;margin:0;padding:18px 20px;font-size:14px;line-height:1.85;display:flex}.overview-note svg{color:var(--purple-light);flex-shrink:0;margin-top:3px}.overview-browser-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:60px;display:grid}.overview-browser-grid .overview-lesson-heading{margin-bottom:0}.overview-layer-explanation{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:24px}.overview-layer-explanation ul{gap:12px;margin:0 0 20px;padding:0;list-style:none;display:grid}.overview-layer-explanation li{align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.overview-layer-explanation li span{color:var(--purple-light);font-size:12px;font-weight:500}.overview-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.overview-examples article{border:1px solid var(--border);border-radius:10px;padding:24px}.overview-comparison{padding-top:0}.overview-table-scroll{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;width:100%;overflow-x:auto}.overview-table-scroll table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;min-width:680px}.overview-table-scroll th,.overview-table-scroll td{border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:break-word;padding:20px 24px;font-size:14px;line-height:1.8}.overview-table-scroll thead th{color:var(--text-muted);background:var(--surface-soft);font-size:13px;font-weight:600}.overview-table-scroll th:first-child{width:22%}.overview-table-scroll th:nth-child(2){width:38%}.overview-table-scroll tbody th{color:var(--text);font-weight:600}.overview-table-scroll td{color:var(--text-secondary)}.overview-table-scroll tbody tr:last-child th,.overview-table-scroll tbody tr:last-child td{border-bottom:0}.overview-table-product{background:#8d54ff12}.overview-table-product th{color:var(--purple-light)}.overview-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.overview-fit-grid article{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:24px}.overview-fit-grid article:first-child{border-color:var(--border-strong)}.overview-fit-grid h3{margin-top:0}.overview-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.overview-steps li{border-top:1px solid var(--border-strong);padding:24px}.overview-step-number{color:var(--purple-light);font-size:24px;font-weight:700}.overview-section-heading{margin-bottom:24px}.overview-faq{padding-top:0;padding-bottom:32px}.overview-faq details{border-top:1px solid var(--border)}.overview-faq details:last-child{border-bottom:1px solid var(--border)}.overview-faq summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.overview-faq summary::-webkit-details-marker{display:none}.overview-faq summary svg{color:var(--purple-light);flex-shrink:0}.overview-faq details[open] summary svg{transform:rotate(180deg)}.overview-faq details>p{max-width:900px;padding:0 0 24px}.overview-references{margin-bottom:48px}.overview-references p{color:var(--text-muted);margin:0 0 12px;font-size:13px}.overview-references ul{flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none;display:flex}.overview-references a{color:var(--purple-light);align-items:center;gap:7px;font-size:12px;line-height:1.7;display:inline-flex}.overview-references a:hover{text-decoration:underline}.overview-cta{border:1px solid var(--border-strong);background:linear-gradient(120deg, var(--cta-bg-start), var(--cta-bg-end));border-radius:10px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:64px;padding:36px;display:flex}.overview-cta .button{flex-shrink:0}@media (max-width:960px){.overview-hero-grid,.overview-browser-grid{gap:32px}.overview-examples,.overview-steps{gap:16px}.overview-signals li{padding:18px;font-size:14px}.overview-table-scroll th,.overview-table-scroll td{padding:18px}}@media (max-width:700px){.overview-hero-grid,.overview-browser-grid,.overview-signals,.overview-examples,.overview-fit-grid,.overview-steps{grid-template-columns:1fr}.overview-hero-grid{padding:36px 0}.overview-section,.overview-band{padding-block:44px}.overview-lesson-heading{gap:12px}.overview-section-number{width:30px;height:30px}.overview-section-links{gap:4px 20px}.overview-definition{font-size:19px}.overview-comparison,.overview-faq{padding-top:0}.overview-faq{padding-bottom:24px}.overview-diagram-profiles{padding:14px}.overview-signals{gap:10px}.overview-cta{flex-direction:column;align-items:flex-start;margin-bottom:44px;padding:26px}}@media (max-width:650px){.product-overview{padding-top:68px}}