.call-tracking-hero-paper .lp-hero-container{margin-top:0;padding:var(--spacing-3xl) var(--padding-horizontal)}@media (min-width: 1200px){.call-tracking-hero-paper .lp-hero-wrapper-with-image{gap:0}}@media (min-width: 768px){.call-tracking-hero div.lp-hero-content-wrapper h1{max-width:100%}}@media (min-width: 992px){.call-tracking-hero div.lp-hero-content-wrapper h1{max-width:390px}}@media (min-width: 576px){.call-tracking-hero div.lp-hero-content-wrapper h2{max-width:100%}}@media (min-width: 992px){.call-tracking-hero div.lp-hero-content-wrapper h2{max-width:428px}}.call-tracking-hero-actions{display:flex;gap:var(--spacing-1xs);margin-top:var(--spacing-vertical-md);flex-flow:column;width:100%}@media (min-width: 576px){.call-tracking-hero-actions{flex-flow:row;width:auto}}.call-tracking-hero-actions a,.call-tracking-hero-actions button{margin-top:0!important;width:100%}@media (min-width: 576px){.call-tracking-hero-actions a,.call-tracking-hero-actions button{width:auto}}div.call-tracking-hero-image{order:-1;margin-top:var(--spacing-vertical-md);margin-bottom:var(--spacing-md);aspect-ratio:46/35;max-width:100%}@media (min-width: 768px){div.call-tracking-hero-image{width:560px}}@media (min-width: 992px){div.call-tracking-hero-image{align-self:flex-start;margin-bottom:0;margin-top:var(--spacing-md);padding-top:var(--spacing-md);order:0;width:652px;max-width:652px}}.tablet-container{width:100%;max-width:652px;aspect-ratio:2/1;position:relative}.tablet-container .tablet-scaler{position:absolute;top:0;left:0;width:530px;height:380px;transform-origin:top left}.tablet-container .perspective-wrapper{perspective:1400px;width:720px;height:470px;transform:scaleX(-1)}.tablet-container .perspective-wrapper .tablet-mockup{width:720px;height:470px;position:relative;transform:rotateX(0) rotateY(15deg) rotate(-.5deg) scale(1);transform-style:preserve-3d;transform-origin:center center;z-index:2}.tablet-container .perspective-wrapper .tablet-mockup .tablet-frame{width:100%;height:100%;padding:0 0 0 12px;background:linear-gradient(145deg,#334155,#1e293b);border-radius:36px 28px 28px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.tablet-container .perspective-wrapper .tablet-mockup .tablet-frame .bezel-wrapper{width:100%;height:100%;padding:12px;background:linear-gradient(145deg,#111,#000);border-radius:24px;box-sizing:border-box}.tablet-container .perspective-wrapper .tablet-mockup .tablet-frame .bezel-wrapper .screen-wrapper{width:100%;height:100%;overflow:hidden;border-radius:16px;background:#000;position:relative;transform:scaleX(-1)}.tablet-container .perspective-wrapper .tablet-mockup .tablet-frame .bezel-wrapper .screen-wrapper video{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:inset 0 0 12px #0006}.tablet-container .perspective-wrapper .tablet-mockup .tablet-frame .bezel-wrapper .screen-wrapper .video-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.15),rgba(255,255,255,0));z-index:1}.tablet-container .perspective-wrapper .perspective-shadow{position:absolute;top:310px;left:-40px;width:1000px;height:400px;transform-style:preserve-3d;transform:rotateX(25deg) rotateY(45deg) rotate(-11deg) translateZ(-60px) scale(1.05,.15);background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0%,transparent 100%);border-radius:50%;filter:blur(40px);z-index:1}.tablet-container .perspective-wrapper .usb-input{position:absolute;top:63.5%;left:2.5px;width:12px;height:32px;background:linear-gradient(to top,#1e293b 0%,#000000 100%);border-radius:4px;transform:rotateX(-10deg) rotateY(70deg) rotate(1deg) translateY(-80px) translateZ(-3px);box-shadow:inset 0 1px 2px #ffffff1a;z-index:3}.tablet-container .perspective-wrapper .dotted-line{position:absolute;left:6px;width:7px;display:flex;flex-direction:column;align-items:center;z-index:3}.tablet-container .perspective-wrapper .dotted-line.top{top:36%;height:20%;justify-content:space-evenly;transform:rotateX(-10deg) rotateY(76deg) rotate(-1deg) translateY(-80px) translateZ(-3px)}.tablet-container .perspective-wrapper .dotted-line.bottom{top:79%;left:0px;height:20%;justify-content:space-evenly;transform:rotateX(-2deg) rotateY(76deg) rotate(-1deg) translateY(-80px) translateZ(3px)}.tablet-container .perspective-wrapper .dotted-line .dot-top,.tablet-container .perspective-wrapper .dotted-line .dot-bottom{width:9px;height:3px;background-color:#000;opacity:.4;border-radius:50%}
