:root{--bg-primary:#e5e5e5;--text-primary:#000;--text-muted:#666;--accent:#000;--border-light:#d1d1d1;--font-heading:"Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;max-width:100vw;color:var(--text-primary);font-family:var(--font-heading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.interactive-img{will-change:transform;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.interactive-img:hover{transform:scale(1.04)translateY(-6px)}.navbar{z-index:100;background-color:#e5e5e5;border-bottom:1px solid #d1d1d1;justify-content:space-between;align-items:center;padding:1.5rem 5vw;display:flex;position:sticky;top:0}.brand-logo,.nav-brand a{letter-spacing:.15em;color:#000;font-size:.9rem;font-weight:900;text-decoration:none}.nav-links{gap:2rem;display:flex}.nav-links a{letter-spacing:.12em;text-transform:uppercase;color:#666;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a.active,.nav-links a:hover{color:#000;font-weight:700}@media (width<=600px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:1.2rem;font-size:.75rem}}.home-container{box-sizing:border-box;background-color:#fff;width:100%;max-width:100vw;height:calc(100vh - 70px);position:relative;overflow:hidden}.hero-slide-layer{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.base-layer{z-index:1;background-color:#fff}.overlay-layer{z-index:2;will-change:clip-path;background-color:#000;transition:clip-path 1.2s cubic-bezier(.77,0,.175,1)}.overlay-layer.visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.overlay-layer.hidden{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.hero-image-center{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:90vw;max-width:1400px;height:82vh;max-height:85vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{box-sizing:border-box;pointer-events:none;z-index:3;flex-direction:column;justify-content:space-between;padding:3rem 5vw;display:flex;position:absolute;inset:0}.hero-text-overlay,.hero-footer{pointer-events:auto;width:100%}.theme-black .hero-subtitle,.theme-black .part-1,.theme-black .cta-link{color:#000}.theme-black .part-2{color:#fff}.theme-black .cta-link{border-bottom:1px solid #000}.theme-white .hero-subtitle,.theme-white .part-1,.theme-white .cta-link{color:#fff}.theme-white .part-2{color:#000}.theme-white .cta-link{border-bottom:1px solid #fff}.hero-subtitle{letter-spacing:.25em;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:700;display:block}.hero-title{letter-spacing:-.04em;flex-wrap:wrap;gap:.2em;max-width:100%;margin-top:.5rem;font-size:clamp(2.2rem,7.5vw,8rem);font-weight:900;line-height:.9;display:flex}.part-1,.part-2{white-space:nowrap;display:inline-block}.cta-link{letter-spacing:.15em;padding-bottom:.2rem;font-size:clamp(.72rem,1.1vw,.85rem);font-weight:700;text-decoration:none;display:inline-block}@media (width>=481px) and (width<=768px){.hero-content{padding:2.5rem 4vw}.hero-image-center{width:88vw;height:68vh}}@media (width<=480px){.home-container{height:calc(100vh - 100px)}.hero-image-center{background-size:contain;width:100%;max-width:100%;height:56%;max-height:none;top:0;left:50%;transform:translate(-50%)}.hero-content{flex-direction:column;justify-content:center;gap:.6rem;padding:1rem 1.5rem;display:flex;inset:56% 0 0}.hero-title{flex-flow:column;gap:0;margin-top:.2rem;font-size:clamp(2.2rem,12vw,3.5rem);line-height:1;display:flex}.hero-subtitle{font-size:clamp(.65rem,3vw,.8rem)}.cta-link{margin-top:.5rem;font-size:clamp(.65rem,3vw,.8rem)}}.collection-page{box-sizing:border-box;background-color:#e5e5e5;width:100vw;min-height:calc(100vh - 70px);padding:3rem 5vw}.collection-header{border-bottom:1px solid #d1d1d1;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.collection-header h2{letter-spacing:-.02em;color:#000;margin:0;font-size:1.8rem;font-weight:900}.filter-bar{gap:.5rem;display:flex}.filter-btn{color:#000;cursor:pointer;background:0 0;border:1px solid #000;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:background-color .2s,color .2s}.filter-btn.active,.filter-btn:hover{color:#fff;background-color:#000}.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;display:grid}.product-card{flex-direction:column;display:flex}.card-image-box{aspect-ratio:4/3;cursor:pointer;background-color:#f0f0f0;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.product-img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:1.5rem;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.primary-view{opacity:1;z-index:1}.secondary-view{opacity:0;z-index:2}.card-image-box:hover .primary-view{opacity:0}.card-image-box:hover .secondary-view{opacity:1}.card-meta{justify-content:space-between;align-items:flex-start;display:flex}.card-meta h4{color:#000;margin:0;font-size:1rem;font-weight:800}.card-cat{color:#555;text-transform:uppercase;margin-top:.2rem;font-size:.75rem;display:block}.card-price{color:#000;font-size:1rem;font-weight:800}@media (width<=768px){.collection-page{padding:2rem 1.5rem}.collection-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.filter-bar{flex-wrap:wrap;width:100%}.filter-btn{padding:.4rem .8rem;font-size:.75rem}.product-grid{grid-template-columns:1fr;gap:2rem}}.about-page{background-color:#fff;grid-template-columns:1fr 1fr;width:100vw;height:calc(100vh - 70px);display:grid;overflow:hidden}.about-left-col{box-sizing:border-box;flex-direction:column;justify-content:center;gap:3rem;padding:4rem 5vw;display:flex}.about-subtitle{letter-spacing:.25em;color:#000;font-size:.8rem;font-weight:700;display:block}.about-title{letter-spacing:-.04em;color:#000;margin-top:.5rem;font-size:clamp(2.5rem,5vw,5rem);font-weight:900;line-height:.95}.about-body{max-width:460px}.about-description{color:#333;border-left:2px solid #000;margin-bottom:2.5rem;padding-left:1rem;font-size:.95rem;font-weight:500;line-height:1.6}.about-stats{gap:3rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:#000;font-size:1.8rem;font-weight:900}.stat-label{letter-spacing:.15em;color:#666;margin-top:.25rem;font-size:.7rem;font-weight:700}.about-right-col{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.morph-stage{justify-content:center;align-items:center;width:80%;height:70%;display:flex;position:relative}.floating-node{animation:6s ease-in-out infinite floatEffect}@keyframes floatEffect{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.morph-img{object-fit:contain;opacity:0;filter:blur(8px);max-width:100%;max-height:100%;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1),filter 1.2s cubic-bezier(.4,0,.2,1);position:absolute;transform:scale(.85)rotate(-6deg)}.morph-img.active{opacity:1;filter:blur();transform:scale(1)rotate(0)}.contact-page{box-sizing:border-box;background-color:#e5e5e5;width:100vw;min-height:calc(100vh - 70px);padding:3rem 5vw;overflow-x:hidden}.contact-header{margin-bottom:2.5rem}.section-label{letter-spacing:.25em;color:#000;font-size:.8rem;font-weight:700;display:block}.contact-header h1{letter-spacing:-.04em;color:#000;margin-top:.5rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:.95}.contact-container{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:.5rem;display:flex}.contact-info h3{letter-spacing:.15em;color:#555;text-transform:uppercase;font-size:.75rem;font-weight:800}.contact-info .meta-heading{margin-top:1.5rem}.contact-info p{color:#000;font-size:1rem;font-weight:700;line-height:1.4}.contact-form-wrapper{width:100%;max-width:500px}.contact-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.form-group{flex-direction:column;gap:.4rem;width:100%;display:flex}.form-group label{letter-spacing:.15em;color:#000;text-transform:uppercase;font-size:.7rem;font-weight:800}.form-group input,.form-group textarea{color:#000;box-sizing:border-box;background-color:#fff;border:1px solid #000;border-radius:0;outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#000;box-shadow:0 0 0 2px #000}.form-group textarea{resize:vertical}.submit-btn{letter-spacing:.15em;color:#fff;cursor:pointer;background-color:#000;border:1px solid #000;align-self:flex-start;padding:.85rem 1.8rem;font-family:inherit;font-size:.8rem;font-weight:800;transition:background-color .2s,color .2s}.submit-btn:hover{color:#000;background-color:#0000}.thank-you-msg h2{letter-spacing:-.02em;color:#000;margin-bottom:.5rem;font-size:1.8rem;font-weight:900}.thank-you-msg p{color:#555;font-size:.95rem;font-weight:600}@media (width<=768px){.contact-page{padding:2.5rem 1.5rem}.contact-header h1{font-size:2.5rem}.contact-container{grid-template-columns:1fr;gap:2.5rem}.contact-form-wrapper{max-width:100%}.submit-btn{text-align:center;width:100%}}*,:before,:after{box-sizing:border-box}:root{--bg-main:#e5e5e5;--text-main:#000;--text-muted:#666;--border-color:#d1d1d1;--social-bg:#dcdcdc;--shadow-editorial:0 4px 12px #00000014}.app-container{background-color:var(--bg-main);width:100vw;min-height:100vh;color:var(--text-main);overflow-x:hidden}.main-content{width:100%;min-height:calc(100vh - 70px)}.counter{color:var(--text-main);background:var(--social-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--text-main)}.counter:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}#next-steps{border-top:1px solid var(--border-color);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}#docs{border-right:1px solid var(--border-color)}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-main);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow-editorial)}#next-steps ul a .button-icon{width:18px;height:18px}#spacer{border-top:1px solid var(--border-color);height:88px}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border-color);left:0}.ticks:after{border-right-color:var(--border-color);right:0}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}#next-steps{text-align:center;flex-direction:column}#next-steps>div{padding:24px 20px}#docs{border-right:none;border-bottom:1px solid var(--border-color)}#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}#spacer{height:48px}}