.hero{position:relative;background:var(--bg-hero);border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 620px 420px at 76% 22%,#e5bb8212,transparent 62%),radial-gradient(ellipse 700px 480px at 20% 85%,#43625222,transparent 60%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;min-height:calc(88dvh - var(--header-h));padding:64px 0 84px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px;max-width:560px}.hero-copy h1{font-size:clamp(38px,4vw,60px);letter-spacing:4px;line-height:1.35;color:var(--heading)}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-sub{font-size:14px;line-height:2.2;color:var(--hero-sub);margin:0;max-width:480px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-meta{border-top:1px solid var(--line-soft);padding-top:16px;width:100%;font-family:var(--mono);font-size:9px;letter-spacing:2px;color:#58777a}.constellation{position:relative;min-height:460px}.glass-panel{position:absolute;background:#142c34b3;border:1px solid var(--line-strong);border-radius:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 90px #0007;padding:16px}.glass-panel .panel-tag{font-family:var(--mono);font-size:8px;letter-spacing:2px;color:#9db2af;display:flex;align-items:center;gap:7px;margin-bottom:12px}.panel-kink{width:62%;top:0;right:4%;z-index:3}.panel-shiyin{width:58%;bottom:8px;left:0;z-index:2}.panel-island{width:52%;bottom:118px;right:0;z-index:4}.prompt-mock{display:flex;flex-direction:column;gap:10px}.prompt-mock .prompt-line{font-family:var(--mono);font-size:9px;color:#b9c6bc;line-height:1.7;background:#0a181f99;border:1px solid var(--line-soft);border-radius:6px;padding:8px 10px;display:flex;align-items:center;gap:8px}.prompt-mock .prompt-line i{color:var(--gold);font-style:normal}.prompt-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.prompt-thumbs b{aspect-ratio:1;border-radius:6px;border:1px solid var(--line-soft)}.prompt-thumbs b:nth-child(1){background:linear-gradient(135deg,#4f7f86,#a0c0c4)}.prompt-thumbs b:nth-child(2){background:linear-gradient(135deg,#ad8664,#e1c08c)}.prompt-thumbs b:nth-child(3){background:linear-gradient(135deg,#665a71,#b3a1bf)}.prompt-thumbs b:nth-child(4){background:linear-gradient(135deg,#6c887a,#a9c3ad)}.piano-mock{display:flex;flex-direction:column;gap:10px}.piano-mock .roll{display:flex;gap:2px;align-items:flex-end;height:54px;padding:8px 10px;background:#0a181f99;border:1px solid var(--line-soft);border-radius:6px}.piano-mock .roll i{flex:1;border-radius:2px;background:#6c887a;animation:bar-breathe 2.8s ease-in-out infinite}.piano-mock .roll i:nth-child(3n){background:#e1c08c;animation-delay:.3s}.piano-mock .roll i:nth-child(4n){background:#b3a1bf;animation-delay:.6s}@keyframes bar-breathe{0%,to{opacity:.55}50%{opacity:1}}.chord-chips{display:flex;gap:8px}.chord-chips span{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#e8d5a4;border:1px solid #cebb7955;border-radius:5px;padding:5px 9px;background:#e5bb820d}.vinyl-mock{display:flex;align-items:center;gap:16px}.vinyl{width:84px;height:84px;border-radius:50%;flex-shrink:0;background:repeating-radial-gradient(circle,#182222 0 2px,#22302e 2px 3px),#1b2a29;border:1px solid var(--line-strong);position:relative;box-shadow:0 14px 40px #0006}.vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,transparent 0 40%,#ffffff12 47%,transparent 55%)}.vinyl:after{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--gold);border:3px solid #14282f}.vinyl-label{display:flex;flex-direction:column;gap:8px;min-width:0}.vinyl-label .track{font-family:var(--serif);font-size:14px;color:#eee2c9;letter-spacing:1px}@media(prefers-reduced-motion:no-preference){.vinyl{animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}.trust-strip{border-bottom:1px solid var(--line);padding:22px 0}.trust-strip .page-width{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.trust-strip .label{font-size:12.5px;color:var(--hero-sub);letter-spacing:.5px}.trust-strip .label b{color:var(--heading);font-weight:400;font-family:var(--serif);letter-spacing:1px}.trust-chips{display:flex;gap:10px;flex-wrap:wrap}.trust-chips span{font-family:var(--mono);font-size:9px;letter-spacing:1.8px;color:var(--muted);border:1px solid var(--line-soft);border-radius:20px;padding:6px 13px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:13px;padding:26px 26px 24px;display:flex;flex-direction:column;gap:18px;transition:transform .25s,border-color .25s,box-shadow .25s}.product-card:hover{transform:translateY(-3px);border-color:#cebb7955;box-shadow:0 26px 70px #0005}.product-card .card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.product-card .card-head h3{font-family:var(--serif);font-size:21px;letter-spacing:2px;color:var(--heading)}.product-card .card-sub{font-size:11.5px;color:var(--muted);margin:4px 0 0}.product-card .visual{border:1px solid var(--line-soft);border-radius:9px;background:#0a181f66;padding:18px}.product-card .desc{font-size:12.5px;line-height:1.95;color:var(--hero-sub);margin:0;flex:1}.product-links{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-soft);padding-top:16px}.product-links .enter{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--gold)}.product-links .enter:hover{color:#ffe5ba}.product-links .sub{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#58777a}.product-links .sub:hover{color:var(--muted)}.values-grid{display:grid;grid-template-columns:1fr 1fr}.value-cell{border-top:1px solid var(--line);padding:30px 32px 34px 0;display:flex;flex-direction:column;gap:12px}.value-cell:nth-child(2n){padding-left:32px;padding-right:0}.value-cell:nth-child(3n){border-top-color:#cebb7944}.value-cell .num{font-family:var(--mono);font-size:9px;letter-spacing:2.4px;color:#668b84}.value-cell h3{font-family:var(--serif);font-size:19px;letter-spacing:2px;color:var(--heading)}.value-cell p{font-size:12.5px;line-height:2;color:var(--muted);margin:0;max-width:420px}.about-strip{background:#14282fd9;border:1px solid var(--line-soft);border-radius:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}.about-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 500px 200px at 12% 0%,#e5bb8210,transparent 60%);pointer-events:none}.about-strip p{position:relative;font-size:13.5px;line-height:2.1;color:var(--text);max-width:620px;margin:0}.about-strip .mail{position:relative;font-family:var(--mono);font-size:11px;letter-spacing:1.2px;color:var(--gold)}.about-strip .mail:hover{color:#ffe5ba}.cta{position:relative;overflow:hidden}.cta .page-width{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 560px 300px at 30% 20%,#e5bb8214,transparent 62%),radial-gradient(ellipse 520px 280px at 74% 90%,#4362521f,transparent 60%);pointer-events:none}.cta h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:4px;line-height:1.5}.cta h2 em{font-style:normal;color:var(--gold)}.cta-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.cta .quiet i{display:inline-flex}@media(max-width:1080px){.hero-inner{grid-template-columns:1fr;gap:48px;min-height:0}.constellation{min-height:400px;max-width:560px}}@media(max-width:860px){.product-grid,.values-grid{grid-template-columns:1fr}.value-cell,.value-cell:nth-child(2n){padding:26px 0}.about-strip{padding:30px 24px}.trust-strip .page-width{justify-content:flex-start}}@media(max-width:560px){.constellation{min-height:360px}.glass-panel{padding:12px}.panel-island{bottom:90px}.vinyl{width:64px;height:64px}.hero-copy h1{letter-spacing:2px}}