:root{--landing-bg: #0a1930;--landing-bg-soft: #0f2547;--landing-surface: rgba(255, 255, 255, .04);--landing-surface-strong: rgba(255, 255, 255, .08);--landing-border: rgba(255, 255, 255, .1);--landing-text: #f5f7fa;--landing-text-muted: #a8b3c4;--landing-accent: #4dd0e1;--landing-accent-warm: #ffb74d;--landing-max-width: 1200px;--landing-gap: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.landing{margin:0;background:radial-gradient(circle at top right,#143061 0%,var(--landing-bg) 50%,#060f1f 100%);color:var(--landing-text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-header{max-width:var(--landing-max-width);margin:0 auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.landing-brand{display:flex;align-items:center;gap:12px;color:var(--landing-text);text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:18px}.landing-brand-mark{width:32px;height:32px}.landing-nav{display:flex;gap:8px;align-items:center}.landing-nav a{color:var(--landing-text-muted);text-decoration:none;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;transition:color .12s,background .12s}.landing-nav a:hover{color:var(--landing-text);background:var(--landing-surface)}.landing-nav-cta{color:var(--landing-bg)!important;background:var(--landing-accent);font-weight:600!important}.landing-nav-cta:hover{background:color-mix(in srgb,var(--landing-accent) 85%,white)!important}.landing-hero{max-width:var(--landing-max-width);margin:24px auto 0;padding:32px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}.landing-hero-headline{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1;margin:0 0 20px;letter-spacing:-.02em}.landing-hero-sub{font-size:18px;color:var(--landing-text-muted);margin:0 0 28px;max-width:48ch}.landing-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.landing-cta{display:inline-block;padding:12px 22px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform 80ms,background .12s,border-color .12s;cursor:pointer}.landing-cta-primary{background:var(--landing-accent);color:var(--landing-bg)}.landing-cta-primary:hover{background:color-mix(in srgb,var(--landing-accent) 85%,white);transform:translateY(-1px)}.landing-cta-secondary{background:var(--landing-surface);color:var(--landing-text);border-color:var(--landing-border)}.landing-cta-secondary:hover{background:var(--landing-surface-strong);transform:translateY(-1px)}.landing-hero-fineprint{font-size:13px;color:var(--landing-text-muted);margin:0}.landing-hero-showcase-frame{position:relative;width:100%;aspect-ratio:12 / 7;border-radius:16px;overflow:hidden;border:1px solid var(--landing-border);background:#000;box-shadow:0 20px 60px #0006}.landing-hero-showcase-image,.landing-hero-showcase-iframe{width:100%;height:100%;display:block;border:0}.landing-hero-showcase-image{object-fit:cover}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;gap:32px;padding:24px}}.landing-section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;margin:0 0 24px;letter-spacing:-.01em}section{max-width:var(--landing-max-width);margin:72px auto;padding:0 32px}.landing-social-proof{text-align:center;margin:48px auto}.landing-social-proof-caption{font-size:14px;color:var(--landing-text-muted);text-transform:uppercase;letter-spacing:.08em}.landing-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.landing-tile{padding:28px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px}.landing-tile h3{margin:0 0 10px;font-size:18px;font-weight:600;color:var(--landing-accent)}.landing-tile p{margin:0;color:var(--landing-text-muted);font-size:15px}.landing-tile p+p{margin-top:12px}.landing-tile code{background:#4dd0e11f;color:var(--landing-accent);padding:1px 6px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.landing-tile-link{color:var(--landing-accent);text-decoration:none;font-weight:600;font-size:14px}.landing-tile-link:hover{text-decoration:underline;text-underline-offset:3px}.landing-curriculum{text-align:center;padding:20px 32px;background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);max-width:none;margin:48px 0}.landing-curriculum p{margin:0;font-size:15px;color:var(--landing-text-muted)}.landing-curriculum strong{color:var(--landing-text)}.landing-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.landing-example-card{padding:20px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;text-decoration:none;color:var(--landing-text);transition:transform .12s,border-color .12s;display:flex;flex-direction:column;gap:14px}.landing-example-card:hover{border-color:var(--landing-accent);transform:translateY(-2px)}.landing-example-card-link{display:block;color:inherit;text-decoration:none}.landing-example-card-link h3,.landing-example-card-link p{margin-bottom:0}.landing-example-card-actions{display:flex;gap:8px;margin-top:auto;border-top:1px solid var(--landing-border);padding-top:14px}.landing-embed-btn{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--landing-border);background:transparent;color:var(--landing-text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.landing-embed-btn:before{content:"</>";font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--landing-accent)}.landing-embed-btn:hover{background:var(--landing-surface-strong);color:var(--landing-text);border-color:color-mix(in srgb,var(--landing-accent) 60%,var(--landing-border))}.landing-embed-btn.is-copied{background:color-mix(in srgb,var(--landing-accent) 15%,transparent);color:var(--landing-accent);border-color:var(--landing-accent)}.landing-embed-btn.is-copied:before{content:"✓";color:var(--landing-accent)}.landing-embed-btn.is-error{border-color:#ef5350;color:#ef5350}.landing-example-thumb{aspect-ratio:16 / 10;border-radius:12px;margin-bottom:16px;background:#000;background-size:cover;background-position:center;border:1px solid var(--landing-border)}.landing-example-thumb-helmholtz{background-image:url(/examples/helmholtz.webp)}.landing-example-thumb-solenoid{background-image:url(/examples/solenoid-lic.webp)}.landing-example-thumb-wires{background-image:url(/examples/parallel-wires.webp)}.landing-example-thumb-magnet{background-image:url(/examples/bar-magnet-dipole.webp)}.landing-example-thumb-cyclotron{background-image:url(/examples/particle-cyclotron.webp)}.landing-example-card h3{margin:0 0 6px;font-size:17px;font-weight:600}.landing-example-card p{margin:0;color:var(--landing-text-muted);font-size:14px}.landing-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:stretch}.landing-pricing-card{padding:32px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;position:relative;display:flex;flex-direction:column}.landing-pricing-card-featured{border-color:var(--landing-accent);background:var(--landing-surface-strong)}.landing-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--landing-accent);color:var(--landing-bg);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;margin:0}.landing-pricing-card h3{margin:0 0 8px;font-size:18px;font-weight:600}.landing-pricing-price{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;margin:0 0 20px}.landing-pricing-price span{font-size:14px;color:var(--landing-text-muted);font-weight:400}.landing-pricing-card ul{list-style:none;padding:0;margin:0 0 24px;flex-grow:1}.landing-pricing-card li{padding:8px 0;border-bottom:1px solid var(--landing-border);font-size:14px;color:var(--landing-text-muted)}.landing-pricing-card li:last-child{border-bottom:none}.landing-pricing-footnote{margin:24px 0 0;text-align:center;font-size:14px;color:var(--landing-text-muted)}.landing-email-capture{text-align:center;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;padding:48px 32px}.landing-email-capture p{color:var(--landing-text-muted);margin:0 auto 24px;max-width:52ch}.landing-email-form{display:flex;gap:8px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}.landing-email-form label{flex:1 1 240px}.landing-email-form input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--landing-border);background:var(--landing-bg);color:var(--landing-text);font-size:15px;font-family:inherit}.landing-email-form input:focus{outline:2px solid var(--landing-accent);outline-offset:2px}.landing-email-status{margin-top:16px;color:var(--landing-accent);font-size:14px;min-height:1em}.landing-footer{max-width:var(--landing-max-width);margin:96px auto 48px;padding:48px 32px 0;border-top:1px solid var(--landing-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px}.landing-footer-col h4{margin:0 0 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--landing-text-muted)}.landing-footer-col a{display:block;color:var(--landing-text);text-decoration:none;font-size:14px;padding:4px 0}.landing-footer-col a:hover{color:var(--landing-accent)}.landing-footer-heritage{grid-column:1 / -1;text-align:center;color:var(--landing-text-muted);font-size:13px;margin:32px 0 0;padding-top:32px;border-top:1px solid var(--landing-border)}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}