.hero:where(.astro-j7pv25f6){padding:100px 0 60px;text-align:center;position:relative;overflow:hidden}.hero:where(.astro-j7pv25f6):before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(212,160,23,.08) 0%,rgba(212,160,23,.03) 40%,transparent 70%);pointer-events:none}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.15;max-width:820px;margin:0 auto;position:relative}.hero:where(.astro-j7pv25f6) .sub:where(.astro-j7pv25f6){font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text2);max-width:620px;margin:20px auto 0;line-height:1.7;position:relative}.hero-ctas:where(.astro-j7pv25f6){margin-top:32px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}.hero-ctas:where(.astro-j7pv25f6) .btn-p:where(.astro-j7pv25f6){background:linear-gradient(180deg,#e0ad2a,#d4a017);color:var(--base);border:1px solid rgba(212,160,23,.3);box-shadow:0 8px 24px #0003,0 0 20px #d4a01726}.hero-ctas:where(.astro-j7pv25f6) .btn-p:where(.astro-j7pv25f6):hover{box-shadow:0 12px 30px #00000040,0 0 28px #d4a01738;transform:translateY(-1px)}.trust-bar:where(.astro-j7pv25f6){margin-top:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trust-bar:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){font-size:.92rem;color:var(--text2);padding:5px 12px;border:1px solid rgba(212,160,23,.15);border-radius:20px;background:#d4a01708}.demo:where(.astro-j7pv25f6){padding:80px 0 100px}.demo-tabs:where(.astro-j7pv25f6){display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:36px}.demo-tabs:where(.astro-j7pv25f6) button:where(.astro-j7pv25f6){background:none;border:1px solid var(--border);color:var(--text2);padding:10px 18px;border-radius:8px;font-size:.88rem;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s}.demo-tabs:where(.astro-j7pv25f6) button:where(.astro-j7pv25f6):hover{border-color:var(--text2);color:var(--text)}.demo-tabs:where(.astro-j7pv25f6) button:where(.astro-j7pv25f6).active{border-color:var(--accent);color:var(--accent);background:#d4a0170f}.demo-panel:where(.astro-j7pv25f6){display:none;max-width:1100px;margin:0 auto}.demo-panel:where(.astro-j7pv25f6).active{display:block}.demo-caption:where(.astro-j7pv25f6){text-align:center;font-size:1rem;color:var(--text2);margin-bottom:24px;line-height:1.6}.demo-split:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:14px;overflow:hidden;border:1.5px solid rgba(212,160,23,.55);box-shadow:0 0 0 1px #d4a01726,0 0 30px #d4a0172e,0 0 100px #d4a0171a,0 30px 80px #000000b3}.demo-split-pane:where(.astro-j7pv25f6){background:#0c1222}.demo-split-pane:where(.astro-j7pv25f6) .pane-bar:where(.astro-j7pv25f6){display:flex;align-items:center;gap:6px;padding:12px 16px;background:#d4a0170f;border-bottom:1px solid rgba(212,160,23,.22)}.demo-split-pane:where(.astro-j7pv25f6) .pane-bar:where(.astro-j7pv25f6) .dot:where(.astro-j7pv25f6){width:9px;height:9px;border-radius:50%;background:#333;border:1px solid #555}.demo-split-pane:where(.astro-j7pv25f6) .pane-bar:where(.astro-j7pv25f6) .pane-title:where(.astro-j7pv25f6){margin-left:8px;font-size:.75rem;font-family:JetBrains Mono,monospace;font-weight:500}.demo-split-pane:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){margin:0;padding:18px 20px;font-size:.88rem;line-height:1.85;font-family:JetBrains Mono,monospace;color:#e2e8f0;overflow-x:auto;min-height:280px}.demo-term:where(.astro-j7pv25f6){background:#0c1222;border:1.5px solid rgba(212,160,23,.55);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #d4a01726,0 0 30px #d4a0172e,0 0 100px #d4a0171a,0 30px 80px #000000b3}.demo-term-bar:where(.astro-j7pv25f6){display:flex;align-items:center;gap:6px;padding:12px 16px;background:#d4a0170f;border-bottom:1px solid rgba(212,160,23,.22)}.demo-term-bar:where(.astro-j7pv25f6) .dot:where(.astro-j7pv25f6){width:10px;height:10px;border-radius:50%;background:#333;border:1px solid #555}.demo-term-bar:where(.astro-j7pv25f6) .title:where(.astro-j7pv25f6){margin-left:10px;font-size:.78rem;color:#e2e8f0;font-family:JetBrains Mono,monospace}.demo-term:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){margin:0;padding:20px 24px;font-size:.92rem;line-height:1.9;font-family:JetBrains Mono,monospace;color:#e2e8f0;overflow-x:auto}.demo-steps-indicator:where(.astro-j7pv25f6){display:flex;justify-content:center;gap:8px;margin-bottom:20px}.demo-steps-indicator:where(.astro-j7pv25f6) .step-dot:where(.astro-j7pv25f6){width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s}.demo-steps-indicator:where(.astro-j7pv25f6) .step-dot:where(.astro-j7pv25f6).active{background:var(--accent)}.demo-split-pane:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6) .line:where(.astro-j7pv25f6),.demo-term:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6) .line:where(.astro-j7pv25f6){opacity:0;transform:translateY(4px);animation:lineAppear .3s ease forwards}@keyframes lineAppear{to{opacity:1;transform:translateY(0)}}.demo-placeholder:where(.astro-j7pv25f6){max-width:900px;margin:0 auto;padding:60px 40px;border:2px dashed var(--border);border-radius:12px;text-align:center;color:var(--text2)}.demo-placeholder:where(.astro-j7pv25f6) .ph-icon:where(.astro-j7pv25f6){font-size:2.5rem;margin-bottom:16px}.demo-placeholder:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:1rem;line-height:1.6}.arch:where(.astro-j7pv25f6){padding:100px 0}.arch-diagram:where(.astro-j7pv25f6){max-width:960px;margin:48px auto 0}.arch-flow:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.arch-card:where(.astro-j7pv25f6){padding:24px 20px;border-radius:12px;border:1px solid;text-align:center}.arch-card:where(.astro-j7pv25f6) h4:where(.astro-j7pv25f6){font-size:.95rem;font-weight:600;margin-bottom:10px}.arch-card:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:.85rem;color:var(--text2);line-height:1.5;margin-bottom:10px}.arch-card:where(.astro-j7pv25f6) .perms:where(.astro-j7pv25f6){font-size:.78rem;line-height:1.6}.arch-card:where(.astro-j7pv25f6) .perms:where(.astro-j7pv25f6) .yes:where(.astro-j7pv25f6){color:#4ade80}.arch-card:where(.astro-j7pv25f6) .perms:where(.astro-j7pv25f6) .no:where(.astro-j7pv25f6){color:#ef4444}.arch-boundary:where(.astro-j7pv25f6){text-align:center;margin:24px 0;padding:12px;border:2px dashed rgba(74,222,128,.4);border-radius:8px;font-size:.82rem;color:#4ade80;font-weight:600;letter-spacing:.5px}.arch-flow-detail:where(.astro-j7pv25f6){max-width:900px;margin:40px auto 0;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--base-alt)}.arch-flow-detail:where(.astro-j7pv25f6) h4:where(.astro-j7pv25f6){font-size:1rem;font-weight:600;margin-bottom:16px;text-align:center}.arch-flow-steps:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.arch-flow-step:where(.astro-j7pv25f6){text-align:center;padding:12px 8px;border-radius:8px;border:1px solid var(--border)}.arch-flow-step:where(.astro-j7pv25f6) .num:where(.astro-j7pv25f6){display:block;font-size:.75rem;color:var(--accent);font-weight:600;margin-bottom:4px}.arch-flow-step:where(.astro-j7pv25f6) .label:where(.astro-j7pv25f6){font-size:.75rem;color:var(--text2);line-height:1.3}.arch-principles:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.arch-principle-card:where(.astro-j7pv25f6){padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--base-alt)}.arch-principle-card:where(.astro-j7pv25f6) h5:where(.astro-j7pv25f6){font-size:.88rem;font-weight:600;margin-bottom:6px;color:var(--text)}.arch-principle-card:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:.85rem;color:var(--text2);line-height:1.5}.features:where(.astro-j7pv25f6){padding:100px 0}.features-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:48px auto 0}.feature-card:where(.astro-j7pv25f6){padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--base-alt);transition:border-color .2s}.feature-card:where(.astro-j7pv25f6):hover{border-color:#d4a0174d}.feature-card:where(.astro-j7pv25f6) h4:where(.astro-j7pv25f6){font-size:1rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.feature-card:where(.astro-j7pv25f6) h4:where(.astro-j7pv25f6) .icon:where(.astro-j7pv25f6){font-size:1.2rem}.feature-card:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:.92rem;color:var(--text2);line-height:1.6}.feature-card:where(.astro-j7pv25f6) .tag:where(.astro-j7pv25f6){display:inline-block;margin-top:10px;font-size:.75rem;padding:3px 8px;border-radius:4px;background:#d4a0171a;color:var(--accent);font-weight:500}.who:where(.astro-j7pv25f6){padding:100px 0}.who-items:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:800px;margin:48px auto 0}.who-item:where(.astro-j7pv25f6) h3:where(.astro-j7pv25f6){font-size:.95rem;font-weight:600;margin-bottom:8px;color:var(--text)}.who-item:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:var(--text2);font-size:.95rem;line-height:1.6}.who-item:where(.astro-j7pv25f6) .marker:where(.astro-j7pv25f6){width:32px;height:3px;border-radius:2px;margin-bottom:14px}.cta-s:where(.astro-j7pv25f6){text-align:center;padding:100px 0}.cta-s:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;margin-bottom:12px}.cta-s:where(.astro-j7pv25f6) .sub:where(.astro-j7pv25f6){font-size:1.05rem;color:var(--text2);margin-bottom:32px}.cta-price:where(.astro-j7pv25f6){margin-top:20px;font-size:.92rem;color:var(--text2)}@media(max-width:768px){.hero:where(.astro-j7pv25f6){padding:72px 0 36px}.demo-tabs:where(.astro-j7pv25f6){gap:6px}.demo-tabs:where(.astro-j7pv25f6) button:where(.astro-j7pv25f6){padding:8px 12px;font-size:.8rem}.demo-split:where(.astro-j7pv25f6){grid-template-columns:1fr}.demo-split-pane:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){min-height:auto}.arch-flow:where(.astro-j7pv25f6){grid-template-columns:1fr 1fr}.arch-principles:where(.astro-j7pv25f6){grid-template-columns:1fr 1fr}.arch-flow-steps:where(.astro-j7pv25f6){grid-template-columns:repeat(3,1fr)}.features-grid:where(.astro-j7pv25f6){grid-template-columns:1fr}.who-items:where(.astro-j7pv25f6){grid-template-columns:1fr}.hero-ctas:where(.astro-j7pv25f6){flex-direction:column;align-items:center}.trust-bar:where(.astro-j7pv25f6){flex-direction:column;align-items:center}}
