/* The frame and the real app capture share one coordinate system.
   Never stretch a portrait capture into a desktop/landscape ratio. */
.hero{background:radial-gradient(ellipse at 87% 45%,#fff0e3 0,transparent 46%),#f5f8fc}
.hero .product-stage{align-self:center;isolation:isolate;overflow:visible}
.hero .product-stage::before{display:none}
.product-stage-orbit{position:absolute;inset:32px -54px 70px 4px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 60% 45%,#edb58c45,transparent 68%);border:1px solid #e9d4c272;transform:rotate(-16deg)}
.product-stage-orbit::after{content:'';position:absolute;inset:28px -28px;border:1px solid #e9d4c250;border-radius:50%}
.hero-laptop{position:absolute;width:100%;top:88px;left:4px;transform:rotate(-2deg);z-index:1}
.product-laptop{position:relative;padding:15px 9px 11px;border:1px solid #657183;border-radius:17px 17px 8px 8px;background:linear-gradient(115deg,#4a5568,#131d2b 18%,#1d2838 90%,#5e697c);box-shadow:0 28px 58px #20334825,0 2px 3px #10203320}
.device-screen{overflow:hidden;border-radius:7px;background:#f5f7fa}
.device-screen img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top}
.laptop-camera{position:absolute;width:4px;height:4px;top:5px;left:50%;border-radius:50%;background:#122030;box-shadow:0 0 0 1px #677181}
.laptop-base{position:absolute;top:100%;left:-5%;width:110%;height:12px;border-radius:1px 1px 55% 55%/1px 1px 100% 100%;background:linear-gradient(#dbe0e7,#9da8b7 65%,#e9ecf1);box-shadow:0 10px 12px #2f3c4d16}
.laptop-base::after{content:'';position:absolute;top:0;left:42%;width:16%;height:4px;border-radius:0 0 7px 7px;background:#8e99a9}
.hero-phone{position:absolute;z-index:2;width:190px;right:-12px;bottom:68px;transform:rotate(5deg)}
.product-phone{position:relative;padding:14px 5px 7px;border:2px solid #9eabba;border-radius:32px;background:linear-gradient(105deg,#f7f9fc,#bfc9d6 10%,#eef1f6 30%,#f9fafc 90%,#8490a2);box-shadow:0 26px 45px #20334830,inset 0 0 0 1px #fff}
.product-phone .device-screen{border-radius:21px;border:1px solid #c2cbd7;background:#8f99a7}
.product-phone .product-phone-capture{border-radius:0!important;aspect-ratio:auto!important;object-fit:contain!important;background:none}
.phone-camera{position:absolute;left:calc(50% - 16px);top:5px;width:32px;height:4px;border-radius:4px;background:#293449;box-shadow:inset 0 1px 1px #080f1a}
.product-phone::before,.product-phone::after{content:'';position:absolute;width:2px;left:-4px;top:80px;height:24px;border-radius:2px;background:#8693a6}
.product-phone::after{left:auto;right:-4px;top:110px;height:40px}
.product-trust-note{position:absolute;z-index:3;left:-8px;bottom:57px;display:flex;align-items:center;gap:12px;max-width:380px;padding:15px 18px;background:#ffffffed;border:1px solid #fff;border-radius:15px;box-shadow:0 15px 38px #20334815;backdrop-filter:blur(8px)}
.product-trust-check{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#f9e9dd;color:#ae4e2d}
.product-trust-check svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.product-trust-note small,.product-trust-note b,.product-trust-note div>span{display:block}
.product-trust-note small{font-size:10px;color:#9b573d;font-weight:700;margin-bottom:5px}
.product-trust-note b{font-size:13px;line-height:1.6;color:#182e43}
.product-trust-note div>span{font-size:9px;color:#6f7f8d;line-height:1.7;margin-top:5px}
.hero .phone-caption{font-size:9px;bottom:12px;right:0;left:0;text-align:center;line-height:1.8}
.product-window{overflow:hidden;border:1px solid #cdd6e1;border-radius:15px;background:#fff;box-shadow:0 24px 55px #20334818,0 2px 5px #1b304e08}
.product-windowbar{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(#f9fafc,#eef1f5);border-bottom:1px solid #dce3eb;color:#71808f;font:10px/1.4 Manrope,var(--l-goth)}
.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#c3ccd6}.window-dots i:first-child{background:#e29c86}.window-dots i:nth-child(2){background:#e2c58e}.window-dots i:last-child{background:#a4bcb0}
.window-address{max-width:210px;flex:1;text-align:center;border:1px solid #e0e5ec;border-radius:5px;background:#fff;padding:3px 10px;margin-left:auto;font-size:9px}
.window-label{font-size:9px;margin-left:auto;white-space:nowrap}
.product-window img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.candidate-showcase-art::before{background:linear-gradient(135deg,#e6eff8,#f7e9dd);inset:0 -24px 0 48px;border-radius:60px 22px 22px 22px}
.candidate-showcase-window{box-shadow:0 25px 55px #20334820}
.candidate-showcase-window img{aspect-ratio:auto}
.l-stp .l-shot{height:auto;overflow:visible;padding:25px 22px 28px;background:linear-gradient(145deg,#e3edf7,#f8efe6);border:1px solid #e0e8f0;border-radius:25px}
.l-stp .l-shot .l-dev{width:220px;max-width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.l-stp .l-shot .product-phone-capture{border-radius:0}
.l-stp .l-shot .product-phone{box-shadow:0 16px 25px #22364f20}
.scheduling-screen .product-window img{border-radius:0;box-shadow:none}
.evidence-capture{padding:24px;background:linear-gradient(145deg,#f1f5fa,#fbf1e9);border:1px solid #e3e9ef}
.evidence-capture .product-window img{aspect-ratio:auto}
@media(min-width:1024px){
  .hero .lpw{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px;min-height:690px;padding-top:28px;padding-bottom:22px}
  .direct-headline .headline-intro{font-size:clamp(30px,2.8vw,40px);line-height:1.5}
  .direct-headline .headline-main{font-size:clamp(78px,7.6vw,110px);font-weight:900;line-height:1.22;letter-spacing:-.065em;margin-top:7px}
  .hero .hero-price-amount b{font-size:49px}.hero .hero-interview-price{margin-top:23px}
  .hero .product-stage{height:570px}.hero .l-copy{padding:14px 0 20px}
  .hero-explanation{margin:22px 0 24px}
}
@media(min-width:1440px){.hero-laptop{width:108%;left:-6px}.hero-phone{right:-33px;width:205px}.product-trust-note{left:10px}}
@media(min-width:768px) and (max-width:1023px){
  .hero .product-stage{width:min(580px,100%);height:545px;align-self:center}
  .hero-laptop{top:35px}.hero-phone{width:180px;right:0;bottom:49px}.product-trust-note{bottom:45px;left:0}
}
@media(max-width:767px){
  .hero .lpw{gap:14px}.hero .product-stage{width:100%;height:390px;margin:0 auto}
  .hero-laptop{width:97%;top:25px;left:0;transform:rotate(-2deg)}
  .product-laptop{padding:11px 5px 7px;border-radius:11px 11px 5px 5px}.laptop-base{height:8px}.laptop-camera{top:4px;width:3px;height:3px}
  .hero-phone{width:132px;right:0;bottom:30px;transform:rotate(5deg)}
  .product-phone{padding:12px 4px 5px;border-radius:25px}.product-phone .device-screen{border-radius:16px}.phone-camera{top:5px;width:25px;height:3px;left:calc(50% - 12.5px)}
  .product-stage-orbit{inset:5px -15px 42px 5px}
  .product-trust-note{bottom:28px;left:0;max-width:calc(100% - 104px);gap:8px;padding:10px 11px;border-radius:12px}
  .product-trust-check{width:25px;height:25px}.product-trust-check svg{width:15px;height:15px}
  .product-trust-note small{font-size:8px;margin-bottom:4px}.product-trust-note b{font-size:10px;line-height:1.7}.product-trust-note div>span{font-size:8px;margin-top:4px}
  .hero .phone-caption{font-size:8px;bottom:0;text-align:left}
  .product-windowbar{height:30px;padding:0 10px;gap:8px}.window-dots{gap:4px}.window-dots i{height:5px;width:5px}.window-address{font-size:8px;padding:2px 5px}.window-label{font-size:8px}
  .candidate-showcase-art{padding:17px 0 16px;margin:0}.candidate-showcase-art::before{inset:0 -8px 0 28px}
  .candidate-showcase-window img{aspect-ratio:auto}
  .l-stp .l-shot{padding:24px 20px 26px}.l-stp .l-shot .l-dev{width:214px}
  .evidence-capture{padding:16px}.evidence-caption{padding-top:21px}
}
@media(max-width:374px){.hero .product-stage{height:365px}.hero-phone{width:120px;bottom:29px}.product-trust-note{max-width:calc(100% - 94px)}.product-trust-note b{font-size:9px}.product-trust-check{display:none}}
@media(prefers-reduced-motion:reduce){.product-stage *{transition:none;animation:none}}