/* BGN Design System v1.2.2: source bgn-design-system.html.zip.
   Local system-font fallback keeps the package independent of external CDNs. */
:root{--color-primary-100:#E6F5EE;--color-primary-300:#B5FFE5;--color-primary-700:#118D62;--color-primary-800:#0B714D;--color-primary-900:#06583A;--color-neutral-0:#FFFFFF;--color-neutral-100:#F9FBFD;--color-neutral-200:#ECF1F6;--color-neutral-300:#DCE3EA;--color-neutral-500:#939EAB;--color-neutral-700:#55636B;--color-neutral-800:#2F3E43;--color-neutral-900:#101211;--font-ui:'Geist','Inter',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-card:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--color-neutral-900);background:var(--color-neutral-0);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--color-primary-700);outline-offset:5px}::selection{background:var(--color-primary-300)}.container{max-width:1280px;margin:auto;padding-left:var(--space-10);padding-right:var(--space-10)}.header{border-bottom:1px solid var(--color-neutral-300);background:var(--color-neutral-0)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1px}.brand-light{font-weight:400}.brand-mark{display:inline-grid;place-items:center;background:var(--color-neutral-900);color:var(--color-neutral-0);width:36px;height:36px;border-radius:8px;margin-right:var(--space-3);padding-bottom:4px}.nav-links{display:flex;gap:var(--space-8);font-size:14px;color:var(--color-neutral-700)}.nav-links a:hover,.footer a:hover,.text-link:hover{color:var(--color-primary-700)}.button{display:inline-flex;gap:var(--space-6);align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:var(--space-3) var(--space-6);font-weight:600;min-height:48px;transition:background .15s ease,transform .15s ease}.button:hover{transform:translateY(-2px)}.button span{font-size:20px}.button.small{min-height:44px;padding:var(--space-2) var(--space-4);font-size:14px}.primary{background:var(--color-primary-700);color:var(--color-neutral-0)}.primary:hover{background:var(--color-primary-800)}.primary:active{background:var(--color-primary-900)}.secondary{border-color:var(--color-neutral-300);background:var(--color-neutral-0)}.secondary:hover{background:var(--color-neutral-100)}.light{background:var(--color-neutral-0);color:var(--color-neutral-900)}.light:hover{background:var(--color-primary-100)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-16);align-items:center;padding-top:var(--space-20);padding-bottom:var(--space-20)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;font-weight:500;margin:0 0 var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.mini-line{width:24px;height:1px;background:var(--color-neutral-900)}h1{font-size:60px;line-height:1.13;letter-spacing:-2px;font-weight:600;margin:0 0 var(--space-6)}.outlined-word{position:relative;white-space:nowrap}.asterisk{font-weight:400;font-size:48px;margin-left:var(--space-3)}.lead{font-size:18px;line-height:1.65;color:var(--color-neutral-700);max-width:480px;margin-bottom:var(--space-8)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:var(--space-3);align-items:center;min-height:44px}.hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:12px;color:var(--color-neutral-700);margin:var(--space-6) 0 0}.canvas{background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-card);padding:var(--space-6);min-height:480px;position:relative;display:flex;flex-direction:column;align-items:center;background-image:radial-gradient(var(--color-neutral-300) 1px,transparent 1px);background-size:16px 16px}.canvas-top,.canvas-bottom{width:100%;display:flex;justify-content:space-between;gap:var(--space-3);font-size:10px;letter-spacing:.5px}.canvas-top{font-family:var(--font-mono);margin-bottom:var(--space-6)}.canvas-bottom{margin-top:var(--space-6);color:var(--color-neutral-700);align-items:center}.workspace-card{border:1px solid var(--color-neutral-300);border-radius:var(--radius-card);background:var(--color-neutral-0);width:90%}.idea{padding:var(--space-6);align-self:flex-start;transform:rotate(-3deg);width:80%}.mono{font-family:var(--font-mono);font-size:10px;letter-spacing:.5px}.idea p{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin:var(--space-3) 0 var(--space-4);font-weight:500}.idea-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--color-neutral-700);align-items:center}.idea-bottom span{font-size:24px;color:var(--color-neutral-900)}.connector{height:24px;align-self:flex-end;margin-right:var(--space-12);font-size:24px;line-height:1;z-index:1}.preview{align-self:flex-end;transform:rotate(2deg)}.preview-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-neutral-300);padding:var(--space-3);font-family:var(--font-mono);font-size:9px;color:var(--color-neutral-700)}.window-dots{letter-spacing:2px;color:var(--color-neutral-500)}.preview-body{padding:var(--space-5)}.preview-body p{font-size:24px;font-weight:600;letter-spacing:-1px;margin:var(--space-2) 0 var(--space-3)}.skeleton{height:4px;width:80%;background:var(--color-neutral-200);margin-bottom:var(--space-2)}.skeleton.short{width:55%}.preview-link{font-size:12px;color:var(--color-primary-700);font-weight:600;display:inline-flex;gap:var(--space-8);min-height:44px;align-items:center}.spec-strip{border-block:1px solid var(--color-neutral-300)}.specs{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-6);font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-700)}.specs b{font-family:var(--font-ui);font-size:14px;font-weight:500;margin-left:var(--space-3);color:var(--color-neutral-900)}.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}h2{font-size:36px;letter-spacing:-1px;font-weight:600;line-height:1.25;margin:0}h3{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:var(--space-5) 0 var(--space-3)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10)}.section-heading>p{max-width:360px;font-size:16px;color:var(--color-neutral-700);margin:0}.section .eyebrow{margin-bottom:var(--space-4)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.features article{padding:var(--space-8);border:1px solid var(--color-neutral-300);border-radius:var(--radius-card);display:flex;flex-direction:column}.feature-icon{font-size:24px;border:1px solid var(--color-neutral-300);border-radius:8px;width:48px;height:48px;display:grid;place-items:center}.features p{font-size:14px;color:var(--color-neutral-700);margin:0 0 var(--space-8)}.feature-foot{color:var(--color-neutral-700);margin-top:auto}.workflow{background:var(--color-neutral-100);border-block:1px solid var(--color-neutral-300)}.steps{list-style:none;padding:0;margin:var(--space-10) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.steps li{display:flex;gap:var(--space-5);border-top:1px solid var(--color-neutral-300);padding-top:var(--space-6)}.step-number{font-family:var(--font-mono);font-size:14px;padding-top:4px;color:var(--color-neutral-700)}.steps h3{margin:0 0 var(--space-2);font-size:18px}.steps p{margin:0;color:var(--color-neutral-700);font-size:14px}.playground{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-12);padding:var(--space-12);background:var(--color-neutral-900);color:var(--color-neutral-0);border-radius:var(--radius-card)}.playground .eyebrow{color:var(--color-neutral-300);font-size:10px}.playground p:not(.eyebrow){color:var(--color-neutral-300);font-size:14px;max-width:360px;margin:var(--space-5) 0 var(--space-6)}.idea-output{border:1px solid var(--color-neutral-700);border-radius:var(--radius-card);padding:var(--space-8);display:flex;flex-direction:column;justify-content:space-between}.idea-output .mono{color:var(--color-neutral-300)}.idea-output #idea-text{color:var(--color-neutral-0);font-size:24px;line-height:1.4;letter-spacing:-.5px;margin:var(--space-8) 0;min-height:100px}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-8);border-top:1px solid var(--color-neutral-300);font-size:12px;color:var(--color-neutral-700)}.footer .brand{color:var(--color-neutral-900);font-size:20px}.footer a:last-child{display:flex;align-items:center;min-height:44px}.skip{position:absolute;left:20px;top:-100px;background:var(--color-neutral-900);color:white;padding:12px;z-index:10}.skip:focus{top:8px}
@media(min-width:1440px){.container{padding-inline:var(--space-20)}}
@media(max-width:1024px){.hero{gap:var(--space-8)}h1{font-size:48px}.canvas{padding:var(--space-5)}.features article{padding:var(--space-6)}.playground{padding:var(--space-8);gap:var(--space-8)}.specs{flex-wrap:wrap}.specs>span:first-child{width:100%}}
@media(max-width:767px){.container{padding-inline:var(--space-5)}.nav{height:80px;gap:var(--space-3)}.nav-links{display:none}.brand{font-size:20px}.brand-mark{width:32px;height:32px;margin-right:8px}.button.small{font-size:12px;gap:8px;padding-inline:12px}.hero{grid-template-columns:1fr;padding-block:var(--space-12);gap:var(--space-12)}h1{font-size:48px;letter-spacing:-2px}.asterisk{font-size:36px}.eyebrow{font-size:10px}.lead{font-size:16px}.canvas{max-width:480px;width:100%;margin:auto;min-height:0;padding:var(--space-6)}.specs{gap:var(--space-4)}.specs>span{width:100%}.section{padding-block:var(--space-12)}.section-heading{display:block;margin-bottom:var(--space-8)}.section-heading>p{margin-top:var(--space-5)}h2{font-size:30px}.features,.steps,.playground{grid-template-columns:1fr}.features{gap:var(--space-4)}.features article{padding:var(--space-6)}.features p{margin-bottom:var(--space-6)}.steps{gap:var(--space-6)}.playground{padding:var(--space-6)}.idea-output{padding:var(--space-6)}.footer{flex-wrap:wrap;gap:var(--space-3)}.footer p{width:100%;order:3;margin:0}.hero-actions{gap:var(--space-4)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}