.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background:#0006;justify-content:center;align-items:center;padding:10px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.auth-modal-overlay.open{opacity:1;visibility:visible}.auth-modal{background:var(--white);border-radius:20px;width:100%;max-width:420px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:scale(.95)translateY(20px);box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a}.auth-modal-overlay.open .auth-modal{transform:scale(1)translateY(0)}.modal-close{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;padding:9px;transition:background-color .3s,color .3s,transform .3s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(90deg)}.back-btn{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s,color .3s,transform .3s;display:flex;position:absolute;top:16px;left:16px}.back-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-3px)}.modal-view{padding:48px 32px 32px;transition:opacity .3s,transform .3s}.modal-view:not(.active){opacity:0;pointer-events:none;position:absolute;inset:0}.modal-view.exit-left{transform:translate(-30px)}.modal-view.exit-right{transform:translate(30px)}.modal-view.active{opacity:1;transform:translate(0)}.modal-header{text-align:center;margin-bottom:28px}.modal-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.75rem;font-weight:400}.modal-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:.95rem;line-height:1.5}.modal-content{flex-direction:column;gap:16px;display:flex}.google-btn{background:var(--white);border:1.5px solid var(--border-color);width:100%;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:border-color .3s,box-shadow .3s,transform .2s;display:flex}.google-btn:hover{border-color:var(--text-muted);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.google-btn:active{transform:translateY(0)}.google-icon{flex-shrink:0}.divider{align-items:center;gap:12px;margin:4px 0;display:flex}.divider-line{background:var(--border-light);flex:1;height:1px}.divider-text-auth-modal{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.auth-buttons{gap:12px;display:flex}.auth-btn{font-family:var(--font-body);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s,transform .2s,box-shadow .3s;display:flex}.join-btn{background:var(--text-primary);color:var(--white)}.join-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.login-btn{background:var(--bg-subtle);color:var(--text-primary);border:1.5px solid var(--border-color)}.login-btn:hover{background:var(--white);border-color:var(--text-muted);transform:translateY(-2px)}.anonymous-btn{border:1.5px dashed var(--border-color);width:100%;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:500;transition:border-color .3s,color .3s,background-color .3s;display:flex}.anonymous-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-subtle)}.anonymous-btn .arrow-icon{margin-left:auto;transition:transform .3s}.anonymous-btn:hover .arrow-icon{transform:translate(4px)}.email-emphasis{background:linear-gradient(135deg,var(--bg-subtle)0%,var(--bg-hover)100%);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;padding:20px;display:flex}.email-emphasis-icon{background:var(--white);width:56px;height:56px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000f}.email-emphasis-text{font-family:var(--font-body);color:var(--text-secondary);text-align:center;font-size:.9rem;line-height:1.6}.email-emphasis-text strong{color:var(--text-primary);font-weight:600}.anonymous-form{flex-direction:column;gap:16px;display:flex}.auth-modal .form-field{flex-direction:column;gap:6px;display:flex}.auth-modal .form-label{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:500}.auth-modal .input-wrapper{align-items:center;display:flex;position:relative}.auth-modal .field-icon{color:var(--text-muted);pointer-events:none;transition:color .3s;position:absolute;left:14px}.auth-modal .form-field:focus-within .field-icon{color:var(--accent-color)}.auth-modal .form-field.error .field-icon{color:#c53030}.auth-modal .form-field.valid .field-icon{color:#2f855a}.auth-modal .form-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--white);border:1.5px solid var(--border-color);border-radius:12px;outline:none;padding:14px 44px;font-size:16px;transition:border-color .3s,box-shadow .3s}.auth-modal .form-input::placeholder{color:var(--text-muted)}.auth-modal .form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #54545514}.auth-modal .form-field.error .form-input{background:#fff5f5;border-color:#c53030}.auth-modal .form-field.valid .form-input{border-color:#2f855a}.auth-modal .validation-icon{color:#2f855a;position:absolute;right:14px}.auth-modal .error-message{font-family:var(--font-body);color:#c53030;opacity:0;min-height:0;max-height:0;font-size:.8rem;transition:min-height .3s,max-height .3s,opacity .3s;overflow:hidden}.auth-modal .error-message.visible{opacity:1;min-height:18px;max-height:36px}.auth-modal .submit-btn{width:100%;font-family:var(--font-body);letter-spacing:.02em;color:var(--white);background:var(--text-primary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:background-color .3s,transform .2s,box-shadow .3s;display:flex}.auth-modal .submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.auth-modal .submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-modal .submit-btn svg{transition:transform .3s}.auth-modal .submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.auth-modal .spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{font-family:var(--font-body);color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;display:flex}.privacy-note svg{flex-shrink:0}@media (max-width:480px){.auth-modal-overlay{padding:max(16px,env(safe-area-inset-top))max(16px,env(safe-area-inset-right))max(16px,env(safe-area-inset-bottom))max(16px,env(safe-area-inset-left));overscroll-behavior:contain;justify-content:center;align-items:center;height:100dvh}.auth-modal{border-radius:20px;flex-direction:column;max-width:calc(100% - 32px);display:flex;overflow-y:auto}.modal-view{-webkit-overflow-scrolling:touch;padding:40px 24px 32px;overflow:visible hidden}}.modal-view:not(.active){opacity:0;pointer-events:none;visibility:hidden;position:absolute;inset:0}.modal-view:not(.active) input,.modal-view:not(.active) textarea,.modal-view:not(.active) select,.modal-view:not(.active) button,.modal-view:not(.active) a{visibility:hidden}.google-btn-wrap{width:100%;max-width:100%;overflow:hidden}.google-btn-wrap>*{width:100%!important;max-width:100%!important}.auth-modal{position:relative}.auth-loading-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);background:#0a0a0a40;border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auth-loading-card{background:#ffffffeb;border:1px solid #00000014;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 18px 50px #0000002e,0 8px 20px #0000001a}.auth-loading-spinner{border:2px solid #00000026;border-top-color:#000000a6;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.auth-loading-texts{flex-direction:column;gap:2px;display:flex}.auth-loading-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.auth-loading-subtitle{color:var(--text-secondary);font-size:.82rem}.auth-btn.disabled{opacity:.6;pointer-events:none}
.b2b-section{background:#1a1a1a;padding:120px 0;position:relative;overflow:hidden}.b2b-section__background{pointer-events:none;position:absolute;inset:0}.b2b-section__pattern{background-image:radial-gradient(circle at 1px 1px,#c9a22708 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.b2b-section__gradient{background:radial-gradient(at 20% 0,#c9a22714 0%,#0000 50%),radial-gradient(at 80% 100%,#c9a2270d 0%,#0000 50%);position:absolute;inset:0}.b2b-section__container{z-index:1;max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.b2b-section__header{text-align:center;margin-bottom:80px}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:10px 20px;display:inline-flex}.hero-badge svg{color:#10b981}.hero-badge span{color:#fff}.b2b-section__title{font-family:var(--font-display,"Cormorant Garamond",serif);color:#fff;letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;line-height:1.2}.b2b-section__ornament{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.b2b-section__ornament-line{background:linear-gradient(90deg,#0000,#c9a227,#0000);width:60px;height:1px}.b2b-section__ornament-diamond{color:#c9a227;font-size:.75rem}.b2b-section__subtitle{font-family:var(--font-body,"Source Sans 3",sans-serif);color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}.b2b-benefits-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px;display:grid}.b2b-benefit-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:36px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.b2b-benefit-card:before{content:"";opacity:0;background:linear-gradient(135deg,#c9a2271a 0%,#0000 50% 100%);border-radius:16px;transition:opacity .4s;position:absolute;inset:0}.b2b-benefit-card:hover{border-color:#c9a2274d;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #c9a2271a}.b2b-benefit-card:hover:before{opacity:1}.b2b-benefit-card__icon{color:#c9a227;background:#c9a2271a;border:1px solid #c9a22733;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:all .4s;display:inline-flex}.b2b-benefit-card:hover .b2b-benefit-card__icon{background:#c9a22726;border-color:#c9a22766;transform:scale(1.05)}.b2b-benefit-card__title{font-family:var(--font-heading,"Lora",serif);color:#fff;margin:0 0 12px;font-size:1.1rem;font-weight:500;position:relative}.b2b-benefit-card__description{font-family:var(--font-body,"Source Sans 3",sans-serif);color:#fff9;margin:0;font-size:.9rem;line-height:1.7;position:relative}.b2b-industries{text-align:center;margin-bottom:80px}.b2b-industries__title{font-family:var(--font-body,"Source Sans 3",sans-serif);text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;margin:0 0 28px;font-size:.85rem;font-weight:600}.b2b-industries__grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.b2b-industry-chip{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;transition:all .3s;display:inline-flex}.b2b-industry-chip:hover{background:#ffffff14;border-color:#c9a2274d;transform:translateY(-2px)}.b2b-industry-chip__icon{font-size:1.1rem}.b2b-industry-chip__name{font-family:var(--font-body,"Source Sans 3",sans-serif);color:#ffffffd9;font-size:.9rem;font-weight:500}.b2b-cta-box{background:linear-gradient(135deg,#c9a22714 0%,#c9a22705 100%);border:1px solid #c9a22733;border-radius:20px;padding:48px;position:relative;overflow:hidden}.b2b-cta-box:before{content:"";background:linear-gradient(90deg,#0000,#c9a22780,#0000);height:1px;position:absolute;top:0;left:0;right:0}.b2b-cta-box__content{text-align:center}.b2b-cta-box__text{font-family:var(--font-body,"Source Sans 3",sans-serif);color:#ffffffd9;max-width:500px;margin:0 auto 32px;font-size:1.15rem;line-height:1.7}.b2b-cta-box__buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.b2b-btn--gold{color:#1a1a1a;font-family:var(--font-body,"Source Sans 3",sans-serif);cursor:pointer;background:linear-gradient(135deg,#c9a227 0%,#a88420 100%);border:none;border-radius:10px;align-items:center;gap:10px;padding:16px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.b2b-btn--gold:hover{background:linear-gradient(135deg,#d4ad2e 0%,#b38f25 100%);transform:translateY(-3px)}.b2b-btn--gold svg{transition:transform .3s}.b2b-btn--gold:hover svg{transform:translate(4px)}.b2b-btn--outline{color:#ffffffe6;font-family:var(--font-body,"Source Sans 3",sans-serif);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:16px 32px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.b2b-btn--outline:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-2px)}@media (max-width:1024px){.b2b-section{padding:100px 0}.b2b-section__container{padding:0 32px}.b2b-benefits-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.b2b-section{padding:80px 0}.b2b-section__container{padding:0 24px}.b2b-section__header{margin-bottom:60px}.b2b-section__title{font-size:2rem}.b2b-section__subtitle{font-size:1rem}.b2b-benefits-grid{grid-template-columns:1fr;gap:16px;margin-bottom:60px}.b2b-benefit-card{padding:28px 24px}.b2b-industries{margin-bottom:60px}.b2b-industries__grid{gap:10px}.b2b-industry-chip{padding:10px 18px}.b2b-cta-box{padding:32px 24px}.b2b-cta-box__buttons{flex-direction:column;width:100%}.b2b-btn--gold,.b2b-btn--outline{justify-content:center;width:100%}}@media (max-width:480px){.b2b-section{padding:60px 0}.b2b-section__badge{padding:6px 16px}.b2b-section__badge-text{font-size:.7rem}.b2b-section__title{font-size:1.75rem}.b2b-section__ornament-line{width:40px}.b2b-benefit-card__icon{width:56px;height:56px}.b2b-benefit-card__icon svg{width:24px;height:24px}.b2b-industry-chip{gap:8px;padding:8px 14px}.b2b-industry-chip__name{font-size:.85rem}.b2b-cta-box__text{font-size:1rem}.b2b-btn--gold,.b2b-btn--outline{padding:14px 24px;font-size:.9rem}}
.page-wrapper{background:var(--white);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:72px}.section{padding:30px 0;position:relative;overflow:hidden}.section-container-home{z-index:2;max-width:1000px;margin:0 auto;padding:0 40px;position:relative}.section-title-home{font-family:var(--font-heading);color:var(--text-primary);text-align:center;letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500}.section-description{font-family:var(--font-body);color:var(--text-secondary);text-align:center;max-width:700px;margin:0 auto 36px;font-size:clamp(1rem,2vw,1.1rem);line-height:1.8}.hero-ornament,.materials-ornament{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.ornament-line{background:linear-gradient(to right,transparent,var(--border-color));width:60px;height:1px}.hero-ornament .ornament-line:last-child,.materials-ornament .ornament-line:last-child{background:linear-gradient(to left,transparent,var(--border-color))}.ornament-diamond{background:var(--accent-color);opacity:.6;width:8px;height:8px;transform:rotate(45deg)}.btn{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s,transform .3s,box-shadow .3s;display:inline-flex}.btn svg{transition:transform .3s}.btn:hover svg{transform:translate(4px)}.btn-primary{background:var(--text-primary);color:var(--white);box-shadow:0 4px 20px #00000026}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 30px #0003}.btn-secondary{color:var(--text-primary);border:2px solid var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--text-primary);color:var(--white);transform:translateY(-2px)}.hero-content{text-align:center;max-width:800px;margin:90px auto 0}.hero-title-home{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1}.hero-description{font-family:var(--font-body);color:var(--text-secondary);max-width:650px;margin-bottom:44px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.85}.hero-bg-pattern{pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#54545508 0%,#0000 50%),radial-gradient(circle at 80% 20%,#54545508 0%,#0000 50%);position:absolute;inset:0}.upload-section{background:var(--white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.upload-content{text-align:center;max-width:750px;margin:0 auto}.upload-icon{background:var(--bg-subtle);border:2px solid var(--border-light);width:100px;height:100px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:32px;transition:transform .4s,background-color .3s,border-color .3s;display:inline-flex;z-index:0!important}.upload-section:hover .upload-icon{background:var(--white);border-color:var(--accent-color);transform:scale(1.05)}.materials-section{background:#fff;padding:60px 0 70px}.materials-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:400}.materials-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;display:grid}.material-card{background:var(--white);border:1px solid var(--border-light);animation:.6s forwards fadeInUp;animation-delay:var(--delay,0s);opacity:0;border-radius:16px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .3s;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.material-card:hover{border-color:var(--border-color);transform:translateY(-8px);box-shadow:0 20px 50px #0000001a}.material-preview{aspect-ratio:4/3;background:linear-gradient(135deg,color-mix(in srgb,var(--accent)15%,white)0%,color-mix(in srgb,var(--accent)30%,white)100%);position:relative;overflow:hidden}.material-texture{opacity:.4;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#00000005 2px 4px);transition:opacity .3s;position:absolute;inset:0}.material-card:hover .material-texture{opacity:.6}.material-name{font-family:var(--font-body);color:var(--text-primary);text-align:center;letter-spacing:.02em;background:var(--white);padding:20px;font-size:.95rem;font-weight:500;position:relative}.material-name:before{content:"";background:var(--accent);opacity:0;width:40px;height:2px;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.material-card:hover .material-name:before{opacity:1}@media (max-width:1024px){.section{padding:80px 0}.section-container-home{padding:0 32px}.materials-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.main-content{padding-top:64px}.section{padding:60px 0}.section-container-home{padding:0 20px}.btn{padding:14px 28px;font-size:.875rem}.upload-icon{width:80px;height:80px}.upload-icon svg{width:36px;height:36px}.materials-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}.material-name{padding:16px;font-size:.875rem}}@media (max-width:480px){.section{padding:48px 0}.hero-title-home{font-size:2rem}.hero-description,.section-description{font-size:.95rem;line-height:1.75}.ornament-line{width:40px}.materials-section{padding:60px 0 0}.materials-grid{grid-template-columns:1fr;gap:20px}.material-preview{aspect-ratio:16/9}}.materials-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.material-tab{color:gray;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.material-tab:hover{color:#d3d3d3;border-color:#d3d3d3}.material-tab.active{border-color:var(--accent);color:gray;background:#ffffff0d}.tab-indicator{background:var(--accent);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.material-tab.active .tab-indicator{transform:scaleX(1)}.tab-label{z-index:1;position:relative}.material-display{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:3rem;display:grid}@media (max-width:768px){.material-display{grid-template-columns:1fr;gap:2rem}}.material-preview-large{aspect-ratio:4/3;background:linear-gradient(135deg,var(--accent)0%,color-mix(in srgb,var(--accent)70%,#000)100%);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d,inset 0 1px #fff3}.material-texture-large{opacity:.8;background-image:repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff08 2px 4px),repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.material-shine{background:linear-gradient(45deg,#0000 40%,#ffffff26 50%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%,to{transform:translate(-30%)translateY(-30%)}50%{transform:translate(30%)translateY(30%)}}.material-info{text-align:left}.material-name-large{color:#000;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2rem;font-weight:600}.thicknesses-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem}.thicknesses-label{color:#000;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:500}.thicknesses-grid{flex-wrap:wrap;gap:.5rem;display:flex}.thickness-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:baseline;gap:.25rem;padding:.5rem 1rem;transition:all .2s;display:flex}.thickness-chip:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.thickness-value{color:#000;font-size:1rem;font-weight:600}.thickness-unit{color:#000;font-size:.75rem}.materials-b2b{color:#000;margin-top:3rem}.b2b-divider{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#fff3,#0000);flex:1;height:1px}.divider-text{color:#ffffff80;white-space:nowrap;font-size:.875rem}.btn-outline{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.b2b-btn{margin:0 auto;display:flex}.for-businesses{color:#000;text-underline-offset:4px;text-decoration:underline}@media (max-width:768px){.thicknesses-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.thicknesses-label,.material-name-large{justify-content:center;align-items:center;display:flex}}.hero-section{background:linear-gradient(180deg,var(--white)0%,var(--bg-subtle)100%);justify-content:center;align-items:center;padding-top:150px;display:flex}.hero-layout{justify-content:center;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.hero-image-left,.hero-image-right{flex-shrink:0}.hero-image{object-fit:cover;border-radius:16px;box-shadow:0 20px 50px #0000001a}.hero-content{text-align:center;flex-shrink:0;max-width:500px}@media (max-width:1200px){.hero-layout{gap:40px}.hero-image{width:220px;height:auto}.hero-content{max-width:400px}}@media (max-width:900px){.hero-layout{flex-wrap:wrap;gap:30px}.hero-image-left,.hero-image-right{order:2}.hero-content{order:1;width:100%;max-width:600px;margin-top:10px}.hero-image-left .hero-image,.hero-image-right .hero-image{transform:none}}@media (max-width:868px){.hero-section{padding-top:30px}.hero-layout{flex-flow:wrap;justify-content:center;gap:16px;padding:0 20px}.hero-content{flex-basis:100%;order:1}.hero-image-left,.hero-image-right{order:2}.hero-image{width:150px;height:200px}}.upload-section{background:var(--white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);overflow:visible}.upload-layout{justify-content:center;align-items:center;gap:50px;max-width:1300px;margin:0 auto;padding:0 40px;display:flex}.upload-image-left,.upload-image-right{flex-shrink:0}.upload-image{object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #00000014}.upload-image-left .upload-image{transform:rotate(-2deg)}.upload-image-right .upload-image{transform:rotate(2deg)}.upload-content{text-align:center;flex-shrink:0;max-width:500px}@media (max-width:1100px){.upload-layout{gap:30px}.upload-image{width:200px;height:auto}.upload-content{max-width:400px}}@media (max-width:850px){.upload-layout{flex-wrap:wrap;gap:30px}.upload-image-left,.upload-image-right{order:2}.upload-content{order:1;width:100%;max-width:600px}.upload-image-left .upload-image,.upload-image-right .upload-image{transform:none}}@media (max-width:550px){.upload-layout{flex-flow:wrap;justify-content:center;gap:16px;padding:0 20px}.upload-content{flex-basis:100%;order:1}.upload-image-left,.upload-image-right{order:2}.upload-image{width:140px;height:180px}}.materials-content-wrapper{justify-content:center;align-items:center;gap:40px;display:flex}.materials-image-left,.materials-image-right{flex-shrink:0}.materials-image{object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #0000001f}.material-display{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:700px;display:grid}@media (max-width:1200px){.materials-content-wrapper{gap:30px}.materials-image{width:200px;height:auto}.materials-image-right{display:none}}@media (max-width:900px){.materials-content-wrapper{flex-direction:column;gap:30px}.materials-image-left,.materials-image-right{display:none}.material-display{grid-template-columns:1fr;gap:2rem;width:100%;max-width:500px}.materials-content-wrapper{flex-wrap:wrap}.materials-image-left,.materials-image-right{order:2;display:block}.material-display{flex-basis:100%;order:1}.materials-image-left .materials-image,.materials-image-right .materials-image{transform:none}}@media (max-width:550px){.materials-content-wrapper{flex-flow:wrap;justify-content:center;gap:16px}.material-display{flex-basis:100%;order:1}.materials-image-left,.materials-image-right{order:2}.materials-image{display:none}}.space{margin:12px}