@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);height:100%;color:var(--on-background);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}:root{--font-60:60px;--font-30:30px;--font-25:25px;--font-18:18px;--white-color:#fff;--black-color:#000;--font-roboto-slab:"Roboto Slab", serif;--primary:#1b31e7;--primary-fixed:#dfe0ff;--primary-fixed-dim:#bdc2ff;--primary-container:#3e51ff;--secondary:#4e57a6;--secondary-container:#a1aaff;--secondary-fixed:#dfe0ff;--secondary-fixed-dim:#bdc2ff;--tertiary:#932f00;--tertiary-container:#bc3e00;--tertiary-fixed:#ffdbcf;--tertiary-fixed-dim:#ffb59b;--background:#f8f9fa;--surface:#f8f9fa;--surface-variant:#e1e3e4;--surface-container:#edeeef;--surface-container-low:#f3f4f5;--surface-container-high:#e7e8e9;--surface-container-highest:#e1e3e4;--surface-container-lowest:#fff;--on-primary:#fff;--on-secondary:#fff;--on-tertiary:#fff;--on-surface:#191c1d;--on-background:#191c1d;--on-surface-variant:#444556;--error:#ba1a1a;--error-container:#ffdad6;--outline:#757688;--outline-variant:#c5c5d9;height:100%}html.dark{--background:#090a10;--surface:#13141f;--surface-variant:#212335;--surface-container:#171927;--surface-container-low:#0f101a;--surface-container-high:#1c1f31;--surface-container-highest:#282b43;--surface-container-lowest:#0c0d15;--on-primary:#fff;--on-secondary:#fff;--on-tertiary:#fff;--on-surface:#f1f3f9;--on-background:#f1f3f9;--on-surface-variant:#a2a8c2;--error:#ffb4ab;--error-container:#93000a;--outline:#3b3f58;--outline-variant:#282b3d;--primary:#5c6eff;--primary-fixed:#181926;--primary-fixed-dim:#26293d;--primary-container:#2c38cc;--secondary:#748ffc;--secondary-container:#1b2030;--secondary-fixed:#1c2030;--secondary-fixed-dim:#2b3040;--tertiary:#ffb59b;--tertiary-container:#932f00;--tertiary-fixed:#2b1300;--tertiary-fixed-dim:#3d1c00}html.dark .cta-title,html.dark .hero-cta-text{color:#fff}html.dark .success-msg{color:#000}@media (min-width:768px){html.dark .cta-title{color:#fff}}.navbar-brand{height:100%;overflow:hidden}.navbar-brand img{border-radius:10px;width:140px;height:auto}.nav-custom .nav-link{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .3s;position:relative}.nav-custom .nav-link:hover{color:var(--primary)}.nav-custom .nav-link:after{content:"";background:var(--primary);width:0%;height:2px;transition:width .3s;position:absolute;bottom:4px;left:12px}.nav-custom .nav-link:hover:after{width:calc(100% - 24px)}.nav-custom .nav-link.active{color:var(--primary)}.nav-custom .nav-link.active:after{width:calc(100% - 24px)}.banner-section-wapper{background-image:url(../media/banner.0fklua~7ey6ic.png);background-repeat:no-repeat;background-size:100% 100%}.banner-title{font-size:var(--font-60);color:var(--white-color)}.cta-text{font-size:var(--font-25);color:var(--white-color)}.get-color-btn{font-size:var(--font-18);font-family:var(--font-roboto-slab);color:var(--black-color);background-color:var(--white-color);border-radius:15px;padding:10px 28px;font-weight:600}.featured-palettes{background:var(--surface-container-low);padding:40px 0}.featured-palettes h1{text-align:center;margin-bottom:20px;font-size:32px}.palette-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.palette-card{background:var(--surface-container-lowest);border-radius:16px;transition:transform .2s;overflow:hidden;box-shadow:0 4px 10px #0000001a}.palette-card:hover{transform:translateY(-5px)}.palette-name{text-align:center;background:var(--surface-container-high);padding:15px;font-size:20px;font-weight:600}.color-blocks{display:flex}.color-block{cursor:pointer;flex:1;height:100px;transition:transform .1s}.color-block:hover{transform:scale(1.05);box-shadow:0 2px 10px #0003}.search-wrapper{justify-content:center;margin:2rem 0;display:flex}.search-box{align-items:center;width:100%;max-width:700px;display:flex;position:relative}.search-input{border:1px solid #ddd;border-radius:30px;outline:none;width:100%;padding:12px 45px 12px 15px;font-size:16px;transition:all .3s;box-shadow:0 4px 10px #0000000d}.search-input:focus{border-color:#15256d;box-shadow:0 4px 15px #15256d33}.search-icon{color:#888;font-size:18px;position:absolute;top:50%;right:15px;transform:translateY(-60%)}.fade-in{opacity:0;animation:.3s forwards fadeIn;transform:scale(.9)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.inspiration-gallery{text-align:center;padding:2rem}.gallery-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:1rem;display:grid}.gallery-item{background-position:50%;background-size:cover;border-radius:8px;width:100%;height:150px}.blog-post{background:var(--surface-container-low);border-radius:8px;margin-bottom:1rem;padding:1.5rem;box-shadow:2px 2px 10px #0000001a}.blog-post h2{color:var(--primary)}.blog-post p{color:var(--on-surface-variant)}.all-blogs_search{background-position:96%;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;min-height:3rem;margin-bottom:0;padding:.5rem 2.5rem .5rem 1rem}.banner-about-section{background-image:url(../media/rdsette-min.09tsync-b4jnp.jpg);background-position:50%;background-repeat:no-repeat;background-size:100%}.about-main{min-height:800px}.about-section{background-color:var(--surface-container-lowest);border-radius:10px;padding:20px;box-shadow:2px 2px 10px #0000001a}.contact-section{background:linear-gradient(135deg,#15256d,#b5838d);padding:60px 20px}.contact-info{background:var(--surface-container-low);border-radius:12px;height:100%;padding:25px}.contact-info h3{margin-bottom:15px}.contact-info ul{padding-left:18px}.contact-card{background:var(--surface-container-lowest);border-radius:12px;padding:25px;box-shadow:0 8px 20px #00000026}.contact-form .form-control{border-radius:8px;margin-bottom:1rem;padding:12px}.send-button{color:#fff;background:#15256d;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s}.send-button:hover{background:#b5838d}.list-style-none{list-style:none}@media (max-width:768px){.contact-info{text-align:center;margin-bottom:20px}}.custom-footer{color:#fff;text-align:center;background:#000;padding:3rem 0 0}.footer-section{margin-bottom:2rem}.footer-section h5{text-transform:uppercase;color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.footer-section p{color:#fff;text-align:left;font-size:20px;font-weight:600}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#fff;font-size:20px;font-weight:600;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#0056b3!important}.social-icons{flex-direction:column;justify-content:center;gap:15px;display:flex}.social-icons a{color:#fff;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s}.footer-bottom{border-top:1px solid #000;margin-top:1rem;padding-top:1rem}.footer-bottom p{color:#000;font-size:20px;font-weight:600}.light-mode{color:#1c1c1e;background-color:#f4f4f8}.dark-mode{color:#f1f1f1;background-color:#1e1e2f}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.header h1{margin-bottom:1rem;font-size:2rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;margin-left:1rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn.primary{color:#fff;background-color:#3b82f6}.btn.secondary{color:#fff;background-color:#10b981}.btn:hover{opacity:.9}.color-box{cursor:pointer;border-radius:12px;width:100%;height:140px;transition:transform .2s}.color-box:hover{transform:scale(1.05)}.color-meta{justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.lock-btn{cursor:pointer;background:0 0;border:none;font-size:1.1rem}.actions{margin:2rem 0}.history h2{margin-bottom:1rem;font-size:1.4rem}.history-container{flex-wrap:wrap;gap:1rem;display:flex}.history-box{background:#ffffff0d;border:1px solid #ccc;border-radius:8px;width:100px;padding:.5rem}.history-color{border-radius:4px;height:20px;margin-bottom:4px}.post-img{border-radius:15px;width:100%;height:auto;overflow:hidden}.post-img img{object-fit:contain;object-position:center;width:100%;height:auto}.toc-wrapper{top:10px}.toc-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 10px 30px #00000014}.toc-header h6{margin-bottom:10px;font-weight:600}.toc-progress{background:#eee;border-radius:10px;width:100%;height:4px;margin-bottom:15px;overflow:hidden}.toc-progress-bar{background:linear-gradient(90deg,#0d6efd,#6f42c1);width:0%;height:100%;transition:width .2s}.toc-list{margin:0;padding:0;list-style:none}.toc-item{cursor:pointer;margin-bottom:8px;transition:all .2s;position:relative}.toc-item a{color:#444;border-radius:8px;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.toc-item:hover a{color:#0d6efd;background:#f1f5ff}.toc-item.active a{color:#fff;background:linear-gradient(90deg,#0d6efd,#6f42c1);font-weight:500}.sub-item a{opacity:.8;padding-left:25px;font-size:13px}html{scroll-behavior:smooth}.img-fluid{border-radius:15px}.btn-comman{color:#fff!important;background:#10b981!important}.btn-generate{color:#fff!important;background:#0d6efd!important}.form-control{width:500px!important}.hero-section{min-height:90vh}.hero-img{object-fit:cover;opacity:.3;filter:grayscale();transition:all 1s;transform:scale(1.05)}.hero-section:hover .hero-img{filter:grayscale(0%)}.hero-overlay{background:linear-gradient(to bottom, #f8f9fa00, #f8f9fa66, var(--surface))}.hero-badge{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;background:#1b31e71a;border-radius:50px;padding:6px 14px;font-size:10px;font-weight:700}.hero-title{color:var(--on-surface);font-size:4rem;font-weight:900;line-height:.9}@media (min-width:768px){.hero-title{font-size:10rem}}.hero-gradient-text{background:linear-gradient(to right, var(--primary), var(--secondary), var(--primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text{color:var(--on-surface-variant);opacity:.9;font-size:1.5rem}.hero-input{background:var(--surface-container-lowest);border:1px solid #c5c5d94d;border-radius:50px;padding:16px 20px 16px 45px}.hero-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1b31e70d}.search-icon{color:var(--outline-variant);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.hero-btn{background:var(--on-surface);color:var(--surface);letter-spacing:.2em;text-transform:uppercase;border:none;border-radius:50px;padding:16px 30px;font-size:12px;font-weight:900}.hero-btn:hover{background:var(--primary);box-shadow:0 10px 30px #1b31e733}.trending-section{padding:120px 0}.section-label{color:var(--primary);letter-spacing:.3em;text-transform:uppercase;font-size:12px;font-weight:900}.section-title{font-size:3rem;font-weight:900}@media (min-width:768px){.section-title{font-size:4.5rem}}.view-link{color:var(--on-surface);letter-spacing:.2em;text-transform:uppercase;border-bottom:2px solid var(--primary);padding-bottom:4px;font-size:12px;font-weight:900;text-decoration:none}.arrow-icon{transition:transform .3s}.view-link:hover .arrow-icon{transform:translate(6px)}.palette-card{background:var(--surface-container-lowest);border-radius:20px;box-shadow:0 20px 40px #0000000d}.palette-bar{border-radius:16px;display:flex;overflow:hidden}.palette-bar.large{height:300px}.palette-bar.medium{height:200px}.palette-bar.small{height:140px}.color{flex:1;transition:all .8s}.w-40{width:40%}.w-20{width:20%}.w-33{width:33.33%}.w-25{width:25%}.w-50{width:50%}.w-16{width:16.66%}.palette-bar:hover .color{flex:1}.palette-bar .color:hover{z-index:2;flex:3;transform:scale(1.02)}.bg1{background:#2d3436}.bg2{background:#0984e3}.bg3{background:#74b9ff}.bg4{background:#dfe6e9}.bg5{background:#fab1a0}.bg6{background:#e17055}.bg7{background:#ffeaa7}.bg8{background:#6c5ce7}.bg9{background:#a29bfe}.bg10{background:#fdcb6e}.bg11{background:#00b894}.bg12{background:#55efc4}.bg13{background:#81ecec}.bg14{background:#00cec9}.bg15{background:#f8f9fa}.palette-title{font-size:1.8rem;font-weight:900}.palette-subtitle{text-transform:uppercase;font-size:1rem;font-weight:900}.palette-desc{letter-spacing:.1em;opacity:.6;font-size:10px}.palette-text{color:var(--on-surface-variant)}.palette-serch-btn{color:#fff;letter-spacing:.2em;text-transform:uppercase;background:#000;border:none;border-radius:12px;margin-left:10px;padding:10px 20px;font-size:12px;font-weight:700}.palette-search-input{border:1px solid #c5c5d94d!important;border-radius:12px!important;padding:10px 20px!important}.theme-toggle{cursor:pointer;background:#ddd;border-radius:50px;width:50px;height:26px;transition:all .3s;position:relative}.theme-toggle.active{background:#4f46e5}.toggle-thumb{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex;position:absolute;top:2px;left:3px}.theme-toggle.active .toggle-thumb{transform:translate(24px)}.toggle-thumb svg{transition:transform .4s}.theme-toggle.active .toggle-thumb svg{transform:rotate(180deg)}.generate-btn{color:#fff;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:12px;padding:14px 32px;font-size:12px;font-weight:800;transition:all .3s;box-shadow:0 10px 25px #6366f140}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6366f166}.generate-btn:active{transform:scale(.96)}.generate-btn:focus{outline:none}.download-btn{color:var(--primary);letter-spacing:2px;text-transform:uppercase;background:0 0;border:2px solid #6c63ff;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:12px;font-weight:800;transition:all .3s;display:inline-flex}.main-heading{letter-spacing:-.02em;font-size:3.5rem;font-weight:900;line-height:1}.main-heading span{background:linear-gradient(to right, var(--primary), var(--secondary), var(--primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:italic}.section-heading{letter-spacing:-.02em;padding-bottom:8px;font-size:2.5rem;font-weight:800;display:inline-block;position:relative}.section-heading:after{content:"";background:var(--primary);width:60px;height:3px;position:absolute;bottom:0;left:0}.download-btn:hover{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);transform:translateY(-2px);box-shadow:0 10px 25px #6366f140}.download-btn:active{transform:scale(.96)}.hex{color:var(--on-surface-variant);font-size:16px;font-weight:700}.icon-btn{border:1px solid #c5c5d94d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.icon-btn:hover{background:var(--primary);color:#fff}.btn-outline-custom{border:1px solid var(--on-surface);color:var(--on-surface);text-transform:uppercase;background:0 0;border-radius:50px;padding:10px 20px;font-size:12px;font-weight:700}.btn-outline-custom:hover{background:var(--on-surface);color:var(--surface)}.bookmark-btn{background:var(--primary);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.cta-section{background:var(--primary-fixed);color:var(--on-primary-fixed);padding:140px 0}.cta-gradient{background:linear-gradient(270deg,#1b31e733,#0000);width:50%}.cta-title{color:#000865;font-size:3rem;font-weight:900;line-height:1.1}@media (min-width:768px){.cta-title{color:#000865;font-size:4.5rem}}.hero-cta-text{color:#2d3384;font-size:1.5rem;line-height:2rem}.cta-btn{background:var(--on-surface);color:var(--surface);text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:50px;padding:18px 32px;font-size:14px;font-weight:900;transition:transform .3s}.cta-btn:hover{transform:scale(1.05)}.cta-grid{grid-template-columns:repeat(2,1fr);gap:10px;transition:transform .5s;display:grid;transform:rotate(12deg)scale(1.1)}.cta-grid:hover{transform:rotate(0)scale(1.1)}@media (min-width:992px){.cta-grid{opacity:1}}.cta-box{border-radius:12px;height:120px}.bg-primary{background:var(--primary)}.bg-secondary{background:var(--secondary)}.bg-tertiary{background:var(--tertiary)}.bg-outline{background:var(--outline)}.bg-primary-container{background:var(--primary-container)}.bg-secondary-container{background:var(--secondary-container)}.newsletter-section{background:var(--surface);border-top:1px solid #c5c5d91a;padding:120px 0}.newsletter-wrapper{max-width:700px}.newsletter-title{letter-spacing:-.02em;font-size:2.8rem;font-weight:900}@media (min-width:768px){.newsletter-title{font-size:3.5rem}}.newsletter-text{color:var(--on-surface-variant);opacity:.8;font-size:1.1rem}.newsletter-input{background:var(--surface-container-low);border:1px solid #c5c5d94d;border-radius:50px;max-width:400px;padding:14px 24px}.newsletter-input::placeholder{color:#75768880}.newsletter-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1b31e70d}.newsletter-btn{color:#fff;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:12px;padding:14px 28px;font-size:12px;font-weight:900;transition:all .3s;box-shadow:0 10px 30px #1b31e733}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6366f166}.manifesto-section{padding:120px 0}.manifesto-label{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:700}.manifesto-title{letter-spacing:-.02em;font-size:3rem;font-weight:900;line-height:.95}@media (min-width:768px){.manifesto-title{font-size:5rem}}.manifesto-highlight{background:linear-gradient(to right, var(--primary), var(--secondary), var(--primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:italic}.manifesto-text{color:var(--on-surface-variant);font-size:1.2rem;line-height:1.6}.offer-section{padding:140px 0}.offer-title{font-size:2.5rem;font-weight:800}@media (min-width:768px){.offer-title{font-size:3rem}}.offer-subtext{color:var(--on-surface-variant);max-width:400px}.offer-grid{background:#c5c5d933;border:1px solid #c5c5d933;border-radius:10px;grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}@media (min-width:768px){.offer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.offer-grid{grid-template-columns:repeat(4,1fr)}}.offer-card{background:var(--surface);padding:40px;transition:all .3s}.offer-card:hover{background:var(--surface-container-low)}.offer-icon{filter:grayscale();margin-bottom:20px;font-size:28px;transition:all .4s}.offer-card:hover .offer-icon{filter:grayscale(0%)}.offer-card-title{margin-bottom:10px;font-size:1.1rem;font-weight:700}.offer-card-text{color:var(--on-surface-variant);font-size:.9rem;line-height:1.6}.why-section{background:var(--surface-container-lowest);border-top:1px solid #c5c5d933;border-bottom:1px solid #c5c5d933;padding:50px 0}.why-title{font-size:2.5rem;font-weight:800;position:sticky;top:120px}@media (min-width:768px){.why-title{font-size:3rem}}.why-item{align-items:flex-start;gap:30px;margin-bottom:80px;display:flex}.why-number{opacity:.2;font-size:2rem;transition:all .3s}.why-item:hover .why-number{opacity:1}.why-heading{margin-bottom:12px;font-size:1.5rem;font-weight:700}.why-text{color:var(--on-surface-variant);font-size:1.05rem;line-height:1.7}.connect-section{margin-top:140px;margin-bottom:50px}.connect-card{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);border-radius:20px;padding:60px;transition:all .6s;position:relative;overflow:hidden}@media (min-width:768px){.connect-card{padding:80px}}.connect-blob{filter:blur(60px);background:#ffffff1a;border-radius:50%;width:350px;height:350px;transition:transform .7s;position:absolute;top:-150px;right:-150px}.connect-card:hover .connect-blob{transform:scale(1.1)}.connect-title{margin-bottom:20px;font-size:2.5rem;font-weight:800}@media (min-width:768px){.connect-title{font-size:3rem}}.connect-text{opacity:.8;font-size:1.2rem;line-height:1.7}.connect-btn{color:var(--primary);letter-spacing:2px;background:#fff;border:none;border-radius:12px;padding:16px 40px;font-size:12px;font-weight:700;transition:all .3s}.connect-btn:hover{background:var(--surface-container-lowest)}.contact-new-section{padding:120px 0}.contact-grid{flex-direction:column;gap:60px;display:flex}@media (min-width:768px){.contact-grid{flex-direction:row;gap:100px}}.contact-left{flex:1;position:sticky;top:120px}.contact-heading{margin-bottom:20px;font-size:3rem;font-weight:900;line-height:1}.contact-heading span{background:linear-gradient(to right, var(--primary), var(--secondary), var(--primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-subtext{color:var(--on-surface-variant);margin-bottom:40px}.meta-label{text-transform:uppercase;opacity:.6;font-size:12px}.contact-meta a{font-weight:600;display:block}.contact-form-card{background:var(--surface-container-low);border-radius:16px;flex:1;padding:40px}.form-group{margin-bottom:30px}.form-group label{text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:12px;display:block}.form-group input,.form-group textarea{background:0 0;border:none;border-bottom:1px solid #ccc;outline:none;width:100%;padding:12px 0}.form-group input:focus,.form-group textarea:focus{border-bottom:1px solid var(--primary)}.send-btn{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:50px;margin-top:20px;padding:14px 30px;font-weight:700;transition:all .3s}.send-btn:hover{transform:scale(.97)}.error{color:red;font-size:12px}.success-msg{background:#d4edda;border-radius:6px;margin-bottom:20px;padding:10px}.explore-page{padding:100px 40px}.explore-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:60px;display:flex}.label{letter-spacing:.2em;color:var(--on-surface-variant);margin-bottom:10px;font-size:12px;display:block}.title{font-size:48px;font-weight:900}.title span{background:linear-gradient(to right, var(--primary), var(--secondary), var(--primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:italic}.subtitle{max-width:400px;color:var(--on-surface-variant);margin-top:10px}.icon-btn{background:var(--surface-container-low);cursor:pointer;border:none;border-radius:50%;padding:12px;transition:all .3s}.icon-btn:hover{background:var(--surface-container-high)}.icon-btn svg.active{fill:red;color:red}.palette-grid{border-radius:12px;grid-template-columns:repeat(5,1fr);height:500px;display:grid;overflow:hidden}.color-card{flex-direction:column;justify-content:flex-end;padding:20px;transition:all .3s;display:flex;position:relative}.color-card:hover{transform:scale(1.02)}.copy-btn{opacity:0;transition:all .3s;position:absolute;top:15px;right:15px}.color-card:hover .copy-btn{opacity:1}.copy-btn button{cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:6px}.color-name{opacity:.7;font-size:12px}.color-code{font-size:18px;font-weight:700}.similar-section{margin-top:100px}.section-heading{margin-bottom:30px;font-size:24px;font-weight:700}.similar-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.similar-card{cursor:pointer}.color-preview div:first-child{background:#333}.color-preview div:nth-child(2){background:#1b31e7}.color-preview div:nth-child(3){background:#ddd}.color-preview div:nth-child(4){background:#555}@media (max-width:768px){.palette-grid{grid-template-columns:1fr;height:auto}.color-card{height:120px}.similar-grid{grid-template-columns:repeat(2,1fr)}}.accessibility-section{background:var(--surface-container-low);border-radius:16px;grid-template-columns:1fr 2fr;gap:40px;margin-top:100px;padding:60px;display:grid}.accessibility-desc{color:var(--on-surface-variant);margin-top:10px;line-height:1.6}.wcag-badge{color:var(--primary);margin-top:20px;font-weight:700}.accessibility-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.access-card{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.access-left{align-items:center;gap:12px;display:flex}.explor-color-box{border-radius:6px;justify-content:center;align-items:center;width:45px;height:45px;font-weight:700;display:flex}.access-label{color:var(--on-surface-variant);font-size:12px}.access-ratio{font-weight:700}.badge{border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.badge.pass{color:#065f46;background:#d1fae5}.badge.fail{color:#991b1b;background:#fee2e2}.gallery-page{padding:100px 40px}.gallery-title{text-transform:capitalize;margin-bottom:40px;font-size:40px;font-weight:900}.gallery-grid{border-radius:12px;grid-template-columns:repeat(5,1fr);height:500px;display:grid;overflow:hidden}.gallery-card{flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative}.gallery-card button{cursor:pointer;background:#fff3;border:none;border-radius:6px;align-self:flex-end;padding:6px}.similar-card{color:inherit;cursor:pointer;text-decoration:none;transition:all .3s}.similar-card:hover{transform:translateY(-5px)}.color-preview{border-radius:10px;height:90px;margin-bottom:10px;display:flex;overflow:hidden}.color-preview div{flex:1}.similar-title{font-weight:700}.similar-tags{color:var(--on-surface-variant);font-size:12px}@media (max-width:768px){.accessibility-section{grid-template-columns:1fr;padding:30px}.accessibility-grid{grid-template-columns:1fr}}@media screen and (max-width:576px){.palette-container{grid-template-columns:1fr!important}.banner-title{font-size:var(--font-30)}.cta-text{font-size:var(--font-18)}.search-filter input{width:100%}.about-main{min-height:auto}.banner-about-section{background-image:none}.header h1{font-size:1.5rem}}.palette-card__actions{background:#f9fafb;border-top:1px solid #0000000d;justify-content:center;padding:12px 15px;display:flex}.palette-card__preview-btn{color:#6c63ff;cursor:pointer;letter-spacing:.02em;background:#fff;border:1.5px solid #6c63ff40;border-radius:50px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.palette-card__preview-btn:hover{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);border-color:#0000;transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff4d}.palette-card__preview-btn:active{transform:scale(.97)}.pv-overlay{z-index:9999;opacity:0;background:#0e0e18;flex-direction:column;transition:opacity .28s;display:flex;position:fixed;inset:0}.pv-overlay--in{opacity:1}.pv-toolbar{z-index:20;background:#18182b;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(-100%)}.pv-toolbar--in{transform:translateY(0)}.pv-toolbar__left{align-items:center;gap:6px;display:flex}.pv-toolbar__right{align-items:center;gap:8px;display:flex}.pv-toolbar__center{align-items:center;gap:6px;display:flex;position:relative}.pv-palette-selector{position:relative}.pv-palette-selector__btn{color:#e0e0e0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pv-palette-selector__btn:hover{background:#ffffff1a;border-color:#ffffff2e}.pv-palette-selector__dots{gap:2px;display:flex}.pv-palette-selector__dot{border:1.5px solid #0003;border-radius:4px;width:14px;height:14px}.pv-palette-selector__name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.pv-palette-dropdown-bg{z-index:30;position:fixed;inset:0}.pv-palette-dropdown{z-index:31;background:#1e1e34;border:1px solid #ffffff14;border-radius:14px;width:300px;max-height:400px;animation:.2s pvDropIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes pvDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pv-palette-dropdown__header{text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;padding:12px 16px 8px;font-size:10px;font-weight:700}.pv-palette-dropdown__list{max-height:340px;padding:0 6px 6px;overflow-y:auto}.pv-palette-dropdown__list::-webkit-scrollbar{width:5px}.pv-palette-dropdown__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.pv-palette-dropdown__item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pv-palette-dropdown__item:hover{background:#ffffff0f}.pv-palette-dropdown__item--active{color:#a5a0ff;background:#6c63ff26}.pv-palette-dropdown__colors{flex-shrink:0;gap:2px;display:flex}.pv-palette-dropdown__colors span{border:1px solid #0003;border-radius:4px;width:16px;height:16px}.pv-palette-dropdown__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pv-toolbar__nav{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .15s;display:flex}.pv-toolbar__nav:hover:not(:disabled){color:#fff;background:#ffffff1a}.pv-toolbar__nav:disabled{opacity:.25;cursor:default}.pv-role-chip{color:#bbb;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:50px;align-items:center;gap:5px;padding:4px 10px 4px 4px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pv-role-chip:hover{background:#ffffff14;border-color:#ffffff2e}.pv-role-chip--active{background:#6c63ff26;border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff33}.pv-role-chip__swatch{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;transition:background .3s;display:flex;box-shadow:0 1px 4px #00000040}.pv-role-chip__label{white-space:nowrap}.pv-shuffle-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.pv-shuffle-btn:hover{color:#a5a0ff;background:#6c63ff33;border-color:#6c63ff4d}.pv-swap-hint{color:#a5a0ff;white-space:nowrap;pointer-events:none;font-size:10px;animation:1.5s infinite pvPulse;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes pvPulse{0%,to{opacity:1}50%{opacity:.4}}.pv-device-toggle{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;padding:2px;display:flex}.pv-device-toggle__btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:28px;transition:all .2s;display:flex}.pv-device-toggle__btn:hover{color:#fff9}.pv-device-toggle__btn--on{color:#fff;background:#ffffff1f;box-shadow:0 1px 4px #0003}.pv-close{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pv-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.pv-canvas{flex:1;justify-content:center;align-items:stretch;padding:0;display:flex;overflow:hidden}.pv-browser{opacity:0;flex-direction:column;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1) .1s;display:flex;transform:scale(.97)}.pv-browser--in{opacity:1;transform:scale(1)}.pv-browser__chrome{background:#1a1a2e;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.pv-browser__dots{gap:5px;display:flex}.pv-browser__dot{border-radius:50%;width:9px;height:9px}.pv-browser__dot--r{background:#ff5f57}.pv-browser__dot--y{background:#ffbd2e}.pv-browser__dot--g{background:#28ca41}.pv-browser__url{color:#fff6;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.pv-browser__viewport{background:#fff;flex:1;overflow:hidden auto}.pv-browser__viewport::-webkit-scrollbar{width:6px}.pv-browser__viewport::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.pv-phone-wrap{opacity:0;justify-content:center;align-items:center;height:100%;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1) .1s;display:flex;transform:scale(.9)}.pv-phone-wrap--in{opacity:1;transform:scale(1)}.device-frame{background:#1a1a2e;border-radius:44px;flex-direction:column;width:340px;height:100%;max-height:700px;padding:10px;display:flex;position:relative;box-shadow:0 30px 80px #00000080,inset 0 0 0 2px #ffffff0f}.device-frame__notch{z-index:10;background:#1a1a2e;border-radius:0 0 14px 14px;justify-content:center;align-items:center;width:90px;height:22px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.device-frame__camera{background:#2a2a4e;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 3px #6c63ff4d}.device-frame__screen{background:#fff;border-radius:34px;flex:1;position:relative;overflow:hidden}.device-frame__home-indicator{background:#ffffff40;border-radius:2px;width:110px;height:4px;margin:7px auto}.wp{min-height:100%;font-family:Inter,-apple-system,sans-serif;font-size:13px;line-height:1.5}.wp__nav{z-index:100;position:sticky;top:0}.wp__nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 32px;display:flex}.wp__logo{align-items:center;gap:8px;display:flex}.wp__logo-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wp__logo-text{letter-spacing:-.02em;font-size:14px;font-weight:800}.wp__nav-links{gap:20px;display:flex}.wp__nav-link{cursor:pointer;font-size:12px;font-weight:600;transition:opacity .2s}.wp__nav-link:hover{opacity:1!important}.wp__nav-cta{cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:11px;font-weight:700;transition:all .2s}.wp__nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.wp__hero{text-align:center;padding:70px 32px 60px;position:relative;overflow:hidden}.wp__hero-content{z-index:1;max-width:650px;margin:0 auto;position:relative}.wp__hero-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:50px;margin-bottom:20px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-block}.wp__hero-title{letter-spacing:-.03em;margin-bottom:14px;font-size:36px;font-weight:900;line-height:1.1}.wp__hero-sub{max-width:440px;margin:0 auto 24px;font-size:14px;line-height:1.6}.wp__hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.wp__btn-primary{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:12px;font-weight:700;transition:all .2s}.wp__btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.wp__btn-outline{cursor:pointer;background:0 0;border:1.5px solid;border-radius:8px;padding:10px 24px;font-size:12px;font-weight:700;transition:all .2s}.wp__btn-outline:hover{opacity:.8}.wp__hero-blob{filter:blur(80px);border-radius:50%;position:absolute}.wp__hero-blob--1{width:250px;height:250px;top:-50px;right:-50px}.wp__hero-blob--2{width:180px;height:180px;bottom:-40px;left:-40px}.wp__trusted{text-align:center;padding:24px 32px}.wp__trusted-logos{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:10px;display:flex}.wp__trusted-logo{letter-spacing:.05em;font-size:14px}.wp__features{padding:50px 32px}.wp__section-header{text-align:center;margin-bottom:32px}.wp__label{text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.wp__section-title{letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:800}.wp__section-sub{font-size:13px}.wp__feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto;display:grid}.wp__feature-card{border:1px solid;border-radius:14px;padding:22px;transition:all .25s}.wp__feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000f}.wp__feature-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:18px;display:flex}.wp__feature-title{margin:0 0 5px;font-size:13px;font-weight:700}.wp__feature-desc{margin:0;font-size:11px;line-height:1.5}.wp__stats{padding:36px 32px}.wp__stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;max-width:700px;margin:0 auto;display:grid}.wp__stat-num{letter-spacing:-.02em;font-size:28px;font-weight:900}.wp__stat-label{margin-top:2px;font-size:11px;font-weight:600}.wp__testimonials{padding:50px 32px}.wp__testimonial-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto;display:grid}.wp__testimonial-card{border:1px solid;border-radius:14px;padding:22px;transition:all .25s}.wp__testimonial-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000f}.wp__testimonial-quote{margin:0 0 16px;font-size:12px;font-style:italic;line-height:1.6}.wp__testimonial-author{align-items:center;gap:10px;display:flex}.wp__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.wp__author-name{font-size:12px;font-weight:700}.wp__author-role{font-size:10px;font-weight:600}.wp__cta{text-align:center;padding:50px 32px}.wp__cta-title{letter-spacing:-.02em;margin:0 0 10px;font-size:26px;font-weight:900}.wp__cta-sub{margin:0 0 22px;font-size:13px}.wp__cta-btn{cursor:pointer;border:none;border-radius:8px;padding:11px 28px;font-size:13px;font-weight:700;transition:all .2s}.wp__cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.wp__footer{padding:36px 32px 20px}.wp__footer-inner{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;max-width:900px;margin:0 auto;padding-bottom:20px;display:grid}.wp__footer-heading{text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin:0 0 10px;font-size:10px;font-weight:700}.wp__footer-link{opacity:.5;cursor:pointer;margin-bottom:5px;font-size:11px;transition:opacity .2s;display:block}.wp__footer-link:hover{opacity:.8}.wp__footer-bottom{text-align:center;max-width:900px;margin:0 auto;padding-top:14px}.mp{flex-direction:column;height:100%;font-family:Inter,-apple-system,sans-serif;font-size:12px;display:flex;overflow:hidden}.mp__status{flex-shrink:0;justify-content:space-between;align-items:center;padding:30px 16px 4px;font-size:10px;font-weight:600;display:flex}.mp__time{font-size:11px;font-weight:700}.mp__status-icons{align-items:center;gap:4px;font-size:8px;display:flex}.mp__header{flex-shrink:0;padding:12px 16px 0}.mp__header-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mp__menu-icon{cursor:pointer;font-size:16px}.mp__app-title{letter-spacing:-.02em;font-size:16px;font-weight:800}.mp__search-icon{cursor:pointer;font-size:14px}.mp__header-tabs{gap:16px;padding-bottom:10px;display:flex}.mp__tab{cursor:pointer;padding-bottom:6px;font-size:12px;font-weight:600;transition:all .2s}.mp__tab--active{border-bottom:2px solid}.mp__feed{flex:1;padding:12px 14px 70px;overflow-y:auto}.mp__stories{gap:12px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.mp__story{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.mp__story-ring{border:2px solid;border-radius:50%;width:44px;height:44px;padding:2px}.mp__story-avatar{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mp__story-name{opacity:.6;font-size:9px;font-weight:600}.mp__card{border:1px solid;border-radius:14px;margin-bottom:10px;padding:14px;transition:all .2s}.mp__card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.mp__card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mp__card-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mp__card-meta{flex-direction:column;min-width:0;display:flex}.mp__card-title{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.mp__card-time{font-size:9px;font-weight:500}.mp__card-desc{margin:0 0 10px;font-size:10px;line-height:1.5}.mp__card-footer{justify-content:space-between;align-items:center;display:flex}.mp__tag{border-radius:50px;padding:2px 8px;font-size:9px;font-weight:700}.mp__card-actions{gap:10px;display:flex}.mp__fab{cursor:pointer;z-index:5;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;position:absolute;bottom:70px;right:20px;box-shadow:0 6px 20px #0003}.mp__fab:hover{transform:scale(1.08);box-shadow:0 8px 28px #0000004d}.mp__bottom-nav{z-index:10;border-top:1px solid;justify-content:space-around;align-items:center;padding:8px 0 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.mp__nav-item{cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.mp__nav-indicator{border-radius:2px;width:20px;height:3px;position:absolute;top:-9px}.mp__nav-icon{font-size:16px;transition:all .2s}.mp__nav-label{font-size:9px;font-weight:600}.cpopup-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;background:#00000080;animation:.18s cpFadeIn;position:fixed;inset:0}.cpopup-modal{z-index:999;background:#fff;border-radius:20px;width:540px;max-width:calc(100vw - 32px);animation:.2s cubic-bezier(.34,1.56,.64,1) cpSlideUp;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 32px 80px #00000038,0 0 0 .5px #00000014}.dark-mode .cpopup-modal{background:#18181b;box-shadow:0 32px 80px #0009,0 0 0 .5px #ffffff14}@keyframes cpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cpSlideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.cpopup-banner{align-items:flex-end;height:120px;padding:14px 18px;display:flex;position:relative}.cpopup-banner-hex{color:#fff;letter-spacing:.05em;text-shadow:0 1px 6px #0000004d;font-family:DM Mono,monospace;font-size:24px;font-weight:500}.cpopup-close{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex;position:absolute;top:12px;right:14px}.cpopup-close:hover{background:#ffffff59}.cpopup-body{padding:16px 18px 20px}.cpopup-section-row{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.cpopup-section-label{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700}.dark-mode .cpopup-section-label{color:#52525b}.cpopup-copy-all{color:#64748b;cursor:pointer;background:#f1f5f9;border:.5px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.dark-mode .cpopup-copy-all{color:#a1a1aa;background:#27272a;border-color:#3f3f46}.cpopup-copy-all:hover{background:#e2e8f0}.dark-mode .cpopup-copy-all:hover{background:#3f3f46}.cpopup-chips{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.cpopup-chip{cursor:pointer;text-align:left;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:11px;width:100%;padding:9px 28px 9px 11px;transition:border-color .15s,background .15s,transform .1s;position:relative;overflow:hidden}.dark-mode .cpopup-chip{background:#27272a;border-color:#3f3f46}.cpopup-chip:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.dark-mode .cpopup-chip:hover{background:#3f3f46;border-color:#52525b}.cpopup-chip:active{transform:translateY(0)}.cpopup-chip--copied{background:#f0fdf4!important;border-color:#86efac!important}.dark-mode .cpopup-chip--copied{background:#052e16!important;border-color:#166534!important}.cpopup-chip-label{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.dark-mode .cpopup-chip-label{color:#52525b}.cpopup-chip--copied .cpopup-chip-label{color:#4ade80}.cpopup-chip-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:block;overflow:hidden}.dark-mode .cpopup-chip-value{color:#e4e4e7}.cpopup-chip--copied .cpopup-chip-value{color:#16a34a}.dark-mode .cpopup-chip--copied .cpopup-chip-value{color:#4ade80}.cpopup-chip-icon{color:#cbd5e1;opacity:0;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.cpopup-chip:hover .cpopup-chip-icon{opacity:1}.cpopup-chip--copied .cpopup-chip-icon{opacity:1;color:#22c55e}.cpopup-divider{background:#e2e8f0;height:.5px;margin:14px 0}.dark-mode .cpopup-divider{background:#3f3f46}.cpopup-meta{gap:8px;display:flex}.cpopup-meta-pill{background:#f8fafc;border:.5px solid #e2e8f0;border-radius:11px;flex:1;padding:10px 12px}.dark-mode .cpopup-meta-pill{background:#27272a;border-color:#3f3f46}.cpopup-meta-label{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.dark-mode .cpopup-meta-label{color:#52525b}.cpopup-meta-val{color:#1e293b;margin-bottom:6px;font-family:DM Mono,monospace;font-size:14px;font-weight:500;display:block}.dark-mode .cpopup-meta-val{color:#e4e4e7}.cpopup-bar{background:#e2e8f0;border-radius:3px;height:5px;overflow:hidden}.dark-mode .cpopup-bar{background:#3f3f46}.cpopup-bar-fill{border-radius:3px;height:100%;transition:width .3s}.icp-page{background:var(--surface-container-lowest);color:var(--on-background);border-radius:16px;padding:28px 24px 40px;box-shadow:0 8px 30px #0000000a}.icp-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.icp-header-left{align-items:center;gap:14px;display:flex}.icp-logo{background:var(--surface-container-high);border:.5px solid var(--outline-variant);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.icp-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.icp-subtitle{color:var(--on-surface-variant);margin:2px 0 0;font-size:12px;font-weight:400}.icp-export-btn{color:var(--primary);background:var(--primary-fixed);border:.5px solid var(--primary-fixed-dim);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Syne,sans-serif;font-size:12px;font-weight:600;transition:background .15s;display:flex}.icp-export-btn:hover{background:var(--primary-fixed-dim)}.icp-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}@media (max-width:900px){.icp-layout{grid-template-columns:1fr}}.icp-dropzone{border:1.5px dashed var(--primary);background:var(--surface-container-low);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;min-height:440px;transition:border-color .2s,background .2s;display:flex}.icp-dropzone:hover,.icp-dropzone--drag{border-color:var(--primary);background:var(--surface-container-high)}.icp-drop-inner{text-align:center;padding:40px}.icp-drop-icon{background:var(--surface-container-lowest);border:.5px solid var(--outline-variant);width:64px;height:64px;color:var(--on-surface);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.icp-drop-title{color:var(--on-surface);margin:0 0 6px;font-size:17px;font-weight:600}.icp-drop-sub{color:var(--on-surface-variant);opacity:.8;margin:0 0 20px;font-size:12px}.icp-browse-btn{color:var(--background);background:var(--on-background);border:.5px solid var(--outline);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.icp-browse-btn:hover{opacity:.9}.icp-canvas-wrap{border:.5px solid var(--outline-variant);cursor:crosshair;border-radius:14px;line-height:0;position:relative;overflow:hidden}.icp-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;max-height:70vh;display:block}.icp-hover-pill{pointer-events:none;z-index:5;letter-spacing:.06em;border-radius:20px;padding:5px 12px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.icp-replace-btn{color:#f0f0f0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;background:#0000008c;border:.5px solid #ffffff1f;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-family:Syne,sans-serif;font-size:11px;font-weight:600;transition:background .15s;display:flex;position:absolute;top:10px;right:10px}.icp-replace-btn:hover{background:#000000bf}.icp-sidebar{flex-direction:column;gap:14px;display:flex}.icp-sidebar-empty{border:.5px dashed var(--outline-variant);background:var(--surface-container-low);min-height:200px;color:var(--on-surface-variant);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.cdp-panel{background:var(--surface-container-lowest);border:.5px solid var(--outline-variant);border-radius:14px;overflow:hidden}.cdp-swatch{align-items:flex-end;height:90px;padding:10px 12px;display:flex;position:relative}.cdp-swatch-hex{letter-spacing:.05em;font-family:DM Mono,monospace;font-size:18px;font-weight:500}.cdp-swatch-actions{gap:4px;display:flex;position:absolute;top:8px;right:8px}.cdp-swatch-btn{cursor:pointer;background:#0000002e;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.cdp-swatch-btn:hover{background:#00000052}.cdp-body{padding:14px}.cdp-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 10px;font-size:9px;font-weight:700}.cdp-conv-list{flex-direction:column;gap:2px;display:flex}.cdp-conv-row{border-radius:8px;align-items:center;padding:7px 8px;transition:background .12s;display:flex}.cdp-conv-row:hover{background:var(--surface-container-high)}.cdp-conv-key{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);flex-shrink:0;width:44px;font-size:10px;font-weight:700}.cdp-conv-val{color:var(--on-surface);flex:1;font-family:DM Mono,monospace;font-size:12px;font-weight:500}.cdp-copy-btn{width:24px;height:24px;color:var(--outline);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.cdp-conv-row:hover .cdp-copy-btn{color:var(--primary);background:var(--surface-container-highest)}.cdp-copy-btn--done{color:#4ade80!important;background:#4ade801a!important}.icp-palette-strip{background:#111116;border:.5px solid #1e1e28;border-radius:14px;padding:14px}.icp-palette-strip-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.icp-strip-label{letter-spacing:.1em;text-transform:uppercase;color:#444;font-size:10px;font-weight:700}.icp-clear-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-family:Syne,sans-serif;font-size:11px;font-weight:600;transition:color .15s}.icp-clear-btn:hover{color:#e05555}.icp-swatches{flex-wrap:wrap;gap:6px;display:flex}.icp-swatch-chip{cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;height:52px;transition:transform .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.icp-swatch-chip:hover{transform:translateY(-2px)}.icp-swatch-chip--active{border-color:#a78bfa}.icp-swatch-hex{letter-spacing:.03em;font-family:DM Mono,monospace;font-size:8px;font-weight:500;line-height:1}.icp-swatch-copy{cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:opacity .12s;display:flex}.icp-swatch-chip:hover .icp-swatch-copy{opacity:1}@media (max-width:900px){.pv-toolbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.pv-toolbar__center{flex-wrap:wrap;order:3;justify-content:center;width:100%}.pv-role-chip__label{display:none}.wp__feature-grid,.wp__testimonial-grid,.wp__stats-grid{grid-template-columns:repeat(2,1fr)}.wp__footer-inner{grid-template-columns:1fr 1fr}.wp__nav-links{display:none}}@media (max-width:640px){.wp__feature-grid,.wp__testimonial-grid,.wp__footer-inner{grid-template-columns:1fr}.wp__hero-title{font-size:22px}.pv-palette-selector__name{display:none}.device-frame{border-radius:36px;width:280px;padding:8px}.device-frame__screen{border-radius:28px}}.ad-container{justify-content:center;width:100%;display:flex}.ad-container ins[data-adsbygoogle-status=done]{margin:20px 0!important}.ad-container:has(ins[data-ad-status=unfilled]){margin:0!important;padding:0!important;display:none!important}.paint-page{background:#f7f8fa;min-height:100vh}.paint-hero{padding:80px 0 60px;position:relative;overflow:hidden}.paint-hero-bg{opacity:.95;background:linear-gradient(135deg,#1b2a4a 0%,#1b31e7 45%,#4e57a6 80%,#932f00 100%);position:absolute;inset:0}.paint-hero-title{color:#fff;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.1}.paint-hero-accent{background:linear-gradient(90deg,gold,#ff8c42,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.paint-hero-sub{color:#fffc;max-width:560px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.paint-search-wrapper{max-width:560px;position:relative}.paint-search-icon{color:#aaa;pointer-events:none;font-size:20px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.paint-search-input{background:#fffffff7;border:none;border-radius:50px;outline:none;width:100%;padding:16px 52px;font-size:1rem;transition:box-shadow .3s;box-shadow:0 8px 32px #0000002e}.paint-search-input:focus{box-shadow:0 8px 40px #1b31e74d}.paint-search-clear{cursor:pointer;color:#888;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.paint-search-clear:hover{color:#333}.paint-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#fffffff5;border-bottom:1px solid #e5e7eb;padding:12px 0;box-shadow:0 2px 12px #0000000f}.paint-toolbar-inner{align-items:center;gap:16px;display:flex}.paint-chips-scroll{scrollbar-width:none;flex:1;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.paint-chips-scroll::-webkit-scrollbar{display:none}.paint-chip{white-space:nowrap;cursor:pointer;color:#555;letter-spacing:.02em;background:#fff;border:1.5px solid #e0e0e0;border-radius:50px;align-items:center;gap:5px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.paint-chip:hover{border-color:var(--primary);color:var(--primary);background:#1b31e70d}.paint-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #1b31e74d}.paint-chip-icon{font-size:16px}.paint-sort{flex-shrink:0;align-items:center;gap:6px;display:flex}.sort-icon{color:#888;font-size:18px}.paint-sort-select{color:#333;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;padding:7px 32px 7px 12px;font-size:.85rem;font-weight:600;transition:border-color .2s}.paint-sort-select:focus{border-color:var(--primary)}.paint-results-bar{padding:18px 0 4px}.paint-results-count{color:#666;align-items:center;gap:6px;margin:0;font-size:.9rem;display:flex}.paint-results-count .material-symbols-outlined{color:var(--primary);font-size:18px}.paint-family-tag{color:var(--primary);font-weight:600}.paint-grid-section{padding:24px 0 60px}.paint-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.paint-card{background:var(--surface-container-lowest);cursor:pointer;border-radius:20px;transition:transform .25s,box-shadow .25s;animation:.35s both paintFadeIn;overflow:hidden;box-shadow:0 2px 12px #00000012}@keyframes paintFadeIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.paint-card.hovered,.paint-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000021}.paint-swatch{justify-content:flex-end;align-items:flex-end;height:180px;transition:height .25s;display:flex;position:relative;overflow:hidden}.paint-card:hover .paint-swatch{height:200px}.paint-swatch-hex{letter-spacing:.12em;opacity:.85;font-family:Geist Mono,monospace;font-size:.8rem;font-weight:700;position:absolute;bottom:10px;left:14px}.paint-swatch-overlay{background:#0000002e;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.paint-swatch-copy{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff26;border:2px solid;border-radius:50px;align-items:center;gap:6px;padding:9px 20px;font-size:.85rem;font-weight:700;transition:background .2s;display:inline-flex}.paint-swatch-copy:hover{background:#ffffff47}.paint-swatch-copy .material-symbols-outlined{font-size:18px}.paint-info{padding:16px 18px 18px}.paint-info-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.paint-name{color:#1a1a2e;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.paint-family-badge{color:var(--primary);white-space:nowrap;letter-spacing:.05em;background:#1b31e717;border-radius:50px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:700}.paint-desc{color:#777;margin:0 0 14px;font-size:.82rem;line-height:1.5}.paint-actions{align-items:center;gap:10px;display:flex}.paint-choose-btn{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.82rem;font-weight:700;transition:all .25s;display:inline-flex}.paint-choose-btn:hover{background:var(--primary-container);transform:scale(1.02)}.paint-choose-btn.chosen{background:#10b981}.paint-choose-btn .material-symbols-outlined{font-size:17px}.paint-dot{border:3px solid #fff;border-radius:50%;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #00000026}.paint-empty{text-align:center;color:#888;padding:80px 20px}.paint-empty-icon{color:#ccc;margin-bottom:16px;font-size:64px;display:block}.paint-empty h3{color:#555;margin-bottom:8px;font-size:1.4rem}.paint-reset-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:50px;margin-top:20px;padding:10px 28px;font-weight:700;transition:all .2s}.paint-reset-btn:hover{background:var(--primary);color:#fff}.paint-info-section{background:var(--surface-container-low);border-top:1px solid var(--outline-variant);padding:60px 0}.paint-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;display:grid}.paint-info-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:18px;padding:28px;transition:box-shadow .25s}.paint-info-card:hover{box-shadow:0 8px 28px #00000014}.paint-info-icon{color:var(--primary);margin-bottom:14px;font-size:36px;display:block}.paint-info-card h3{color:var(--on-surface);margin-bottom:10px;font-size:1.1rem;font-weight:700}.paint-info-card p{color:#666;margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.paint-hero{padding:60px 0 40px}.paint-hero-title{font-size:2rem}.paint-toolbar-inner{flex-direction:column;align-items:stretch;gap:10px}.paint-sort{align-self:flex-end}.paint-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.paint-swatch{height:130px}.paint-card:hover .paint-swatch{height:140px}}@media (max-width:480px){.paint-grid{grid-template-columns:1fr 1fr;gap:12px}}.hs-section{padding:90px 0;position:relative;overflow:hidden}.hs-badge{letter-spacing:.2em;text-transform:uppercase;border-radius:50px;padding:5px 14px;font-size:9px;font-weight:800;display:inline-block}.hs-badge--blue{color:#1b31e7;background:#1b31e71a}.hs-badge--purple{color:#7b2fbe;background:#7b2fbe1a}.hs-badge--teal{color:#00a896;background:#00a89633}.hs-badge--indigo{color:#4e00c8;background:#4e00c81a}.hs-badge--orange{color:#c9441a;background:#c9441a1f}.hs-badge--rose{color:#dc143c;background:#dc143c1f}.hs-title{color:var(--on-surface);margin-bottom:1rem;font-size:4.5rem;font-weight:900;line-height:1.1}.hs-title--white{color:#fff}.hs-accent--blue{color:#1b31e7}.hs-accent--purple{color:#7b2fbe}.hs-accent--teal{color:#00e5cc}.hs-accent--indigo{color:#7b52ff}.hs-accent--orange{color:#ff7043}.hs-accent--rose{color:#76b5be}.hs-body-text{color:var(--on-surface-variant);margin-bottom:1.5rem;font-size:1.3rem;line-height:1.75}.hs-body-text--white{color:#ffffffd1}.hs-pills{flex-wrap:wrap;gap:8px;margin-bottom:1.8rem;display:flex}.hs-pills span{background:var(--surface-container);color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:50px;padding:6px 12px;font-size:11px;font-weight:600}.hs-cta-btn{letter-spacing:.05em;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:6px;padding:13px 28px;font-size:13px;font-weight:800;transition:transform .22s,box-shadow .22s;display:inline-flex;text-decoration:none!important}.hs-cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}.hs-cta--blue{color:#fff;background:#1b31e7}.hs-cta--purple{color:#fff;background:#7b2fbe}.hs-cta--teal{color:#fff;background:#00a896}.hs-cta--indigo{color:#fff;background:#4e00c8}.hs-cta--orange{color:#fff;background:#c9441a}.hs-cta--rose{color:#fff;background:#76b5be}.hs-palette-section{background:var(--surface-container-low)}.hs-palette-bg-deco{pointer-events:none;background:radial-gradient(circle,#1b31e714 0%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-80px;right:-80px}.hs-palette-visual{border-radius:20px;flex-direction:column;gap:10px;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000024}.hs-pal-row{gap:3px;height:88px;display:flex}.hs-pal-cell{cursor:default;flex:1;transition:flex .35s;position:relative;overflow:hidden}.hs-pal-cell:hover{flex:2}.hs-pal-hex{color:#ffffffd9;white-space:nowrap;opacity:0;letter-spacing:.05em;background:#00000059;border-radius:20px;padding:2px 7px;font-size:9px;font-weight:700;transition:opacity .2s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hs-pal-cell:hover .hs-pal-hex{opacity:1}.hs-picker-section{background:var(--surface)}.hs-picker-visual{border-radius:20px;gap:16px;height:350px;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000001f}.hs-picker-dots{background:#0f0f1a;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.hs-dot{border-radius:50%;animation:3s ease-in-out infinite dotFloat;box-shadow:0 4px 16px #0006}@keyframes dotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hs-picker-sidebar{background:#1a1a2e;flex-direction:column;gap:4px;width:130px;padding:12px;display:flex}.hs-picker-chip{border-radius:8px;flex:1;justify-content:center;align-items:center;transition:transform .2s;display:flex}.hs-picker-chip:hover{transform:scaleX(1.04)}.hs-picker-chip span{color:#ffffffe6;letter-spacing:.05em;font-size:9px;font-weight:700}.hs-playground-section{align-items:center;min-height:480px;padding:120px 0;display:flex;position:relative}.hs-playground-strips{flex-direction:column;gap:4px;display:flex;position:absolute;inset:0}.hs-pg-strip{flex:1;gap:2px;display:flex}.hs-playground-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#050a1eb8;position:absolute;inset:0}.hs-theme-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}.hs-theme-pills span{letter-spacing:.06em;color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:50px;padding:6px 14px;font-size:11px;font-weight:600;transition:background .2s}.hs-theme-pills span:hover{background:#ffffff38}.hs-explore-section{background:var(--surface-container-low)}.hs-wcag-badges{flex-wrap:wrap;gap:8px;margin-bottom:1.8rem;display:flex}.hs-wcag-pill{color:#16a34a;background:#16a34a1a;border:1px solid #16a34a40;border-radius:50px;padding:6px 14px;font-size:11px;font-weight:700}.hs-explore-visual{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:20px;flex-direction:column;gap:12px;padding:28px;display:flex;box-shadow:0 24px 64px #0000001a}.hs-explore-row{align-items:center;gap:16px;transition:transform .2s;display:flex}.hs-explore-row:hover{transform:translate(4px)}.hs-explore-name{min-width:130px;color:var(--on-surface-variant);letter-spacing:.03em;font-size:12px;font-weight:700}.hs-explore-strip{border-radius:10px;flex:1;height:60px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001f}.hs-explore-cell{flex:1;transition:flex .3s}.hs-explore-cell:hover{flex:2}.hs-paint-section{background:#fdf6f0}html.dark .hs-paint-section{color:#fff;background:#151210}html.dark .hs-paint-section .hs-title{color:#fff}html.dark .hs-paint-section .hs-body-text{color:#eceff1}html.dark .hs-paint-section .hs-pills span{color:#fff;background:#ffffff0d;border-color:#ffffff26}.hs-paint-bg-deco{pointer-events:none;background:radial-gradient(circle,#c9441a12 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-100px;left:-100px}.hs-paint-visual{border-radius:20px;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;overflow:hidden;box-shadow:0 24px 64px #00000024}.hs-paint-swatch{aspect-ratio:1;transition:transform .25s;position:relative;overflow:hidden}.hs-paint-swatch:hover{z-index:2;transform:scale(1.06)}.hs-paint-hex{color:#ffffffe6;white-space:nowrap;opacity:0;background:#0006;border-radius:20px;padding:2px 6px;font-size:8px;font-weight:700;transition:opacity .2s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.hs-paint-swatch:hover .hs-paint-hex{opacity:1}.hs-gallery-section{background:linear-gradient(135deg,#0a001e 0%,#14003a 60%,#001436 100%);padding:100px 0}.hs-gallery-showcase{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}@media (min-width:768px){.hs-gallery-showcase{grid-template-columns:repeat(4,1fr)}}.hs-gallery-item{color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;overflow:hidden;text-decoration:none!important}.hs-gallery-item:hover{transform:translateY(-8px);box-shadow:0 20px 48px #00000080}.hs-gallery-strip{height:100px;display:flex}.hs-gallery-info{padding:14px 16px}.hs-gallery-name{color:#fff;margin:0 0 4px;font-size:13px;font-weight:800}.hs-gallery-desc{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.hs-exporter-section{background:var(--surface)}.hs-exporter-visual{border:1px solid var(--outline-variant);background:#0f172a;border-radius:20px;margin-top:15px;font-family:Fira Code,Courier New,Courier,monospace;overflow:hidden;box-shadow:0 24px 64px #00000026}.hs-exp-window-header{background:#1e293b;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 18px;display:flex}.hs-exp-dot{border-radius:50%;width:10px;height:10px}.hs-exp-red{background:#ef4444}.hs-exp-yellow{background:#f59e0b}.hs-exp-green{background:#10b981}.hs-exp-window-title{color:#94a3b8;letter-spacing:.05em;margin-left:auto;margin-right:auto;font-size:11px;font-weight:600}.hs-exp-code-block{color:#38bdf8;max-height:240px;margin:0;padding:24px;font-size:12px;line-height:1.6;overflow:hidden}.hs-exp-code-block code{color:#38bdf8}.hs-exp-mini-swatches{background:#1e293b;border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:14px 24px;display:flex}.hs-exp-mini-swatch{border:1px solid #ffffff26;border-radius:6px;width:24px;height:24px;box-shadow:0 2px 6px #00000026}@media (max-width:991px){.hs-section{padding:60px 0}.hs-title{font-size:2rem}.hs-picker-visual{height:220px}}@media (max-width:640px){.hs-title{font-size:1.75rem}.hs-gallery-showcase{grid-template-columns:1fr 1fr}.hs-explore-name{min-width:90px;font-size:10px}.hs-picker-sidebar{width:90px}}.breadcrumb-wrapper{-webkit-backdrop-filter:blur(10px);background:#fff6;border-bottom:1px solid #e1e3e480;padding:12px 0;transition:background .3s}.breadcrumb-list{letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:.85rem;font-weight:500;list-style:none;display:flex}.breadcrumb-item-wrapper{align-items:center;gap:6px;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item a{color:var(--on-surface-variant);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;text-decoration:none!important}.breadcrumb-item a:hover{color:var(--primary);background:#1b31e70f;transform:translateY(-1px)}.breadcrumb-item a:active{transform:translateY(0)}.breadcrumb-item.active{color:var(--primary);pointer-events:none;background:#1b31e714;border-radius:6px;padding:4px 8px;font-weight:600}.breadcrumb-home-icon{opacity:.8;transition:transform .2s}.breadcrumb-item a:hover .breadcrumb-home-icon{opacity:1;transform:scale(1.1)}.breadcrumb-separator{color:var(--outline-variant);-webkit-user-select:none;user-select:none;opacity:.7;align-items:center;display:flex}@media (max-width:768px){.breadcrumb-wrapper{margin-bottom:1rem;padding:10px 0}.breadcrumb-list{font-size:.8rem}}.theme-toggle-btn{border:1px solid var(--outline-variant);background:var(--surface-container-low);width:40px;height:40px;color:var(--on-surface);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000000d}.theme-toggle-btn:hover{background:var(--surface-container-high);color:var(--primary);border-color:var(--primary);transform:scale(1.08);box-shadow:0 4px 16px #0000001a}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn span{-webkit-user-select:none;user-select:none;font-size:20px}.animate-rotate{animation:.5s cubic-bezier(.4,0,.2,1) both rotateSpin}.animate-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both popScale}@keyframes rotateSpin{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes popScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}