/* Automate Live storefront. Shared tablet frame and account download links. */
.live-hero{position:relative;overflow:hidden;border-bottom:1px solid #2a3542;background:radial-gradient(ellipse at 82% 48%,#122c3b 0,transparent 54%),#090d12;padding:74px 0 64px}
.live-hero .wrap{width:min(1440px,calc(100% - 96px))}
.live-hero-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:40px}
.live-hero-copy{max-width:540px}
.live-hero-copy .eyebrow{font-size:11px;letter-spacing:.13em}
.live-hero h1{font-size:clamp(3rem,5vw,5rem);line-height:1.01;letter-spacing:-.055em;margin:24px 0;font-weight:750}
.live-hero h1 em{font-style:normal;color:#42abdf}
.live-brand-signature{font-size:15px;line-height:1.55;color:#8cd4f7;font-weight:500;margin:0 0 22px;max-width:400px}
.live-lead{font-size:19px;line-height:1.65;color:#c7d6e1;margin:0}
.live-lead strong,.live-hero-bridge strong{color:#f0f4f8;font-weight:600}
.live-hero-bridge{font-size:15px;line-height:1.7;margin-top:18px;color:#a6b2c0;max-width:470px}
.live-hero .actions{gap:10px;align-items:stretch}
.live-hero .btn{font-size:13px;padding:14px 17px;gap:12px}
.live-included{font-size:12px;color:#bacbd7;margin-top:18px}
.live-included span{color:#6cceb7;margin-right:6px}
.live-hero-device,.live-detail-device{margin:0;min-width:0}
.live-device-heading{display:flex;justify-content:space-between;gap:12px;margin:0 12px 20px;font-size:10px;letter-spacing:.13em;color:#8ea6b6}
.live-device-heading span:first-child{color:#d8e9f3;font-weight:650}
.live-device-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fd2b3;margin-right:7px;vertical-align:1px;box-shadow:0 0 12px #5fd2b355}
.live-tablet{position:relative;padding:15px 22px;border:1px solid #53616a;border-radius:27px;background:linear-gradient(145deg,#2c343b,#0b0f13 45%,#1d252b);box-shadow:0 25px 65px #0007,0 0 0 3px #121920,inset 0 1px 1px #81949c44;overflow:hidden}
.live-tablet:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2px;background:#172932;border:1px solid #344751;border-radius:50%}
.live-shot{display:block;padding:0;border:1px solid #050a0f;border-radius:9px;width:100%;background:#101418;overflow:hidden;cursor:zoom-in;color:inherit}
.live-shot img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;background:#101418}
.live-shot:focus-visible{outline:3px solid #42abdf;outline-offset:3px}
.live-hero-device figcaption{display:flex;justify-content:space-between;gap:16px;margin:20px 10px 0;font-size:12px;color:#c5d4df;line-height:1.5}
.live-hero-device figcaption>span:last-child{color:#8198aa;font-size:11px}
.live-product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #2a3542;padding:24px 0;gap:28px}
.live-product-strip a{display:flex;align-items:center;gap:15px;min-width:0}
.live-product-strip a+ a{border-left:1px solid #2a3542;padding-left:28px}
.live-product-strip b{display:block;color:#e1ebf2;font-size:16px;font-weight:600}
.live-product-strip small{display:block;color:#8ea1b1;font-size:13px}
.live-product-number{font-size:12px;color:#42abdf;font-family:monospace}
.live-product-strip a>span:last-child{color:#42abdf;margin-left:auto;font-size:20px}
.live-product-strip a:hover b{color:#42abdf}
.live-app-section .section-head h2{font-size:clamp(2.3rem,4.3vw,3.8rem)}
.live-feature-row{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:70px;margin-top:68px}
.live-feature-copy h3{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.12;margin:18px 0}
.live-feature-copy>p{font-size:16px;line-height:1.75}
.live-feature-index{font-size:11px;letter-spacing:.12em;color:#42abdf}
.live-feature-list{list-style:none;padding:0;margin:23px 0 0;color:#c0cfd9;font-size:14px;display:grid;gap:11px}
.live-feature-list li:before{content:"✓";color:#42abdf;margin-right:10px}
.live-detail-device .live-tablet{padding:12px 19px;border-radius:22px}
.live-detail-device figcaption{font-size:11px;color:#8ea1b1;margin:15px 8px 0;display:flex;justify-content:space-between}
.live-feature-reverse{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);padding-top:52px;border-top:1px solid #2a3542}
.live-feature-reverse .live-feature-copy{order:2}
.live-feature-reverse .live-detail-device{order:1}
.live-feature-copy p.live-small-note{font-size:12px;line-height:1.7;padding-left:15px;border-left:2px solid #2e6888;margin-top:22px;color:#92a9b8}
.live-download-band{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;padding:26px 30px;background:#101f2a;border:1px solid #29495e;border-radius:6px}
.live-download-band b{font-size:18px;font-weight:600;color:#f0f4f8}
.live-download-band p{font-size:13px;color:#a6b2c0;margin:6px 0 0;line-height:1.6}
.live-download-band .btn{flex:none;font-size:13px}
.live-connected{background:#0d161f;border-block:1px solid #2a3542}
.live-ecosystem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:50px}
.live-ecosystem article{padding-top:25px;border-top:2px solid #356c8a;display:flex;flex-direction:column;align-items:flex-start}
.live-ecosystem-label{font-size:10px;letter-spacing:.13em;color:#8babc0}
.live-ecosystem h3{font-size:27px;margin:19px 0 17px}
.live-ecosystem p{font-size:15px;line-height:1.8}
.live-ecosystem a{color:#42abdf;font-size:13px;margin-top:auto;padding-top:24px}
.live-cloud-link{display:flex;align-items:center;gap:24px;border-top:1px solid #2a4355;margin-top:45px;padding-top:32px}
.live-cloud-symbol{font-size:38px;color:#42abdf;line-height:1}
.live-cloud-link div{flex:1}
.live-cloud-link b{font-size:16px;font-weight:600}
.live-cloud-link p{font-size:13px;line-height:1.7;margin-top:8px;max-width:820px}
.live-cloud-link a{flex:none;font-size:13px}
.live-lightbox{padding:18px;background:#0b1117;color:#e7f1f8;border:1px solid #466074;border-radius:12px;width:min(1500px,96vw);max-height:95dvh}
.live-lightbox::backdrop{background:#000d;backdrop-filter:blur(8px)}
.live-lightbox img{width:100%;height:auto;max-height:81dvh;object-fit:contain;display:block}
.live-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;padding:0 2px 14px}
.live-lightbox-close{background:#182b39;border:1px solid #3b5365;color:#e7f1f8;border-radius:5px;padding:8px 14px;font:inherit;cursor:pointer}
.live-lightbox-close:focus-visible{outline:2px solid #42abdf;outline-offset:3px}
/* The purchase page retains its existing pricing and checkout controls. */







.purchase-app-note{padding:18px 23px;background:#102532;border:1px solid #315871;border-radius:7px;margin:0 auto 30px;max-width:800px;text-align:center;font-size:14px;line-height:1.65;color:#b6cbd8}
.purchase-app-note b{color:#e9f4fc}
.purchase-app-note a{color:#73caff;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.live-hero{padding-block:90px}.live-hero-grid{gap:70px}}
@media(max-width:1100px){.live-hero .wrap{width:calc(100% - 48px)}.live-hero-grid{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.live-hero h1{font-size:clamp(3rem,5vw,4rem)}.live-lead{font-size:17px}.live-hero-bridge{font-size:14px}.live-hero-device figcaption{display:block}.live-hero-device figcaption>span{display:block}.live-hero-device figcaption>span+span{margin-top:3px}.live-device-heading{font-size:9px;letter-spacing:.06em}.live-feature-row{gap:35px}.live-ecosystem{gap:25px}}
@media(max-width:850px){.live-hero{padding:48px 0 42px}.live-hero-grid{grid-template-columns:1fr;gap:40px}.live-hero-copy{max-width:600px}.live-hero h1{font-size:clamp(3.1rem,8.7vw,4.5rem)}.live-hero-device{max-width:750px;width:100%;margin:auto}.live-hero-device figcaption{display:flex}.live-hero-device figcaption>span+span{margin-top:0}.live-device-heading{font-size:10px;letter-spacing:.1em}.live-hero-bridge{max-width:540px}.live-hero .actions{margin-top:24px}.live-feature-row,.live-feature-reverse{grid-template-columns:1fr;gap:30px;margin-top:45px}.live-feature-copy{max-width:630px}.live-feature-reverse .live-feature-copy,.live-feature-reverse .live-detail-device{order:initial}.live-feature-copy h3 br{display:none}.live-ecosystem{gap:20px}.live-ecosystem h3{font-size:24px}.live-ecosystem p{font-size:14px}}
@media(max-width:700px){.live-hero .wrap{width:calc(100% - 40px)}.live-hero{padding-top:35px}.live-hero-copy .eyebrow{font-size:10px;letter-spacing:.1em}.live-hero h1{margin:20px 0}.live-lead{font-size:17px}.live-hero .actions .btn{font-size:12px;padding:13px 12px;gap:8px;flex:1}.live-included{font-size:11px}.live-tablet{padding:10px 15px;border-radius:19px;box-shadow:0 15px 35px #0007,0 0 0 2px #121920}.live-tablet:before{left:5px;width:4px;height:4px}.live-shot{border-radius:5px}.live-hero-device figcaption{display:block;font-size:11px;margin-top:14px}.live-hero-device figcaption>span+span{margin-top:4px;font-size:10px}.live-device-heading{margin:0 5px 13px;font-size:8px;letter-spacing:.08em}.live-product-strip{gap:12px;padding:20px 0}.live-product-strip a{display:block;position:relative}.live-product-strip a+a{padding-left:13px}.live-product-strip b{font-size:13px;margin-top:6px}.live-product-strip small{font-size:11px;line-height:1.5;margin-top:4px}.live-product-strip a>span:last-child{display:none}.live-product-number{font-size:10px}.live-app-section .section-head{margin-bottom:0}.live-feature-row{margin-top:36px}.live-feature-copy h3{font-size:29px;margin-top:14px}.live-feature-copy>p{font-size:15px}.live-feature-list{font-size:13px}.live-detail-device .live-tablet{padding:10px 15px;border-radius:19px}.live-feature-reverse{padding-top:35px}.live-download-band{display:block;margin-top:40px;padding:22px}.live-download-band b{font-size:17px}.live-download-band .btn{margin-top:19px;width:100%;font-size:13px}.live-ecosystem{grid-template-columns:1fr;gap:30px;margin-top:35px}.live-ecosystem article{padding-top:20px}.live-ecosystem h3{font-size:27px;margin:12px 0}.live-ecosystem p{font-size:15px}.live-ecosystem a{padding-top:17px}.live-cloud-link{align-items:flex-start;flex-wrap:wrap;gap:15px}.live-cloud-symbol{font-size:30px}.live-cloud-link div{flex-basis:calc(100% - 50px)}.live-cloud-link a{margin-left:45px}.live-cloud-link b{font-size:15px}.live-lightbox{padding:10px}.live-lightbox-top{font-size:11px;gap:10px;padding-bottom:10px}.live-lightbox-close{padding:7px 10px}.purchase-app-note{padding:18px;font-size:13px}}
.purchase-live-hero{background:radial-gradient(ellipse at 82% 50%,#142c3c,transparent 60%),#090d12}
.purchase-live-hero .hero{max-width:1440px;padding:74px 48px 0;text-align:left}
.purchase-hero-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:60px}
.purchase-live-hero .hero-spec{justify-content:flex-start;letter-spacing:.1em;color:#42abdf;font-size:11px}
.purchase-live-hero .hero-spec:after{display:none}
.purchase-live-hero h1{font-size:clamp(2.7rem,4.1vw,4.2rem);line-height:1.05;margin:0 0 24px;letter-spacing:-.025em;text-transform:none;font-stretch:100%}
.purchase-live-hero .hero p.lead{font-size:17px;line-height:1.7;margin:0 0 25px;max-width:510px}
.purchase-live-hero .lead b{color:#e6f0f7;font-weight:600}
.purchase-live-hero .hero-ctas{gap:10px}
.purchase-live-hero .hero-ctas a{font-size:12px;padding:13px 16px}
.purchase-live-hero .hero-price{font-family:inherit;font-size:12px;line-height:1.8;letter-spacing:0}
.purchase-live-hero .hero-eq{margin-top:60px}
@media(max-width:1100px){.purchase-hero-content{gap:30px}.purchase-live-hero .hero{padding-inline:24px}.purchase-live-hero .hero-ctas a{padding:12px 14px}}
@media(max-width:850px){.purchase-hero-content{grid-template-columns:1fr;gap:38px}.purchase-hero-copy{max-width:650px}.purchase-live-hero .hero{padding-top:46px}.purchase-live-hero h1{font-size:clamp(2.5rem,6vw,4rem)}.purchase-live-hero .hero-eq{margin-top:35px}.purchase-live-hero .hero-spec{margin-bottom:20px}}
@media(max-width:700px){.purchase-live-hero .hero{padding:35px 20px 0}.purchase-live-hero .hero-spec{font-size:10px}.purchase-live-hero .hero p.lead{font-size:16px}.purchase-live-hero .hero-ctas{display:flex}.purchase-live-hero .hero-ctas a{font-size:12px;padding:12px;flex:1;text-align:center}.purchase-live-hero .hero-price{font-size:11px}.purchase-live-hero .hero-eq{margin-top:28px}}
@media(max-width:700px){
  .live-hero-grid{display:flex;flex-direction:column;gap:0}
  .live-hero-copy{display:contents}
  .live-hero-copy>.eyebrow{order:0;align-self:flex-start}
  .live-hero-copy>h1{order:1;width:100%}
  .live-hero-copy>.live-lead{order:2;width:100%}
  .live-hero-device{order:3;margin:28px 0 0}
  .live-hero-copy>.actions{order:4;width:100%;margin-top:24px}
  .live-hero-copy>.live-included{order:5;align-self:flex-start;margin-top:14px}
  .live-hero-copy>.live-hero-bridge{order:6;width:100%;margin-top:22px;font-size:13px}
  .live-hero .actions .btn{gap:6px;padding:13px 10px;font-size:11px;white-space:nowrap}
}

/* Keep the account download button clear on narrow screens. */
@media(max-width:700px){.karol-launch{width:48px;height:48px;padding:4px;justify-content:center;gap:0;border-radius:50%}.karol-launch img{width:38px;height:38px}.karol-launch>span{display:none}.live-hero-device{margin-top:20px}.live-hero-copy>.actions{margin-top:16px}}

/* Real Android footage in the existing landscape tablet. */
.live-demo-row{gap:44px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);scroll-margin-top:125px}
.live-demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #050a0f;border-radius:9px;background:#101418;pointer-events:none}
.live-demo-video::-webkit-media-controls{display:none!important}
.live-motion-toggle{appearance:none;border:0;background:none;color:#8ca0ad;font:inherit;font-size:11px;line-height:1.6;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.live-motion-toggle:hover{color:#c5e9ff}
.live-motion-toggle:focus-visible{outline:2px solid #8bd7ff;outline-offset:4px;border-radius:2px}
.live-motion-toggle[hidden]{display:none}
.live-demo-device{align-self:center}
.live-demo-device figcaption{gap:12px;flex-wrap:wrap;line-height:1.6;min-height:38px}
.live-demo-device figcaption span:first-child{color:#bcd6e5}
.live-demo-chapters{display:grid;gap:6px;margin-top:25px}
.live-demo-chapters button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:1px solid transparent;border-radius:5px;background:transparent;color:#c0cfd9;padding:12px;font:inherit;cursor:pointer}
.live-demo-chapters button>span:first-child{font-size:11px;font-family:monospace;color:#7c99aa}
.live-demo-chapters b{display:block;font-size:14px;font-weight:600}
.live-demo-chapters small{display:block;font-size:12px;line-height:1.5;color:#90a7b7;margin-top:3px}
.live-demo-chapters button:hover{background:#11202b;border-color:#29495e}
.live-demo-chapters button[aria-current=true]{background:#122b3a;border-color:#356b89}
.live-demo-chapters button[aria-current=true]>span:first-child,.live-demo-chapters button[aria-current=true] b{color:#8bd7ff}
.live-video-error{font-size:13px;color:#bacbd7;margin-top:12px}
.live-video-error a{color:#8bd7ff;text-decoration:underline}
.live-create-row{padding-top:52px;border-top:1px solid #2a3542}
.live-create-steps{counter-reset:create-step;list-style:none;margin:24px 0 0;padding:0;display:grid;gap:18px}
.live-create-steps li{counter-increment:create-step;position:relative;padding-left:35px}
.live-create-steps li:before{content:counter(create-step,decimal-leading-zero);position:absolute;left:0;top:2px;color:#65bfe8;font:12px/1.6 monospace}
.live-create-steps b{display:block;color:#d9e7f0;font-size:14px;font-weight:600}
.live-create-steps span{display:block;margin-top:4px;font-size:13px;line-height:1.6;color:#93a9b8}
@media(max-width:850px){.live-demo-row{grid-template-columns:1fr;gap:26px}.live-demo-chapters{grid-template-columns:1fr 1fr;gap:8px}.live-demo-chapters button{border-color:#243946}.live-demo-chapters small{font-size:11px}.live-demo-device{width:100%}}
@media(max-width:480px){.live-demo-chapters button{gap:10px;padding:10px 8px}.live-demo-chapters b{font-size:12px}.live-demo-chapters small{font-size:11px}.live-demo-video{border-radius:5px}.live-demo-device figcaption{display:block;font-size:11px}.live-demo-device figcaption>span{display:block}.live-demo-device figcaption>span+span{margin-top:4px}}

/* Annual comparison uses the full cost of twelve monthly payments. */
.plan-comparison{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;color:#b4c0cb;font-size:15px;line-height:1.5;margin:0 0 8px}
.plan-comparison s{text-decoration-thickness:1.5px;text-decoration-color:#b4c0cb}
.plan-comparison-context{font-size:12px;color:#94a6b5}
.plan .plan-annual-price{min-height:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 7px;margin:0 0 13px}
.plan-price-prefix{font-size:15px;color:#c7d6e1}
.plan-annual-saving{align-self:flex-start;font-size:12px;line-height:1.5;font-weight:600;color:#97e3c6;background:#16382f;border:1px solid #295345;border-radius:4px;padding:5px 9px;margin-top:13px}