/* Mac product showroom. Legal pages retain the shared Burn stylesheet. */
.product-page { --bg:#fff; --ink:#1d1d1f; --muted:#62626b; --faint:#73737c; --hair:#e0e1e5; --hair-strong:#c3c4cc; --pad:clamp(20px,5vw,64px); --maxw:1240px; background:var(--bg); color:var(--ink); }
.product-page .head { background:#fffffff0; }
.product-page .head-in { min-height:64px; padding-block:0; }
.product-page .nav { font-size:13px; }
.product-page #main { scroll-margin-top:127px; }
.product-page h1,.product-page h2,.product-page h3 { font-family:var(--grotesk); font-weight:650; letter-spacing:-.045em; }
.product-page h1 { max-width:none; margin:0; font-size:clamp(48px,6vw,78px); line-height:1.03; }
.product-page h2 { max-width:none; font-size:clamp(36px,4.8vw,60px); line-height:1.06; }
.product-page h3 { font-size:clamp(28px,3.6vw,42px); line-height:1.1; }
.product-page a { -webkit-tap-highlight-color:transparent; }
.product-nav { position:sticky; top:65px; z-index:3; border-bottom:1px solid var(--hair); background:#fffffff0; backdrop-filter:blur(16px); }
.product-nav-inner { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.product-name { display:flex; align-items:center; gap:10px; font-weight:650; font-size:20px; letter-spacing:-.03em; }
.product-name img { border-radius:7px; }
.product-name span { font-size:13px; font-weight:400; color:var(--muted); letter-spacing:0; }
.product-links { display:flex; align-items:center; gap:27px; font-size:12px; }
.product-links>a:not(.shop-button):hover { text-decoration:underline; text-underline-offset:4px; }
.shop-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 25px; background:#1d1d1f; color:#fff; border:1px solid #1d1d1f; border-radius:28px; font-size:14px; font-weight:600; line-height:1.5; letter-spacing:-.01em; transition:background .15s; }
.shop-button:hover { background:#3a3a40; border-color:#3a3a40; }
.shop-button.compact { min-height:36px; padding:7px 17px; font-size:12px; }
.shop-link { font-size:15px; font-weight:500; text-decoration:underline; text-underline-offset:5px; }
.shop-actions { display:flex; align-items:center; justify-content:center; gap:28px; margin-top:24px; }
.product-hero { padding:62px 0 0; text-align:center; background:linear-gradient(#fff 52%,#f3f4f6); }
.product-lede { color:var(--muted); font-size:clamp(17px,1.75vw,22px); line-height:1.5; margin:22px auto 0; max-width:46ch; }
.hero-detail { color:var(--muted); font-size:12px; margin-top:15px; }
.product-visual { margin:45px 0 0; }
.macbook { width:90%; max-width:970px; margin-inline:auto; }
.macbook-display { padding:23px 12px 13px; border-radius:23px 23px 3px 3px; background:#16171b; border:2px solid #52545b; position:relative; box-shadow:0 20px 48px #272c3e24; }
.macbook-display img { display:block; width:100%; height:auto; border-radius:4px; }
.camera { position:absolute; top:9px; left:50%; width:5px; height:5px; border-radius:50%; background:#303640; }
.macbook-base { width:108%; height:19px; margin-left:-4%; position:relative; background:linear-gradient(#ebedf0,#afb2b8 60%,#8b8f96); border-radius:1px 1px 45% 45% / 1px 1px 100% 100%; box-shadow:0 13px 25px #24273619; }
.macbook-base span { display:block; width:16%; height:7px; background:#9fa2a9; border-radius:0 0 10px 10px; margin:auto; box-shadow:inset 0 -1px 1px #fff8; }
.product-visual figcaption,.instrument-visual figcaption { margin-top:20px; font-size:11px; color:var(--muted); }
.product-promises { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:45px 0 40px; margin-top:30px; border-top:1px solid #dedfe4; text-align:center; }
.product-promises li { display:grid; gap:4px; }
.product-promises strong { font-size:16px; font-weight:600; }
.product-promises span { font-size:13px; color:var(--muted); }
.product-section { padding:clamp(64px,8vw,104px) 0; scroll-margin-top:150px; }
.section-intro { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:54px; }
.section-intro>p { max-width:39ch; color:var(--muted); font-size:18px; line-height:1.65; }
.feature-split { display:grid; grid-template-columns:1.1fr 1fr; gap:72px; align-items:center; }
.menu-product { margin:0; background:#f2f3f6; border-radius:24px; padding:28px; display:flex; justify-content:center; }
.menu-product img { width:100%; max-width:390px; height:auto; display:block; }
.feature-copy>p { margin-top:22px; max-width:37ch; font-size:17px; color:var(--muted); line-height:1.7; }
.feature-list { display:grid; gap:14px; margin-top:26px; font-size:14px; }
.feature-list li { display:flex; gap:12px; align-items:baseline; }
.feature-list li::before { content:'✓'; color:#353940; font-size:13px; }
.provider-line { margin-top:64px; text-align:center; }
.provider-line p { font-size:16px; font-weight:500; }
.provider-line ul { display:flex; justify-content:center; flex-wrap:wrap; gap:15px 28px; margin:22px 0 18px; font-size:20px; font-weight:550; letter-spacing:-.025em; }
.provider-line>span { font-size:12px; color:var(--muted); }
.instrument-product { background:#15171b; color:#f5f5f7; --muted:#a9abb4; }
.instrument-product .section-intro>p { color:var(--muted); }
.instrument-visual { margin:0; }
.instrument-visual img { display:block; width:100%; height:auto; border-radius:16px; border:1px solid #45464e; box-shadow:0 20px 50px #0004; }
.instrument-visual figcaption { text-align:center; }
.detail-features { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; margin-top:56px; }
.detail-features h3 { font-size:22px; letter-spacing:-.025em; }
.detail-features p { color:var(--muted); font-size:15px; line-height:1.65; margin-top:14px; max-width:30ch; }
.privacy-layout { display:grid; grid-template-columns:.8fr 1fr; gap:60px; align-items:center; max-width:1060px; }
.privacy-symbol { display:grid; place-items:center; color:#1d1d1f; }
.privacy-symbol svg { width:145px; height:160px; }
.privacy-layout p { color:var(--muted); font-size:17px; line-height:1.7; margin:24px 0; max-width:43ch; }
.plans-product { background:#f3f4f6; }
.section-intro.centered { display:block; text-align:center; }
.section-intro.centered p { margin:22px auto 0; max-width:none; }
.plans-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; align-items:stretch; }
.plan-card { padding:37px 22px 24px; border-radius:18px; border:1px solid #dfe0e5; background:#fff; position:relative; display:flex; flex-direction:column; }
.plan-card h3 { font-size:18px; letter-spacing:-.02em; font-weight:600; }
.plan-price { font-size:52px; line-height:1.2; letter-spacing:-.055em; font-weight:650; margin-top:23px; }
.plan-period { color:var(--muted); font-size:13px; }
.plan-desc { color:var(--muted); font-size:13px; line-height:1.8; margin:24px 0; }
.plan-card .shop-button { margin-top:auto; width:100%; padding-inline:12px; font-size:13px; }
.plan-secondary { background:#fff; border-color:#c4c5cc; color:#1d1d1f; }
.plan-secondary:hover { background:#f2f3f6; border-color:#1d1d1f; }
.featured-plan { border:1.5px solid #1d1d1f; }
.plan-note { position:absolute; top:-12px; left:50%; transform:translateX(-50%); width:max-content; font-size:10px; padding:4px 10px; border-radius:20px; background:#1d1d1f; color:#fff; }
.pro-includes { text-align:center; margin-top:32px; font-size:14px; }
.pro-includes strong { font-weight:600; }
.pro-includes p { margin-top:8px; color:var(--muted); }
.purchase-note { max-width:87ch; margin:28px auto 0; text-align:center; font-size:11px; line-height:1.8; color:var(--muted); }
.purchase-note a { text-decoration:underline; text-underline-offset:3px; }
.specs-layout { display:grid; grid-template-columns:.75fr 1.3fr; gap:54px; }
.specs-list { margin:0; font-size:14px; }
.specs-list>div { display:grid; grid-template-columns:145px 1fr; gap:24px; padding:20px 0; border-bottom:1px solid var(--hair); }
.specs-list>div:first-child { padding-top:5px; }
.specs-list dt { font-weight:600; }
.specs-list dd { margin:0; color:var(--muted); }
.final-product { background:#f5f6f8; text-align:center; }
.final-product img { border-radius:18px; display:block; margin:0 auto 28px; }
.final-product p { font-size:18px; color:var(--muted); margin-top:23px; }
.final-product .shop-button { margin-top:28px; }
.final-product span { display:block; color:var(--muted); font-size:12px; margin-top:16px; }
.product-page .foot { font-size:13px; }
@media(max-width:900px) {
  .product-links { gap:16px; }
  .section-intro { gap:28px; }
  .section-intro>p { font-size:16px; max-width:33ch; }
  .feature-split { gap:36px; }
  .menu-product { padding:18px; }
  .plans-grid { grid-template-columns:repeat(2,1fr); gap:22px; }
  .detail-features { gap:24px; }
  .specs-layout { grid-template-columns:1fr; gap:36px; }
}
@media(max-width:600px) {
  .product-nav-inner { gap:8px; min-height:58px; }
  .product-name { font-size:18px; gap:7px; }
  .product-name span { display:none; }
  .product-links>a:not(.shop-button) { display:none; }
  .product-hero { padding-top:44px; }
  .product-lede { max-width:28ch; font-size:17px; }
  .desktop-break { display:none; }
  .shop-actions { gap:20px; }
  .shop-actions .shop-button { padding-inline:18px; }
  .shop-link { font-size:14px; }
  .product-visual { margin-top:36px; }
  .macbook { width:96%; }
  .macbook-display { padding:12px 5px 6px; border-radius:10px 10px 2px 2px; border-width:1px; }
  .camera { width:3px; height:3px; top:5px; }
  .macbook-base { width:104%; margin-left:-2%; height:9px; }
  .macbook-base span { height:4px; }
  .product-visual figcaption { font-size:10px; margin-top:18px; }
  .product-promises { gap:18px; padding:30px 0; margin-top:28px; }
  .product-promises strong { font-size:12px; }
  .product-promises span { font-size:10px; line-height:1.6; }
  .section-intro { display:block; margin-bottom:34px; }
  .section-intro>p { margin-top:22px; max-width:39ch; }
  .feature-split { grid-template-columns:1fr; gap:32px; }
  .menu-product { padding:18px 24px; border-radius:18px; }
  .menu-product img { max-width:320px; }
  .feature-copy h3 { font-size:36px; }
  .feature-copy p { font-size:16px; }
  .provider-line { margin-top:44px; }
  .provider-line ul { font-size:17px; gap:12px 20px; }
  .detail-features { grid-template-columns:1fr; margin-top:36px; gap:28px; }
  .detail-features p { max-width:none; margin-top:10px; }
  .instrument-visual img { border-radius:8px; }
  .privacy-layout { grid-template-columns:1fr; gap:28px; }
  .privacy-symbol { justify-items:start; }
  .privacy-symbol svg { width:70px; height:80px; }
  .privacy-layout p { font-size:16px; }
  .plans-grid { gap:22px 12px; }
  .plan-card { padding:28px 14px 18px; border-radius:13px; }
  .plan-card h3 { font-size:15px; }
  .plan-price { font-size:44px; }
  .plan-desc { font-size:11px; }
  .plan-card .shop-button { font-size:11px; padding-inline:5px; min-height:44px; }
  .plan-note { font-size:8px; padding-inline:5px; }
  .specs-list>div { grid-template-columns:105px 1fr; gap:16px; font-size:12px; }
  .final-product p { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { .shop-button { transition:none; } }