:root { color-scheme: light; --ink:#191a19; --muted:#777a76; --line:#dedfdb; --paper:#f8f8f6; --accent:#d4ff35; font-family: Arial, Helvetica, sans-serif; font-synthesis:none; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; cursor:pointer; }
.topbar { height:68px; padding:0 5vw; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; background:var(--paper); }
.wordmark { font-size:16px; font-weight:800; letter-spacing:.17em; }
nav { display:flex; gap:32px; font-size:13px; }
.cart-trigger { border:0; background:none; padding:10px 0 10px 12px; font-size:13px; }
#cart-count { display:inline-grid; place-items:center; margin-left:7px; min-width:20px; height:20px; border-radius:50%; background:var(--accent); font-size:11px; font-weight:700; }
.product { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:9vw; align-items:center; padding:8vh 10vw 9vh; border-bottom:1px solid var(--line); }
.product-visual { min-height:410px; display:flex; flex-direction:column; justify-content:center; background:#eceee8; padding:9%; }
.plugin-window { width:100%; max-width:590px; margin:auto; padding:18px; background:#222523; color:#e8eae5; box-shadow:0 15px 40px #171b1930; font-family:Arial,sans-serif; }
.plugin-top,.plugin-bottom { display:flex; justify-content:space-between; font-size:9px; letter-spacing:.12em; }
.plugin-top span:first-child { font-weight:700; letter-spacing:.18em; }
.waveform { height:76px; display:flex; align-items:center; justify-content:space-around; margin:20px 0; border-top:1px solid #ffffff1c; border-bottom:1px solid #ffffff1c; }
.waveform i { width:3px; height:var(--h,22px); background:#d4ff35; border-radius:2px; }
.waveform i:nth-child(3n) { --h:44px; }.waveform i:nth-child(3n+1) { --h:30px; }.waveform i:nth-child(4n) { --h:54px; }.waveform i:nth-child(5n) { --h:16px; }
.plugin-controls { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; color:#aeb3ad; font-size:8px; letter-spacing:.1em; }
.curve { height:72px; display:flex; align-items:flex-end; justify-content:space-around; margin:12px 0 20px; border-bottom:1px solid #555b56; }
.curve b { width:12%; height:var(--h,14px); border-top:2px solid #d4ff35; transform:skewY(-15deg); }
.curve b:nth-child(2),.curve b:nth-child(3) { --h:39px; }.curve b:nth-child(4) { --h:29px; }.curve b:nth-child(5) { --h:19px; }
.visual-caption { margin:16px 0 0; color:#5d605c; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.product-info { max-width:440px; }
.eyebrow { margin:0 0 18px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.16em; }
h1 { margin:0 0 16px; font-size:clamp(46px,6vw,76px); font-weight:500; letter-spacing:-.065em; }
.lead { margin:0 0 18px; max-width:400px; font-size:21px; line-height:1.35; letter-spacing:-.025em; }
.body-copy { max-width:390px; color:#686b67; font-size:14px; line-height:1.7; }
.purchase-box { margin:32px 0 20px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.purchase-box strong { display:block; font-size:16px; }
.subtle { display:block; margin-top:6px; color:var(--muted); font-size:11px; }
.primary-button { min-height:46px; border:0; padding:0 20px; background:var(--accent); color:var(--ink); font-size:12px; font-weight:700; transition:filter .15s ease; }
.primary-button:hover { filter:brightness(.94); }
.quick-facts { display:grid; gap:9px; margin:22px 0 0; padding:0; list-style:none; color:#5f625e; font-size:12px; }
.quick-facts li::before { content:'✓'; margin-right:10px; color:#3d4c16; }
.details { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; padding:10vh 15vw; border-bottom:1px solid var(--line); }
.details h2 { margin:0; max-width:270px; font-size:38px; font-weight:500; letter-spacing:-.05em; }
.feature-list article { display:grid; grid-template-columns:38px 1fr; gap:20px; padding:0 0 22px; margin:0 0 22px; border-bottom:1px solid var(--line); }
.feature-list article:last-child { border:0; margin:0; padding:0; }
.feature-list article>span { color:var(--muted); font-size:11px; }
.feature-list h3 { margin:0 0 7px; font-size:15px; font-weight:600; }
.feature-list p { max-width:470px; margin:0; color:#686b67; font-size:13px; line-height:1.65; }
.compatibility { padding:56px 10vw 62px; text-align:center; }
.compatibility .eyebrow { margin-bottom:14px; }.compatibility p:not(.eyebrow) { margin:0 0 9px; font-size:14px; }.compatibility small { color:var(--muted); font-size:11px; }
footer { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 5vw; border-top:1px solid var(--line); color:var(--muted); font-size:11px; } footer .wordmark { color:var(--ink); font-size:12px; }
dialog { width:min(440px,calc(100% - 28px)); max-height:85vh; padding:0; border:1px solid var(--line); color:var(--ink); background:var(--paper); box-shadow:0 20px 70px #0003; }
dialog::backdrop { background:#1117; }.cart-head { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--line); }.cart-head h2 { margin:0; font-size:20px; font-weight:500; }.icon-button { border:0; background:none; font-size:26px; line-height:1; }
#cart-content { padding:18px 22px; }.cart-empty { color:var(--muted); font-size:13px; }.cart-line { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; }.cart-line strong { display:block; margin-bottom:5px; }.cart-line small { color:var(--muted); }.quantity-control { display:flex; align-items:center; gap:10px; }.quantity-control button { width:28px; height:28px; border:1px solid var(--line); background:transparent; }
.cart-footer { padding:18px 22px 22px; border-top:1px solid var(--line); }.cart-footer p { display:flex; justify-content:space-between; gap:10px; margin:0 0 18px; font-size:12px; }.cart-footer p strong { text-align:right; }.cart-footer .primary-button { width:100%; }.cart-footer small { display:block; margin-top:12px; color:var(--muted); text-align:center; line-height:1.5; }
.toast { position:fixed; bottom:20px; left:50%; transform:translate(-50%,12px); padding:12px 16px; background:var(--ink); color:#fff; font-size:12px; opacity:0; pointer-events:none; transition:all .18s ease; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:800px) { .product { grid-template-columns:1fr; gap:36px; padding:5vh 6vw 7vh; }.product-info { max-width:none; }.product-visual { min-height:300px; }.details { grid-template-columns:1fr; gap:34px; padding:7vh 8vw; } }
@media (max-width:500px) { .topbar { height:58px; padding:0 5vw; } nav { gap:16px; } .product-visual { min-height:240px; padding:7%; }.plugin-window { padding:12px; }.purchase-box { align-items:flex-start; flex-direction:column; }.purchase-box .primary-button { width:100%; } footer { padding:18px 5vw; flex-wrap:wrap; } footer span { order:3; flex-basis:100%; } }