.home-e2e{overflow:clip}.e2e-hero{grid-template-columns:minmax(335px,.78fr) minmax(0,1.4fr);column-gap:clamp(20px,2.5vw,42px);padding-top:48px;scroll-margin-top:85px;display:grid}.e2e-intro{z-index:1;padding-top:17px;position:relative}.e2e-intro>.eyebrow{letter-spacing:.11em;margin-bottom:26px;font-size:12px}.e2e-intro h1{letter-spacing:-.05em;white-space:pre-line;margin:0 0 24px;font-size:clamp(38px,3.75vw,61px);font-weight:500;line-height:1.28}.e2e-lead{color:#a8beb2;max-width:385px;margin-bottom:36px;font-size:16px;line-height:1.85}.e2e-objective-label{color:#c7d8ce;align-items:baseline;gap:13px;margin-bottom:15px;font-size:14px;display:flex}.e2e-objective-label>span{color:#5b8b72;font-variant-numeric:tabular-nums;font-size:12px}.e2e-objectives{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:420px;display:grid}.e2e-objectives button{color:#b5c9bf;text-align:left;border:1px solid #293d35;border-radius:3px;justify-content:flex-start;align-items:center;gap:9px;min-height:48px;padding:11px 12px;font-size:14px;line-height:1.4;transition:color .2s,border-color .2s,background .2s;display:flex}.e2e-objectives button>svg{color:#6e9783}.e2e-objectives button:hover{color:#f0fff6;background:#17302655;border-color:#5b9275}.e2e-objectives button[aria-pressed=true]{color:#baffd4;background:#18372a;border-color:#60eca888}.e2e-objectives button[aria-pressed=true]>svg{color:#60eca8}.e2e-selected{margin-left:auto}.e2e-demo-link{color:#c2d6c9;align-items:center;gap:10px;margin-top:26px;font-size:14px;display:inline-flex}.e2e-demo-link:hover{color:var(--green)}.e2e-live{min-width:0;position:relative}.e2e-live-heading{z-index:2;position:absolute;top:8px;right:0}.e2e-playback{gap:3px;display:flex}.e2e-playback button{color:#87a497;border-radius:50%;padding:9px}.e2e-playback button:hover{color:#cfffdf;background:#234134}.e2e-field{isolation:isolate;height:clamp(500px,43vw,650px);position:relative}.e2e-canvas{position:absolute;inset:-45px -105px -10px -95px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 90%,#0000),linear-gradient(#0000,#000 7% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 90%,#0000),linear-gradient(#0000,#000 7% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.e2e-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y!important}.e2e-world-label{pointer-events:none;color:#91aa9e;text-shadow:0 1px 5px #0d1418;white-space:nowrap;font-size:12px;font-weight:400;position:absolute;top:0;left:0}.e2e-world-label[hidden]{display:none}.e2e-field-key{pointer-events:none;color:#80998d;justify-content:center;gap:18px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.e2e-field-key span{align-items:center;gap:6px;display:inline-flex}.e2e-field-key i{background:#60eca8;border-radius:50%;width:5px;height:5px;display:inline-block}.e2e-field-key span:last-child i{background:#e7bc79}.e2e-scene-fallback{color:#a1c3b0;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.e2e-scene-fallback button{color:var(--green);text-decoration:underline}@media (min-width:1650px){.e2e-hero{padding-top:65px}.e2e-intro{padding-top:25px}.e2e-lead{margin-bottom:44px}.e2e-objectives button{min-height:53px}}@media (max-width:1150px){.e2e-hero{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);column-gap:20px}.e2e-intro h1{font-size:39px}.e2e-intro>.eyebrow{font-size:12px}.e2e-field{height:520px}.e2e-intro{padding-top:10px}.e2e-lead{margin-bottom:26px;font-size:16px}.e2e-objectives button{padding:10px;font-size:12px}}@media (max-width:850px){.e2e-hero{grid-template-columns:1fr;padding-top:30px}.e2e-intro{grid-template-columns:1fr 1fr;gap:0 35px;padding-top:0;display:grid}.e2e-intro>.eyebrow,.e2e-intro h1,.e2e-lead,.e2e-demo-link{grid-column:1}.e2e-intro h1{font-size:38px}.e2e-intro>.eyebrow{grid-column:1/-1}.e2e-lead{margin-bottom:0}.e2e-objective-label{grid-area:2/2;align-self:start;font-size:13px}.e2e-objectives{grid-area:2/2/5;align-self:start;margin-top:38px}.e2e-demo-link{margin-top:17px;font-size:13px}.e2e-live{margin-top:35px}.e2e-field{height:450px}.e2e-canvas{inset:-25px -30px 0}}@media (max-width:540px){.e2e-intro{display:block}.e2e-intro>.eyebrow{letter-spacing:.08em;margin-bottom:19px;font-size:12px}.e2e-intro h1{margin-bottom:19px;font-size:clamp(33px,8.3vw,44px);line-height:1.28}.e2e-lead{max-width:350px;margin-bottom:26px;font-size:16px;line-height:1.8}.e2e-objectives{gap:7px;max-width:none;margin-top:0}.e2e-objectives button{min-height:44px;padding:10px;font-size:13px}.e2e-demo-link{margin-top:19px}.e2e-live{margin-top:29px}.e2e-field{height:380px}.e2e-canvas{inset:-15px -20px 0}.e2e-field-key{gap:13px;font-size:12px}}@media (prefers-reduced-motion:reduce){.home-e2e *,.home-e2e :before,.home-e2e :after{transition:none!important;animation:none!important}}.e2e-scene-note{color:#829c8e;justify-content:space-between;gap:20px;margin-top:17px;font-size:12px;display:flex}.e2e-scene-note>span:last-child{color:#6f897b}.e2e-field-key .e2e-pressure-key i{background:#75dfff;border-radius:50%;width:5px;height:5px}@media (max-width:540px){.e2e-field-key{flex-wrap:wrap;justify-content:center;gap:10px}}.e2e-goal-effect{color:#b7d7c5;max-width:420px;min-height:48px;margin:15px 0 0;font-size:14px;line-height:1.7}@media (min-width:541px) and (max-width:900px){.e2e-goal-effect{grid-area:5/2;margin-top:10px}}.home-benefits{padding-block:75px 55px}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;display:grid}.benefit-grid article{border-top:1px solid var(--line);min-width:0;padding-top:25px}.benefit-grid h2{margin-bottom:28px;font-size:29px;line-height:1.4}.benefit-grid svg{width:100%;display:block}.benefit-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:14px;display:flex}.benefit-caption a{color:var(--green);align-items:center;gap:10px;display:inline-flex}.benefit-caption a svg{width:16px}.benefit-controls{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.benefit-controls>span{color:var(--muted);font-size:12px}@media (max-width:1000px){.benefit-grid{gap:25px}.benefit-grid h2{font-size:23px}}@media (max-width:700px){.home-benefits{padding-block:40px}.benefit-grid{grid-template-columns:1fr;gap:38px}.benefit-grid h2{margin-bottom:15px;font-size:27px}.benefit-grid article>svg{max-height:165px}}