:root{--ink:#0c2034;--orange:#ff641f;--paper:#faf8f4;--muted:#637080;--line:#e8e4de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.logo{font-size:28px;font-weight:900;letter-spacing:-1.5px}.logo span,h1 span{color:var(--orange)}nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.badge{font-size:10px;background:#fce8dc;color:#9e360c;padding:8px 10px;border-radius:5px;letter-spacing:1px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:80px 0}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#ad3a09}h1{font-size:clamp(38px,4.6vw,62px);line-height:1.05;letter-spacing:-2.5px;margin:22px 0}.intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:540px}.search{display:flex;border:1px solid var(--line);background:white;border-radius:8px;padding:5px;margin:28px 0 20px}.search input[type=search]{width:100%;min-width:0;border:0;padding:12px;background:transparent}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:6px;border:1px solid var(--line);font-size:14px;font-weight:700;background:white;cursor:pointer}.primary{background:var(--orange);color:white;border-color:var(--orange)}.actions,.trust{display:flex;gap:12px;flex-wrap:wrap}.trust{font-size:12px;color:var(--muted);margin-top:24px}.showcase{background:#eee8de;border-radius:20px;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.showcase p{position:absolute;bottom:12px;left:24px;font-size:12px;color:var(--muted)}.phones{display:flex;gap:20px;transform:rotate(-8deg)}.phone{height:280px;width:138px;border:6px solid #263447;border-radius:27px;background:linear-gradient(145deg,#e4a368,#904b39 45%,#26384d);box-shadow:12px 22px 30px #18263825;position:relative}.phone:before{content:"";position:absolute;top:8px;left:28%;width:44%;height:14px;background:#172131;border-radius:12px}.phone.second{height:250px;width:123px;background:linear-gradient(145deg,#bfced2,#658a94 45%,#243b49);transform:translateY(22px)}.categories{border-top:1px solid var(--line);padding:42px 0}h2{font-size:27px;letter-spacing:-.7px;margin:0 0 22px}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.category{background:white;border:1px solid var(--line);border-radius:8px;padding:20px 8px;text-align:center;font-size:12px;font-weight:650}.category b{display:block;font-size:23px;margin-bottom:12px;font-weight:400}.category:hover,.category.selected{border-color:var(--orange)}.category.selected{background:#fff1e8;color:#a73708}.catalogue{padding:32px 0 64px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.section-heading h2{margin-bottom:8px}.section-heading p{margin:0;color:var(--muted);font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.product-art{height:245px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#f9eee0,#e1d4c2);position:relative}.product-art>small{position:absolute;bottom:12px;left:16px;font-size:11px;color:#685c4f}.product-info{padding:20px}.product-type,.muted{font-size:12px;color:var(--muted);line-height:1.6}.product-type{margin:0 0 6px}.product-info h3{margin:0 0 14px;font-size:19px;letter-spacing:-.4px}.price{color:#b43b08;font-size:20px;font-weight:800;margin:0}.price small{font-size:12px}.device-phone{width:83px;height:166px;background:linear-gradient(145deg,#8d9aa4,#263445);border:5px solid #25313e;border-radius:19px;transform:rotate(-9deg);box-shadow:16px 18px 22px #40302125}.device-watch{width:85px;height:99px;background:linear-gradient(145deg,#697a80,#152c35);border:6px solid #b3b3aa;border-radius:25px;box-shadow:0 -29px 0 -12px #35434b,0 29px 0 -12px #35434b;transform:rotate(-12deg)}.device-laptop{width:173px;height:112px;background:linear-gradient(140deg,#c69a73,#4c6473);border:7px solid #38434c;border-radius:8px;position:relative;transform:rotate(-5deg)}.device-laptop:after{content:"";position:absolute;left:-20px;right:-20px;bottom:-17px;height:12px;background:#adb3b6;border-radius:2px 2px 12px 12px}.device-console{width:72px;height:171px;background:linear-gradient(90deg,#e9e9e4 0 25%,#253645 26% 73%,#f9f9f6 74%);border-radius:15px 3px 10px 5px;transform:rotate(7deg);box-shadow:14px 18px 22px #40302125}.empty{grid-column:1/-1;padding:28px;background:white;border:1px solid var(--line);border-radius:8px}.empty p{color:var(--muted)}.dark,footer{background:var(--ink);color:white}.dark,.steps,.sell{padding:60px 0}.dark .intro{color:#bac7d1}.dark .eyebrow{color:#ff9d6a}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.benefits h3{font-size:17px}.benefits p{font-size:14px;line-height:1.7;color:var(--muted)}.dark .benefits p{color:#bac7d1}.sell{background:#eee8de}.sell-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.sell h2{font-size:36px;max-width:440px}.sell-note{padding:44px;background:var(--ink);border-radius:16px;color:white}.sell-note strong{font-size:34px;line-height:1.2}.sell-note p{font-size:13px;color:#bac7d1}.footer{display:flex;justify-content:space-between;gap:24px;padding-top:38px;padding-bottom:38px}.footer p{font-size:12px;color:#bac7d1}#catalogue,#vendre,#comment{scroll-margin-top:24px}@media(max-width:950px){nav{gap:16px}.hero{gap:30px}.category-grid{grid-template-columns:repeat(4,1fr)}.phone{width:115px;height:250px}.phone.second{width:105px;height:225px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav{min-height:72px;gap:12px}.logo{font-size:25px}nav{gap:12px}nav .desktop{display:none}.badge{font-size:9px;letter-spacing:.3px}.hero{grid-template-columns:1fr;padding:42px 0;gap:32px}h1{letter-spacing:-1.5px;font-size:42px}.showcase{min-height:320px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-art{height:190px}.product-info{padding:14px}.product-info h3{font-size:16px}.price{font-size:17px}.device-laptop{width:115px;height:80px}.benefits,.sell-grid{grid-template-columns:1fr;gap:20px}.section-heading{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}.dark,.steps,.sell{padding:40px 0}}@media(max-width:400px){.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.nav .badge{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
