.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:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;border-radius:100px;margin-bottom:32px}.framework-badge{background:#4998d3}.product-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin:0 0 16px;color:#000;letter-spacing:-.03em;line-height:1}.product-subtitle{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--text-primary);margin:0 0 40px;letter-spacing:-.03em;line-height:1.05}.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)}@keyframes palette-scroll{0%{background-position:0% 50%}to{background-position:-800% 50%}}.product-description{font-size:1.125rem;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}.cta-blob{position:absolute;border-radius:12px;opacity:0;z-index:0;pointer-events:none;transition:none}.cta-blob,.cta-blob:before,.cta-blob:after{transition:none!important}.cta-blob:before{content:"";position:absolute;top:var(--grad-top, 0);left:var(--grad-left, 0);width:var(--grad-width, 100%);height:var(--grad-height, 100%);border-radius:0;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%;animation:palette-scroll 120s linear infinite}.cta-blob:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 2px #00000059,inset 0 0 10px #0000002e;pointer-events:none;z-index:1}.cta-blob.active{opacity:1}.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:clamp(2rem,5vw,3rem);font-weight:700;text-align:center;margin:0 0 24px;color:#000;letter-spacing:-.02em}.section-intro{text-align:center;max-width:700px;margin:0 auto 40px;color:var(--text-secondary);font-size:1.25rem;line-height:1.7}.product-intro{max-width:800px;margin:0 auto;text-align:center}.product-intro p{font-size:1.25rem;line-height:1.8;color:var(--text-secondary);margin-bottom:24px}.product-intro p:last-child{margin-bottom:0}.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:32px;font-weight:700;margin:0 0 16px;color:#000}.principle-card p{font-size:18px;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:24px;font-weight:700;margin:0 0 12px;color:#000}.capability-content p{font-size:18px;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:28px;font-weight:700;margin:0 0 16px;color:#000}.use-case-card p{font-size:18px;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:1rem;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:1rem;font-weight:400;color:var(--text-secondary)}.license-tier.featured .license-price{color:#ec1557}.license-tier p{font-size:.95rem;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:clamp(2rem,5vw,3rem);font-weight:700;color:#000;margin:0 0 16px;letter-spacing:-.02em}.product-cta-section p{font-size:1.1rem;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:1.5rem;font-weight:700;color:#000;font-family:var(--font-mono);letter-spacing:-.02em}.layer-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.layer-card p{font-size:1rem;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:1.25rem;font-weight:600;color:#ec1557;flex-shrink:0;min-width:100px}.crate-item p{font-size:1.1rem;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:1rem;color:var(--text-secondary);line-height:1.4}.scribe-item strong{display:block;font-size:.9rem;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:1.5rem;font-weight:700;margin:0 0 12px;color:#000}.extension-card p{font-size:1.1rem;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:.95rem;line-height:1.8;color:#e0e0e0}.requirements h4{font-size:1.25rem;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:1.1rem;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%}.product-cta{width:100%;justify-content:center}.layers-grid,.scribes-grid{grid-template-columns:1fr}.principle-card h3{font-size:24px}.capability-content h3{font-size:20px}.use-case-card h3{font-size:22px}}
