@font-face{font-family:"Bricolage";src:url(fonts/bricolage-grotesque.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--paper:#f5f3ec;--white:#fffefa;--ink:#101412;--ink2:#1b211e;--mute:#5c645f;--line:#dfdccf;--mint:#6fe3a8;--green:#0c6b45;--radius:16px;
--head:"Bricolage",ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Inter",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}a{color:var(--green)}
:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--head);line-height:1.08;letter-spacing:-.02em;margin:0;font-weight:650;text-wrap:balance}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.muted{color:var(--mute)}.small{font-size:14px}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--white);padding:8px 12px;z-index:10}
.notice{background:var(--mint);color:var(--ink);text-align:center;font-size:14px;font-weight:500;padding:8px 16px}
.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:68px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.logo{font:600 21px/1 var(--mono);color:var(--ink);text-decoration:none;letter-spacing:-.03em;white-space:nowrap}.logo b{color:var(--green);font-weight:700}.caret{color:var(--green)}
nav{display:flex;gap:4px 20px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:500}nav a:hover{color:var(--green)}
.btn{display:inline-block;background:var(--ink);color:var(--white);border:2px solid var(--ink);border-radius:999px;padding:13px 26px;font:600 16px/1.2 "Inter",sans-serif;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px);background:var(--green);border-color:var(--green)}.btn.ghost{background:transparent;color:inherit;border-color:currentColor}.btn.ghost:hover{background:transparent;color:inherit;opacity:.75}
.btn.wide{width:100%;text-align:center;padding:16px}.btn.small{padding:6px 14px;font-size:14px}.btn:disabled,.btn:disabled:hover{background:var(--line);border-color:var(--line);color:var(--mute);cursor:not-allowed;transform:none}
.hero{background:var(--ink);color:var(--white);overflow:hidden}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:88px;padding-bottom:96px}
.eyebrow{font:500 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin:0 0 18px}.hero .eyebrow{color:var(--mint)}
.hero h1{font-size:clamp(42px,5.6vw,72px);font-weight:700;letter-spacing:-.035em;line-height:1}.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;max-width:56ch;margin:22px 0 0}.hero .lead{color:#c3cbc6}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero .btn{background:var(--mint);border-color:var(--mint);color:var(--ink)}.hero .btn:hover{background:var(--white);border-color:var(--white)}.hero .btn.ghost{background:transparent;color:var(--white);border-color:#55605a}
.laptop{transform:perspective(1400px) rotateY(-9deg) rotateX(3deg);filter:drop-shadow(0 40px 50px rgba(0,0,0,.5))}
.lid{background:#050706;border:10px solid #2a312d;border-radius:16px 16px 4px 4px;aspect-ratio:16/10.4;padding:clamp(14px,2.2vw,28px);overflow:hidden}
.base{height:16px;background:linear-gradient(#3c4540,#262c29);border-radius:0 0 18px 18px;margin:0 -28px;position:relative}.base::after{content:"";position:absolute;left:50%;top:0;width:18%;height:6px;transform:translateX(-50%);background:#1a1f1c;border-radius:0 0 8px 8px}
.boot{margin:0;font:clamp(11px,1.28vw,16px)/1.85 var(--mono);color:#b7c4bc;white-space:normal}.boot span{display:block;white-space:pre;opacity:0;animation:line .3s forwards}.boot i{font-style:normal;color:var(--mint)}
.boot span:nth-child(1){animation-delay:.2s}.boot span:nth-child(2){animation-delay:.7s}.boot span:nth-child(3){animation-delay:1.1s}.boot span:nth-child(4){animation-delay:1.5s}.boot span:nth-child(5){animation-delay:1.9s}.boot span:nth-child(6){animation-delay:2.3s}.boot span:nth-child(7){animation-delay:2.8s}
.boot .ready{color:var(--mint);margin-top:.7em;font-weight:600}.cursor{display:inline-block;width:.6em;height:1.05em;background:var(--mint);vertical-align:-.15em;margin-left:.3em;animation:blink 1s steps(2) infinite}
@keyframes line{to{opacity:1}}@keyframes blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.boot span{animation:none;opacity:1}.cursor{animation:none}.btn{transition:none}}
.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:64px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.promises .num{font:500 14px var(--mono);color:var(--green)}.promises h2{font-size:25px;margin:10px 0 8px}.promises p{margin:0;color:var(--mute)}
.shelf{padding-top:64px;padding-bottom:88px}.shelf-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px}.shelf-head h2{font-size:clamp(30px,3.6vw,44px)}.shelf-head a{font-weight:600}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,20,18,.11)}.pic{position:relative;aspect-ratio:1;background:#e9e6da;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .pic img{transform:scale(1.035)}
.tag{position:absolute;left:10px;top:10px;background:var(--ink);color:var(--white);font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px}
.card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.card h3{font-size:19px;line-height:1.2}.spec{margin:0;color:var(--mute);font-size:14px;line-height:1.4}
.card-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:10px}.price{font:700 21px "Inter",sans-serif;letter-spacing:-.02em}.cond{font-size:13px;color:var(--green);font-weight:600}
.empty{background:var(--white);border:1px dashed #c6c2b1;border-radius:var(--radius);padding:64px 24px;text-align:center}.empty h2{font-size:30px;margin:8px 0}.empty p{margin:0 auto;color:var(--mute);max-width:46ch}.caret.big{font:600 30px var(--mono);display:block}
.listing{padding-top:44px;padding-bottom:88px}.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.list-head h1{font-size:clamp(36px,5vw,56px)}.list-head p{margin:6px 0 0}
.sorter{display:flex;align-items:center;gap:8px;font-size:14px}.sorter select{font:inherit;padding:8px 10px;border:1px solid var(--line);background:var(--white);border-radius:8px;color:inherit}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 26px}.chip{padding:7px 15px;border:1px solid var(--line);border-radius:99px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;background:var(--white)}.chip small{color:var(--mute)}.chip.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.chip.on small{color:#b7c4bc}
.listing>.grid,.listing>.empty{margin-top:26px}
.product{padding-top:24px;padding-bottom:88px}.crumbs{font-size:14px;color:var(--mute);margin:0 0 18px}.crumbs a{color:inherit}
.product-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:start}
.main-photo{background:#e9e6da;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3}.main-photo img{width:100%;height:100%;object-fit:contain}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.thumb{width:78px;height:78px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.on{border-color:var(--ink)}
.buybox{position:sticky;top:96px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.buybox h1{font-size:clamp(28px,3vw,38px)}.buybox>.spec{margin-top:8px;font-size:15px}
.bigprice{font:700 42px/1 "Inter",sans-serif;letter-spacing:-.03em;margin:22px 0 18px}.bigprice small{display:block;font:400 14px "Inter",sans-serif;letter-spacing:0;color:var(--mute);margin-top:8px}
.buybox form{margin:0}.buybox .center{margin:8px 0 0}
.ticks{list-style:none;padding:18px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:7px;font-size:15px}.ticks li::before{content:"✓";color:var(--green);font-weight:700;margin-right:9px}
.condition h2{font-size:19px}.condition p{margin:6px 0 0;font-size:15px;color:var(--mute)}.condition b{color:var(--ink)}
.story{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin-top:44px;align-items:start}.repair{background:var(--ink);color:var(--white);border-radius:var(--radius);padding:30px}.repair h2,.details h2{font-size:27px;margin-bottom:16px}
.repair dl{margin:0}.repair dt{font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mint)}.repair dd{margin:5px 0 20px}.repair dd:last-child{margin-bottom:0}
.details{padding:30px 0 0 12px}.details p{margin:0 0 18px;white-space:pre-line}.specs{width:100%;border-collapse:collapse;font-size:15px}.specs th{text-align:left;font-weight:500;color:var(--mute);width:36%}.specs th,.specs td{padding:10px 0;border-top:1px solid var(--line);vertical-align:top}
.prose{max-width:760px;padding-top:64px;padding-bottom:96px}.prose h1{font-size:clamp(38px,5vw,60px)}.prose>h2{font-size:27px;margin:38px 0 8px}.prose p{margin:0 0 12px}.prose .lead{margin-bottom:22px}.prose.center .lead{margin-left:auto;margin-right:auto}.prose.center .btn{margin-top:14px}
.callout{background:var(--mint);padding:12px 16px;border-radius:10px;font-weight:500;margin:20px 0}
.steps{counter-reset:s;list-style:none;padding:0;margin:30px 0;display:grid;gap:14px}.steps li{counter-increment:s;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px 20px 18px 62px;position:relative}.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:20px;top:19px;font:500 15px var(--mono);color:var(--green)}.steps b{display:block}
.grades{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;margin:12px 0}.grades dt{font-weight:600}.grades dd{margin:0;color:var(--mute)}
.foot{background:var(--ink);color:#c3cbc6;font-size:15px}.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px;padding-top:56px;padding-bottom:56px}.foot .logo{color:var(--white)}.foot .logo b,.foot .caret{color:var(--mint)}.foot h2{font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--white);margin-bottom:10px}.foot a:not(.logo){display:block;color:inherit;text-decoration:none;padding:3px 0}.foot a:not(.logo):hover{color:var(--mint)}.foot p{margin:12px 0 0}.foot div>h2+p{margin-top:0}
@media(max-width:1020px){.grid{grid-template-columns:repeat(3,1fr)}.foot-in{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.hero-in{grid-template-columns:1fr;gap:44px;padding-top:56px;padding-bottom:64px}.laptop{transform:none;margin:0 16px}.product-grid,.story{grid-template-columns:1fr}.buybox{position:static}.details{padding:6px 0 0}.promises{grid-template-columns:1fr;gap:26px;padding-top:44px;padding-bottom:44px}}
@media(max-width:600px){.wrap{padding-left:18px;padding-right:18px}.grid{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:12px}.card h3{font-size:16px}.price{font-size:19px}.top{position:static}.top-in{flex-direction:column;align-items:flex-start;gap:10px;padding-top:14px;padding-bottom:12px}.foot-in{grid-template-columns:1fr}.base{margin:0 -16px}}
[hidden]{display:none!important}
.repair .norepair{margin:0}