/* Actual interface captures. Existing site palette and 0.5-second loop fades. */
.interface-cycle{margin:0;background:#edf1e9;padding:26px 24px 24px;min-width:0}
.interface-stage{position:relative;height:660px;isolation:isolate}
.interface-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;pointer-events:none}
.interface-slide.is-current{opacity:1;visibility:visible;pointer-events:auto}
.interface-slide img{display:block;max-width:100%;height:auto}
.interface-slide .phone-capture{width:280px;max-height:630px;object-fit:contain;border:8px solid #10252a;border-radius:34px;box-shadow:0 24px 50px #10252a24}
.interface-slide .desktop-capture{width:100%;max-height:630px;object-fit:contain;box-shadow:0 18px 38px #10252a22;border:5px solid #10252a;border-radius:9px;background:#10252a}
.interface-slide a{display:block;max-width:100%;width:100%}
.interface-slide:first-child a{width:auto}
.interface-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;margin:18px 0 12px}
.interface-controls button{border:1px solid #b6c9be;padding:9px 14px;font-size:11px;background:transparent;color:#39554b;border-radius:30px;cursor:pointer}
.interface-controls button[aria-pressed=true]{background:#0c2126;color:#a9edd0;border-color:#0c2126}
.interface-caption{text-align:center;color:#627074;font-size:11px;line-height:1.7;margin:0}
.interface-caption a{display:inline-block;color:#247657;text-decoration:underline;text-underline-offset:4px;margin-top:6px}
.interface-launch{text-align:center;margin:16px 0 0;position:relative;z-index:2}
.interface-launch .button{min-height:48px;border-radius:4px;padding:16px 21px;max-width:100%}
.interface-launch [data-launch-label]{font-size:13px;margin:0}
.product-interface-cycle{padding:0;background:transparent}
.product-interface-cycle .interface-stage{height:660px;margin-top:0}
.product-interface-cycle .stage-label{top:8px;left:0}
.product-interface-cycle .phone{width:260px}
.product-interface-cycle .interface-slide>a{width:100%;padding-top:25px}
.product-interface-cycle .desktop-capture{max-height:610px;border-color:#456459;box-shadow:0 25px 55px #0005}
.product-interface-cycle .interface-controls button{border-color:#ffffff42;color:#bdd2c8}
.product-interface-cycle .interface-controls button[aria-pressed=true]{background:#a9edd01f;color:#a9edd0;border-color:#a9edd0}
.product-interface-cycle .interface-caption{color:#99b6a8}
.product-interface-cycle .cycle-motion{color:#bdd2c8;border-color:#ffffff42}
.interface-cycle .cycle-motion{margin:9px auto 0;display:block;color:#39554b;border-color:#b6c9be;background:transparent;font-size:10px}
.export-showcase{margin:0;min-width:0}
#reports .split-feature{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.export-showcase>a{display:block;box-shadow:0 25px 75px #0003;transition:transform .25s ease}
.export-showcase>a:hover{transform:translateY(-3px)}
.export-showcase img{width:100%;height:auto;display:block}
.export-showcase figcaption{font-size:11px;line-height:1.7;color:#b6c9be;padding-top:20px}
.export-showcase figcaption a{display:inline-block;color:#a9edd0;text-decoration:underline;text-underline-offset:4px;margin-top:5px}
@media(max-width:1100px){.interface-cycle{padding:18px}.interface-stage{height:590px}.interface-slide .phone-capture{max-height:560px;width:auto}.interface-slide .desktop-capture{max-height:560px}}
@media(max-width:760px){.interface-stage{height:560px}.interface-cycle{padding:22px 14px}.interface-slide .phone-capture{max-height:540px}.interface-slide .desktop-capture{max-height:540px}.interface-caption,.export-showcase figcaption{font-size:11px}.interface-controls button{padding:10px 15px}.export-showcase{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.interface-slide,.export-showcase>a{transition:none}}
@media(max-width:760px){#reports .split-feature{grid-template-columns:1fr;gap:24px}}
@media(max-width:1150px){.product-interface-cycle .interface-stage{height:620px}.product-interface-cycle .phone{width:245px}.product-interface-cycle .desktop-capture{max-height:570px}}
@media(max-width:760px){.product-interface-cycle .interface-stage{height:605px;margin-top:20px}.product-interface-cycle .phone{width:235px}.product-interface-cycle .desktop-capture{max-height:550px}.interface-launch [data-launch-label]{font-size:12px}}