*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#111410;color:#f3f5ed;font-family:Arial,Helvetica,sans-serif}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #3d4538;border-radius:7px;padding:10px 15px;transition:background .2s,color .2s}button:hover{background:#303a28}a:focus-visible,button:focus-visible{outline:3px solid #c6f780;outline-offset:5px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}main{max-width:1800px;margin:auto;padding:0 4.5%;min-height:100svh;display:flex;flex-direction:column}header{height:105px;justify-content:space-between;border-bottom:1px solid #32392c;flex-shrink:0}.brand,header{display:flex;align-items:center}.brand{font-weight:800;font-size:28px;letter-spacing:-1px;gap:25px}.brand span{border-left:1px solid #546045;padding-left:25px;font-weight:400;font-size:12px;letter-spacing:2px;color:#abb5a0}.top-actions{display:flex;gap:12px;font-size:14px}kbd{font:12px Arial;color:#a0aa93;margin-left:10px}.top-actions .active{color:#c6f780;border-color:#c6f780}.stage{display:grid;grid-template-columns:47% 53%;flex:1 1;min-height:570px;align-items:center}.copy{padding:50px 0;animation:enter .55s cubic-bezier(.2,.7,.2,1)}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;color:#c6f780;margin-bottom:30px}h1{font-size:clamp(44px,5.3vw,86px);line-height:1.04;letter-spacing:-3.4px;font-weight:500;margin:0 0 26px}em{font-style:normal;color:#c6f780}.lead{font-size:clamp(19px,1.6vw,25px);line-height:1.5;color:#bfc6b8;max-width:520px;margin:0 0 26px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips span{padding:9px 14px;border:1px solid #434e38;border-radius:50px;font-size:14px;color:#d0d8c5}.detail{font-size:15px;line-height:1.55;max-width:460px;color:#a4b095;margin-top:24px}.visual{position:relative;height:100%;min-height:560px;display:flex;flex-direction:column;isolation:isolate}.model-heading{position:absolute;left:9%;right:0;top:30px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:2px;color:#bbc5ae}.model-heading b{color:#c6f780}.model-heading span:last-child{font-size:12px;color:#849174}.model-host{position:absolute;inset:55px -30px 65px;z-index:2;touch-action:none}.model-host canvas{display:block;width:100%;height:100%;cursor:grab}.model-host canvas:active{cursor:grabbing}.halo{position:absolute;top:18%;left:12%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#65794835 0,#3c4b2520 50%,transparent 72%);border:1px solid #677f3320;z-index:0}.halo:after{content:"";position:absolute;inset:12%;border:1px solid #677f331a;border-radius:50%}.viewer-caption{position:absolute;bottom:38px;left:9%;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#a4b095}.viewer-caption div{display:flex;gap:6px}.viewer-caption button{font-size:12px;padding:8px 10px}.model-note{position:absolute;bottom:0;left:9%;font-size:12px;color:#839176}.loading{margin:auto;color:#a4b095}.parts{display:flex;gap:8px;flex-wrap:wrap;max-width:500px}.parts button{font-size:14px}.parts .selected{background:#c6f780;color:#152108;border-color:#c6f780}.parts p{font-size:16px;color:#c2ccb6;line-height:1.6;min-height:52px;width:100%}.benefits{max-width:500px}.benefits>div{display:flex;gap:18px;padding:13px 0;border-top:1px solid #36422c}.benefits>div>span{color:#9aac87;font-size:12px;padding-top:4px}.benefits p{font-size:15px;color:#aab69c;line-height:1.5;margin:0}.benefits strong{display:block;font-size:19px;font-weight:500;color:#ebf1e3;margin-bottom:4px}.next,.primary{background:#c6f780;color:#17210e;border-color:#c6f780}.next:hover,.primary:hover{background:#dcffa8;color:#17210e}.demo{display:flex;gap:15px;align-items:center}.demo small{max-width:155px;line-height:1.6;color:#9eac8e}.closing{font-size:21px;color:#c6f780;margin-top:30px}.ringing .halo{animation:pulse .5s infinite alternate}footer{border-top:1px solid #32392c}nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}nav button{border:0;border-top:2px solid transparent;border-radius:0;text-align:left;font-size:13px;color:#9ca88e;padding:20px 0}nav button span{font-size:11px;color:#6e7d5e;margin-right:10px}nav .current{color:#e7f2db;border-top-color:#c6f780}nav .current span{color:#c6f780}nav button:hover{background:transparent;color:#c6f780}.bottom{border-top:1px solid #273120;min-height:75px;justify-content:space-between;gap:16px;font-size:12px;color:#98a68a}.bottom,.paging{display:flex;align-items:center}.paging{gap:10px}.paging>span{color:#e3edda;letter-spacing:1px;margin-right:15px}.paging i{font-style:normal;color:#7a876c}.paging button{font-size:13px}.notes{background:#202a19;border:1px solid #52613d;border-radius:12px;padding:22px 28px;margin-bottom:25px}.notes>div{display:flex;justify-content:space-between;align-items:center;color:#c6f780;font-size:14px}.notes p{font-size:17px;line-height:1.7;max-width:1100px}.notes blockquote{margin:12px 0;font-size:20px;color:#c6f780}.notes small{color:#b2c09f}.fallback{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.fallback img{max-width:85%;max-height:85%;object-fit:contain}.fallback p{font-size:13px}.keyboard{letter-spacing:.4px}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{to{box-shadow:0 0 80px #c6f78040;transform:scale(1.05)}}@media(min-width:1600px){.stage{min-height:670px}}@media(max-width:1000px){main{padding:0 4%}.brand span{display:none}h1{letter-spacing:-2px}.viewer-caption{flex-direction:column;align-items:center;left:0}.model-note{left:0;text-align:center;width:100%}.stage{grid-template-columns:48% 52%}.model-heading{left:6%;letter-spacing:1px}nav button{font-size:12px}nav button span{display:block;margin-bottom:7px}.keyboard{display:none}}@media(max-width:700px){header{height:80px}.brand{font-size:23px}.top-actions{gap:6px}.top-actions button{font-size:12px;padding:9px}kbd{display:none}.stage{display:flex;flex-direction:column;align-items:stretch}.copy{padding:35px 0 8px}.eyebrow{margin-bottom:20px;font-size:11px}h1{font-size:51px;letter-spacing:-2.5px}.lead{font-size:19px}.visual{height:430px;min-height:430px}.model-heading{top:10px;left:0}.model-host{inset:20px 0 65px}.viewer-caption{flex-direction:row;left:0}.model-note{bottom:0}.halo{width:60%;left:20%;top:10%}nav{grid-template-columns:repeat(3,1fr);gap:0 15px}nav button{padding:12px 0}nav button span{display:inline}.bottom{flex-wrap:wrap;padding:17px 0}.paging{margin-left:auto}.notes{padding:18px}.notes p{font-size:16px}.demo{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}