:root{--brand-bg: #100f1a;--brand-purple: #8a42d8;--brand-purple-dark: #4c247a;--brand-green: #3c8b6a;--brand-green-light: #59ac89;--brand-text-primary: #f0f2f5;--brand-text-secondary: #a9a8b3;--brand-border: rgba(138, 66, 216, .2);--brand-card-bg: #161522}body{padding:0;margin:0;overflow-x:hidden}.pageWrapper{background-color:var(--brand-bg);color:var(--brand-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hero{text-align:center;padding:8rem 1.5rem 6rem;position:relative;overflow:hidden;border-bottom:1px solid var(--brand-border)}.aurora{position:absolute;top:0;left:50%;transform:translate(-50%);width:140%;height:100%;background:radial-gradient(circle at 50% 0%,#8a42d833,#8a42d800 60%);pointer-events:none}.heroContent{position:relative;z-index:1;max-width:800px;margin:0 auto}.tag{display:inline-block;background-color:#3c8b6a33;color:var(--brand-green-light);border:1px solid rgba(91,172,137,.3);padding:.5rem 1.25rem;border-radius:99px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.mainTitle{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-2px;margin:0 0 1rem;background:linear-gradient(90deg,#fff,#d1d1d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heroSubtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--brand-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.mainContent{max-width:1100px;margin:0 auto;padding:4rem 1.5rem;display:flex;flex-direction:column;gap:6rem}.featureSection{background:var(--brand-card-bg);border:1px solid var(--brand-border);border-radius:24px;padding:2.5rem;box-shadow:0 20px 50px #0003}.featureHeader{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}.featureIconWrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,var(--brand-purple),var(--brand-purple-dark));color:var(--brand-text-primary);margin-bottom:1rem;box-shadow:0 0 20px #8a42d84d}.featureTitle{font-size:2rem;font-weight:700;margin:0}.featureContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.featureText p{font-size:1rem;line-height:1.7;color:var(--brand-text-secondary);margin-bottom:1rem}.note{background-color:#ffffff08;border-left:3px solid var(--brand-purple);padding:1rem;border-radius:8px;font-size:.9rem!important;color:var(--brand-text-secondary)!important}.featureVisual{display:flex;align-items:center;justify-content:center;min-height:250px}.swatchGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.swatchCard{background:#ffffff08;border:1px solid var(--brand-border);border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:1rem}.swatchColor{width:40px;height:40px;border-radius:8px;flex-shrink:0}.swatchInfo{flex-grow:1}.swatchName{display:block;font-weight:500;font-size:.9rem}.swatchHex{font-family:monospace;color:var(--brand-text-secondary);font-size:.85rem}.copyButton{background:#ffffff1a;border:none;color:var(--brand-text-primary);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:background-color .2s}.copyButton:hover{background:#fff3}.textileColorPicker{display:flex;gap:.75rem;margin-top:1.5rem}.colorDot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.colorDot:hover{transform:scale(1.1)}.colorDot.active{border-color:var(--brand-purple);box-shadow:0 0 10px var(--brand-purple)}.tshirtDemo{width:200px;height:220px;border-radius:16px 16px 8px 8px;position:relative;display:flex;align-items:center;justify-content:center;transition:background-color .3s;border:1px solid var(--brand-border)}.tshirtDesign{font-size:6rem;font-weight:900;transition:color .3s;font-family:Montserrat,sans-serif}.scalingDemo{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.scalingShirt{width:180px;height:200px;background:#333;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--brand-border)}.scalingDesign{width:60px;height:60px;background:linear-gradient(45deg,var(--brand-purple),var(--brand-green-light));border-radius:8px;transition:transform .2s ease-out}.sliderContainer{display:flex;align-items:center;gap:1rem;width:100%;max-width:300px;color:var(--brand-text-secondary);font-weight:500}.slider{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-purple);cursor:pointer;border-radius:50%;border:3px solid var(--brand-card-bg)}.sliderLabel{font-family:monospace;font-size:.9rem;background:#ffffff0d;padding:.25rem .5rem;border-radius:4px}.footer{text-align:center;padding:4rem 1.5rem;border-top:1px solid var(--brand-border);background:var(--brand-card-bg)}.footerTitle{font-size:2rem;font-weight:700;margin-bottom:.5rem}.footerText{color:var(--brand-text-secondary);margin-bottom:2rem}.ctaButton{background:linear-gradient(90deg,var(--brand-purple),#6d35b1);color:#fff;border:1px solid var(--brand-purple);padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 5px 15px #8a42d833;display:inline-flex;align-items:center;gap:.5rem}.ctaButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8a42d84d}@media(max-width:900px){.featureContentGrid{grid-template-columns:1fr}.featureText{text-align:center}.note{text-align:left}.textileColorPicker{justify-content:center}}