:root{--ink:#183b36;--muted:#586960;--paper:#f7f6ef;--lime:#e7f0aa;--border:#d7ded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.preview{text-align:center;background:var(--ink);color:#fff;font-size:11px;letter-spacing:1.2px;padding:9px}header,main,footer{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--border)}a{color:inherit}a:focus-visible,select:focus-visible{outline:3px solid #dc713d;outline-offset:4px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.mark{background:var(--ink);color:var(--lime);padding:0 10px;border-radius:10px}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:65px 0 55px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 16px}h1{font-size:clamp(36px,4.3vw,58px);line-height:1.12;letter-spacing:-2px;margin:0 0 25px}h1 em{font-style:normal;color:#718745}.intro{font-size:18px;color:var(--muted);max-width:520px}.button{display:inline-block;border:0;background:var(--ink);color:white;text-decoration:none;border-radius:8px;padding:13px 23px;font-weight:650;margin-top:14px}.small{font-size:12px;color:var(--muted)}.visual{height:350px;background:#e9ecdc;border-radius:28px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;width:380px;height:380px;border:1px solid #cbd3b8;border-radius:50%}.robot{position:relative;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#fff,#e2e6dd);box-shadow:17px 25px 35px #52644835;border:7px solid #fff;transform:rotate(-20deg)}.lid{width:58px;height:58px;border-radius:50%;background:#d0d9ca;border:7px solid #f8faf5;position:absolute;top:20px;left:74px;box-shadow:0 5px 6px #0002}.line{position:absolute;top:100px;left:5px;right:5px;border-top:2px solid #ccd4c8}.robot span{font-size:8px;letter-spacing:2px;position:absolute;top:132px;left:45px}.badge{position:absolute;bottom:25px;right:22px;background:var(--lime);padding:13px 20px;border-radius:12px;line-height:1.4;font-size:14px}.finder{background:white;border:1px solid var(--border);border-radius:18px;padding:28px;margin-bottom:40px;box-shadow:0 8px 24px #173b3607}h2{font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:0 0 18px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:13px;font-weight:650}select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}.notice{font-size:13px;color:var(--muted);margin-bottom:0}.sectionline{display:flex;justify-content:space-between;align-items:center}.sectionline span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:white;border:1px solid var(--border);border-radius:15px;padding:25px}.pill{display:inline-block;font-size:10px;letter-spacing:1px;background:var(--lime);border-radius:20px;padding:4px 10px;font-weight:700}.card h3{font-size:23px;line-height:1.25;margin:17px 0 10px}.card p{font-size:14px;color:var(--muted)}.card ul{font-size:13px;padding-left:20px}.textlink{display:inline-block;font-size:14px;margin-top:15px}.offer{border-top:1px solid var(--border);margin-top:20px;padding-top:10px}.guide{padding:60px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three span{color:#8e9c75;font-size:32px}.three h3{font-size:18px;margin:6px 0}.three p,.method p{color:var(--muted);font-size:15px}.method{padding:30px;background:#e9ecdc;border-radius:18px;margin-bottom:55px;max-width:850px}footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.article{max-width:800px;padding-top:45px;padding-bottom:40px}.article h1{font-size:42px}.article h2{margin-top:35px}.article p{color:var(--muted)}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}nav{gap:12px;font-size:12px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}.visual{height:235px}.robot{width:180px;height:180px}.lid{left:55px}.robot span{left:25px;top:125px}.controls,.grid,.three{grid-template-columns:1fr}.finder{padding:20px}.sectionline{align-items:flex-start;gap:15px}h2{font-size:24px}.three{gap:18px}.guide{padding:35px 0}.article h1{font-size:34px}}

.tablewrap{overflow-x:auto;margin:25px 0}.compat{border-collapse:collapse;width:100%;font-size:13px;background:white}.compat th,.compat td{text-align:left;padding:12px;border:1px solid var(--border)}.compat caption{text-align:left;font-weight:700;padding:10px 0}.compat thead{background:var(--lime)}

.piece-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.piece-shortcuts[hidden]{display:none}.piece-shortcuts button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:72px;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:var(--ink);font:600 13px system-ui;cursor:pointer;padding:10px}.piece-shortcuts button[aria-pressed="true"]{background:var(--lime);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.piece-shortcuts button:hover{border-color:var(--ink)}.piece-shortcuts button:focus-visible{outline:3px solid #dc713d;outline-offset:3px}.piece-shortcuts svg{width:42px;height:42px;flex-shrink:0}.piece-visual{height:125px;background:#edf0e3;border-radius:10px;display:grid;place-items:center;margin-bottom:20px}.piece-visual svg{width:105px;height:105px}@media(max-width:700px){.piece-shortcuts{grid-template-columns:repeat(2,1fr)}.piece-shortcuts button:first-child{grid-column:1/-1;min-height:44px}.piece-visual{height:110px}}

@media(min-width:701px){.controls{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(min-width:701px){.piece-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr))}}

@media(min-width:701px) and (max-width:1000px){.piece-shortcuts button{flex-direction:column;gap:4px;padding:8px;font-size:12px}}

.model-confirmation{display:flex;align-items:center;gap:25px;padding:20px;margin-top:20px;border:1px solid var(--border);border-radius:12px;background:#edf0e3}.model-confirmation[hidden]{display:none}.model-confirmation figure{flex:0 0 180px;margin:0}.model-confirmation img{display:block;max-width:100%;height:220px;object-fit:contain}.model-confirmation figcaption{font-size:10px;line-height:1.5;margin-top:7px}.model-confirmation h3{font-size:24px;margin:0 0 8px}.model-confirmation p{font-size:14px}.model-confirmation .eyebrow{font-size:10px}@media(max-width:700px){.model-confirmation{flex-direction:column;align-items:flex-start}.model-confirmation figure{flex:auto;width:100%}.model-confirmation img{height:190px;width:auto;margin:auto}}

.model-confirmation figure{flex-basis:220px}.model-vector{display:block;width:100%;height:auto;max-height:190px}.model-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.model-links .real-photos{font-size:12px;color:var(--muted)}@media(max-width:700px){.model-confirmation figure{flex-basis:auto;max-width:250px;align-self:center}}

.legacy-models{display:flex;flex-wrap:wrap;gap:12px}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-controls label{display:flex;flex-direction:column;gap:8px}.table-scroll{overflow-x:auto;margin-top:24px}.table-scroll table{width:100%;border-collapse:collapse;min-width:520px}.table-scroll th,.table-scroll td{padding:15px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.table-scroll caption{text-align:left;padding:10px;font-weight:700}.card dt{font-size:12px;font-weight:700;margin-top:14px}.card dd{margin:4px 0 12px;font-size:14px}@media(max-width:700px){.compare-controls{grid-template-columns:1fr}}