:root{--bg: rgb(255, 255, 255);--ink: #0f172a;--muted: #5b6b82;--accent: #2563eb;--ring: #e8eef9;--accent: #ff7a00;--accent-ink: #ffffff;--btn-radius: 14px;--btn-shadow: 0 6px 16px rgba(0, 0, 0, .08), 0 1px 0 rgba(255, 255, 255, .05) inset;--desktop-ar: 16/9;--phone-ar: 9/19.5}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--ink);background:var(--bg)}.container-hero{max-width:1100px;margin-inline:auto;padding:clamp(90px,5vw,110px);margin-top:90px}.Hero{--p: 0;position:relative;isolation:isolate;overflow:visible;min-height:78svh;display:grid;place-items:center;text-align:center;margin-top:30px}.Hero .eyebrow{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#ffe1c4;color:#ff7a00;font-weight:700;letter-spacing:.02em;margin-bottom:.9rem;font-size:.85rem}.Hero h1{font-size:clamp(2rem,4vw + .6rem,3.25rem);line-height:1.1;margin:0 0 .7rem;font-weight:800}.Hero .lead{max-width:70ch;margin:0 auto 1.2rem;color:var(--muted);font-size:clamp(1rem,.7vw + .9rem,1.125rem)}.Hero .container>:not(.Devices){position:relative;z-index:2}.Devices{position:relative;width:min(980px,92vw);height:clamp(270px,34vw,430px);margin:var(--devices-gap, clamp(28px, 5vw, 64px)) auto 0;z-index:1}.Devices.single{height:auto}.floor{position:absolute;left:0;right:0;bottom:-8px;height:22px;z-index:0;background:radial-gradient(55% 100% at 50% 50%,#00000040,#0000);filter:blur(2px)}.device{position:absolute;inset:auto;border-radius:18px;overflow:hidden;background:transparent;box-shadow:0 18px 36px #0a101e2e;will-change:transform;aspect-ratio:var(--ar, auto)}.device:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--img, none);background-size:var(--bg-fit, cover);background-position:center center;background-repeat:no-repeat;pointer-events:none}.Hero[data-fit=contain] .device{--bg-fit: contain}.Hero[data-fit=cover] .device{--bg-fit: cover}.device:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #ffffff0f;border-radius:inherit;pointer-events:none}.device>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--img-fit, cover);display:block}.Hero[data-fit=contain] .device>img{--img-fit: contain}.device.desktop{left:7%;right:9%;bottom:22px;top:auto;border-radius:20px;z-index:1;--ar: var(--desktop-ar, 16/9)}.device.phone{left:60%;top:18px;transform:translate(-50%);border-radius:22px;z-index:2;width:clamp(150px,22vw,200px);--ar: var(--phone-ar, 9/19.5)}.Devices:not(.single) .device.desktop{transform:translate(calc(-30% * var(--p))) translateY(calc(14px * var(--p))) rotate(calc(-2.5deg * var(--p))) scale(calc(1 - .02 * var(--p)))}.Devices:not(.single) .device.phone{transform:translate(calc(30% * var(--p))) translateY(calc(18px * var(--p))) rotate(calc(2.5deg * var(--p))) scale(calc(1 - .02 * var(--p)))}.Devices.single .device{position:relative;left:auto!important;right:auto!important;top:auto;transform:none;margin:0 auto;width:var(--single-w, clamp(320px, 70%, 840px));max-height:none}.Devices.single .device.phone{--single-w: clamp(200px, 28vw, 360px)}.Devices.single .device.desktop{--single-w: clamp(480px, 86%, 980px)}@media (prefers-reduced-motion: reduce){.Devices .device{transition:none!important}.Hero{background:linear-gradient(180deg,var(--bg),#ffffff 70%)}}.device.phone>.notch{position:absolute;top:6px;left:50%;transform:translate(-50%);width:42%;height:14px;background:#090c14d9;border-radius:999px;box-shadow:0 0 0 1px #ffffff0a inset}.spacer{height:80vh}.actions[role=group]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid transparent;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 18px;font-weight:600;line-height:1.1;text-decoration:none;cursor:pointer;box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,filter .2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn:active{transform:translateY(0);filter:brightness(.98)}.btn:focus-visible{outline:3px solid transparent;box-shadow:0 0 0 3px #ff7a0059}.btn.outline{background:transparent;color:var(--accent);border-color:currentColor;box-shadow:none}.btn.outline:hover{background:#ff7a001f}.btn.outline:active{background:#ff7a002e}.btn[disabled],.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.btn .icon{width:1.1em;height:1.1em;flex:0 0 auto}@media (max-width: 680px){.actions[role=group]{gap:10px}.actions[role=group] .btn{flex:1 1 100%;text-align:center}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none;filter:none}}@media (max-width: 1200px){.Devices{width:min(900px,94vw);height:clamp(240px,32vw,400px)}}@media (max-width: 1024px){.container-hero{padding:clamp(20px,4vw,48px)}.Devices{width:min(760px,94vw);height:clamp(220px,40vw,360px)}.device.desktop{left:4%;right:6%;bottom:16px}.device.phone{width:clamp(150px,28vw,220px);top:12px}.Devices:not(.single) .device.desktop{transform:translate(calc(-18% * var(--p))) translateY(calc(10px * var(--p))) rotate(calc(-2deg * var(--p))) scale(calc(1 - .01 * var(--p)))}.Devices:not(.single) .device.phone{transform:translate(calc(18% * var(--p))) translateY(calc(12px * var(--p))) rotate(calc(2deg * var(--p))) scale(calc(1 - .01 * var(--p)))}.Devices.single .device.desktop{--single-w: min(94%, 720px)}}@media (max-width: 860px){.Devices:not(.single){display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:auto;margin-top:16px}.Devices:not(.single) .floor{display:none}.Devices:not(.single) .device{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;display:block!important;opacity:1!important}.Devices:not(.single) .device.desktop{width:100%;max-width:96%;border-radius:16px;z-index:2}.Devices:not(.single) .device.phone{width:clamp(180px,66%,340px);border-radius:20px;z-index:3}.Devices.single .device.desktop{--single-w: 96%;position:relative;display:block}}@media (max-width: 768px){.Hero{min-height:72svh}.Devices{height:clamp(200px,54vw,300px);margin:var(--devices-gap, 24px) auto 0}.device.desktop{left:3%;right:3%;bottom:12px}.device.phone{width:clamp(140px,40vw,200px);top:6px}.Devices:not(.single) .device.desktop{transform:translate(calc(-12% * var(--p))) translateY(calc(8px * var(--p))) rotate(calc(-1.5deg * var(--p)))}.Devices:not(.single) .device.phone{transform:translate(calc(12% * var(--p))) translateY(calc(8px * var(--p))) rotate(calc(1.5deg * var(--p)))}.Devices.single .device{max-height:54vh}.Devices.single .device.phone{--single-w: clamp(180px, 62vw, 280px)}.Devices.single .device.desktop{--single-w: 96%}}@media (max-width: 580px){.Devices:not(.single){display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:auto;margin-top:16px}.Devices:not(.single) .floor{display:none}.Devices:not(.single) .device{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none!important}.Devices:not(.single) .device.desktop{width:100%;max-width:96%;border-radius:16px}.Devices:not(.single) .device.phone{width:clamp(180px,66%,320px);border-radius:20px}}@media (max-width: 550px){body{overflow-x:hidden}.container-hero{padding:16px}.Hero{min-height:68svh}.Hero .lead{margin-bottom:.9rem}.Devices{width:100%;height:clamp(180px,56vw,260px);margin:16px auto 0}.device.desktop{left:0;right:0;bottom:8px}.device.phone{width:clamp(140px,60%,200px);top:4px}.Devices:not(.single) .device.desktop{transform:translate(calc(-6% * var(--p))) translateY(calc(6px * var(--p))) rotate(calc(-1deg * var(--p)))}.Devices:not(.single) .device.phone{transform:translate(calc(6% * var(--p))) translateY(calc(6px * var(--p))) rotate(calc(1deg * var(--p)))}.Devices.single .device{max-height:52vh}.Devices.single .device.phone{--single-w: clamp(180px, 70%, 240px)}.Devices.single .device.desktop{--single-w: 94%}}@media (max-width: 480px){.Devices{height:clamp(180px,58vw,260px)}.device.phone{width:clamp(160px,66vw,220px)}.Devices:not(.single) .device.desktop{transform:translate(calc(-8% * var(--p))) translateY(calc(6px * var(--p)))}.Devices:not(.single) .device.phone{transform:translate(calc(8% * var(--p))) translateY(calc(6px * var(--p)))}}@media (max-width: 1024px){.Devices{overflow:visible}.Devices:not(.single){display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:auto;margin-top:16px}.Devices:not(.single) .floor{display:none}.Devices:not(.single) .device{position:static;transform:none!important;display:block!important;opacity:1!important;visibility:visible!important}.Devices:not(.single) .device.desktop{width:100%;max-width:96%;border-radius:16px;z-index:2}.Devices:not(.single) .device.phone{width:clamp(180px,66%,340px);border-radius:20px;z-index:3}.Devices.single .device.desktop{position:relative;display:block!important;--single-w: 96%}}@media (max-width: 1100px){.Devices{height:auto!important;overflow:visible!important}.Devices:not(.single){display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:16px!important}.Devices:not(.single) .floor{display:none!important}.Devices .device{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;opacity:1!important;visibility:visible!important;margin:0 auto!important}.Devices .device.desktop{width:100%!important;max-width:96%!important;border-radius:16px!important;--ar: var(--desktop-ar, 16/9) !important;min-height:clamp(160px,38vw,420px)!important;z-index:2!important}.Devices .device.phone{width:clamp(180px,66%,360px)!important;border-radius:20px!important;z-index:3!important}.Devices.single .device.desktop{--single-w: 96% !important;min-height:clamp(160px,38vw,420px)!important}}