:root{color-scheme:dark;--bg:#0b0b16;--card:#161526;--ink:#f5f0e8;--muted:#c7bfd5;--gold:#e0c891;--line:#393349}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#302044 0,transparent 48%),var(--bg);color:var(--ink);font:18px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--gold);text-underline-offset:4px}a:hover{color:white}a:focus-visible,summary:focus-visible{outline:3px solid #c6b4ff;outline-offset:5px}header,main,footer{width:min(100% - 40px,960px);margin:auto}header{padding:28px 0;display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:650;letter-spacing:.03em}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:16px}main{padding:64px 0 80px}h1{font:500 clamp(2.6rem,8vw,5rem)/1.05 Georgia,serif;letter-spacing:-.035em;margin:14px 0 28px;max-width:820px}h2{font-size:1.45rem;line-height:1.3;margin:32px 0 12px}p{max-width:760px}small,.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.18em;color:var(--gold)}.lead{font-size:clamp(1.15rem,3vw,1.4rem);color:var(--muted);max-width:730px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:38px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.card h2{margin-top:0}.button{display:inline-block;padding:11px 18px;border:1px solid var(--gold);border-radius:9px;text-decoration:none;margin-top:12px}details{border-bottom:1px solid var(--line);padding:20px 0;max-width:800px}summary{cursor:pointer;font-weight:650}details p{color:var(--muted)}.notice{border-left:3px solid var(--gold);padding:4px 0 4px 22px;color:var(--muted);margin:34px 0}footer{border-top:1px solid var(--line);padding:28px 0 44px;font-size:14px;color:var(--muted)}ul,ol{padding-left:25px;max-width:760px}li{margin:8px 0}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:12px}.cards{grid-template-columns:1fr}main{padding-top:44px}.card{padding:22px}nav{gap:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Nocturne product presentation · 2026-11-02 */
:root{--gold:#d9d3c7;--muted:#c2bdce;--line:#373342;--card:#14141f}body{background:radial-gradient(ellipse at 88% 2%,#30213e55,transparent 42%),radial-gradient(ellipse at 0 70%,#18242d44,transparent 45%),#0a0b12}header,main,footer{width:min(100% - 48px,1120px)}header{padding:24px 0;gap:22px}.brand{display:inline-flex;flex-direction:column;font-size:16px;letter-spacing:.12em}.brand small{font-size:10px;letter-spacing:.16em;font-weight:400;margin-top:3px;text-transform:uppercase}nav{gap:8px 22px}nav a{padding:9px 0;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}nav a:hover,nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}a:focus-visible{outline:2px solid #d6caff;outline-offset:5px}.skip-link{position:absolute;top:-100px;left:24px;z-index:5;padding:12px;background:#eee;color:#111}.skip-link:focus{top:8px}main{padding-top:56px}.hero{padding:20px 0 66px;border-bottom:1px solid var(--line);margin-bottom:56px}.hero h1{max-width:1000px;font-size:clamp(2.7rem,6.3vw,5rem);line-height:1.1}.hero h1 em{font-weight:400;color:#cbc1db}.hero .lead{max-width:780px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.button{min-height:48px;border-color:#7d7589;border-radius:6px;margin-top:0;display:inline-flex;align-items:center;gap:15px;font-size:16px}.primary{background:#d9d3c7;color:#14131b;border-color:#d9d3c7}.primary:hover{background:#fff;color:#14131b}.hero-note{font-size:13px;color:var(--muted);margin-top:24px}.section-title{font:400 clamp(1.8rem,3.5vw,2.7rem)/1.2 Georgia,serif;margin:10px 0 24px}.feature-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border-radius:8px;padding:25px;background:linear-gradient(140deg,#1c1924aa,#10121c)}.step{font-size:11px;letter-spacing:.15em;color:#c7b9d5}.card h3{font:400 1.6rem/1.2 Georgia,serif;margin:24px 0 18px}.card p{font-size:16px;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:48px 0;border-top:1px solid var(--line);margin-top:56px}.split-section p{font-size:16px}.text-link{display:inline-block;padding:8px 0;min-height:44px}.compatibility{margin:16px 0 40px}.compatibility p{max-width:900px}.help-section{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:60px}.help-section p{font-size:16px;max-width:690px}.help-section .button{flex-shrink:0}.footer-grid{display:flex;justify-content:space-between;gap:32px}.footer-grid nav{max-width:470px;gap:4px 24px}.footer-grid p{font-size:14px}.footer-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:12px}section[id]{scroll-margin-top:28px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;gap:12px}.feature-cards,.split-section{grid-template-columns:1fr}.split-section{gap:8px}.hero{padding-top:0;margin-bottom:40px}.help-section,.footer-grid{flex-direction:column;align-items:flex-start}.feature-cards .card h3{margin-top:14px}.hero h1{font-size:clamp(2.5rem,9vw,4rem)}}@media(max-width:420px){header,main,footer{width:calc(100% - 32px)}nav{gap:4px 16px;font-size:14px}.actions{gap:10px}.button{padding:12px 14px;font-size:14px}}
footer{padding-bottom:96px}