@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";*{box-sizing:border-box}:root{color:#202124;background:#fbfaf7;font-family:DM Sans,sans-serif}:root[data-theme=dark]{color:#f5f4f0;background:#151717}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{--paper:#fbfaf7;--ink:#202124;--muted:#777873;--line:#dfded9;--surface:#fff;--accent:#6856e9;--soft:#f0eefb;background:var(--paper);min-height:100vh;color:var(--ink);transition:background .25s,color}[data-theme=dark] .app-shell{--paper:#151717;--ink:#f5f4f0;--muted:#aaa9a3;--line:#373938;--surface:#202222;--accent:#a89aff;--soft:#2b2a40}.navbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:82px;padding:0 max(4vw,32px);display:flex;position:relative}.brand img{width:125px;display:block}.nav-actions,.desktop-nav{align-items:center;gap:18px;display:flex}.desktop-nav{gap:23px}.nav-link{color:var(--muted);background:0 0;border:0;font-size:14px}.back-button{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.parent-logo{border-left:1px solid var(--line);padding-left:22px;display:flex}.parent-logo img{width:102px;height:27px}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.menu-toggle{display:none}.hero{text-align:center;max-width:780px;margin:0 auto;padding:92px 24px 72px}.eyebrow{letter-spacing:1.6px;color:var(--accent);margin:0 0 14px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.hero h1{letter-spacing:-3.6px;margin:0;font-size:clamp(42px,6vw,72px);font-weight:600;line-height:1.04}.hero h1 em{font-family:Playfair Display,serif;font-weight:500}.intro{color:var(--muted);max-width:490px;margin:25px auto 0;font-size:17px;line-height:1.6}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:20px max(4vw,32px);display:flex}.style-picker{align-items:center;gap:20px;display:flex}.style-picker>span{white-space:nowrap;font-size:13px;font-weight:600}.style-options{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:5px;padding:4px;display:flex}.style-options button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:7px 9px;font-size:12px}.style-options button.active{background:var(--soft);color:var(--accent);font-weight:600}.generate-button{background:var(--ink);color:var(--paper);white-space:nowrap;border:0;border-radius:7px;padding:12px 17px;font-size:13px;font-weight:600}.generate-button span{color:#f5ca63;margin-right:6px}.palette-section{max-width:1440px;margin:auto;padding:58px max(4vw,32px) 70px}.palette-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.palette-heading .eyebrow{margin-bottom:6px}.palette-heading h2{letter-spacing:-1px;margin:0;font-size:28px}.copy-palette{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:6px;padding:10px 13px;font-size:12px}.copy-palette span{margin-left:6px;font-size:16px}.palette-grid{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.color-card{background:var(--surface);border-right:1px solid var(--line);min-width:0}.color-card:last-child{border:0}.color-swatch{height:250px;position:relative}.lock{filter:grayscale();opacity:.75;background:#ffffffde;border:0;border-radius:50%;width:33px;height:33px;font-size:13px;position:absolute;top:13px;right:13px}.active-lock{filter:none;opacity:1;box-shadow:0 2px 8px #0002}.color-info{padding:16px;position:relative}.hex-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hex-row input{width:92px;min-width:0;color:var(--ink);text-transform:uppercase;background:0 0;border:0;padding:0;font-family:DM Mono,monospace;font-size:15px;font-weight:500}.hex-row button{color:var(--muted);background:0 0;border:0;font-size:17px}.color-info p{color:var(--muted);margin:5px 0;font-family:DM Mono,monospace;font-size:10px}.picker{background:0 0;border:0;width:16px;height:16px;padding:0;position:absolute;bottom:15px;right:13px}.lock-tip{text-align:center;color:var(--muted);margin:25px 0 0;font-size:13px}.lock-tip span{margin-right:6px;font-size:14px}footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:25px;font-size:12px}footer span{color:#e1b04d;margin:0 8px}footer a{color:var(--ink);font-weight:600;text-decoration:none}.modal-backdrop{z-index:5;background:#1212128c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:100%;max-width:430px;padding:38px;position:relative;box-shadow:0 25px 80px #0004}.modal>img{width:128px}.modal h2{letter-spacing:-1.1px;margin:25px 0 12px;font-size:28px;line-height:1.15}.modal p{color:var(--muted);font-size:15px;line-height:1.65}.close-modal{color:var(--ink);background:0 0;border:0;font-size:27px;position:absolute;top:13px;right:14px}.visit-link{background:var(--ink);color:var(--paper);border-radius:6px;margin-top:25px;padding:11px 15px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.mobile-menu{display:none}@media (width<=780px){.navbar{height:68px;padding:0 20px}.brand img{width:112px}.desktop-nav{display:none}.menu-toggle{display:grid}.nav-actions{gap:9px}.mobile-menu{z-index:4;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px;padding:20px;display:flex;position:absolute;top:67px;left:0;right:0;box-shadow:0 10px 20px #00000012}.mobile-menu button,.mobile-menu a{color:var(--ink);background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:none}.mobile-parent img{width:110px}.hero{padding:66px 20px 54px}.hero h1{letter-spacing:-2.4px}.intro{margin-top:20px;font-size:15px}.controls{flex-direction:column;align-items:stretch;gap:13px;padding:16px 20px}.style-picker{display:block}.style-picker>span{margin-bottom:9px;display:block}.style-options{justify-content:flex-start;padding:3px;overflow-x:auto}.style-options button{white-space:nowrap;padding:7px 8px}.generate-button{width:100%}.palette-section{padding:40px 20px 48px}.palette-heading h2{font-size:24px}.palette-grid{grid-template-columns:1fr 1fr}.color-card{border-bottom:1px solid var(--line)}.color-card:nth-child(2n){border-right:0}.color-card:last-child{border-right:1px solid var(--line);border-bottom:0;grid-column:span 2}.color-swatch{height:190px}.color-info{padding:13px}.hex-row input{width:84px;font-size:13px}.color-info p{font-size:9px}.lock-tip{line-height:1.5}.modal{padding:30px 25px}}@media (width<=390px){.palette-grid{grid-template-columns:1fr}.color-card,.color-card:last-child{border-right:0;grid-column:auto}.color-card:last-child{border-bottom:0}.color-swatch{height:165px}}