/* Charcoal identity, quiet surfaces and edition-specific accents. */
:root{--ink:#2d2d2d;--muted:#656763;--line:#dedfdb;--soft:#ebede9;--green:#3d765b;--pink:#b85f83;--blue:#4778b8}
body{background:#fff}header{background:#fffffff5;backdrop-filter:blur(16px)}
.button:hover{background:#3b3b36}.nav-links a:hover,.support>a{color:var(--ink)}
.laptop .screen,.product .screen,.bundle-item .screen{width:92%!important;border:clamp(3px,.45cqw,6px) solid #171717!important;border-bottom-width:clamp(5px,.8cqw,10px)!important;border-radius:clamp(7px,1.1cqw,14px) clamp(7px,1.1cqw,14px) 2px 2px!important;box-shadow:0 0 0 1px #777,0 12px 25px #0000000c}
.laptop .laptop-base,.bundle-item .laptop-base{width:97%;height:clamp(5px,1.1cqw,12px);margin:0 auto;border-radius:1px 1px 8px 8px;box-shadow:inset 0 -2px 2px #0002,0 7px 9px -7px #0005}
.laptop .laptop-base::after{height:1px;bottom:-1px}.laptop .screen::before{width:9%;left:45.5%;height:clamp(3px,.6cqw,7px)}
.editions .section-head{display:block;text-align:center;margin-bottom:42px}.editions .section-head>p{margin:18px auto 0;max-width:540px}.editions .section-head h2{font-weight:650}
.product-grid{gap:22px}.product{--accent:var(--green);--tint:#e8eee8;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-align:left;box-shadow:0 5px 18px #20201e04;transition:transform .25s,box-shadow .25s}
.product.pink{--accent:var(--pink);--tint:#f4e8ee}.product.blue{--accent:var(--blue);--tint:#e8eef5}
.product:hover{transform:translateY(-4px);box-shadow:0 16px 35px #20201e0b}
.product .laptop{padding:38px 18px 30px;background:var(--tint);border-bottom:1px solid var(--line)}
.product-copy{padding:27px;display:flex;flex-direction:column;flex:1}.product-title{flex-direction:row;justify-content:space-between;align-items:center}.product h3{font-size:22px}.product-title strong{font-size:25px;letter-spacing:-1px}
.product-copy>p{max-width:none;margin:16px 0 26px;min-height:72px;line-height:1.7}.product .button{width:100%;margin-top:auto;padding:12px 16px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;font-size:13px;min-height:46px;justify-content:space-between}.product .button:hover{background:var(--accent);border-color:var(--accent);color:white;text-decoration:none}
.bundle{background:#20201e;color:#f7f7f5;border-radius:24px;margin-top:16px}.bundle .eyebrow{color:#c7c7be}.bundle-copy>p:not(.eyebrow):not(.small-note){color:#ebebe5}.bundle .small-note,.bundle-price span,.bundle-item figcaption span{color:#bebeb5}.bundle .button{background:#f7f7f5;color:#20201e;border-color:#f7f7f5}.bundle .button:hover{background:#e3e3dc}.bundle-item figcaption{color:#f7f7f5}
.faq-list{background:var(--soft)}.style-switch button[aria-selected=true]{background:var(--soft);border-color:var(--line)}.support{margin-top:10px}
.bundle{background:var(--ink)}
.walkthrough .section-head{display:block;text-align:center;margin-bottom:36px}.walkthrough .section-head>p{max-width:520px;margin:18px auto 0}.walkthrough h2{font-weight:600}
.inside-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.inside-card{min-width:0;background:var(--soft);border-radius:18px;overflow:hidden;padding:28px 22px 20px}.step-label{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:650}.inside-copy h3{font-size:23px;margin:14px 0 12px}.inside-copy>p{font-size:14px;line-height:1.7;color:var(--muted);min-height:96px}.inside-preview{border:4px solid #2d2d2d;border-radius:8px;overflow:hidden;margin-top:18px;box-shadow:0 8px 18px #0000000c}.inside-preview img{width:100%;aspect-ratio:1.65;object-fit:contain;background:#191919}.inside-caption{font-size:11px;color:var(--muted);margin-top:14px;text-align:center}.inside-note{font-size:13px;color:var(--muted);text-align:center;max-width:660px;margin:24px auto 0}
@media(max-width:850px){.inside-grid{grid-template-columns:1fr;max-width:580px;margin:auto}.inside-copy>p{min-height:0}.inside-card{padding:26px}.inside-copy h3{font-size:24px}.inside-note{max-width:500px}}
@media(max-width:760px){.product-grid{gap:24px}.product-copy{padding:24px}.product-copy>p{min-height:0}.product .laptop{padding:30px 20px 25px}.product h3{font-size:23px}.editions .section-head{margin-bottom:28px}.bundle{margin-top:0}.laptop .laptop-base{height:7px}}
.inside-gallery{background:var(--soft);padding:30px 40px 24px;border-radius:28px}.inside-editions{justify-content:center;margin:0 auto}.inside-editions button[aria-selected=true]{background:#fff;border-color:#d9dcd6}.inside-edition-note{text-align:center;color:var(--muted);font-size:14px;margin:18px 0 28px}.ipad-shell{position:relative;max-width:900px;margin:auto;background:#202020;border:2px solid #777;border-radius:30px;padding:17px 20px;box-shadow:0 22px 38px -24px #0007,inset 0 0 0 1px #050505}.ipad-shell:before{content:"";position:absolute;left:7px;top:50%;width:4px;height:4px;background:#39434e;border-radius:50%}.ipad-display{display:block;width:100%;border:0;border-radius:14px;overflow:hidden;background:#191919;padding:0;cursor:zoom-in}.ipad-display img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:contain}.inside-navigation{display:flex;justify-content:center;align-items:center;gap:24px;margin:26px 0 20px}.inside-navigation button{width:38px;height:38px;border:1px solid #d5d7d2;border-radius:50%;background:#fff;color:var(--ink);font-size:19px;cursor:pointer}.inside-navigation p{min-width:180px;text-align:center;font-size:14px;margin:0}.inside-navigation p span{color:var(--muted);margin-left:10px}.inside-pages{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.inside-pages button{font:inherit;font-size:13px;border:1px solid transparent;border-radius:30px;background:transparent;color:var(--muted);padding:10px 16px;cursor:pointer;transition:background .2s,color .2s}.inside-pages button[aria-pressed=true]{background:var(--ink);color:#fff}.inside-pages button:hover{border-color:#bbb}.inside-description{max-width:570px;text-align:center;margin:20px auto 0;font-size:15px;line-height:1.7;color:var(--muted);min-height:52px}.inside-gallery .inside-note{font-size:12px;margin-top:12px}.inside-gallery button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:600px){.inside-gallery{padding:22px 12px;border-radius:18px}.ipad-shell{padding:9px 12px;border-radius:17px}.ipad-display{border-radius:8px}.ipad-shell:before{left:4px;width:3px;height:3px}.inside-pages{gap:2px}.inside-pages button{padding:9px 11px;font-size:12px}.inside-description{font-size:14px;padding:0 8px}.inside-navigation{gap:12px;margin-top:20px}.inside-navigation p{min-width:156px}}
@media(prefers-reduced-motion:reduce){.product,.inside-pages button{transition:none}.product:hover{transform:none}}