@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{color-scheme:dark;--bg:#0b0713;--purple:#a875fa;--text:#f5f1fb;--muted:#aca1b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{max-width:1240px;height:82px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:60px;border-bottom:1px solid #ffffff10}.wordmark{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-1.5px}.star,.period{color:var(--purple)}.nav nav{display:flex;gap:35px;margin:auto;font-size:13px;color:#a79ab7}.nav nav a:hover,.nav-cta:hover{color:#fff}.nav-cta{border:1px solid #50405d;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:700}.nav-cta span{margin-left:12px}.hero{max-width:1240px;min-height:630px;margin:auto;padding:95px 30px 105px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:55px}.tag,.section-label,.num,.micro,.art-label,.art-foot{font-size:10px;font-weight:800;letter-spacing:2px;color:#ac80eb}.tag{display:flex;align-items:center;gap:12px}.live{width:7px;height:7px;border-radius:50%;background:#ad82fb;box-shadow:0 0 15px #9e63f7}.hero h1{font:700 clamp(53px,6.4vw,91px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-4.5px;margin:25px 0}.hero h1 em,.section-top h2 em{font-style:normal;color:#aa80ef}.hero-copy>p{max-width:515px;color:#b9aec6;font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;gap:14px;margin-top:33px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:8px;padding:15px 19px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.primary{background:#9b65ec;color:#130b1e}.primary:hover{background:#b88afc;transform:translateY(-2px)}.secondary{border:1px solid #51425e}.secondary:hover{background:#ffffff0a}.micro{color:#6f627e;margin-top:80px;font-size:9px;letter-spacing:1.2px}.micro span{padding:0 8px;color:#9b65ec}.hero-art{position:relative;padding:25px 0;background:radial-gradient(ellipse at 55% 40%,#6b329c2a,transparent 65%)}.art-label,.art-foot{color:#776589;font-size:9px;letter-spacing:1.5px}.art-label{margin-bottom:16px}.art-foot{margin-top:16px;text-align:right}.mock{border:1px solid #524066;border-radius:12px;background:linear-gradient(145deg,#21152e,#120d1b 70%);padding:26px;box-shadow:0 30px 85px #0008;transform:rotate(2deg)}.mock-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid #ffffff12}.mock-logo{font:700 19px 'Space Grotesk';color:#f8f2ff}.mock-online{font-size:10px;color:#aa9eb9}.mock-online i{display:inline-block;background:#75d9a4;width:7px;height:7px;border-radius:50%;margin-right:5px}.mock-caption{font-size:9px;letter-spacing:2px;color:#a78abd;margin-top:25px}.mock-title{font:600 20px 'Space Grotesk';margin-top:8px}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.mock-stats>div{background:#ffffff08;border:1px solid #ffffff0c;border-radius:8px;padding:15px}.mock-stats small,.mock-row small{display:block;color:#9586a6;font-size:10px}.mock-stats b{display:block;margin-top:8px;font-size:16px}.mock-stats i{font-size:8px;color:#75d9a4}.mock-divider{border-top:1px solid #ffffff12;margin:22px 0 8px}.mock-row{display:flex;align-items:center;gap:13px;padding:13px 0}.mock-row>span{width:30px;height:30px;border:1px solid #5a4170;border-radius:7px;display:grid;place-items:center;color:#b78bf7}.mock-row div{flex:1}.mock-row b{display:block;font-size:12px;margin-bottom:4px}.mock-row strong{font-size:10px;color:#8ed6aa}.features{border-top:1px solid #ffffff12;max-width:1180px;margin:auto;padding:95px 30px 110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.section-top h2{font:700 clamp(40px,4vw,57px)/1.15 'Space Grotesk';letter-spacing:-2.5px;margin:18px 0 0}.section-top>p{max-width:310px;color:var(--muted);line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{padding:27px;border:1px solid #35283f;background:#140e1d;border-radius:9px;min-height:255px}.num{color:#8e73a7;font-size:9px}.symbol{font-size:28px;color:#b588f6;margin:25px 0 18px}.feature h3{font:600 19px 'Space Grotesk';margin:0 0 12px}.feature p{font-size:13px;line-height:1.8;color:#a79aaf;margin:0}.bottom{max-width:1180px;margin:0 auto 90px;padding:45px;border:1px solid #483157;border-radius:10px;background:linear-gradient(105deg,#21112f,#100b19);display:flex;align-items:center;justify-content:space-between;gap:25px}.bottom h2{font:700 34px 'Space Grotesk';margin:15px 0 8px}.bottom p{color:#b0a2bd;margin:0}footer{max-width:1180px;margin:auto;padding:25px 30px 40px;border-top:1px solid #ffffff10;display:flex;gap:30px;justify-content:space-between;color:#897a99;font-size:12px}footer span:first-child{font:700 19px 'Space Grotesk';color:#e6d7f5}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{max-width:530px}.micro{margin-top:45px}.feature-grid{grid-template-columns:1fr}.section-top{align-items:start;flex-direction:column}.nav{gap:25px}.nav nav{gap:17px}}@media(max-width:560px){.nav{padding:0 20px}.nav nav{display:none}.hero{padding:65px 20px 80px;gap:30px}.hero h1{letter-spacing:-2.8px}.actions{flex-wrap:wrap}.mock{transform:none;padding:18px}.features{padding:75px 20px}.bottom{margin:0 20px 65px;padding:25px;display:block}.bottom .primary{margin-top:25px}footer{flex-wrap:wrap}.micro{line-height:2}.art-foot{display:none}}
/* znz / studio homepage refinement */
:root{--bg:#090711;--purple:#a47af4;--text:#f7f3fc;--muted:#b0a3bf}
body{background:#090711;background-image:radial-gradient(ellipse 54% 30% at 88% 18%,#38205442,transparent 85%)}
.nav{height:78px;border-color:#30223b;max-width:1320px}.wordmark{letter-spacing:-1.6px}.nav nav a{font-weight:600;transition:color .18s}.nav-cta{background:#171020;border-color:#49345e;transition:background .18s,transform .18s}.nav-cta:hover{background:#2b1c3c;transform:translateY(-1px)}
.hero{max-width:1320px;min-height:650px;gap:80px;padding-top:85px;padding-bottom:95px}.hero h1{font-size:clamp(58px,6.5vw,93px);letter-spacing:-5px;line-height:1.03;margin:30px 0 24px}.hero h1 em{color:#ae82f5}.hero-copy>p{max-width:530px;font-size:16px;line-height:1.75;color:#b5a8c2}.tag{font-size:10px;letter-spacing:2px}.actions{margin-top:34px}.primary{background:#a47af4!important;color:#160c23!important;border-color:#a47af4!important}.primary:hover{background:#bd9aff!important;transform:translateY(-2px)}.secondary{border-color:#5a426d!important;background:#170f22!important}.secondary:hover{background:#2c1c3e!important}.micro{margin-top:58px;color:#8d7a9f}
.hero-art{position:relative;transform:rotate(-1.5deg);transition:transform .3s}.hero-art:hover{transform:rotate(0)}.mock{border:1px solid #5a3d76!important;box-shadow:0 40px 110px #0008,0 0 65px #8d56c21a!important;background:linear-gradient(160deg,#21152d,#110b1b)!important}.mock-row{border-color:#33243f!important}.mock-top{border-color:#3a294c!important}.mock-online{color:#8ce4ae!important}.art-label,.art-foot{color:#aa82dd}.features{border-top:1px solid #281c35}.section-top h2{letter-spacing:-2px}.feature{background:#140e1e!important;border-color:#3a2a49!important;transition:border-color .2s,transform .2s}.feature:hover{border-color:#8860b4!important;transform:translateY(-3px)}.symbol{color:#ae86f1!important}.bottom{border-color:#332340!important}footer{border-color:#2c2036!important}
@media(max-width:950px){.hero{gap:35px}.hero h1{letter-spacing:-3px}.hero-art{transform:none}}
@media(max-width:650px){.nav{padding:0 20px;gap:15px}.nav nav{display:none}.nav-cta{margin-left:auto}.hero{padding:75px 22px 80px;min-height:auto;grid-template-columns:1fr}.hero h1{font-size:clamp(48px,12vw,66px);letter-spacing:-2.8px}.hero-art{margin-top:20px}.micro{margin-top:35px}.features{padding-top:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Suggestions */
.suggestion-section{max-width:1180px;margin:0 auto 90px;padding:54px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;border:1px solid #3b2a50;border-radius:12px;background:#140e1e}
.suggestion-intro h2{font:700 clamp(34px,3.8vw,52px)/1.13 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:20px 0}
.suggestion-intro p{color:#b0a3bf;line-height:1.8;max-width:350px}
.znz-suggestion-form{display:grid;gap:9px}.znz-suggestion-form label{font-size:12px;font-weight:700;color:#ded3ed}.znz-suggestion-form label small{font-weight:400;color:#9d8daf}
.znz-suggestion-form input,.znz-suggestion-form textarea{width:100%;border:1px solid #4a355e;background:#0d0915;border-radius:8px;padding:13px;color:#f7f3fc;font:14px 'DM Sans',sans-serif;outline:none;resize:vertical}
.znz-suggestion-form input:focus,.znz-suggestion-form textarea:focus{border-color:#b28bf7}.znz-suggestion-form textarea{min-height:130px}
.suggestion-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.suggestion-count,.suggestion-note{font-size:11px;color:#8e7d9f}.suggestion-feedback{min-height:17px;margin:0;color:#b58ef4;font-size:12px}.suggestion-feedback.error{color:#ffa3a3}.suggestion-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.suggestion-footer button{border:0;cursor:pointer}.suggestion-footer button:disabled{opacity:.6;cursor:wait}
@media(max-width:800px){.suggestion-section{grid-template-columns:1fr;gap:25px;padding:30px;margin:0 20px 70px}}@media(max-width:480px){.suggestion-footer{flex-wrap:wrap}.suggestion-footer button{width:100%}}