.website-root{min-height:100vh;background:var(--color-neutral-background-default);--typography-font-family-body:var(--font-family-dm-sans);--typography-font-family-title:var(--font-family-dm-sans);--typography-font-family-display:var(--font-family-dm-sans);color:var(--color-neutral-text-strong);overflow-x:clip;position:relative}button{cursor:pointer}.website-section{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:80px 120px;overflow:hidden;box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:auto 800px}.website-section-narrow{padding:80px 320px}.website-divider{width:100%;height:1px;background:linear-gradient(to right,transparent 0,var(--color-brand-primary-subtle) 50%,transparent 100%)}.section-header{text-align:center;max-width:600px;margin:0 auto 64px;display:flex;flex-direction:column;gap:24px}.section-header h2{color:var(--color-neutral-text-strong);margin:0}.section-header p{color:var(--color-neutral-text-medium);margin:0}.section-top-gradient{width:1400px;aspect-ratio:2710/1852;background-image:url(/assets/website/background-blurs/primary-top-bg-gradient.png);background-size:100% 100%}.material-container-glow,.section-top-gradient{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.material-container-glow{width:100%;max-width:1400px;display:flex;justify-content:center;contain:layout paint}.hero-section,.material-container-glow img{width:100%;height:auto}.hero-section{position:relative;min-height:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero-3d-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 28px));width:520px;height:520px;z-index:0;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);animation:heroLogoReveal 7s cubic-bezier(.4,0,.2,1) 0s forwards}.hero-3d-logo img{width:100%;height:100%;object-fit:contain}@keyframes heroLogoReveal{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);transform:translate(-50%,calc(-50% + 28px)) scale(.92);opacity:0}to{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);transform:translate(-50%,calc(-50% + 28px)) scale(1);opacity:.8}}.hero-bg-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 28px));width:498px;height:498px;pointer-events:none;z-index:1;opacity:0;filter:saturate(200%);animation:heroBgReveal 3s cubic-bezier(.25,1,.5,1) 2s forwards}@keyframes heroBgReveal{0%{opacity:0}to{opacity:1}}.mobile-only{display:none!important}.hero-bg-gradient .gradient-piece{position:absolute;opacity:.7}.hero-bg-gradient .gradient-piece img{width:100%;height:100%}.hero-nav-container{position:fixed;top:24px;left:0;right:0;z-index:100;pointer-events:none;display:flex;justify-content:center;padding:0 24px}.hero-nav-logo{width:122px;height:24px;display:block;flex-shrink:0}.hero-nav-logo img{width:100%;height:100%;object-fit:contain}.hero-nav-links{gap:24px}.hero-nav-link,.hero-nav-links{display:flex;align-items:center}.hero-nav-link{color:var(--color-neutral-text-medium);cursor:pointer;text-decoration:none;gap:4px;transition:color .2s;white-space:nowrap}.hero-nav-link:hover{color:var(--color-neutral-text-strong)}.hero-nav-link .caret svg{width:14px;height:14px;fill:currentColor;opacity:.7}.hero-nav-left-section{display:flex;align-items:center;gap:6px}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--color-neutral-text-strong);cursor:pointer;padding:8px;z-index:110;transition:transform .2s ease;align-items:center;justify-content:center}.mobile-menu-toggle:active{transform:scale(.9)}.hero-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:16px 16px 16px 20px;pointer-events:auto;z-index:105}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(var(--color-neutral-background-default-rgb,10,11,14),.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:flex;flex-direction:column;padding:140px 40px 40px;transform:translateX(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.mobile-menu-overlay.is-open{transform:translateX(0);pointer-events:auto}.mobile-menu-links{display:flex;flex-direction:column;gap:32px}.mobile-menu-link{color:var(--color-neutral-text-strong);text-decoration:none;transition:color .2s,transform .2s}.mobile-menu-link:hover{color:var(--color-brand-primary-medium);transform:translateX(8px)}@media (max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-menu-toggle{display:flex;margin-left:-4px}.hero-nav{max-width:none!important;width:100%!important}}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px;max-width:720px;opacity:0;filter:blur(10px);animation:heroContentBlurReveal .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroContentBlurReveal{0%{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.hero-title{color:var(--color-neutral-text-strong);margin:0}.hero-title .highlight{font-family:var(--font-manrope),"Manrope",sans-serif;font-weight:700;letter-spacing:-1.5px}.hero-subtitle{color:var(--color-neutral-text-medium);margin:0}.hero-buttons{display:flex;gap:20px;align-items:center;width:100%;max-width:400px}.hero-buttons>*{flex:1;width:100%}@property --pill-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hero-status-pill{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:var(--corner-radius-default-fully-rounded,9999px);background:var(--color-neutral-surface-subtlest);border:1px solid var(--color-brand-primary-subtlest);cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hero-status-pill:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.hero-status-pill:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--pill-angle),transparent 0deg,var(--color-brand-primary-strong) 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pillBorderGradientSpin 4s linear infinite;pointer-events:none}@keyframes pillBorderGradientSpin{0%{--pill-angle:0deg}4.65%{--pill-angle:8.3deg}45.35%{--pill-angle:171.7deg}54.65%{--pill-angle:188.3deg}95.35%{--pill-angle:351.7deg}to{--pill-angle:360deg}}.hero-status-pill .pill-icon{width:20px;height:20px;flex-shrink:0}.hero-status-pill .pill-icon img{width:100%;height:100%;object-fit:contain}.hero-status-pill .pill-text{color:var(--color-neutral-text-strong);white-space:nowrap}.hero-status-pill .pill-arrow{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.theming-showcase{position:relative;width:100%;max-width:1200px;margin:0 auto}.theming-container{position:relative;width:100%;overflow:hidden}.theming-inner{padding:12px;width:100%;transition:background-color .5s ease}.theming-grid{display:grid;grid-template-columns:280px 1fr 280px;gap:24px;min-height:640px;padding:20px 20px 80px;width:100%;box-sizing:border-box;transform:translateZ(0)}.theming-left{gap:24px}.theming-center,.theming-left{display:flex;flex-direction:column;min-width:0}.theming-center{gap:20px}.theming-center-tags{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.theming-right{display:flex;flex-direction:column;gap:24px;min-width:0}.theming-segmented{display:flex;justify-content:center;margin-top:16px}.theming-bg-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:460px;pointer-events:none;z-index:0;opacity:.4;background:radial-gradient(ellipse,var(--color-brand-primary-subtle) 0,transparent 70%);contain:strict}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-outline:before{display:block}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .glass-border-layer{display:none!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-large.material-elevation-flat,.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-medium.material-elevation-flat,.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-small.material-elevation-flat{box-shadow:none!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-small.material-elevation-default{box-shadow:var(--elevation-small-1-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-small.material-elevation-elevated{box-shadow:var(--elevation-small-2-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-small.material-elevation-floating{box-shadow:var(--elevation-small-3-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-medium.material-elevation-default{box-shadow:var(--elevation-medium-1-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-medium.material-elevation-elevated{box-shadow:var(--elevation-medium-2-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-medium.material-elevation-floating{box-shadow:var(--elevation-medium-3-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-large.material-elevation-default{box-shadow:var(--elevation-large-1-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-large.material-elevation-elevated{box-shadow:var(--elevation-large-2-shadow)!important}.theming-grid[data-theme]:not([data-theme=glassmorphism]) .material-large.material-elevation-floating{box-shadow:var(--elevation-large-3-shadow)!important}.components-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.component-card{border-radius:var(--corner-radius-default-large,12px);overflow:hidden;background:var(--color-neutral-surface-subtlest);border:1px solid var(--color-thematic-outline-surface-top,var(--color-neutral-outline-subtlest));box-shadow:0 var(--effects-elevation-drop-shadow-y-medium-1,2px) var(--effects-elevation-drop-shadow-blur-medium-1,8px) 0 var(--effects-elevation-drop-shadow-color-medium-1,rgba(0,0,0,.04));padding:4px;cursor:pointer;transition:border-color .2s,transform .2s}.component-card:hover{border-color:var(--color-neutral-outline-subtle);transform:translateY(-2px)}.component-card-preview{width:100%;height:200px;overflow:hidden;background:var(--color-neutral-background-default);border-radius:var(--corner-radius-default-medium,8px)}.component-card-preview img{width:100%;height:100%;object-fit:cover}.component-card-content{padding:12px}.component-card-name{color:var(--color-neutral-text-strong);margin:0}.component-card-variants{color:var(--color-neutral-text-subtle);margin:4px 0 0}.components-view-all{display:flex;justify-content:center;margin-top:40px}.parity-showcase{max-width:1200px;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;gap:0}.parity-figma-container{width:100%;max-width:640px;position:relative;z-index:1}.parity-figma-inner{padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--corner-radius-default-large,12px)}.parity-figma-inner img{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:var(--corner-radius-default-medium,8px)}.parity-connector{flex-direction:column;position:relative;margin-top:-24px;margin-bottom:-24px;gap:0;z-index:2}.parity-connector,.parity-connector-icon{display:flex;align-items:center;justify-content:center}.parity-connector-icon{width:48px;height:48px;border-radius:50%;background:transparent}.parity-connector-icon img{width:24px;height:24px}.parity-connector-line{width:2px;height:48px;background:var(--color-neutral-outline-subtle)}.parity-react-container{width:100%;position:relative;z-index:1}.parity-react-inner{padding:12px;display:flex;align-items:stretch;justify-content:space-between;height:532px;gap:24px}.parity-preview{flex:0 0 380px;align-items:center;justify-content:center;padding:32px;height:auto;background:var(--color-neutral-surface-subtlest)}.parity-code,.parity-preview{display:flex;border-radius:var(--corner-radius-default-medium)}.parity-code{flex:1;min-width:0;flex-direction:column;overflow:hidden;background:var(--color-neutral-surface-subtle);border:1px solid var(--color-neutral-outline-subtlest)}.parity-code pre{margin:0;padding:24px 0;font-family:var(--font-dm-mono),"DM Mono",monospace;font-size:var(--typescale-b4-size);line-height:1.6;color:var(--color-neutral-text-medium);overflow-x:auto;overflow-y:visible;white-space:pre;flex:1}.parity-code .code-line{display:block;padding:0 24px;width:100%}.parity-code .code-line.highlighted{background-color:rgba(65,137,230,.15);border-left:2px solid var(--color-brand-primary-medium);padding-left:22px}.parity-code .keyword{color:var(--color-brand-secondary-medium)}.parity-code .string{color:var(--color-state-success-medium)}.parity-code .tag{color:var(--color-state-critical-medium)}.parity-code .attr{color:var(--color-state-warning-medium)}.parity-code .comment{color:var(--color-neutral-text-subtlest)}.templates-showcase{max-width:1200px;margin:0 auto}.templates-preview-container{position:relative;overflow:hidden;height:760px}.templates-preview-inner{padding:12px;height:100%}.templates-preview-image{width:100%;height:100%;background:var(--color-neutral-surface-subtlest);border-radius:var(--corner-radius-default-small);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.templates-preview-image img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.templates-browse-btn{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:2}.templates-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.template-card{padding:16px;border-radius:var(--corner-radius-default-medium);background:transparent;border:1px solid transparent;cursor:pointer;transition:border-color .2s,background .2s;min-height:152px}.template-card.active{background:var(--color-neutral-surface-subtlest);border-color:var(--color-thematic-outline-surface-top,var(--color-neutral-outline-subtlest))}.template-card:hover:not(.active){background:rgba(255,255,255,.02)}.template-card-icon{width:40px;height:40px;border-radius:var(--corner-radius-default-small);background:transparent;border:1px solid var(--color-brand-secondary-subtler);box-shadow:0 1px 2px 0 rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;margin-bottom:8px;backdrop-filter:blur(var(--effects-elevation-background-blur-small,4px));-webkit-backdrop-filter:blur(var(--effects-elevation-background-blur-small,4px))}.template-card-icon svg{width:24px;height:24px;color:var(--color-thematic-fill-secondary-top)}.template-card-title{color:var(--color-neutral-text-strong);margin:0 0 8px}.template-card-desc{color:var(--color-neutral-text-subtle);margin:0}.features-grid{max-width:1200px;margin:0 auto;flex-direction:column}.features-grid,.features-row{display:flex;gap:24px}.feature-card{position:relative;overflow:hidden;padding:32px;display:flex;flex-direction:column;min-height:424px}.feature-card-text{position:relative;z-index:10;max-width:100%}.feature-card-text.max-w-200{max-width:250px}.feature-card-text h3{color:var(--color-neutral-text-strong);margin:0 0 12px}.feature-card-text p{color:var(--color-neutral-text-medium);margin:0}.feature-card-visual{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none;display:block}.feature-card-visual img{width:100%;height:100%;object-fit:cover;object-position:bottom;display:block}.feature-card-visual.align-center img{object-position:center}.feature-card-visual.side-visual img{object-position:right center}.feature-card .bg-glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;pointer-events:none;background:var(--color-brand-primary-subtle)}.code-editor-mock{border-radius:var(--corner-radius-default-medium);overflow:hidden;background:var(--color-neutral-surface-subtle);border:1px solid var(--color-neutral-outline-subtlest)}.code-editor-titlebar{height:34px;display:flex;align-items:center;padding:0 12px;background:var(--color-neutral-surface-default);border-bottom:1px solid var(--color-neutral-outline-subtlest)}.code-editor-dots{display:flex;gap:8px}.code-editor-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-neutral-text-subtlest);opacity:.5}.code-editor-body{padding:12px;min-height:200px;align-items:center}.code-editor-body,.shortcut-keys{display:flex;justify-content:center}.shortcut-keys{gap:6px;margin-top:8px}.shortcut-key{width:24px;height:24px;border-radius:var(--corner-radius-default-small);background:var(--color-neutral-surface-subtle);border:1px solid var(--color-neutral-outline-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-text-medium)}.shortcut-key.wide{width:32px}.token-cloud{display:flex;flex-direction:column;gap:12px;align-items:center;padding:24px 16px;border-radius:var(--corner-radius-default-medium);overflow:hidden;background:var(--color-neutral-surface-subtle);border:1px solid var(--color-neutral-outline-subtlest)}.token-row{display:flex;gap:8px;justify-content:center}.faqs-container{max-width:800px;margin:0 auto;gap:64px}.faq-category,.faqs-container{display:flex;flex-direction:column}.faq-category{gap:8px}.faq-category-label{color:var(--color-neutral-text-subtle);padding:0 4px;margin:0}.cta-section{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:444px;justify-content:center;overflow:hidden}.cta-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:0}.cta-bg-gradient{width:1400px;height:auto}.cta-bg-gradient,.cta-bg-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none}.cta-bg-logo{width:480px;height:480px}.cta-content{position:relative;z-index:1;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:16px}.cta-title{color:var(--color-neutral-text-high,var(--color-neutral-text-strong));margin:0}.cta-subtitle{color:var(--color-neutral-text-medium);margin:0 0 16px}.cta-buttons{display:flex;gap:20px;width:100%;max-width:376px;justify-content:center}.cta-buttons>*{flex:1;width:100%}.footer-section{padding:108px 120px 8px;display:flex;flex-direction:column;gap:120px;background:var(--color-neutral-surface-subtlest)}.footer-main{display:flex;justify-content:space-between;align-items:flex-start}.footer-logo-area{display:flex;flex-direction:column;gap:20px;width:240px}.footer-logo{width:144px;height:28.32px;display:block;flex-shrink:0}.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-tagline{color:var(--color-neutral-text-medium);margin:0}.footer-links-area{display:flex;gap:40px}.footer-col{display:flex;flex-direction:column;gap:16px;width:200px;min-width:0}.footer-col-header{color:var(--color-neutral-text-medium);text-transform:uppercase;letter-spacing:.96px;margin:0}.footer-col-links{display:flex;flex-direction:column;gap:12px}.footer-col-link{color:var(--color-neutral-text-medium);text-decoration:none;cursor:pointer;transition:color .2s}.footer-col-link:hover{color:var(--color-neutral-text-strong)}.footer-socials{display:flex;flex-direction:column;gap:16px}.footer-socials-icons{display:flex;gap:24px}.footer-social-icon{width:24px;height:24px;opacity:.7;transition:opacity .2s;cursor:pointer}.footer-social-icon:hover{opacity:1}.footer-social-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--color-neutral-outline-subtle)}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-link{text-decoration:none;cursor:pointer}.footer-bottom-link,.footer-copyright{color:var(--color-neutral-text-subtle)}.footer-copyright{margin:0}@media (max-width:1280px){.website-section{padding:80px 60px}.hero-nav{width:90%;max-width:840px}.features-grid,.parity-showcase,.templates-showcase,.theming-showcase{max-width:100%}.components-grid{grid-template-columns:repeat(3,1fr)}.footer-section{padding:80px 60px 8px}}@media (max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.website-section{padding:60px 40px}.hero-section{min-height:850px;height:auto}.hero-3d-logo{width:400px;height:400px}.hero-nav{width:95%}.hero-nav-links{gap:16px}.components-grid{grid-template-columns:repeat(2,1fr)}.parity-figma-container,.parity-react-container{width:100%}.parity-react-inner{flex-direction:column;height:auto}.parity-preview{flex:auto;width:100%;padding:32px}.parity-code{border-left:none;border-top:1px solid var(--color-neutral-outline-subtlest);width:100%}.theming-grid{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;overflow-x:hidden;width:100%;min-height:auto}.theming-center,.theming-left,.theming-right{width:100%;max-width:400px}.features-row{flex-direction:column;gap:24px}.feature-card{flex:1 1 auto!important;min-height:auto!important;aspect-ratio:auto;padding-bottom:240px}.features-row:first-child .feature-card .feature-card-visual{top:auto;height:240px}.features-row:first-child .feature-card:first-child{padding-bottom:300px}.features-row:first-child .feature-card:first-child .feature-card-visual{height:300px}.features-row:first-child .feature-card .feature-card-visual img{object-fit:cover!important;object-position:top center!important}.features-row:first-child .feature-card:nth-child(2){padding-bottom:32px;min-height:424px!important}.features-row:first-child .feature-card .feature-card-visual.side-visual{top:0;height:100%}.features-row:first-child .feature-card .feature-card-visual.side-visual img{object-fit:contain!important;object-position:top right!important;width:100%!important;max-width:75%!important;height:auto!important;position:absolute;top:0;right:0}.feature-card-text.max-w-200{max-width:160px}.templates-cards{grid-template-columns:1fr;gap:12px;margin-top:16px}.templates-preview-container{height:320px}.templates-preview-image img{object-position:top center}.footer-section{padding:60px 40px 8px}.footer-main{flex-direction:column;gap:48px}.footer-links-area{flex-wrap:wrap;gap:32px}}@media (max-width:768px){.website-section,.website-section-narrow{padding:48px 24px}.hero-section{min-height:600px;height:auto}.hero-3d-logo{width:300px;height:300px}.hero-title{font-size:var(--typescale-H3-size)!important;line-height:var(--typescale-H3-line-height)!important}.hero-content{max-width:100%;padding:0 16px;margin-top:120px}.hero-nav{width:95%;padding:12px 16px;height:auto}.hero-nav-links{display:none}.components-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:var(--typescale-H4-size)!important;line-height:var(--typescale-H4-line-height)!important}.faqs-container{max-width:100%}.footer-section{padding:48px 24px 8px;gap:48px}.footer-col{width:auto;min-width:140px;flex:1 1 auto}.footer-bottom{flex-direction:column;gap:12px;align-items:center}.section-header{margin:0 auto 40px;gap:16px}.footer-links-area{gap:24px}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h1,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h1{font-size:var(--typescale-H2-size)!important;font-weight:var(--typescale-H2-weight)!important;line-height:var(--typescale-H2-line-height)!important;letter-spacing:var(--typescale-H2-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h1{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h2,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h2{font-size:var(--typescale-H3-size)!important;font-weight:var(--typescale-H3-weight)!important;line-height:var(--typescale-H3-line-height)!important;letter-spacing:var(--typescale-H3-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h2{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h3,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h3{font-size:var(--typescale-H4-size)!important;font-weight:var(--typescale-H4-weight)!important;line-height:var(--typescale-H4-line-height)!important;letter-spacing:var(--typescale-H4-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h3{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h4,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h4{font-size:var(--typescale-H5-size)!important;font-weight:var(--typescale-H5-weight)!important;line-height:var(--typescale-H5-line-height)!important;letter-spacing:var(--typescale-H5-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h4{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h5,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h5{font-size:var(--typescale-H6-size)!important;font-weight:var(--typescale-H6-weight)!important;line-height:var(--typescale-H6-line-height)!important;letter-spacing:var(--typescale-H6-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h5{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h6,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h6{font-size:var(--typescale-H7-size)!important;font-weight:var(--typescale-H7-weight)!important;line-height:var(--typescale-H7-line-height)!important;letter-spacing:var(--typescale-H7-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h6{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h7,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h7{font-size:var(--typescale-H8-size)!important;font-weight:var(--typescale-H8-weight)!important;line-height:var(--typescale-H8-line-height)!important;letter-spacing:var(--typescale-H8-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h7{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h8,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-h8{font-size:var(--typescale-H9-size)!important;font-weight:var(--typescale-H9-weight)!important;line-height:var(--typescale-H9-line-height)!important;letter-spacing:var(--typescale-H9-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-h8{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-b1,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b1{font-size:var(--typescale-b2-size)!important;font-weight:var(--typescale-b2-weight)!important;line-height:var(--typescale-b2-line-height)!important;letter-spacing:var(--typescale-b2-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b1{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-b2,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b2{font-size:var(--typescale-b3-size)!important;font-weight:var(--typescale-b3-weight)!important;line-height:var(--typescale-b3-line-height)!important;letter-spacing:var(--typescale-b3-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b2{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-b3,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b3{font-size:var(--typescale-b4-size)!important;font-weight:var(--typescale-b4-weight)!important;line-height:var(--typescale-b4-line-height)!important;letter-spacing:var(--typescale-b4-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b3{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-b4,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b4{font-size:var(--typescale-b5-size)!important;font-weight:var(--typescale-b5-weight)!important;line-height:var(--typescale-b5-line-height)!important;letter-spacing:var(--typescale-b5-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b4{line-height:1ex!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-b5,.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b5{font-size:var(--typescale-b6-size)!important;font-weight:var(--typescale-b6-weight)!important;line-height:var(--typescale-b6-line-height)!important;letter-spacing:var(--typescale-b6-letter-spacing)!important}.website-root :not(button):not(a):not(nav *):not(.pricing-plan-card *).text-baseline-b5{line-height:1ex!important}.cta-title{font-size:var(--typescale-H5-size)!important;line-height:var(--typescale-H5-line-height)!important}}@media (max-width:480px){.website-section,.website-section-narrow{padding:40px 16px}.components-grid{grid-template-columns:1fr}.cta-buttons,.hero-buttons{flex-direction:column}.hero-section{min-height:auto;padding:40px 0}.hero-content{padding:0 8px}.section-header{margin:0 auto 32px}.footer-section{padding:40px 16px 8px;gap:40px}.footer-links-area{flex-direction:column;gap:32px}.footer-col{width:100%}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:12px}.cta-content{padding:0 8px}.templates-cards{gap:8px}.template-card{min-height:auto;padding:12px}.features-grid,.features-row{gap:16px}.feature-card{padding:24px 24px 200px}.feature-card-text h3{font-size:var(--typescale-H5-size)!important;line-height:var(--typescale-H5-line-height)!important}}.templates-page-root{display:flex;flex-direction:column;width:100%}.templates-hero{padding:180px 120px 120px;gap:120px}.templates-hero,.templates-hero-content{display:flex;flex-direction:column;align-items:center}.templates-hero-content{gap:32px;justify-content:center;text-align:center;width:720px;max-width:100%}.templates-hero-title{color:var(--color-neutral-text-strong,white);margin:0}.templates-hero-description{color:var(--color-neutral-text-medium);margin:0}.template-section{padding:80px 0;overflow:hidden}.template-section,.template-section-container{display:flex;flex-direction:column;gap:48px;position:relative;width:100%}.template-content-header{max-width:1440px;margin:0 auto;padding:0 120px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;box-sizing:border-box}.template-text-group{display:flex;flex-direction:column;gap:20px;width:100%;max-width:580px;align-items:flex-start}.template-title{color:var(--color-neutral-text-strong,white);margin:0}.template-action-group{display:flex;flex-direction:column;gap:24px;width:100%;max-width:400px;padding-bottom:12px}.template-description{color:var(--color-neutral-text-medium);margin:0}.template-explore-btn{align-self:flex-start}.template-carousel-wrapper{position:relative;width:100%}.template-carousel-mask-wrapper{width:100%;mask-image:linear-gradient(90deg,transparent 0,black calc(max(120px, calc(50% - 600px)) + 120px),black calc(100% - max(120px, calc(50% - 600px)) - 120px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black calc(max(120px, calc(50% - 600px)) + 120px),black calc(100% - max(120px, calc(50% - 600px)) - 120px),transparent)}.template-carousel-container{display:flex;gap:32px;align-items:center;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;padding:0 max(120px,calc(50% - 600px));scroll-padding-left:max(120px,calc(50% - 600px))}.template-carousel-container::-webkit-scrollbar{display:none}.template-carousel-slide{position:relative;width:768px;height:480px;flex-shrink:0;border-radius:var(--corner-radius-default-large,16px);border:1px solid var(--color-neutral-outline-subtle,rgba(75,85,99,.6));overflow:hidden;background:var(--color-neutral-surface-subtlest,rgba(21,28,44,.75));backdrop-filter:blur(var(--effects-elevation-background-blur-large,24px));scroll-snap-align:start}.template-carousel-image{object-fit:cover;opacity:.95;transition:opacity .3s ease}.template-carousel-slide:hover .template-carousel-image{opacity:1}.template-carousel-nav-layer{position:absolute;top:50%;left:80px;right:80px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.carousel-nav-btn-wrapper{pointer-events:auto;transition:opacity .2s}.carousel-nav-btn-wrapper.is-hidden{opacity:0;pointer-events:none}@media (max-width:1280px){.template-content-header{padding:0 60px}.template-carousel-mask-wrapper{mask-image:linear-gradient(90deg,transparent 0,black calc(max(60px, calc(50% - 600px)) + 100px),black calc(100% - max(60px, calc(50% - 600px)) - 100px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black calc(max(60px, calc(50% - 600px)) + 100px),black calc(100% - max(60px, calc(50% - 600px)) - 100px),transparent)}.template-carousel-container{padding:0 max(60px,calc(50% - 600px));scroll-padding-left:max(60px,calc(50% - 600px))}.template-carousel-nav-layer{left:80px;right:80px}}@media (max-width:1024px){.template-section{padding:60px 0}.template-content-header{padding:0 40px;flex-direction:column;align-items:flex-start;gap:32px}.template-action-group,.template-carousel-wrapper,.template-text-group{width:100%}.template-carousel-mask-wrapper{mask-image:linear-gradient(90deg,transparent 0,black calc(40px + 60px),black calc(100% - 40px - 60px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black calc(40px + 60px),black calc(100% - 40px - 60px),transparent)}.template-carousel-container{padding:0 40px;scroll-padding-left:40px}.template-carousel-nav-layer{left:20px;right:20px}.template-carousel-slide{width:600px;height:375px}}@media (max-width:768px){.templates-hero{padding:120px 24px 60px}.template-section{padding:40px 0}.template-content-header{padding:0 24px}.template-carousel-wrapper{width:100%}.template-carousel-mask-wrapper{mask-image:linear-gradient(90deg,transparent 0,black calc(24px + 40px),black calc(100% - 24px - 40px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black calc(24px + 40px),black calc(100% - 24px - 40px),transparent)}.template-carousel-container{padding:0 24px;scroll-padding-left:24px}.template-carousel-slide{width:320px;height:200px}.template-carousel-nav-layer{display:none}}@media (max-width:480px){.templates-hero{padding:120px 16px 40px;gap:60px}.template-section{padding:32px 0}.template-content-header{padding:0 16px;gap:24px}.template-carousel-container{padding:0 16px;scroll-padding-left:16px;gap:16px}.template-carousel-mask-wrapper{mask-image:linear-gradient(90deg,transparent 0,black calc(16px + 24px),black calc(100% - 16px - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black calc(16px + 24px),black calc(100% - 16px - 24px),transparent)}.template-carousel-slide{width:280px;height:175px}.templates-hero-title{font-size:var(--typescale-H3-size)!important;line-height:var(--typescale-H3-line-height)!important}.template-title{font-size:var(--typescale-H4-size)!important;line-height:var(--typescale-H4-line-height)!important}}@media (max-width:768px){.hero-buttons{flex-direction:column;max-width:100%}.hero-buttons>*{width:100%}.hero-buttons .w-\[180px\]{width:100%!important}.hero-status-pill{position:relative;bottom:auto;left:auto;transform:none;margin-top:48px}.hero-status-pill:hover{transform:translateY(-2px)}}