/* JustBillItt 1.4.0 — approved invoice motion, isolated from the real billing system. */
.hero-copy>*{animation:none!important}
.hero-visual{height:auto;min-width:0;position:relative;display:block}
.jbd-product-stage{position:relative;width:100%;height:650px;perspective:1100px;perspective-origin:50% 48%;transform-style:flat;isolation:isolate;color:#0B1211;font-family:'Inter Tight',system-ui,sans-serif}
.jbd-product-stage *{box-sizing:border-box}
.jbd-product-stage p,.jbd-product-stage strong,.jbd-product-stage small{max-width:none}
.jbd-icon{display:inline-block;width:17px;height:17px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8}
.jbd-orbit{position:absolute;border:1px solid #12B88644;border-radius:50%;pointer-events:none;width:310px;height:310px;left:0;top:110px;transform:rotateX(55deg) rotateZ(-30deg);z-index:0}
.jbd-orbit-two{width:370px;height:370px;left:-24px;top:80px}
.jbd-phone{display:block;width:245px;height:452px;background:#F4F6F5;border:7px solid #354842;border-radius:34px;position:absolute;top:35px;left:0;transform:translate3d(0,0,0) rotateY(-17deg) rotateZ(-8deg);box-shadow:8px 10px 0 #0B1211,18px 28px 60px #0B121166;overflow:hidden;color:#0B1211;z-index:1;backface-visibility:hidden;transform-origin:center center}
.jbd-phone:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:27px;background:linear-gradient(120deg,transparent 8%,#0B121100 25%,#0B12113B 62%,#0B121166 100%);opacity:0;z-index:2}
.jbd-phone-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;padding:14px 15px 9px;background:#FFFFFF;line-height:1.2}
.jbd-phone-top>span:nth-child(2){width:75px;border-radius:15px;background:#0B1211;color:transparent;height:14px}
.jbd-phone-top .jbd-icon{width:14px;height:14px}
.jbd-chat-head{display:flex;align-items:center;gap:8px;background:#FFFFFF;padding:8px 10px 12px;border-bottom:1px solid #E3E7E5}
.jbd-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#12B886;color:#0B1211;font-size:19px;font-weight:700}
.jbd-chat-head>div{flex:1;line-height:1.4}
.jbd-chat-head strong{font-size:11px;font-weight:700}
.jbd-chat-head small{display:block;font-size:8px}
.jbd-chat-body{padding:14px 11px;display:flex;flex-direction:column;gap:14px}
.jbd-chat-day{align-self:center;font-size:8px;background:#FFFFFF;color:#4A5654;border-radius:5px;padding:5px 8px;letter-spacing:.05em;line-height:1.3}
.jbd-message{font-size:11px;line-height:1.5;max-width:188px;border-radius:9px;padding:11px 12px;box-shadow:0 2px 3px #2637250D}
.jbd-outgoing{background:#E3F7F0;align-self:end;border-top-right-radius:0}
.jbd-outgoing small{font-size:8px;display:block;text-align:right;margin-top:5px;color:#0B5C46}
.jbd-incoming{background:#FFFFFF;align-self:start;border-top-left-radius:0}
.jbd-pdf-message{display:flex;gap:8px;align-items:center;border-radius:9px;background:#FFFFFF;padding:11px 10px;max-width:188px}
.jbd-pdf-message>div{flex:1;min-width:0}
.jbd-pdf-message strong{font-size:10px;display:block}
.jbd-pdf-message small{font-size:8px;display:block;margin-top:4px}
.jbd-chat-input{position:absolute;bottom:12px;left:10px;right:10px;border-radius:18px;background:#FFFFFF;display:flex;gap:10px;align-items:center;padding:9px;color:#4A5654;font-size:9px;line-height:1.3}
.jbd-chat-input span{flex:1}
.jbd-invoice{width:238px;padding:19px 19px 13px;background:#FFFFFF;color:#0B1211;border:1px solid #E3E7E5;border-radius:5px;position:absolute;right:4px;bottom:22px;z-index:4;backface-visibility:hidden;transform-origin:50% 50%;transform-style:flat;transform:translate3d(0,0,60px) rotateX(0deg) rotateY(-4deg) rotateZ(5deg) scale(1);box-shadow:1px 2px 0 #D5DDDA,14px 24px 48px #0B12114A;line-height:1.35}
.jbd-invoice:before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:22px 35px 65px #0B121166;opacity:0;pointer-events:none;z-index:-1}
.jbd-invoice:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,transparent 36%,#FFFFFF66 49%,#FFFFFF11 55%,transparent 68%);background-size:240% 100%;background-position:100% 0;opacity:0}
.jbd-invoice-top{display:flex;justify-content:space-between;align-items:start;font-size:10px;line-height:1.35;letter-spacing:.02em;gap:8px}
.jbd-company{display:flex;align-items:center;gap:8px}
.jbd-company>strong{font-size:11px;line-height:1.25;letter-spacing:.01em}
.jbd-company-logo{display:grid;place-items:center;width:28px;height:31px;background:#E3F7F0;color:#0B5C46;border-radius:5px;flex-shrink:0}
.jbd-invoice-top>span{text-align:right;font-size:9px;font-weight:700;line-height:1.5}
.jbd-invoice-top b{font-weight:400;font-size:9px}
.jbd-invoice-rule{height:2px;background:#12B886;margin:13px 0}
.jbd-invoice-client{display:grid;gap:4px;font-size:11px;margin:12px 0 14px}
.jbd-invoice-client>span{font-size:9px;color:#4A5654}
.jbd-invoice-row{display:flex;justify-content:space-between;gap:5px;font-size:11px;border-bottom:1px solid #E3E7E5;padding:7px 0 12px}
.jbd-tax-details{margin:10px 0 0;font-size:11px;font-variant-numeric:tabular-nums}
.jbd-tax-details>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}
.jbd-tax-details>.jbd-vat-line{margin-top:2px;background:#E3F7F0;color:#0B5C46;padding:8px;border-radius:4px}
.jbd-invoice-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0 15px;font-size:11px;font-variant-numeric:tabular-nums;gap:8px}
.jbd-invoice-total>span{font-weight:600}
.jbd-invoice-total small{display:block;color:#4A5654;font-size:9px;margin-top:4px;font-weight:400}
.jbd-invoice-total>strong{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.6px}
.jbd-invoice-footer{display:block;border-top:1px dashed #B8C2BE;padding-top:12px}
.jbd-payment-heading{font-size:10px;font-weight:700;color:#0B1211;display:block;margin-bottom:8px}
.jbd-payment-grid{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center}
.jbd-qr-swiss{width:88px;height:88px;position:relative;background:#FFFFFF;flex-shrink:0;overflow:hidden}
.jbd-qr-swiss>img{display:block;width:100%;height:100%;image-rendering:pixelated}
.jbd-swiss-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#000000;box-shadow:0 0 0 2px #FFFFFF}
.jbd-swiss-cross:before,.jbd-swiss-cross:after{content:'';position:absolute;background:#FFFFFF;left:50%;top:50%;transform:translate(-50%,-50%)}
.jbd-swiss-cross:before{width:9px;height:3px}.jbd-swiss-cross:after{height:9px;width:3px}
.jbd-payee{display:flex;flex-direction:column;gap:4px;line-height:1.3;font-size:10px;color:#0B1211}
.jbd-payee>span{font-size:9px;color:#4A5654}
.jbd-payee>span:nth-of-type(2){margin-top:5px}
.jbd-example{display:block;text-align:center;color:#4A5654;font-size:8px;letter-spacing:.1em;margin-top:12px}
.jbd-ready{position:absolute;display:flex;align-items:center;gap:7px;right:8px;bottom:5px;padding:9px 13px;color:#0B5C46;background:#E3F7F0;border:1px solid #12B88666;font-size:10px;font-weight:700;border-radius:30px;box-shadow:0 8px 20px #0B121125;z-index:5;transform:translateZ(75px)}
.jbd-scan-light{display:block;position:absolute;left:6px;right:6px;top:0;height:2px;background:#12B886;box-shadow:0 -8px 14px #12B88644;opacity:0}
.jbd-replay,.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #FFFFFF59;border-radius:999px;background:#0B1211B3;color:#FFF;font:500 12px 'Inter Tight',system-ui,sans-serif;cursor:pointer;line-height:1.4}
.jbd-replay{position:relative;margin:22px 0 0 12px}
.motion-toggle{margin-top:14px}
.jbd-replay[hidden],.motion-toggle[hidden]{display:none}
.jbd-replay:focus-visible,.motion-toggle:focus-visible{outline:3px solid #12B886;outline-offset:4px}
.jbd-replay:disabled,.motion-toggle:disabled{cursor:default;opacity:.7}
.jbd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.jbd-running .jbd-invoice{will-change:transform,opacity}
.jbd-running .jbd-phone{animation:jbd-phone-yield 6.4s linear both;will-change:transform}
.jbd-running .jbd-phone:after{animation:jbd-phone-shadow 6.4s ease-in-out both}
.jbd-running .jbd-invoice:before{animation:jbd-paper-shadow 2.8s 1.85s ease-in-out both}
.jbd-running .jbd-invoice:after{animation:jbd-paper-light 1.4s 2.6s ease-out both}
.jbd-running .jbd-outgoing{animation:jbd-chat-appear .55s .2s both}
.jbd-running .jbd-incoming{animation:jbd-chat-appear .55s 1s both}
.jbd-running .jbd-pdf-message{animation:jbd-chat-appear .55s 1.6s both}
.jbd-running .jbd-vat-line{animation:jbd-tax-reveal .7s 4.25s both}
.jbd-running .jbd-scan-light{animation:jbd-qr-scan 1.1s 4.65s both}
.jbd-running .jbd-ready{animation:jbd-ready-in .6s 5.55s both}
@keyframes jbd-phone-yield{0%,25%{transform:translate3d(0,0,0) rotateY(-17deg) rotateZ(-8deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}54%{transform:translate3d(-9px,3px,-24px) rotateY(-21deg) rotateZ(-10deg);animation-timing-function:cubic-bezier(.2,0,.25,1)}80%,100%{transform:translate3d(0,0,0) rotateY(-17deg) rotateZ(-8deg)}}
@keyframes jbd-phone-shadow{0%,28%{opacity:0}48%{opacity:.75}72%{opacity:.25}100%{opacity:0}}
@keyframes jbd-paper-shadow{0%,100%{opacity:0}50%{opacity:1}}
@keyframes jbd-paper-light{0%{opacity:0;background-position:100% 0}18%{opacity:.65}85%{opacity:.25}100%{opacity:0;background-position:0% 0}}
@keyframes jbd-chat-appear{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes jbd-tax-reveal{from{opacity:.2;transform:translateX(7px)}to{opacity:1;transform:translateX(0)}}
@keyframes jbd-qr-scan{0%{opacity:0;transform:translateY(5px)}15%,85%{opacity:1}100%{opacity:0;transform:translateY(81px)}}
@keyframes jbd-ready-in{from{opacity:0;translate:0 12px;scale:.93}to{opacity:1;translate:0 0;scale:1}}
html.jbi-motion-off .hero *,html.jbi-motion-off .rv,html.jbi-motion-off .btn-green:after{animation:none!important;transition:none!important}
html.jbi-motion-off .rv{opacity:1;transform:none!important}
html.jbi-motion-off .jbd-scan-light{display:none}
@media(max-width:980px){.hero-visual{display:block!important;height:auto!important;width:100%;max-width:440px;margin:0 auto}.jbd-product-stage{height:650px}.jbd-phone{left:20px;top:24px}.jbd-invoice{right:20px;bottom:24px}.jbd-ready{right:23px;bottom:6px}.jbd-replay{margin-left:20px}}
@media(max-width:540px){.hero-visual{max-width:350px}.jbd-product-stage{height:660px}.jbd-phone{width:233px;left:8px;top:24px}.jbd-invoice{width:238px;right:4px;bottom:18px}.jbd-ready{right:8px;bottom:2px}.jbd-orbit-one{width:250px;height:250px;left:5px}.jbd-orbit-two{width:285px;height:285px;left:0}.jbd-replay{margin-left:8px}}
@media(prefers-reduced-motion:reduce){.hero *, .hero *:before,.hero *:after{animation:none!important;transition:none!important}.jbd-scan-light{display:none}.rv{opacity:1;transform:none!important}}