.product-hero{padding:120px 20px 80px;background:#fff;text-align:center}.product-hero-content{max-width:800px;margin:0 auto}.product-badge{display:inline-block;padding:8px 20px;background:#000;color:#fff;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;border-radius:100px;margin-bottom:32px}.framework-badge{background:#4998d3}.product-title{font-size:var(--font-size-display);font-weight:800;margin:0;color:var(--text-primary);letter-spacing:var(--letter-spacing-display);line-height:1.05}.product-subtitle{font-size:var(--font-size-display);font-weight:800;color:var(--text-primary);margin:0 0 40px;letter-spacing:var(--letter-spacing-display);line-height:1.05}.product-title+.product-subtitle{font-weight:400}.hero-accent{display:inline-block;background:linear-gradient(90deg,var(--squircle-pink) 0%,var(--squircle-orange) 12.5%,var(--squircle-yellow) 25%,var(--squircle-lime) 37.5%,var(--squircle-green) 50%,var(--squircle-teal) 62.5%,var(--squircle-blue) 75%,var(--squircle-purple) 87.5%,var(--squircle-pink) 100%);background-size:800% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:palette-scroll 120s linear infinite;filter:url(#inset-shadow)}.product-description{font-size:var(--font-size-lg);line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto}.product-cta-group{display:inline-flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;position:relative;isolation:isolate;padding:6px;border-radius:16px}.product-cta-section .cta-blob:before{background:linear-gradient(90deg,#0d0d0d,#595959,#1f1f1f,#4d4d4d,#1f1f1f,#595959,#0d0d0d);background-size:800% 100%}.product-cta{position:relative;z-index:1;display:inline-flex;align-items:center;padding:10px 24px;background:transparent;color:var(--text-primary);font-size:17px;font-weight:800;border-radius:12px;text-decoration:none;transition:color .3s ease,text-shadow .3s ease;text-shadow:0 0 12px rgba(255,255,255,1),0 0 24px rgba(255,255,255,.95),0 0 48px rgba(255,255,255,.7)}.product-cta.active{color:#fff}.product-section{padding:60px 20px;background:#fff}.section-heading{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-tight);text-align:center;margin:0 0 24px;color:var(--text-primary);letter-spacing:var(--letter-spacing-heading)}.section-intro{text-align:center;max-width:700px;margin:0 auto 40px;color:var(--text-secondary);font-size:var(--font-size-lead);line-height:1.7}.product-intro{max-width:800px;margin:0 auto;text-align:center}.product-intro p{font-size:var(--font-size-lead);line-height:1.8;color:var(--text-secondary);margin-bottom:24px}.product-intro p:last-child{margin-bottom:0}.product-infographic{max-width:1200px;margin:56px auto 0}.product-infographic svg{display:block;width:100%;height:auto}.product-infographic .product-infographic__narrow{display:none}@media(max-width:768px){.product-infographic .product-infographic__wide{display:none}.product-infographic .product-infographic__narrow{display:block;max-width:420px;margin:0 auto}}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 40px;max-width:1000px;margin:40px auto 0}.principle-card{text-align:left}.principle-card h3{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 16px;color:#000}.principle-card p{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-secondary);margin:0}.capabilities-list{max-width:800px;margin:40px auto 0}.capability-item{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.08);align-items:flex-start}.capability-item:first-child{padding-top:0}.capability-item:last-child{border-bottom:none;padding-bottom:0}.capability-marker{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:12px}.capability-content h3{font-size:22px;font-weight:700;margin:0 0 12px;color:#000}.capability-content p{font-size:17px;line-height:1.6;color:var(--text-secondary);margin:0}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;margin:40px auto 0}.use-case-card{text-align:left}.use-case-card h3{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 16px;color:#000}.use-case-card p{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-secondary);margin:0}.licensing-summary{display:flex;justify-content:center;gap:48px;margin:40px auto;flex-wrap:wrap}.license-tier{text-align:center;min-width:200px}.license-tier h3{font-size:var(--font-size-base);font-weight:600;margin:0 0 8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.license-price{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:8px;letter-spacing:-.02em}.license-price span{font-size:var(--font-size-base);font-weight:400;color:var(--text-secondary)}.license-tier.featured .license-price{color:#ec1557}.license-tier p{font-size:var(--font-size-md);line-height:1.5;color:var(--text-secondary);margin:0}.licensing-cta{text-align:center;margin-top:48px}.product-cta-section{padding:80px 20px;background:#fff;text-align:center}.product-cta-section h2{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 16px;letter-spacing:var(--letter-spacing-heading)}.product-cta-section p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 32px}.layers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;max-width:1100px;margin:40px auto 0}.layer-card{text-align:left}.layer-header{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}.layer-name{font-size:var(--font-size-xl);font-weight:700;color:#000;letter-spacing:var(--letter-spacing-heading)}.layer-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.layer-card p{font-size:var(--font-size-base);line-height:1.7;color:var(--text-secondary);margin:0}.crates-list{max-width:700px;margin:40px auto 0}.crate-item{display:flex;align-items:baseline;gap:32px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.08)}.crate-item:first-child{padding-top:0}.crate-item:last-child{border-bottom:none;padding-bottom:0}.crate-name{font-family:var(--font-mono);font-size:var(--font-size-lead);font-weight:600;color:#ec1557;flex-shrink:0;min-width:100px}.crate-item p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:1.5}.scribes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px;max-width:1000px;margin:40px auto 0}.scribe-item{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.4}.scribe-item strong{display:block;font-size:var(--font-size-sm);font-weight:700;color:#000;font-family:var(--font-mono);margin-bottom:4px;letter-spacing:-.01em}.extension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:40px auto 0}.extension-card h3{font-size:var(--font-size-xl);font-weight:700;margin:0 0 12px;color:#000}.extension-card p{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-secondary);margin:0}.getting-started{max-width:800px;margin:40px auto 0}.code-block{background:#0a0a0a;border-radius:16px;padding:32px;margin-bottom:48px;overflow-x:auto}.code-block pre{margin:0}.code-block code{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.8;color:#e0e0e0}.requirements h4{font-size:var(--font-size-lead);font-weight:700;margin:0 0 24px;color:#000}.requirements ul{list-style:none;padding:0;margin:0}.requirements li{padding:16px 0;font-size:var(--font-size-lg);color:var(--text-secondary);border-bottom:1px solid rgba(0,0,0,.08);line-height:1.5}.requirements li:last-child{border-bottom:none}.requirements li strong{color:#000}@media(max-width:1024px){.principles-grid,.use-cases-grid,.extension-grid{grid-template-columns:1fr;gap:48px}.layers-grid{grid-template-columns:repeat(2,1fr);gap:48px 32px}.scribes-grid{grid-template-columns:repeat(3,1fr)}.licensing-summary{gap:32px}}@media(max-width:640px){.product-hero{padding:120px 16px 60px}.product-section{padding:48px 16px}.layers-grid,.scribes-grid{grid-template-columns:repeat(2,1fr)}.crate-item{flex-direction:column;gap:8px}.crate-name{min-width:auto}.licensing-summary{flex-direction:column;align-items:center;gap:40px}.capability-item{gap:20px}.product-cta-section{padding:60px 16px}}@media(max-width:480px){.product-cta-group{flex-direction:column;width:100%}.cta-blob{display:none}.product-cta,.product-cta.active{width:100%;justify-content:center;color:var(--text-primary);text-shadow:none;background:#f5f5f5;border:1px solid #e3e3e3}.layers-grid,.scribes-grid{grid-template-columns:1fr}.capability-content h3{font-size:20px}}
