/* /sponsor only. One column: the Mac, two pickers, one price. */
.spn{max-width:720px;margin:0 auto;padding:34px 16px 70px;font-size:15px;line-height:1.45}
.spn h1{font:500 50px/1.02 var(--serif);margin:0 0 8px;text-align:center}.spnsub{text-align:center;font-size:18px;color:var(--mute);margin:0 0 24px}
.spn h1,.spnsub,.spnmac{animation:spnup .48s var(--ease) backwards}.spnsub{animation-delay:.07s}.spnmac{animation-delay:.14s}@keyframes spnup{from{opacity:0;transform:translateY(12px)}}
.spn *{box-sizing:border-box}.spn fieldset{border:0;margin:0;padding:0;min-width:0}.spn legend{padding:0}
.spn [id]{scroll-margin-top:14px}
.spnmac{position:relative;width:100%;margin:0 auto 12px;background:linear-gradient(160deg,#f1e8d2,#d9ccab);border-radius:16px;padding:14px 14px 0;box-shadow:inset -2px -2px 0 rgba(0,0,0,.07),inset 2px 2px 0 rgba(255,255,255,.6),5px 8px 0 #cbbf9f}.spnscr{position:relative;width:100%;aspect-ratio:1280/760;background:var(--paper);border:3px solid #2a2820;border-radius:9px;overflow:hidden}.spnchin{display:flex;align-items:center;justify-content:space-between;padding:11px 4px 13px}.spnlg{width:22px;height:11px;border-radius:2px;background:linear-gradient(90deg,var(--g) 0 16.6%,var(--y) 0 33.3%,var(--o) 0 50%,var(--r) 0 66.6%,var(--v) 0 83.3%,var(--b) 0)}.spnslot{width:44%;height:6px;background:#3a382e;border-radius:3px}
.spnpic{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;will-change:opacity}.spnpic.on{opacity:1}.spnzoom{position:absolute;inset:0;transform-origin:0 0;transition:transform 1.25s cubic-bezier(.45,0,.15,1);will-change:transform}.spnzoom img{display:block;width:100%;height:100%;object-fit:cover}.spnring{position:absolute;border-radius:10px;box-shadow:0 0 0 2.500px #e0a91f,0 0 0 2000px rgba(29,28,24,.34);opacity:0;transition:opacity .5s ease .55s}.spnpic.on .spnring{opacity:1}
.spncap{min-height:66px;margin:18px 0 32px;display:flex;gap:14px;align-items:flex-start}.spncap>div:first-child{flex:1}.spncap b{display:block;font:500 25px/1.1 var(--serif)}.spncap span{color:var(--mute)}.spndots{display:flex;gap:7px;padding-top:7px}.spndots button{appearance:none;padding:0;cursor:pointer;width:12px;height:12px;border:1.500px solid var(--ink);border-radius:3px;background:var(--paper);transition:transform .25s var(--spring),background .2s}.spndots button.on{background:var(--o);transform:scale(1.2)}
.spnq{font-weight:600;margin:0 0 10px}.spn fieldset.spnstep{margin-bottom:28px}
.spntiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.spnt{position:relative;display:block;cursor:pointer}.spnt input{position:absolute;opacity:0;pointer-events:none}.spnt>span{display:block;height:100%;padding:13px;background:var(--paper);border:1.500px solid var(--ink);border-radius:11px;transition:transform .22s var(--spring),box-shadow .22s}.spnt:hover>span{transform:translateY(-2px)}.spnt input:checked+span{background:#fff;box-shadow:3px 3px 0 var(--ink)}.spnt input:focus-visible+span{outline:2px solid var(--b);outline-offset:2px}.spnt strong{display:block;font:500 23px/1.1 var(--serif);margin-bottom:3px}.spnt em{display:block;font-style:normal;font-size:13.500px;color:var(--mute);min-height:78px}.spnt small{display:block;font-size:12.500px;margin-top:6px;font-weight:500}
.spnseg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--box);border:1.500px solid var(--ink);border-radius:11px;padding:3px}.spnthumb{position:absolute;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/3);background:var(--paper);border:1.500px solid var(--ink);border-radius:8px;transform:translateX(100%);transition:transform .42s var(--ease);will-change:transform}.spnseg label{position:relative;display:block;text-align:center;padding:10px 4px;cursor:pointer;font-weight:500}.spnseg input{position:absolute;opacity:0;pointer-events:none}.spnseg input:focus-visible+span{outline:2px solid var(--b);outline-offset:3px;border-radius:4px}
.spngets{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:7px;font-size:14.500px}.spngets li{display:flex;gap:8px}.spngets li:before{content:"\2713";flex:none;width:17px;height:17px;margin-top:2px;border-radius:4px;background:var(--g);color:#fff;font:700 11px/17px var(--sans);text-align:center}
.spnpay{background:var(--paper);border:1.500px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--box);padding:17px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.spnpr{flex:1 1 220px}.spnamt{font:500 46px/1 var(--serif);display:inline-block;will-change:transform,opacity}.spnper{color:var(--mute);font-size:13.500px;margin-left:5px}.spnsum{font-size:14px;margin-top:4px}.spnbuy{display:inline-flex;align-items:center;height:50px;padding:0 24px;background:var(--ink);color:var(--paper);border-radius:10px;font:600 16px var(--sans);transition:transform .2s var(--spring);text-decoration:none}.spnbuy:hover{transform:translateY(-2px)}.spnbuy:active{transform:scale(.97)}.spnbuy.off{background:var(--box2);color:var(--ink);transform:none;cursor:default}.spnlater{display:block;width:100%;font-size:13.500px;color:var(--mute);padding-top:10px;border-top:1px solid var(--box)}
.spnall{width:100%;margin-top:20px;border-collapse:collapse;background:var(--paper);font-size:14px}.spnall caption{font:500 24px var(--serif);text-align:left;margin-bottom:6px}.spnall th,.spnall td{padding:8px;border:1px solid var(--line);text-align:left}.spnall small{display:block;font-weight:400;color:var(--mute)}
.spnok{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 0}.spnok div{font-size:13.500px;color:var(--mute)}.spnok b{display:block;font:500 20px/1.15 var(--serif);margin-bottom:2px;color:var(--ink)}
.spnh{font:500 30px/1.1 var(--serif);margin:34px 0 4px}.spnhs{color:var(--mute);margin:0 0 14px}.spnnote{margin:10px 0 0;font-size:13.500px}
.spntoday{background:var(--paper);border:1.500px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--box);overflow:hidden}
.spnlt{flex:1;min-width:0}.spnlt b{display:block;font:500 20px/1.15 var(--serif)}.spnlt small{display:block;font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spnlr{display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--box);color:var(--ink)}.spnln{font:10px var(--pixel);color:var(--mute);width:10px}.spnlr .icon{flex:none}.spnlv{display:flex;flex-direction:column;align-items:center;gap:2px;width:40px;padding:6px 0;background:var(--ink);color:var(--paper);border-radius:7px;font:9px var(--pixel)}.spnlv i{width:0;height:0;border:4px solid transparent;border-bottom:6px solid var(--paper);border-top:0}.spntf{margin:0;padding:9px 14px;border-top:1px solid var(--box);font-size:12.500px;color:var(--mute)}
.spnhow{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spnhow li{font-size:13.500px;color:var(--mute)}.spnhow i{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:var(--ink);color:var(--paper);border-radius:7px;font:11px var(--pixel);margin-bottom:7px}.spnhow b{display:block;color:var(--ink);font:500 20px/1.15 var(--serif);margin-bottom:2px}
.spnfaq{border-top:1.500px solid var(--ink);margin:10px 0 28px}.spnqa{border-bottom:1px solid #cfc7b3}.spnqa button{box-sizing:border-box;appearance:none;border:0;background:none;color:inherit;text-align:left;display:flex;justify-content:space-between;gap:12px;width:100%;padding:13px 2px;cursor:pointer;font:500 15px var(--sans)}.spnqa button:after{content:"+";flex:none;font-size:19px;line-height:1;transition:transform .32s var(--spring)}.spnqa.open button:after{transform:rotate(45deg)}.spnans{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s var(--ease),opacity .26s;visibility:hidden}.spnans>div{overflow:hidden;min-height:0;color:var(--mute);font-size:14.500px}.spnqa.open .spnans{grid-template-rows:1fr;opacity:1;padding-bottom:13px;visibility:visible}
.spnfoot{text-align:center;font-size:14.500px}
@media (max-width:560px){.spn{padding-top:24px}.spn h1{font-size:40px}.spntiers,.spnhow,.spnok{grid-template-columns:1fr}.spnt em{min-height:0}.spnpay .spnbuy{width:100%;justify-content:center}.spncap{flex-direction:column;gap:2px}.spnmac{padding:8px 8px 0}.spnchin{padding:7px 3px 9px}}
@media (prefers-reduced-motion:reduce){.spn h1,.spnsub,.spnmac{animation:none}.spnzoom,.spnpic,.spnring,.spnthumb,.spnans,.spnt>span{transition-duration:.01s;transition-delay:0s}}
/* The live floppy demo in the Mac, and the try-it preview */
.spndemo{background:var(--cream)}.spnscene{position:absolute;inset:0;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;background:var(--cream)}.spnscene .mac{position:relative!important;top:auto;right:auto;display:block;flex:none;cursor:default;animation:none;z-index:1}.spnscene .shelfbox{position:relative;z-index:1;align-items:center;margin-top:16px}.spnscene .flopcard{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.spnbands{position:absolute;top:-2px;bottom:-2px;right:-12%;width:38%;display:flex;transform:skewX(-24deg)}.spnbands i{flex:1}.spnbands i:nth-child(1){background:var(--g)}.spnbands i:nth-child(2){background:var(--y)}.spnbands i:nth-child(3){background:var(--o)}.spnbands i:nth-child(4){background:var(--r)}.spnbands i:nth-child(5){background:var(--v)}.spnbands i:nth-child(6){background:var(--b)}
.flophosted{position:absolute;z-index:5}
.spntry{margin-top:18px;padding:14px;background:var(--paper);border:1.500px solid var(--box);border-radius:12px}.spntry .spnq{margin-bottom:2px}.spntry .spnhs{font-size:13.500px;margin-bottom:10px}.spntryscene{position:relative;inset:auto;padding:18px 0;border-radius:9px}
.spntoday .sponsored{margin:10px}.spntoday .sponsored .sp-why{text-decoration:none}
.spnrow.spnshine:after{transition:transform .9s cubic-bezier(.45,0,.3,1);transform:translateX(100%)}
@media (max-width:899px){.spnscene .mac{width:92px}.spnscene .shelfbox{margin-top:8px}.spntryscene{padding:14px 0}}
/* The hand review tick, on Featured for 7 days */
.spnopt{font-weight:400;color:var(--mute)}.spnrv{position:relative;display:block;cursor:pointer}.spnrv input{position:absolute;left:14px;top:21px;width:20px;height:20px;margin:0;accent-color:var(--ink);z-index:1}.spnrvb{display:block;--c:#3e8fd6;background:var(--paper);border:1.500px solid var(--ink);border-radius:4px 14px 4px 4px;overflow:hidden;transition:transform .22s var(--spring),box-shadow .22s,background .2s}.spnrv:hover .spnrvb{transform:translateY(-2px)}.spnrv input:checked~.spnrvb{background:#fff;box-shadow:3px 3px 0 var(--ink)}.spnrvin{display:block;padding:11px 14px 13px 44px}.spnrvin strong{display:block;font:500 23px/1.15 var(--serif)}.spnrvin em{display:block;font-style:normal;font-size:13.500px;color:var(--mute);margin-top:2px}.spnrvin small{display:block;margin-top:6px;font-size:12.500px;font-weight:500}.spnrv.off{cursor:default}.spnrv.off:hover .spnrvb{transform:none}.spnrv.off .spnrvb{background:var(--box);border-style:dashed}.spnrvsw{display:inline-block;margin-top:9px;font-size:14px;appearance:none;background:none;border:0;padding:0;cursor:pointer;color:inherit}.spnrvsw[hidden]{display:none}.spnrvno{margin:0 0 14px;font-size:14px;color:var(--mute)}