@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;600;650;700;750;800&display=swap');
:root{--paper:#f8f7f3;--ink:#242723;--muted:#72756d;--orange:#ed6335;--line:#dedfd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:10}.logo{font-size:33px;letter-spacing:-2px;font-weight:800}.logo>span:not(.dot){color:var(--orange)}.logo .dot{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px;line-height:30px}nav{display:flex;gap:32px;font-size:13px;font-weight:500}nav a:hover,.text-link:hover{color:var(--orange)}button{border:0}.cart{background:none;font-size:12px;white-space:nowrap}.cart span{background:var(--ink);color:white;border-radius:50%;padding:5px 8px;margin-left:8px}.hero{padding:64px 5% 62px;display:grid;grid-template-columns:1.05fr 1fr;gap:5%}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;line-height:1.8}.status{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:100%;margin-right:8px}h1{font-size:clamp(42px,4.45vw,72px);line-height:1.17;letter-spacing:-3px;margin:29px 0 24px;font-weight:650}em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:435px;color:var(--muted);line-height:1.9;font-size:14px}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 22px;border-radius:4px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:white}.dark{background:var(--ink);color:white}.text-link{font-size:12px;font-weight:600}.hero-note{display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:52px}.hero-note i{font-style:normal;color:var(--orange)}.hero-art{background:#e9ebe3;border-radius:8px;position:relative;min-height:520px;overflow:hidden;background-image:radial-gradient(#8a968521 .8px,transparent .8px);background-size:12px 12px}.art-top{display:flex;justify-content:space-between;padding:26px;font-size:8px;letter-spacing:1.2px;color:#737c70}.device-stage{height:350px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.orbit{width:320px;height:320px;border:1px solid #bbc4b57a;border-radius:50%;position:absolute}.orbit:before{content:'';position:absolute;inset:26px;border:1px solid #bbc4b54a;border-radius:50%}.device{width:230px;height:231px;position:relative;transform:rotate(-9deg) rotateY(-18deg) rotateX(13deg);border-radius:44px;background:linear-gradient(120deg,#fff,#d5d7cd);box-shadow:18px 32px 25px #59614b35, inset -12px 0 15px #9b9c9122;z-index:1}.device-top{position:absolute;top:0;width:100%;height:100px;border-radius:45px 45px 25px 25px;background:linear-gradient(150deg,#fcfcf7,#e7e9df);transform:translateY(-24px);border:1px solid #fff}.vents{width:110px;height:47px;background:repeating-linear-gradient(90deg,#73786b 0 3px,transparent 3px 8px);transform:skewX(-12deg);margin:20px auto;border-radius:50%;opacity:.7}.light{position:absolute;top:65px;left:0;right:0;height:9px;background:#a1ed91;box-shadow:0 0 20px #89e177,0 0 5px #92ff7f;z-index:2;border-radius:6px}.device-face{padding-top:100px;text-align:center}.device-brand{font-weight:800;font-size:17px;letter-spacing:-1px;color:#7a8171}.device-brand span{color:#ed6335}.sensor{display:flex;gap:5px;justify-content:center;margin:14px 0}.sensor i{width:3px;height:3px;border-radius:50%;background:#5c675a}.device-face small{font-size:8px;letter-spacing:1.5px;color:#808674}.annotation{position:absolute;right:22px;bottom:13px;font-size:9px;line-height:1.7;color:#6a7464}.annotation span{display:block;width:37px;border-top:1px solid #8a9780;transform:rotate(-40deg);position:absolute;left:-44px;top:-4px}.art-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 29px 20px}.tiny{font-size:8px;letter-spacing:1.8px;color:#78806f}.art-bottom h2{font-size:27px;margin:7px 0;font-weight:600;letter-spacing:-1px}.art-bottom h2 span{font-size:20px;color:#737c69}.round{width:43px;height:43px;background:transparent;border:1px solid #b8c0b0;border-radius:50%;font-size:24px}.concept{display:block;text-align:center;font-size:6px;letter-spacing:1.2px;color:#828b7a;padding-bottom:13px}.manifest{margin:0 5%;padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.manifest>span:first-child{font-size:11px;color:var(--muted)}.manifest p{font-size:19px;letter-spacing:-.5px;margin:0}.manifest strong{font-weight:500;color:var(--orange)}.asterisk{font-size:39px;color:var(--orange)}.section{padding:84px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section h2,.about h2{font-size:40px;letter-spacing:-1.8px;font-weight:600;margin:12px 0 0}.section-head>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.product-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:7%;align-items:center}.product-picture{position:relative;background:#e9e7e0;border-radius:6px;height:335px;overflow:hidden}.pill{position:absolute;top:21px;left:22px;font-size:8px;letter-spacing:1px;padding:8px 10px;border:1px solid #c4c4b8;border-radius:20px}.mini-device{height:173px;width:183px;background:linear-gradient(125deg,#fff,#d6d7ce);border-radius:35px;margin:44px auto 0;transform:rotate(-10deg);box-shadow:20px 27px 24px #51534433;position:relative;padding-top:69px}.mini-led{position:absolute;top:37px;width:100%;height:7px;background:#b0ef92;box-shadow:0 0 14px #9fe979}.mini-device>b{font-size:16px;color:#7c826f;letter-spacing:-1px}.mini-device b span{color:var(--orange)}.mini-vents{font-size:12px;letter-spacing:2px;color:#99a08e;margin:15px auto 9px}.mini-device small{font-size:7px;color:#777f6e;letter-spacing:2px}.picture-caption{position:absolute;bottom:21px;left:22px;font-size:8px;letter-spacing:1px}.picture-arrow{position:absolute;right:22px;bottom:18px;font-size:28px}.orange{color:var(--orange)}.product-copy h3{font-size:39px;letter-spacing:-1.4px;margin:9px 0 14px;font-weight:600}.lead{font-size:21px;line-height:1.5;letter-spacing:-.5px}.product-copy .lead{margin:0 0 16px}.product-copy>p:not(.lead){font-size:12px;line-height:1.85;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:9px;padding:7px 9px;border:1px solid var(--line);border-radius:3px}.product-price{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:14px;align-items:center}.product-price strong{font-size:12px;font-weight:500}.product-price small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.process{background:#242b26;color:#fafaf2}.process .eyebrow{color:#a2b29e}.process .section-head>p{color:#a8b1a5}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.steps article{padding:0 25px;border-left:1px solid #465046}.steps article:first-child{padding-left:0;border-left:0}.step-number{font-size:10px;color:#a6b99e}.step-illustration{font-size:67px;height:112px;line-height:112px;font-family:monospace;font-weight:400;color:#c5d4b7}.steps h3{font-size:15px;font-weight:500}.steps p{font-size:11px;line-height:1.85;color:#b0b8ac;max-width:220px}.step-label{display:block;font-size:7px;letter-spacing:1px;color:#a5b49c;margin-top:26px}.filters{display:flex;gap:7px}.filters button{background:none;color:var(--muted);padding:9px 13px;border:1px solid transparent;border-radius:20px;font-size:10px}.filters button.active{border-color:var(--ink);color:var(--ink)}.demo-note{font-size:10px;color:var(--muted);line-height:1.8}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.articles article[hidden]{display:none}.article-image{height:218px;width:100%;position:relative;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.board-art{background:#cbd2c0}.circuit{width:180px;height:140px;background:repeating-linear-gradient(90deg,transparent 0 17px,#adbd7133 18px 19px),repeating-linear-gradient(0deg,#284a39 0 17px,#adbd7133 18px 19px);transform:rotate(-15deg);border:6px solid #547858;border-radius:8px;box-shadow:15px 20px 15px #33493244;color:#c8cf9a;display:flex;justify-content:center;align-items:center;gap:20px}.circuit b{font-size:9px;writing-mode:vertical-lr;letter-spacing:2px}.circuit span{font-size:64px;color:#172c22}.image-index{position:absolute;bottom:15px;left:17px;font-size:7px;letter-spacing:1.3px;color:#303c2d}.print-art{background:#e8d0b8}.print-object{width:143px;height:133px;border:20px solid #da884b;border-top-width:12px;background:#c5783f;border-radius:30px;transform:rotate(-20deg) skewX(12deg);box-shadow:inset 7px 10px 7px #84451c66,13px 18px 0 #ab6032,22px 29px 16px #73442033;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#8e461921 3px 4px)}.tools-art{background:#dddcd6}.tool-ruler{position:absolute;width:230px;height:43px;background:repeating-linear-gradient(90deg,transparent 0 9px,#393c333d 9px 10px),linear-gradient(#d4d6ce,#f7f7ec,#b3b6ab);transform:rotate(-32deg);box-shadow:4px 7px 7px #41453933}.tool-screw{width:37px;height:146px;background:linear-gradient(90deg,#bf542e,#f37d45,#ae4e28);border-radius:12px;transform:rotate(35deg);position:absolute}.tool-screw:after{content:'';position:absolute;top:-65px;left:15px;width:8px;height:74px;background:linear-gradient(90deg,#777f77,#e6ebe0,#878d83)}.article-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:var(--muted);margin-top:21px}.articles h3{margin:11px 0}.articles h3 button{padding:0;background:none;text-align:left;font-size:17px;line-height:1.6;font-weight:600;color:var(--ink);letter-spacing:-.5px}.articles h3 button:hover{color:var(--orange)}.articles p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.about{padding:65px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9%}.about h2{font-size:34px;line-height:1.4}.about h2 span{color:var(--orange)}.about p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 17px}.closing{text-align:center;padding:80px 20px 90px}.closing h2{font-size:42px;line-height:1.35;letter-spacing:-1.8px;font-weight:600;margin:20px 0 28px}footer{padding:27px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer>.logo{font-size:27px}footer>span{font-size:8px;letter-spacing:1.6px}footer>div{font-size:9px;color:var(--muted)}.footer-domain{margin-left:20px;color:var(--ink)}.local-banner{text-align:center;padding:9px;background:#e9ebe3;font-size:8px;letter-spacing:.5px;color:#5c6457}.local-banner span{padding:0 8px;color:var(--orange)}dialog{border:1px solid var(--line);border-radius:10px;width:min(640px,92vw);max-height:85vh;padding:38px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#18201ac9;backdrop-filter:blur(5px)}dialog h2{font-size:32px;letter-spacing:-1px;padding-right:15px}dialog p{line-height:1.85}dialog .close{position:absolute;right:17px;top:12px;background:transparent;font-size:30px;color:var(--muted)}dialog dl{margin:24px 0}dialog dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}dialog dd{margin:0;color:var(--muted);text-align:right}#articleContents h3{margin-top:28px}#articleContents p{color:#60675b;font-size:13px}.cart-row{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.quantity{display:flex;gap:15px;align-items:center}.quantity button{padding:8px 12px;background:#e6e9de}.cart-row small{display:block;margin-top:8px;color:var(--muted)}.remove{background:none;color:var(--orange);font-size:12px;padding:15px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;padding:14px 22px;border-radius:6px;z-index:30;transition:.2s;pointer-events:none;max-width:90vw;width:max-content;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1550px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:950px){header{padding:0 4%;height:78px}nav{gap:17px;font-size:11px}.hero{gap:4%;padding:45px 4%}h1{font-size:46px;letter-spacing:-2px}.hero-art{min-height:490px}.art-top{padding:20px 14px;font-size:6px}.device{scale:.85}.annotation{font-size:8px;right:14px}.actions{gap:15px}.button{gap:12px;padding:15px;font-size:11px}.hero-note{font-size:6px;gap:9px}.manifest p{font-size:16px}.section{padding:65px 4%}.product-layout{gap:5%}.product-price{align-items:start;flex-direction:column}.steps article{padding:0 16px}.section h2{font-size:34px}.article-image{height:185px}.articles{gap:18px}.articles h3 button{font-size:15px}.about h2{font-size:29px}}@media(max-width:680px){header{height:auto;min-height:76px;flex-wrap:wrap;gap:0;padding:12px 5%}.logo{font-size:29px}nav{order:3;width:100%;justify-content:space-between;padding-top:15px;padding-bottom:4px;font-size:10px;gap:8px}.cart{font-size:10px}.hero{grid-template-columns:1fr;padding:36px 5%;gap:32px}h1{font-size:49px;margin-top:20px}.hero-copy>p{font-size:13px}.hero-note{margin-top:30px;font-size:7px}.hero-art{min-height:465px}.device-stage{height:310px}.device{scale:1}.art-top{padding:23px;font-size:7px}.manifest{padding:20px 0;gap:15px}.manifest>span:first-child{display:none}.manifest p{font-size:12px}.asterisk{font-size:28px}.section{padding:50px 5%}.section-head{align-items:start;flex-direction:column;gap:19px;margin-bottom:25px}.section h2{font-size:33px}.product-layout{grid-template-columns:1fr;gap:29px}.product-picture{height:300px}.product-copy h3{font-size:35px}.product-price{flex-direction:row;align-items:center}.steps{grid-template-columns:1fr 1fr;gap:30px 0}.steps article:nth-child(3){border-left:0;padding-left:0}.steps article:nth-child(even){padding-right:0}.steps h3{font-size:13px}.steps p{font-size:10px}.step-label{font-size:6px;letter-spacing:.5px}.step-illustration{height:80px;line-height:80px;font-size:55px}.articles{grid-template-columns:1fr;gap:33px}.article-image{height:230px}.articles h3 button{font-size:18px}.article-meta{font-size:8px}.articles p{font-size:12px}.about{grid-template-columns:1fr;gap:24px;padding:44px 5%}.about h2{font-size:31px}.closing{padding:57px 5%}.closing h2{font-size:31px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}footer>div{font-size:8px}.local-banner{font-size:7px;padding:10px 15px;line-height:1.7}dialog{padding:28px 22px}dialog h2{font-size:26px}.eyebrow{font-size:9px}html{scroll-padding-top:115px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Multi-product collection */
.collection-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:78px;border-top:1px solid var(--line);padding-top:42px}.collection-head h3{font-size:32px;font-weight:500;letter-spacing:-1.2px;margin:10px 0 0}.collection-head>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0}.catalog-toolbar>span{font-size:11px;color:var(--muted)}.product-filters{flex-wrap:wrap}.product-filters button{padding:11px 16px}.product-filters button.active{background:var(--ink);color:white}.product-filters sup{font-size:8px;margin-left:4px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:52px 30px}.catalog-card[hidden]{display:none}.catalog-image{width:100%;height:350px;position:relative;border-radius:8px;overflow:hidden;background:#e9ebe3;isolation:isolate}.catalog-image:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#ffffff55,transparent 70%);pointer-events:none;z-index:-1}.catalog-card:nth-child(2) .catalog-image{background:#e5e2dd}.catalog-card:nth-child(3) .catalog-image{background:#dce4e7}.catalog-card:nth-child(4) .catalog-image{background:#e7ddcc}.object-art{height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s}.catalog-image:hover .object-art{transform:translateY(-7px) rotate(-2deg)}.object-art .mini-device{margin:0;text-align:center;scale:1.15}.catalog-index{position:absolute;bottom:24px;left:24px;font-size:9px;letter-spacing:1.5px;color:#69715f}.catalog-arrow{position:absolute;bottom:19px;right:22px;font-size:24px}.catalog-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:var(--muted);margin:20px 0 10px}.catalog-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;color:var(--ink)}.catalog-title h3{font-size:31px;font-weight:500;letter-spacing:-1px;margin:0}.catalog-title>span{font-size:23px}.catalog-card h4{font-size:14px;font-weight:500;margin:12px 0 9px}.catalog-card>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:440px;min-height:46px}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.catalog-bottom>span{font-size:10px;color:var(--muted)}.catalog-bottom button{font-size:11px;background:none;color:var(--ink);padding:8px 0 8px 15px}.catalog-bottom button span{padding-left:14px}.dial-base{width:200px;height:206px;position:relative;background:linear-gradient(130deg,#515653,#252925);border-radius:30px;transform:rotate(-13deg) skewY(5deg);box-shadow:11px 19px 0 #242924,25px 39px 25px #0003;padding-top:17px}.dial-ring{width:124px;height:124px;border-radius:50%;padding:5px;margin:auto;background:#f9a77d;box-shadow:0 0 17px #ee794a66}.dial-knob{height:100%;border-radius:50%;background:repeating-conic-gradient(#777e76 0deg 2deg,#525a51 2deg 5deg);padding:9px;position:relative}.dial-knob:before{content:'';position:absolute;inset:9px;border-radius:50%;background:linear-gradient(135deg,#626a62,#353d35);box-shadow:inset 1px 1px 1px #aab0a1}.dial-knob i{position:absolute;top:17px;left:55px;height:12px;border-left:2px solid #ffc395}.dial-keys{display:flex;gap:8px;justify-content:center;margin-top:19px}.dial-keys i{width:34px;height:17px;background:linear-gradient(#666e64,#454d43);border-radius:4px;box-shadow:0 3px #1e241f}.dial-base small{font-size:6px;letter-spacing:2px;color:#b1b9ac;display:block;text-align:center;margin-top:13px}.pixel-unit{width:240px;height:147px;background:linear-gradient(125deg,#f5f1e3,#c9c6b9);padding:16px 14px;border-radius:20px;transform:rotate(-8deg) skewY(3deg);box-shadow:9px 17px 0 #adafa7,18px 32px 20px #43535a44;position:relative}.pixel-screen{background:radial-gradient(#2c4238 1px,transparent 1px),#18271f;background-size:5px 5px;border-radius:9px;height:99px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:5px solid #343d33;box-shadow:inset 4px 5px 7px #0009;color:#c6f595}.pixel-screen span{font-family:monospace;font-size:43px;letter-spacing:4px;text-shadow:0 0 12px #b6fb7b66}.pixel-screen i{font-family:monospace;font-style:normal;font-size:8px;letter-spacing:2px}.pixel-unit>small{font-size:6px;letter-spacing:2px;color:#777e6d;display:block;text-align:center;margin-top:9px}.bench-unit{width:258px;height:155px;position:relative;transform:rotate(-16deg) skewX(8deg);filter:drop-shadow(12px 24px 10px #54422d33)}.rail{height:11px;position:absolute;left:0;right:0;background:linear-gradient(#9caaa0,#e6ebe4,#768677);border-radius:5px}.r1{top:29px}.r2{bottom:29px}.bench-pcb{position:absolute;top:17px;left:67px;width:130px;height:120px;border-radius:7px;background:repeating-linear-gradient(0deg,transparent 0 17px,#b5c87055 18px 19px),#315d45;border:3px solid #66875e;font-size:66px;color:#20362a;text-align:center}.bench-pcb small{font-size:7px;display:block;color:#d1dca2;letter-spacing:2px}.jaw{position:absolute;width:40px;height:155px;background:repeating-linear-gradient(0deg,transparent 0 3px,#763d1922 3px 4px),linear-gradient(90deg,#c47136,#efa265);border-radius:8px;box-shadow:5px 7px 0 #ad602f}.j1{left:30px}.j2{right:22px}.tray{position:absolute;left:50px;bottom:-35px;width:169px;height:25px;border:7px solid #d38b4f;border-radius:5px;background:#ad693b}.detail-art{height:230px;border-radius:6px;background:#e5e7df;margin:22px 0}.detail-art .object-art{scale:.85}.quantity button:disabled{opacity:.4;cursor:default}.hero-art{background-image:radial-gradient(ellipse at 40% 30%,#f7f8ee,transparent 70%)}
@media(max-width:680px){.collection-head{margin-top:45px;padding-top:30px;align-items:start;flex-direction:column}.collection-head h3{font-size:26px}.catalog-toolbar{align-items:start;flex-direction:column;gap:13px}.product-filters{gap:3px}.product-filters button{padding:9px 11px;font-size:9px}.catalog{grid-template-columns:1fr;gap:37px}.catalog-image{height:315px}.catalog-title h3{font-size:29px}.catalog-card>p{min-height:0}.catalog-meta{font-size:6px}.catalog-toolbar>span{font-size:9px}.cart-row{gap:10px}.quantity{gap:9px}}
