@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--bg-cream:#f4f0ec;--bg-dark:#111;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-light:#e0e0e0;--border-light:#0000001a;--border-dark:#ffffff26;--accent-burgundy:#6a103c;--accent-green:#0f380f;--accent-glow:#0fac;--font-serif:"Playfair Display", serif;--font-sans:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:var(--bg-cream);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);font-weight:500;line-height:1.1}a{color:inherit;text-decoration:none}.heading-xl{letter-spacing:-.02em;font-size:clamp(3rem,8vw,8rem)}.heading-lg{letter-spacing:-.01em;font-size:clamp(2rem,5vw,4.5rem)}.heading-md{font-size:clamp(1.5rem,3vw,2.5rem)}.body-lg{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.mono-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}.section{border-bottom:1px solid var(--border-light);padding:6rem 0}.grid-editorial{grid-template-columns:repeat(12,1fr);gap:2rem;display:grid}.grain-overlay{pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:1px solid var(--text-primary);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-cream)}.btn-primary:hover,.btn-secondary{color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--text-primary);color:var(--bg-cream)}@keyframes pulseGlow{0%{box-shadow:0 0 #0fa6}70%{box-shadow:0 0 0 10px #0fa0}to{box-shadow:0 0 #0fa0}}@keyframes drawLine{to{stroke-dashoffset:0}}.navbar{background-color:var(--bg-cream);border-bottom:1px solid var(--border-light);z-index:1000;width:100%;padding:1rem 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{color:inherit;text-decoration:none}.navbar-logo span{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:700}.navbar-links{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-link{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;padding:.5rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.nav-link:hover{color:var(--text-primary)}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown{background:var(--bg-cream);border:1px solid var(--border-light);opacity:0;visibility:hidden;min-width:200px;padding:.5rem 0;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;transform:translateY(4px)}.dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{font-family:var(--font-sans);color:var(--text-secondary);padding:.6rem 1.25rem;font-size:.875rem;text-decoration:none;transition:color .15s,background-color .15s;display:block}.dropdown-link:hover{color:var(--text-primary);background-color:#00000008}.navbar-right{align-items:center;gap:1rem;display:flex}.navbar-cta-btn{font-size:.8rem}.hamburger{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:.25rem;display:none}.mobile-menu{background:var(--bg-cream);z-index:999;opacity:0;visibility:hidden;padding-top:5rem;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.mobile-menu.open{opacity:1;visibility:visible}.mobile-close-btn{cursor:pointer;color:var(--text-primary);z-index:1;background:0 0;border:none;padding:.5rem;position:absolute;top:1.25rem;right:1.5rem}.mobile-menu-inner{flex-direction:column;gap:.25rem;max-width:1440px;margin:0 auto;padding:1rem 1.5rem;display:flex}.mobile-nav-group{border-bottom:1px solid var(--border-light)}.mobile-nav-link{width:100%;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.125rem;font-weight:500;text-decoration:none;display:flex}.mobile-dropdown{max-height:0;transition:max-height .3s;overflow:hidden}.mobile-dropdown.expanded{max-height:300px}.mobile-dropdown-link{font-family:var(--font-sans);color:var(--text-secondary);padding:.75rem 0 .75rem 1.25rem;font-size:1rem;text-decoration:none;transition:color .15s;display:block}.mobile-dropdown-link:hover{color:var(--text-primary)}.mobile-cta{width:100%;margin-top:1.5rem}@media (width<=900px){.navbar-links,.navbar-cta-btn{display:none}.hamburger{display:block}}.hero-section{border-bottom:1px solid var(--border-light);background:radial-gradient(circle at center, #00000005 0%, var(--bg-cream) 100%);padding:8rem 0}.hero-content{text-align:center;max-width:800px;margin:0 auto 6rem}.hero-title{margin-bottom:1.5rem;line-height:1}.hero-subtitle{color:var(--text-secondary)}.flow-animation-container{width:100%;max-width:1000px;height:400px;margin:0 auto;position:relative}.flow-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.animated-line{fill:none;stroke:var(--text-primary);stroke-width:1px;stroke-dasharray:4 4;opacity:.3}.flow-nodes{z-index:1;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.node-column{flex-direction:column;gap:2rem;width:250px;display:flex}.center-node{width:350px}.node-box{background-color:var(--bg-cream);border:1px solid var(--border-light);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000d}.node-tags{gap:.5rem;margin-top:.5rem;display:flex}.tag{background-color:#0000000d;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.center-node-wrapper{position:relative}.pulse-ring{pointer-events:none;border:1px solid #00ffaa4d;border-radius:8px;position:absolute;inset:0}.input-box{background-color:var(--bg-dark);color:var(--text-light);border:1px solid var(--border-dark);border-radius:8px;padding:1.5rem;position:relative;box-shadow:0 0 30px #00ffaa14}.input-prompt{font-family:var(--font-mono);min-height:40px;margin-bottom:1rem;font-size:.875rem}.cursor{color:var(--accent-glow);margin-right:.5rem}.blinker{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.input-actions{justify-content:flex-end;display:flex}.run-btn{background-color:var(--text-light);color:var(--bg-dark);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.output-wrapper{position:relative}.output-box{flex-direction:row;align-items:center;gap:1rem}.output-content{flex-direction:column;display:flex}.output-content small{color:var(--text-secondary);font-size:.75rem}.burst-glow{pointer-events:none;border-radius:2px;position:absolute;inset:-2px}.burst-burgundy{border:1px solid #6a103c4d;box-shadow:0 0 30px #6a103c66,inset 0 0 15px #6a103c1a}.burst-green{border:1px solid #0f380f4d;box-shadow:0 0 30px #0f380f66,inset 0 0 15px #0f380f1a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.float-1{will-change:transform;animation:4s ease-in-out infinite float}.float-2{will-change:transform;animation:5s ease-in-out .5s infinite float}.float-3{will-change:transform;animation:6s ease-in-out 1s infinite float}.float-4{will-change:transform;animation:4.5s ease-in-out .3s infinite float}.float-5{will-change:transform;animation:5.5s ease-in-out .8s infinite float}@media (width<=1024px){.hero-section{padding:5rem 0}.hero-content{margin:0 auto 3rem}.flow-animation-container{height:auto}.flow-lines{display:none}.flow-nodes{flex-direction:column;gap:4rem}.node-column,.center-node{width:100%}.float-1,.float-2,.float-3,.float-4,.float-5{will-change:auto;animation:none}.pulse-ring{display:none}}.team-section{background-color:var(--bg-cream)}.section-header{margin-bottom:4rem}.max-w-2xl{max-width:42rem;margin-top:1rem}.team-grid{border:1px solid var(--border-light);border-bottom:none;border-right:none;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.team-card{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-direction:column;padding:2.5rem 2rem;transition:background-color .3s;display:flex}.team-card:hover{background-color:#00000005}.team-card-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.stat-number{opacity:.5;font-size:1.5rem}.team-role{margin-bottom:1rem}@media (width<=1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.team-grid{grid-template-columns:1fr}}.integrations-section{background-color:var(--bg-cream)}.integration-grid{align-items:center}.integration-text{grid-column:span 5}.integration-text h2{margin-bottom:1.5rem}.connector-strip{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.connector-tag{border:1px solid var(--text-primary);padding:.4rem .8rem;font-size:.65rem;transition:all .2s}.connector-tag:hover{background-color:var(--text-primary);color:var(--bg-cream)}.integration-features{flex-direction:column;grid-column:7/-1;gap:4rem;display:flex}.feature-block{border-top:1px solid var(--text-primary);padding-top:1.5rem}.feature-tag{color:var(--accent-burgundy);margin-bottom:1rem;font-weight:600;display:block}.feature-block h3{margin-bottom:1rem}@media (width<=1024px){.integration-text{grid-column:span 12;margin-bottom:4rem}.integration-features{grid-column:span 12}}.activation-section{background-color:var(--bg-cream);overflow:hidden}.activation-header{max-width:600px;margin-bottom:4rem}.activation-header h2{margin-bottom:1.5rem}.activation-cascade{border-left:1px dashed var(--border-light);flex-direction:column;gap:2rem;padding-left:2rem;display:flex;position:relative}.activation-step{background-color:var(--bg-cream);border:1px solid var(--border-light);width:80%;padding:2.5rem;position:relative;box-shadow:0 10px 30px #00000008}.activation-step:nth-child(2){margin-left:5%}.activation-step:nth-child(3){margin-left:10%}.step-number{background-color:var(--text-primary);color:var(--bg-cream);padding:.2rem .8rem;position:absolute;top:-10px;left:2.5rem}.step-content{align-items:flex-start;gap:2rem;margin-top:1rem;display:flex}.step-icon{color:var(--text-primary);background-color:#00000008;border-radius:50%;padding:1rem}.step-content h3{margin-bottom:.5rem}@media (width<=768px){.activation-step{width:100%;margin-left:0!important}.activation-cascade{padding-left:1rem}}.workflows-section{background-color:var(--bg-cream)}.workflows-content{flex-direction:column;grid-column:span 5;justify-content:center;display:flex}.workflows-content h2{margin-bottom:1.5rem}.workflow-features{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.wf-feature{border-bottom:1px solid var(--border-light);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.workflows-visual{grid-column:7/-1;min-height:480px;position:relative}.visual-panel{background-color:var(--bg-cream);border:1px solid var(--text-primary);width:80%;padding:1.25rem 1.5rem;position:absolute}.finance-panel{z-index:2;top:0;left:0;box-shadow:12px 12px #0000000a}.marketing-panel{z-index:1;bottom:0;right:0;box-shadow:12px 12px #0000000a}.panel-header{border-bottom:1px solid var(--border-light);color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.5rem;font-size:.7rem}.panel-body{flex-direction:column;gap:1rem;display:flex}.panel-kpis{gap:2rem;display:flex}.kpi{flex-direction:column;gap:.25rem;display:flex}.kpi-label{color:var(--text-secondary);font-size:.6rem}.kpi-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text-primary);font-size:1.6rem;font-weight:700}.sparkline{width:100%;display:block}.bar-chart-row{align-items:flex-end;gap:6px;height:80px;padding-top:.5rem;display:flex}.anim-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.anim-bar{background-color:var(--text-primary);opacity:.15;width:100%;transition:opacity .2s}.anim-bar-wrapper:hover .anim-bar{opacity:.4}.bar-label{color:var(--text-secondary);margin-top:4px;font-size:.5rem}.panel-meta{color:var(--text-secondary);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.65rem;display:flex}.meta-status{letter-spacing:.05em;padding:.15rem .5rem;font-weight:600}.meta-green{color:#2e7d32;background-color:#2e7d321a;border:1px solid #2e7d3233}.meta-amber{color:#b8860b;background-color:#e6a0001a;border:1px solid #e6a00033}@media (width<=1024px){.workflows-content{grid-column:span 12;margin-bottom:4rem}.workflows-visual{grid-column:span 12;min-height:auto}.visual-panel{width:100%;margin-bottom:2rem;position:relative}.marketing-panel{bottom:auto;right:auto}}.semantic-section{background-color:var(--bg-cream);border-bottom:1px solid var(--border-light)}.semantic-header{text-align:center;max-width:800px;margin:0 auto 4rem}.semantic-header h2{margin-bottom:1.5rem}.semantic-graph{border:1px solid var(--border-light);background-image:linear-gradient(to right, var(--border-light) 1px, transparent 1px), linear-gradient(to bottom, var(--border-light) 1px, transparent 1px);background-position:50%;background-size:50px 50px;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.center-node{background-color:var(--text-primary);color:var(--bg-cream);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 0 10px #0000000d}.graph-line{background-color:var(--text-primary);opacity:.2;position:absolute}.line-1{width:200px;height:1px;top:50%;left:calc(50% + 40px)}.line-2{width:1px;height:150px;top:calc(50% + 40px);left:50%}.line-3{transform-origin:100%;width:180px;height:1px;top:30%;right:calc(50% + 40px);transform:rotate(-30deg)}.graph-label{background-color:var(--bg-cream);border:1px solid var(--text-primary);z-index:5;padding:.5rem 1rem;font-size:.75rem;position:absolute}.label-1{top:45%;right:10%}.label-2{bottom:10%;left:45%}.label-3{top:10%;left:15%}@media (width<=768px){.semantic-graph{height:300px}.label-1,.label-2,.label-3{padding:.25rem .5rem;font-size:.6rem}}.cost-section{background-color:var(--bg-cream)}.cost-content{flex-direction:column;grid-column:7/-1;justify-content:center;display:flex}.cost-content h2{margin-bottom:1.5rem}.cost-features-list{flex-direction:column;gap:1.5rem;margin-top:2rem;list-style:none;display:flex}.cost-features-list li{font-family:var(--font-sans);align-items:center;gap:1rem;font-weight:500;display:flex}.cost-receipt{border:1px solid var(--border-light);background-color:#f9f9f9;flex-direction:column;grid-column:span 5;padding:2rem;display:flex;position:relative;box-shadow:0 20px 40px #00000005}.cost-receipt:before,.cost-receipt:after{content:"";background-image:repeating-linear-gradient(90deg, transparent, transparent 5px, var(--bg-cream) 5px, var(--bg-cream) 10px);width:100%;height:5px;position:absolute;left:0}.cost-receipt:before{top:-5px}.cost-receipt:after{bottom:-5px}.receipt-header{border-bottom:1px dashed var(--text-secondary);color:var(--text-secondary);margin-bottom:1.5rem;padding-bottom:1rem;font-size:.75rem}.receipt-items{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.receipt-item{border-bottom:1px dotted var(--border-light);grid-template-columns:1fr 1fr auto;gap:1rem;padding-bottom:.5rem;font-size:.75rem;display:grid}.receipt-footer{border-top:1px dashed var(--text-secondary);text-align:right;padding-top:1rem;font-size:.85rem;font-weight:700}@media (width<=1024px){.cost-receipt{order:2;grid-column:span 12}.cost-content{order:1;grid-column:span 12;margin-bottom:4rem}}.guardrails-section{background-color:var(--bg-dark);color:var(--text-light);border-bottom:none}.guardrails-section h2,.guardrails-section h3{color:var(--text-light)}.guardrails-header{max-width:700px;margin-bottom:4rem}.guardrails-label{border:1px solid var(--border-dark);color:var(--accent-glow);margin-bottom:1.5rem;padding:.3rem .8rem;font-size:.7rem;display:inline-block}.guardrails-header h2{margin-bottom:1.5rem}.guardrails-header .body-lg{color:#fff9}.guardrails-grid{border:1px solid var(--border-dark);border-right:none;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:4rem;display:grid}.guardrail-card{border-right:1px solid var(--border-dark);padding:2.5rem 2rem;transition:background-color .3s}.guardrail-card:hover{background-color:#ffffff08}.guardrail-icon{color:var(--accent-glow);margin-bottom:2rem}.guardrail-card h3{font-family:var(--font-sans);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.guardrail-card p{color:#ffffff80;font-size:.95rem;line-height:1.6}.channels-strip{border-top:1px solid var(--border-dark);align-items:center;gap:2rem;padding-top:2rem;display:flex}.channels-strip .mono-text{color:#fff6;white-space:nowrap;font-size:.7rem}.channels-list{gap:1rem;display:flex}.channel-badge{border:1px solid var(--border-dark);color:#ffffffb3;font-size:.85rem;font-family:var(--font-sans);align-items:center;gap:.5rem;padding:.5rem 1rem;transition:border-color .2s;display:flex}.channel-badge:hover{border-color:var(--accent-glow);color:var(--text-light)}@media (width<=1024px){.guardrails-grid{border-right:1px solid var(--border-dark);grid-template-columns:1fr}.guardrail-card{border-right:none;border-bottom:1px solid var(--border-dark)}.guardrail-card:last-child{border-bottom:none}.channels-strip{flex-direction:column;align-items:flex-start}.channels-list{flex-wrap:wrap}}.footer-section{background-color:var(--bg-dark);color:var(--text-light);padding:0}.footer-section h2,.footer-section h3,.footer-section span.heading-md{color:var(--text-light)}.footer-cta{border-bottom:1px solid var(--border-dark);text-align:center;padding:10rem 0 8rem;position:relative;overflow:hidden}.dot-field{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cta-inner{z-index:2;flex-direction:column;align-items:center;gap:3rem;display:flex;position:relative}.cta-overline{letter-spacing:.2em;color:#ffffff4d;font-size:.7rem}.footer-headline{margin:0;line-height:.95}.word-mask{vertical-align:bottom;display:inline-block;overflow:hidden}.word-block{display:inline-block}.italic-accent{background:linear-gradient(135deg, var(--accent-glow) 0%, #a8edca 50%, var(--accent-glow) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:4s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:200%}}.footer-cta-actions{justify-content:center;gap:1rem;display:flex}.btn-cta{color:var(--text-light);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background-color:#0000;border:1px solid #ffffff4d;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.8rem;font-weight:500;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.btn-cta:before{content:"";background:var(--accent-glow);z-index:0;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(100%)}.btn-cta span{z-index:1;position:relative}.btn-cta:hover{border-color:var(--accent-glow);color:var(--bg-dark)}.btn-cta:hover:before{transform:translateY(0)}.btn-arrow{transition:transform .3s;display:flex}.btn-cta:hover .btn-arrow{transform:translate(4px)}.btn-cta-secondary{color:#ffffff80;border:1px solid var(--border-dark);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background-color:#0000;align-items:center;padding:1rem 2rem;font-size:.8rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-cta-secondary:hover{color:var(--text-light);border-color:#ffffff4d}.footer-bottom{border-bottom:1px solid var(--border-dark);justify-content:space-between;padding:4rem 0;display:flex}.footer-tagline{color:#fff6;margin-top:.5rem;font-size:.9rem}.footer-links-grid{gap:4rem;display:flex}.footer-col{flex-direction:column;gap:.75rem;display:flex}.footer-col .mono-text{color:#ffffff4d;margin-bottom:.5rem;font-size:.7rem}.footer-col a{color:#fff9;font-size:.9rem;transition:color .2s}.footer-col a:hover{color:var(--text-light)}.footer-legal{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.footer-legal .mono-text{color:#ffffff40;font-size:.7rem}.techweave-attr a{color:#fff6;transition:color .2s}.techweave-attr a:hover{color:var(--text-light)}.legal-links{gap:1.5rem;display:flex}.legal-links a{color:#ffffff40;font-size:.7rem;transition:color .2s}.legal-links a:hover{color:var(--text-light)}@media (width<=768px){.footer-cta{padding:6rem 0 5rem}.footer-cta-actions{flex-direction:column;align-items:center}.cta-overline{display:none}.footer-bottom{flex-direction:column;gap:3rem}.footer-links-grid{flex-wrap:wrap;gap:2rem}.footer-legal{flex-direction:column;align-items:flex-start;gap:.5rem}}.demo-modal-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.demo-modal-panel{background:var(--bg-cream);border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0000004d}.demo-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.demo-modal-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.75rem;font-weight:500;line-height:1.1}.demo-modal-subtitle{font-family:var(--font-sans);color:var(--text-secondary);margin-top:.4rem;font-size:.95rem;line-height:1.5}.demo-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.demo-modal-close:hover{color:var(--text-primary);background:#0000000f}.form-progress{gap:.5rem;margin:1.25rem 0 1.5rem;display:flex}.progress-bar{background:var(--border-light);border-radius:2px;flex:1;height:3px;transition:background .3s}.progress-bar.active{background:var(--text-primary)}.demo-modal-form{flex-direction:column;gap:1.25rem;display:flex;overflow:hidden}.form-step{flex-direction:column;gap:1.25rem;display:flex}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem}.form-label .required{color:var(--accent-burgundy);margin-left:2px}.form-input,.form-textarea{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border-light);background:0 0;border-radius:8px;outline:none;padding:.75rem;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--text-primary)}.form-input.has-error,.form-textarea.has-error{border-color:var(--accent-burgundy)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:80px}.form-error{font-family:var(--font-sans);color:var(--accent-burgundy);font-size:.78rem}.form-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.form-back{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.35rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;transition:color .2s,border-color .2s;display:flex}.form-back:hover{color:var(--text-primary);border-color:var(--text-primary)}.form-submit{font-family:var(--font-sans);color:#fff;background:var(--text-primary);cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:500;transition:opacity .2s;display:flex}.form-submit:hover:not(:disabled){opacity:.85}.form-submit:disabled{opacity:.5;cursor:not-allowed}.submit-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-error-banner{font-family:var(--font-sans);color:var(--accent-burgundy);text-align:center;background:#6a103c14;border:1px solid #6a103c33;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.demo-modal-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.success-icon{color:var(--accent-green)}.success-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.5rem;font-weight:500}.success-message{font-family:var(--font-sans);color:var(--text-secondary);font-size:.95rem;line-height:1.5}.botcheck{opacity:0;width:0;height:0;position:absolute;left:-9999px;overflow:hidden}@media (width<=768px){.demo-modal-panel{max-height:95vh;padding:1.75rem}.demo-modal-title{font-size:1.4rem}.form-row{flex-direction:column;gap:1.25rem}}