.hero{padding:96px 20px 0}.hero-container{max-width:1280px;margin:0 auto;text-align:left}.hero-headline{font-size:30px;font-weight:400;line-height:1.4;color:#26251e;margin:0 0 32px}.hero-headline-acent{color:#2563eb}.hero-ctas{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:56px}@media (max-width: 1024px){.demo-body{grid-template-columns:180px 1fr}.demo-right{display:none}}@media (max-width: 768px){.hero{padding:60px 20px 0}.hero-headline{font-size:28px}.demo-body{grid-template-columns:1fr;height:auto}.demo-sidebar{display:none}}.feature-two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-reverse .feature-text{order:2}.feature-reverse .integrations-demos{order:1}.feature-heading{font-size:clamp(26px,3.2vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.028em;color:#26251e;margin:0 0 18px}.feature-heading-center{text-align:center}.feature-desc{font-size:15.5px;color:#26251e85;line-height:1.65;margin:0 0 24px}.feature-desc-center{text-align:center;max-width:520px;margin-left:auto;margin-right:auto}.feature-list{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:9px}.feature-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:#26251e99;line-height:1.45}.feature-list li:before{content:"→";color:#26251e4d;flex-shrink:0;margin-top:0}.feature-link{font-size:14px;font-weight:500;color:#26251e;text-decoration:none;border-bottom:1px solid rgba(38,37,30,.18);padding-bottom:1px;transition:border-color .15s}.feature-link:hover{border-color:#26251e}.feature-demo-window{background:#0c0b08;border-radius:10px;border:1px solid rgba(255,255,255,.065);box-shadow:0 20px 56px #00000047;overflow:hidden}.feature-demo-content{padding:14px}.migration-list{display:flex;flex-direction:column;gap:3px}.migration-header{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:11px;color:#edecec59;font-family:Geist Mono,monospace;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:6px}.migration-from{color:#edecec59}.migration-arrow{color:#818cf8}.migration-to{color:#4ade80cc}.migration-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;font-size:12px}.migration-item-done{background:#28c8400a;border:1px solid rgba(40,200,64,.09)}.migration-item-active{background:#6366f112;border:1px solid rgba(99,102,241,.13)}.agent-check{color:#28c840;font-size:12px;flex-shrink:0}.agent-spinner{color:#818cf8;flex-shrink:0;animation:spin 2s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.agent-task-info{flex:1}.agent-task-name{color:#edececc7;font-weight:500}.agent-task-sub{font-size:10.5px;color:#edecec61;margin-top:2px}.agent-task-time{font-size:10.5px;color:#edecec47;font-family:Geist Mono,monospace}.agent-task-status{font-size:10.5px;color:#818cf8}.migration-summary{display:flex;gap:12px;padding:10px;margin-top:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px}.migration-stat{text-align:center;flex:1}.migration-stat-num{font-size:15px;font-weight:700;color:#4ade80;letter-spacing:-.02em}.migration-stat-label{font-size:10px;color:#edecec4d;margin-top:1px}.feature-center{max-width:920px;margin:0 auto;text-align:center}.graph-demo{margin-top:44px}.graph-demo-window{background:#0c0b08;border-radius:10px;border:1px solid rgba(255,255,255,.065);box-shadow:0 20px 56px #00000047;overflow:hidden;text-align:left}.graph-demo-body{padding:0}.graph-canvas{padding:16px;border-bottom:1px solid rgba(255,255,255,.04)}.graph-legend{display:flex;gap:20px;padding:12px 20px;align-items:center}.graph-legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#edecec66}.graph-legend-dot{width:7px;height:7px;border-radius:50%}.integrations-demos{display:flex;flex-direction:column;gap:12px}.code-demo-window{background:#0c0b08;border-radius:10px;border:1px solid rgba(255,255,255,.065);box-shadow:0 20px 56px #00000047;overflow:hidden}.code-block{padding:14px 18px;font-family:Geist Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.7}.code-line{color:#edecec8c}.code-line-active{margin-top:2px}.code-kw{color:#c792ea}.code-mod{color:#82aaff}.code-str{color:#c3e88d}.code-comment{color:#edecec40}.code-fn{color:#82aaff}.code-cursor{color:#edececb3;animation:blink 1s steps(1) infinite}.framework-badges{display:flex;flex-wrap:wrap;gap:7px}.framework-badge{font-size:12px;padding:5px 12px;border-radius:6px;background:#26251e0a;border:1px solid rgba(38,37,30,.1);color:#26251e80;font-weight:500}.framework-badge-active{background:#6366f114;border-color:#6366f133;color:#818cf8}.access-demo-content{padding:0}.access-header{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.access-filter{display:flex;gap:2px}.access-filter-tab{font-size:11px;padding:4px 9px;border-radius:5px;color:#26251e59;cursor:pointer}.access-filter-tab-active{background:#26251e0f;color:#26251ebf}.access-log{padding:6px 0}.access-row{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:11px;border-bottom:1px solid rgba(38,37,30,.03)}.access-row:hover{background:#26251e05}.access-row-denied{background:#f871710a}.access-time{color:#26251e40;width:54px;flex-shrink:0;font-family:Geist Mono,monospace}.access-badge{font-size:9.5px;font-weight:600;padding:2px 5px;border-radius:3px;flex-shrink:0;font-family:Geist Mono,monospace}.access-badge-green{background:#28c8401f;color:#4ade80}.access-badge-blue{background:#60a5fa1f;color:#60a5fa}.access-badge-red{background:#f871711f;color:#f87171}.access-principal{color:#26251e8c;width:120px;flex-shrink:0;font-family:Geist Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-resource{color:#26251e59;flex:1;font-family:Geist Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-status{flex-shrink:0;font-size:12px}.access-status-allow{color:#4ade80}.access-status-deny{color:#f87171}.access-summary{display:flex;gap:16px;padding:8px 12px;border-top:1px solid rgba(38,37,30,.04)}.access-sum-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#26251e59}.access-sum-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}@media (max-width: 1024px){.feature-two-col{grid-template-columns:1fr;gap:36px}.feature-reverse .feature-text{order:1}.feature-reverse .integrations-demos{order:2}}@media (max-width: 768px){.feature-section{padding:60px 20px}.graph-demo-body{overflow-x:auto}}