.cmp-grid{align-items:center;gap:48px;display:grid}.cmp-copy{flex-direction:column;gap:25px;min-width:0;display:flex}.cmp-copy .title-s{font-size:clamp(39px,5vw,68px)}.cmp-copy .lede-s{max-width:30em;font-size:17px}.cmp-steps{gap:22px;margin:6px 0 0;padding:0;list-style:none;display:grid}.cmp-steps li{gap:16px;display:flex}.cmp-steps li>span{color:var(--s-accent);font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px}.cmp-steps strong{font-size:15px;font-weight:550}.cmp-steps p{color:var(--s-muted);margin:5px 0 0;font-size:14px;line-height:1.5}.cmp-figure{background:#0e1816;border:1px solid #ffffff20;border-radius:24px;min-width:0;margin:0;overflow:hidden;box-shadow:0 30px 100px -50px #4fbf9550}.cmp-toolbar{border-bottom:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.cmp-toolbar>span{color:#b1c6be;align-items:center;gap:8px;font-size:13px;display:flex}.cmp-toolbar i{background:#8ff4d2;border-radius:50%;width:5px;height:5px}.cmp-toolbar button{min-height:40px;font:500 13px var(--s-font);color:#deeee7;cursor:pointer;background:#ffffff08;border:1px solid #fff2;border-radius:20px;padding:0 15px}.cmp-toolbar button:hover{background:#ffffff18}.cmp-frame{aspect-ratio:1;isolation:isolate;touch-action:pan-y;cursor:ew-resize;position:relative}.cmp-scene{background:radial-gradient(at 65% 35%,#284f3e,#122b24 65%,#10241f);position:absolute;inset:0;overflow:hidden}.cmp-scene:before{content:"";opacity:.22;background-image:linear-gradient(#a3d6bb22 1px,#0000 1px),linear-gradient(90deg,#a3d6bb22 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.cmp-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:radial-gradient(at 35% 40%,#293b37,#152520 70%)}.cmp:not([data-live]) .cmp-growth,.cmp:not([data-live]) .cmp-leaf{animation-play-state:paused}.cmp-date{z-index:2;letter-spacing:.12em;color:#e4eee6;pointer-events:none;font-size:12px;position:absolute;top:22px}.cmp-date-before{left:22px}.cmp-date-after{text-align:right;right:22px}.cmp-date small{letter-spacing:0;color:#acc2b5;margin-top:6px;font-size:12px;display:block}.cmp-divider{top:0;bottom:0;left:var(--reveal);pointer-events:none;background:#ddf9e6b0;width:1px;position:absolute}.cmp-divider span{color:#143229;background:#e7f7ed;border:1px solid #defbea70;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;display:grid;position:absolute;top:52%;left:0;transform:translate(-50%,-50%);box-shadow:0 3px 24px #0005}.cmp-input{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cmp-frame:focus-within{outline:2px solid var(--s-mint);outline-offset:-3px}.cmp-caption{color:#c5d7ce;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:17px 20px;font-size:13px;display:flex}.cmp-caption small{color:#8da398;font-size:12px}@media (width>=900px){.cmp-grid{grid-template-columns:1fr 1.1fr;gap:clamp(40px,7vw,100px)}}@media (prefers-reduced-motion:reduce){.cmp-toolbar button{display:none}}