/* ZaPrompt public marketing page with captured native app images. */
.page-connection-preview{margin:0;background:radial-gradient(ellipse at 83% 3%,#1a3d3245,transparent 34%),#081310;--marketing-soft:#a8bdb5;--marketing-line:#284339;overflow-x:clip}
.page-connection-preview .marketing-container{width:min(1240px,calc(100% - 80px));max-width:none;margin-left:auto;margin-right:auto}
.page-connection-preview .marketing-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-connection-preview .marketing-skip{position:fixed;left:16px;top:-100px;z-index:1000;background:#85f1cf;color:#09251a;padding:12px 20px;border-radius:10px}.page-connection-preview .marketing-skip:focus{top:12px}
.page-connection-preview .marketing-header{width:min(1400px,calc(100% - 80px));max-width:none;margin:auto;display:flex;align-items:center;gap:30px;padding:22px 0;min-height:92px;border-bottom:1px solid #284339;position:relative;z-index:10}
.page-connection-preview .brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1.1;font-size:25px;letter-spacing:-1.1px;text-decoration:none}.page-connection-preview .brand:before{width:11px;height:15px;border-radius:3px;transform:skew(-12deg);margin-right:9px}.page-connection-preview .brand span{font-size:8px;letter-spacing:1.5px;margin:0 0 0 9px;padding:5px 6px;color:#85f1cf;border:1px solid #41664f;border-radius:4px}
.page-connection-preview .marketing-desktop-nav{display:flex;gap:24px;align-items:center;margin-left:auto}.page-connection-preview .marketing-desktop-nav a,.page-connection-preview .marketing-account{font-size:13px;line-height:1.4;color:#bed0c7;white-space:nowrap;text-decoration:none}.page-connection-preview .marketing-header-tools{display:flex;align-items:center;gap:19px}.page-connection-preview .marketing-account{color:#85f1cf}.page-connection-preview #site-language{min-height:36px;padding:7px 9px;font-size:12px;border:1px solid #314c40;border-radius:7px;background:#10221a;max-width:155px}.page-connection-preview .marketing-mobile-menu{display:none}
.page-connection-preview main{padding:0 0 90px;max-width:none;margin:0}.page-connection-preview main>section{margin-top:0!important;margin-bottom:0!important}.page-connection-preview .marketing-section{padding-top:112px;padding-bottom:0;scroll-margin-top:30px}.page-connection-preview p{color:var(--marketing-soft)}.page-connection-preview .eyebrow{font-size:10px;line-height:1.6;letter-spacing:2.2px;margin:0 0 20px;font-weight:700}.page-connection-preview h1,.page-connection-preview h2,.page-connection-preview h3{color:#f2f7f4;text-wrap:balance}.page-connection-preview h2{font-size:clamp(32px,3.6vw,48px);font-weight:650;letter-spacing:-.045em;line-height:1.13;margin:0 0 22px}.page-connection-preview .lead{font-size:17px;line-height:1.8;margin:0}.page-connection-preview .marketing-caption{font-size:12px;line-height:1.7;color:#91a99c}.page-connection-preview img{display:block;width:100%;height:auto}
.page-connection-preview .marketing-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:50px;padding:90px 0 72px;min-height:680px}.page-connection-preview .marketing-hero h1{margin:0 0 28px;text-align:left;font-size:clamp(44px,5.4vw,78px);line-height:1.035;letter-spacing:-.065em}.page-connection-preview .marketing-accent{color:#85f1cf}.page-connection-preview .marketing-comeback{display:flex;gap:9px;align-items:center;letter-spacing:1.7px;margin-bottom:25px}.page-connection-preview .marketing-comeback>span:first-child{width:6px;height:6px;flex-shrink:0;background:#85f1cf;border-radius:50%;box-shadow:0 0 14px #85f1cf55}.page-connection-preview .marketing-hero-lead{font-size:18px;line-height:1.8;max-width:485px;margin:0}.page-connection-preview .marketing-actions{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin:30px 0 0}.page-connection-preview .marketing-actions a{font-size:14px;line-height:1.5;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:14px 22px;text-decoration:none;border:1px solid #3b5b4a;border-radius:9px;min-height:50px}.page-connection-preview .marketing-actions .primary{color:#082419;background:#85f1cf;border-color:#85f1cf}.page-connection-preview .marketing-actions .secondary{color:#d9eee2;background:#11271d}.page-connection-preview .marketing-actions .marketing-text-link{border-color:transparent;background:transparent;padding-left:7px;padding-right:7px;color:#dfede5;font-weight:500}.page-connection-preview .marketing-play{color:#85f1cf;font-size:10px;display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #456454;border-radius:50%}.page-connection-preview .marketing-reassurance{font-size:12px;margin:16px 0 0;color:#94ac9d}
.page-connection-preview .marketing-hero-visual{min-width:0;position:relative;padding:22px 0}.page-connection-preview .marketing-hero-visual:before{content:"";position:absolute;inset:-70px 0;background:radial-gradient(ellipse,#3b8f6555,transparent 65%);pointer-events:none;z-index:-1}.page-connection-preview .marketing-shot-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;display:flex;gap:8px;align-items:center;padding:0 10px 15px;color:#b5d3c2}.page-connection-preview .marketing-live-dot{width:5px;height:5px;background:#85f1cf;border-radius:50%}.page-connection-preview .marketing-hero-image{display:block;transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg);border:1px solid #547c64;border-radius:13px;overflow:hidden;box-shadow:20px 30px 75px #0007,0 0 0 7px #18302350}.page-connection-preview .marketing-hero-image img{aspect-ratio:auto}.page-connection-preview .marketing-visual-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 10px 0;font-size:12px;color:#96bca7}.page-connection-preview .marketing-visual-footer>a{font-size:11px}
.page-connection-preview .marketing-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--marketing-line);border-bottom:1px solid var(--marketing-line);padding:24px 0}.page-connection-preview .marketing-capabilities>span{display:flex;gap:14px;align-items:center;justify-content:center;font-size:13px;color:#c9ddd0}.page-connection-preview .marketing-capabilities i{color:#85f1cf;font-size:22px;font-style:normal;font-weight:400}
.page-connection-preview .marketing-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end;margin-bottom:45px}.page-connection-preview .marketing-section-heading h2{margin-bottom:0;max-width:600px}.page-connection-preview .app-showcase{padding-left:0;padding-right:0}.page-connection-preview .marketing-app-shots{gap:30px;margin:0}.page-connection-preview .marketing-app-shots figure{margin:0;min-width:0}.page-connection-preview .marketing-app-shots figcaption{display:flex;gap:16px;align-items:flex-start;padding:0 0 22px;min-height:132px}.page-connection-preview .marketing-step{color:#85f1cf;border-top:1px solid #4b715b;padding-top:5px;font-size:11px;letter-spacing:1px;line-height:2;min-width:24px;margin-top:2px}.page-connection-preview .marketing-app-shots h3{font-size:22px;line-height:1.2;margin:0 0 11px;font-weight:600}.page-connection-preview .marketing-app-shots p{font-size:14px;line-height:1.75;margin:0;max-width:470px;font-weight:400}.page-connection-preview .marketing-app-shots a{display:block;border-radius:12px}.page-connection-preview .marketing-app-shots img{border:1px solid #3d5c49;border-radius:12px;box-shadow:0 20px 60px #0004}.page-connection-preview .marketing-provenance{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-top:23px}.page-connection-preview .marketing-provenance p{font-size:11px;line-height:1.8;max-width:640px;margin:0;color:#87a693}.page-connection-preview .marketing-provenance a{font-size:12px;line-height:1.6;max-width:280px;text-align:right}
.page-connection-preview .marketing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:66px;border-top:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);border-radius:16px;overflow:hidden}.page-connection-preview .marketing-feature{padding:30px 28px 32px;border:0;border-right:1px solid var(--marketing-line);border-bottom:1px solid var(--marketing-line);border-radius:0;background:#10221955;box-shadow:none;min-width:0}.page-connection-preview .marketing-icon{display:inline-grid;place-items:center;min-width:35px;height:35px;border:1px solid #385b44;border-radius:9px;font-size:18px;color:#85f1cf;margin-bottom:24px}.page-connection-preview .marketing-feature h3{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin:0 0 13px;font-weight:600}.page-connection-preview .marketing-feature p{font-size:14px;line-height:1.8;margin:0}
.page-connection-preview .marketing-connected{padding-bottom:0}.page-connection-preview .marketing-animation-frame{border:1px solid #2d4c3c;border-radius:18px;overflow:hidden;background:#07110f;box-shadow:0 25px 80px #0003}.page-connection-preview .marketing-animation-frame img{margin:-2px 0;width:100%}.page-connection-preview .marketing-connection-points{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:28px 0 0}.page-connection-preview .marketing-connection-points p{margin:0;font-size:13px;line-height:1.7}.page-connection-preview .marketing-connection-points strong{display:block;color:#e3f0e7;font-size:15px;font-weight:550;margin-bottom:8px}.page-connection-preview .marketing-connection-points span{display:block}
.page-connection-preview .marketing-hardware{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.page-connection-preview .marketing-hardware-copy{padding:20px 0}.page-connection-preview .marketing-hardware-copy .lead{margin-bottom:25px}.page-connection-preview .marketing-arrow-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;font-size:13px;line-height:1.7;font-weight:550}.page-connection-preview .marketing-arrow-link:hover{text-decoration:underline}.page-connection-preview .marketing-hardware-copy .marketing-caption{max-width:400px;margin:25px 0 0}.page-connection-preview .marketing-hardware-art{border:1px solid var(--marketing-line);border-radius:18px;overflow:hidden;background:#07110f}.page-connection-preview .marketing-hardware-art img{width:100%}
.page-connection-preview .marketing-film{display:grid;grid-template-columns:.65fr 1fr;gap:60px;align-items:center}.page-connection-preview .marketing-film-copy .lead{margin-bottom:26px}.page-connection-preview #intro-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #45634f;border-radius:14px;background:#07110f;box-shadow:0 20px 70px #0004}.page-connection-preview .marketing-film .marketing-caption{margin:13px 0 0;font-size:11px}
.page-connection-preview .marketing-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.page-connection-preview .marketing-use-grid article{padding:33px 29px 35px;border:1px solid #2d4c39;border-radius:14px;background:linear-gradient(145deg,#1833237d,#0e20164d);box-shadow:none}.page-connection-preview .marketing-use-number{color:#6e987c;font-size:12px;letter-spacing:2px;display:block;margin-bottom:32px}.page-connection-preview .marketing-use-grid h3{font-size:23px;line-height:1.3;margin:0 0 15px;font-weight:550}.page-connection-preview .marketing-use-grid p{font-size:14px;line-height:1.8;margin:0}
.page-connection-preview .marketing-platform{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:#13281e;border:1px solid #365741;border-radius:18px;padding:42px 40px;margin-top:90px!important}.page-connection-preview .marketing-platform h2{font-size:36px;margin:0}.page-connection-preview .marketing-platform p{font-size:14px;line-height:1.9;margin:0 0 20px}.page-connection-preview .marketing-platform-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.page-connection-preview .marketing-platform-tags span{font-size:10px;letter-spacing:.2px;padding:7px 10px;border:1px solid #3a5e48;border-radius:5px;color:#c5dfce;line-height:1.5}.page-connection-preview .marketing-platform a{font-size:12px}
.page-connection-preview .marketing-pricing-heading{max-width:780px;margin:auto;text-align:center}.page-connection-preview .pricing-intro{font-size:17px;line-height:1.8;margin:0 auto;max-width:680px}.page-connection-preview .plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;gap:24px;margin:40px auto 0}.page-connection-preview .plan-card{min-width:0;padding:35px;background:#11251b;border:1px solid #35523e;border-radius:14px;box-shadow:none;position:relative}.page-connection-preview .plan-card.plan-available{border-color:#75bb8d;background:linear-gradient(145deg,#1d3928,#10241b)}.page-connection-preview .plan-card h3{font-size:21px;margin:0 0 30px;line-height:1.3;font-weight:550}.page-connection-preview .plan-price{font-size:clamp(34px,4.5vw,54px);line-height:1.2;font-weight:650;letter-spacing:-.05em;overflow-wrap:anywhere}.page-connection-preview .plan-interval{font-size:13px;margin:8px 0 0}.page-connection-preview .plan-detail{font-size:13px;border-top:1px solid #365741;padding-top:20px;margin-top:28px}.page-connection-preview .plan-pending{font-size:26px;margin:35px 0 20px}.page-connection-preview .pricing-section .marketing-actions{justify-content:center;margin-top:30px}.page-connection-preview .plan-grid>.notice{grid-column:1/-1}.page-connection-preview .plan-grid>p{grid-column:1/-1;text-align:center}
.page-connection-preview .marketing-faq{display:grid;grid-template-columns:.65fr 1fr;gap:90px;padding-top:112px}.page-connection-preview .marketing-faq>div:first-child>p:not(.eyebrow){font-size:15px;max-width:300px;margin-bottom:24px}.page-connection-preview .marketing-faq-list{border-top:1px solid #36523e}.page-connection-preview .marketing-faq-list details{border-bottom:1px solid #36523e;padding:0}.page-connection-preview .marketing-faq-list summary{position:relative;cursor:pointer;list-style:none;font-size:16px;line-height:1.6;color:#e0eee5;font-weight:500;padding:23px 35px 23px 0}.page-connection-preview .marketing-faq-list summary::-webkit-details-marker{display:none}.page-connection-preview .marketing-faq-list summary:after{content:"+";position:absolute;right:5px;top:21px;color:#85f1cf;font-size:22px;font-weight:400}.page-connection-preview .marketing-faq-list details[open] summary:after{content:"−"}.page-connection-preview .marketing-faq-list details p{font-size:14px;line-height:1.9;margin:0;padding:0 30px 24px 0}
.page-connection-preview .marketing-final{text-align:center;border:1px solid #3c6247;border-radius:20px;background:radial-gradient(ellipse at 50% 115%,#2d684f66,transparent 65%),#10251b;padding:67px 35px 64px;margin-top:100px!important}.page-connection-preview .marketing-final h2{font-size:clamp(40px,5.8vw,72px);line-height:1.05;letter-spacing:-.055em;margin:0 0 25px}.page-connection-preview .marketing-final>p:not(.eyebrow){font-size:17px;margin:0 auto;max-width:600px}.page-connection-preview .marketing-final .marketing-actions{justify-content:center}
.page-connection-preview .marketing-footer{margin:0;padding:44px 0 27px;text-align:left;border-color:#294233}.page-connection-preview .marketing-footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.page-connection-preview .marketing-footer-inner>div>p{font-size:13px;max-width:300px;line-height:1.8;margin:19px 0 0}.page-connection-preview .marketing-footer nav{display:flex;flex-wrap:wrap;gap:15px 26px;justify-content:flex-end;padding:3px 0 0}.page-connection-preview .marketing-footer nav a{font-size:12px;color:#b3cbb9;text-decoration:none;line-height:1.8}.page-connection-preview .marketing-footer nav a:hover{color:#85f1cf;text-decoration:underline}.page-connection-preview .marketing-footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:32px;margin-top:32px;border-top:1px solid #243e2e;font-size:11px;color:#85a28c}.page-connection-preview .marketing-footer-bottom a{color:#aac6b1;text-decoration:none}
@media(min-width:1500px){.page-connection-preview .marketing-hero{gap:70px}.page-connection-preview .marketing-hero h1{font-size:80px}}
@media(max-width:1150px){.page-connection-preview .marketing-container,.page-connection-preview .marketing-header{width:calc(100% - 56px)}.page-connection-preview .marketing-header{gap:20px}.page-connection-preview .marketing-desktop-nav{gap:16px}.page-connection-preview .marketing-header-tools{gap:12px}.page-connection-preview .marketing-account{display:none}.page-connection-preview .marketing-desktop-nav a{font-size:12px}.page-connection-preview .marketing-hero{gap:30px;min-height:620px;padding-top:76px}.page-connection-preview .marketing-hero h1{font-size:clamp(44px,5.8vw,70px)}.page-connection-preview .marketing-hero-lead{font-size:16px}.page-connection-preview .marketing-section-heading{gap:50px}.page-connection-preview .marketing-section{padding-top:90px}.page-connection-preview .marketing-film{gap:35px}.page-connection-preview .marketing-faq{gap:50px}.page-connection-preview .marketing-platform{gap:40px}.page-connection-preview .marketing-feature{padding:25px 23px}}
@media(max-width:1100px){.page-connection-preview .marketing-header{flex-wrap:wrap;gap:16px;min-height:85px}.page-connection-preview .marketing-desktop-nav{display:none}.page-connection-preview .marketing-header-tools{margin-left:auto}.page-connection-preview .marketing-mobile-menu{display:block;position:relative;margin-left:auto;font-size:12px;line-height:1.5}.page-connection-preview .marketing-mobile-menu summary{border:1px solid #3a5743;border-radius:7px;padding:8px 12px;color:#d4e9dc;cursor:pointer;list-style:none;min-height:36px}.page-connection-preview .marketing-mobile-menu summary::-webkit-details-marker{display:none}.page-connection-preview .marketing-mobile-menu summary:after{content:" +";color:#85f1cf}.page-connection-preview .marketing-mobile-menu[open] summary:after{content:" −"}.page-connection-preview .marketing-mobile-menu nav{position:absolute;right:0;top:calc(100% + 12px);width:230px;background:#10251b;border:1px solid #3b5d46;border-radius:12px;box-shadow:0 20px 50px #0008;padding:10px;display:flex;flex-direction:column;gap:0}.page-connection-preview .marketing-mobile-menu nav a{font-size:13px;padding:12px;white-space:normal;border-radius:6px}.page-connection-preview .marketing-mobile-menu nav a:hover{background:#203b2b}.page-connection-preview .marketing-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:65px 0 48px;max-width:670px}.page-connection-preview .marketing-hero-copy{max-width:580px}.page-connection-preview .marketing-hero h1{font-size:clamp(48px,8vw,76px)}.page-connection-preview .marketing-hero-lead{font-size:18px;max-width:550px}.page-connection-preview .marketing-hero-visual{max-width:620px;padding:15px 0 0}.page-connection-preview .marketing-hero-image{transform:none}.page-connection-preview .marketing-capabilities{gap:16px}.page-connection-preview .marketing-capabilities>span{font-size:11px;gap:10px}.page-connection-preview .marketing-section-heading{grid-template-columns:1fr;gap:25px;max-width:650px}.page-connection-preview .marketing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-connection-preview .marketing-app-shots figcaption{min-height:150px}.page-connection-preview .marketing-connection-points{gap:22px}.page-connection-preview .marketing-hardware,.page-connection-preview .marketing-film{grid-template-columns:1fr;gap:30px}.page-connection-preview .marketing-hardware-copy{max-width:610px;padding:0}.page-connection-preview .marketing-hardware-art{width:100%}.page-connection-preview .marketing-film-copy{max-width:610px}.page-connection-preview .marketing-use-grid{gap:14px}.page-connection-preview .marketing-use-grid article{padding:27px 20px}.page-connection-preview .marketing-use-grid h3{font-size:20px}.page-connection-preview .marketing-platform{grid-template-columns:1fr;gap:25px;padding:35px}.page-connection-preview .marketing-faq{grid-template-columns:1fr;gap:35px}.page-connection-preview .marketing-faq>div:first-child>p:not(.eyebrow){max-width:500px}.page-connection-preview .marketing-footer-inner{grid-template-columns:.8fr 1fr;gap:35px}}
@media(max-width:600px){.page-connection-preview .marketing-header .brand span{display:none}.page-connection-preview .marketing-container,.page-connection-preview .marketing-header{width:calc(100% - 40px)}.page-connection-preview .marketing-header{padding:18px 0;gap:12px;min-height:80px}.page-connection-preview .brand{font-size:22px}.page-connection-preview .brand span{font-size:7px;letter-spacing:1px;margin-left:7px;padding:4px}.page-connection-preview .brand:before{width:9px;height:13px;margin-right:7px}.page-connection-preview #site-language{max-width:113px;font-size:11px;padding:7px;min-height:34px}.page-connection-preview .marketing-mobile-menu summary{font-size:11px;min-height:34px;padding:8px}.page-connection-preview .marketing-header-tools{gap:0}.page-connection-preview .marketing-hero{padding:50px 0 35px}.page-connection-preview .marketing-hero h1{font-size:clamp(41px,10.3vw,62px);margin:0 0 24px;letter-spacing:-.06em}.page-connection-preview .marketing-comeback{font-size:9px;letter-spacing:1.5px;margin-bottom:23px}.page-connection-preview .marketing-hero-lead{font-size:16px}.page-connection-preview .marketing-actions{gap:10px;margin-top:25px}.page-connection-preview .marketing-actions a{font-size:12px;padding:13px 17px;min-height:47px}.page-connection-preview .marketing-reassurance{font-size:11px;line-height:1.7}.page-connection-preview .marketing-shot-label{font-size:8px;letter-spacing:1px;padding-left:0}.page-connection-preview .marketing-hero-image{border-radius:8px;box-shadow:0 20px 45px #0006,0 0 0 4px #18302350}.page-connection-preview .marketing-visual-footer{font-size:11px;margin:17px 0 0}.page-connection-preview .marketing-capabilities{grid-template-columns:1fr;gap:13px;padding:20px 0}.page-connection-preview .marketing-capabilities>span{justify-content:flex-start;font-size:12px}.page-connection-preview .marketing-capabilities i{width:25px;text-align:center;font-size:19px}.page-connection-preview .marketing-section{padding-top:70px}.page-connection-preview h2{font-size:34px;line-height:1.13}.page-connection-preview .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:17px}.page-connection-preview .lead{font-size:15px;line-height:1.85}.page-connection-preview .marketing-section-heading{gap:22px;margin-bottom:33px}.page-connection-preview .marketing-app-shots{grid-template-columns:1fr;gap:35px}.page-connection-preview .marketing-app-shots figcaption{min-height:0;padding-bottom:20px;gap:13px}.page-connection-preview .marketing-app-shots h3{font-size:22px}.page-connection-preview .marketing-app-shots p{font-size:13px}.page-connection-preview .marketing-app-shots img{border-radius:8px}.page-connection-preview .marketing-provenance{display:block;margin-top:20px}.page-connection-preview .marketing-provenance p{font-size:10px;line-height:1.85}.page-connection-preview .marketing-provenance a{display:inline-block;text-align:left;font-size:11px;margin-top:14px;max-width:none}.page-connection-preview .marketing-feature-grid{grid-template-columns:1fr;margin-top:40px;border-radius:12px}.page-connection-preview .marketing-feature{padding:26px 24px}.page-connection-preview .marketing-icon{margin-bottom:20px}.page-connection-preview .marketing-feature h3{font-size:20px}.page-connection-preview .marketing-feature p{font-size:13px}.page-connection-preview .marketing-animation-frame,.page-connection-preview .marketing-hardware-art{border-radius:10px}.page-connection-preview .marketing-connection-points{grid-template-columns:1fr;gap:22px;margin-top:24px}.page-connection-preview .marketing-connection-points strong{font-size:14px;margin-bottom:3px}.page-connection-preview .marketing-hardware-copy .marketing-caption{font-size:11px}.page-connection-preview .marketing-use-grid{grid-template-columns:1fr;gap:15px}.page-connection-preview .marketing-use-grid article{padding:27px}.page-connection-preview .marketing-use-number{margin-bottom:22px}.page-connection-preview .marketing-use-grid h3{font-size:24px}.page-connection-preview .marketing-platform{padding:29px 25px;margin-top:65px!important;border-radius:12px;gap:25px}.page-connection-preview .marketing-platform h2{font-size:32px}.page-connection-preview .marketing-platform p{font-size:13px}.page-connection-preview .marketing-platform-tags{flex-direction:column;align-items:flex-start}.page-connection-preview .marketing-pricing-heading{text-align:left}.page-connection-preview .pricing-intro{font-size:15px}.page-connection-preview .plan-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.page-connection-preview .plan-card{padding:29px}.page-connection-preview .plan-price{font-size:46px}.page-connection-preview .pricing-section .marketing-actions{align-items:stretch;justify-content:stretch}.page-connection-preview .pricing-section .marketing-actions a{width:100%;text-align:center}.page-connection-preview .marketing-faq-list summary{font-size:15px;padding-top:21px;padding-bottom:21px}.page-connection-preview .marketing-faq-list details p{font-size:13px;padding-right:10px}.page-connection-preview .marketing-final{padding:47px 24px;margin-top:70px!important;border-radius:14px}.page-connection-preview .marketing-final h2{font-size:47px}.page-connection-preview .marketing-final>p:not(.eyebrow){font-size:15px}.page-connection-preview main{padding-bottom:65px!important;padding-top:0!important}.page-connection-preview .marketing-footer{padding-top:35px}.page-connection-preview .marketing-footer-inner{grid-template-columns:1fr;gap:28px}.page-connection-preview .marketing-footer nav{justify-content:flex-start;gap:13px 22px}.page-connection-preview .marketing-footer nav a{font-size:11px}.page-connection-preview .marketing-footer-bottom{padding-top:24px;margin-top:27px;font-size:10px}}
@media(max-width:360px){.page-connection-preview .marketing-container,.page-connection-preview .marketing-header{width:calc(100% - 32px)}.page-connection-preview .brand span{display:none}.page-connection-preview .marketing-hero h1{font-size:39px}.page-connection-preview #site-language{max-width:100px}}
@media(prefers-reduced-motion:reduce){.page-connection-preview .marketing-hero-image{transform:none}.page-connection-preview .marketing-app-shots a:hover img{transform:none}}
/* The feature catalogue gives each implemented capability its own explanation. */
.page-connection-preview .marketing-feature-catalog{padding-top:100px;scroll-margin-top:35px}
.page-connection-preview .marketing-catalog-heading{margin-bottom:30px}
.page-connection-preview .marketing-feature-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 54px;padding:0;border:0}
.page-connection-preview .marketing-feature-index a{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #365640;border-radius:10px;color:#daecdf;text-decoration:none;font-size:13px;line-height:1.5;background:#10231a;min-width:0;transition:background .18s,border-color .18s}
.page-connection-preview .marketing-feature-index a>span:first-child{font-size:10px;color:#83d8b5;letter-spacing:.1em;flex-shrink:0}
.page-connection-preview .marketing-feature-index a:hover{background:#1d3a29;border-color:#83d8b5}
.page-connection-preview .marketing-feature-index a:focus-visible,.page-connection-preview .marketing-feature-guide:focus-visible{outline:2px solid #85f1cf;outline-offset:4px}
.page-connection-preview .marketing-feature-category{margin-top:50px;scroll-margin-top:35px}
.page-connection-preview .marketing-feature-category-heading{display:flex;align-items:flex-start;gap:20px;margin:0 0 22px}
.page-connection-preview .marketing-category-number{font-size:12px;line-height:2;color:#85f1cf;letter-spacing:.13em;padding-top:3px;flex-shrink:0}
.page-connection-preview .marketing-feature-category-heading h3{font-size:27px;line-height:1.25;letter-spacing:-.035em;font-weight:550;margin:0 0 9px;color:#f1f7ed}
.page-connection-preview .marketing-feature-category-heading p{font-size:14px;line-height:1.7;color:#a9c0af;margin:0}
.page-connection-preview .marketing-feature-category .marketing-feature-grid{margin-top:0;overflow:visible;border-radius:0;border:0;gap:14px}
.page-connection-preview .marketing-feature-category .marketing-feature{display:flex;flex-direction:column;border:1px solid #2f4a38;border-radius:12px;background:linear-gradient(145deg,#162c20,#102219);padding:27px 26px 24px;transition:border-color .18s;min-width:0;overflow-wrap:anywhere}
.page-connection-preview .marketing-feature-category .marketing-feature:hover{border-color:#527b60}
.page-connection-preview .marketing-feature-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}
.page-connection-preview .marketing-feature-top .marketing-icon{margin:0;color:#9be5c5;border-color:#3d5c47;background:#213c2a;font-size:17px}
.page-connection-preview .marketing-feature-number{font-size:11px;letter-spacing:.12em;color:#6e977b}
.page-connection-preview .marketing-feature h4{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin:0 0 14px;font-weight:550;color:#f1f7ed}
.page-connection-preview .marketing-feature-category .marketing-feature p{font-size:13px;line-height:1.85;color:#b4c9bb;margin:0 0 24px}
.page-connection-preview .marketing-feature-guide{align-self:flex-start;margin-top:auto;font-size:11px;line-height:1.6;font-weight:600;text-decoration:none;color:#91dfbd;padding-top:3px}
.page-connection-preview .marketing-feature-guide:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.page-connection-preview .marketing-feature-catalog{padding-top:75px}.page-connection-preview .marketing-feature-index{grid-template-columns:repeat(2,minmax(0,1fr))}.page-connection-preview .marketing-feature-category .marketing-feature{padding:25px 23px}}
@media(max-width:600px){.page-connection-preview .marketing-feature-catalog{padding-top:65px}.page-connection-preview .marketing-feature-index{gap:8px;margin-bottom:36px}.page-connection-preview .marketing-feature-index a{padding:13px 11px;gap:8px;font-size:11px;align-items:flex-start}.page-connection-preview .marketing-feature-index a>span:first-child{font-size:9px;line-height:1.85}.page-connection-preview .marketing-feature-category{margin-top:37px}.page-connection-preview .marketing-feature-category-heading{gap:13px;margin-bottom:20px}.page-connection-preview .marketing-feature-category-heading h3{font-size:25px}.page-connection-preview .marketing-feature-category-heading p{font-size:13px}.page-connection-preview .marketing-feature-category .marketing-feature-grid{gap:12px}.page-connection-preview .marketing-feature-category .marketing-feature{padding:24px}.page-connection-preview .marketing-feature-top{margin-bottom:19px}.page-connection-preview .marketing-feature h4{font-size:20px}.page-connection-preview .marketing-feature-category .marketing-feature p{font-size:13px;margin-bottom:20px}.page-connection-preview .marketing-feature-guide{font-size:12px}}
.page-connection-preview .marketing-feature-category .marketing-feature-wide{grid-column:1/-1;background:linear-gradient(115deg,#203c2a,#12291e);border-color:#486c51}
.page-connection-preview .marketing-feature-wide p{max-width:850px}
/* Still-image setup stories complement the film and remain useful without playback. */
.page-connection-preview .marketing-setup-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.page-connection-preview .marketing-setup-card{display:flex;flex-direction:column;margin:0;min-width:0;background:linear-gradient(145deg,#152c20,#0e2118);border:1px solid #34513e;border-radius:15px;overflow:hidden}
.page-connection-preview .marketing-setup-image{background:#071410;border-bottom:1px solid #34513e;overflow:hidden;aspect-ratio:16/9}
.page-connection-preview .marketing-setup-image img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
.page-connection-preview .marketing-setup-card figcaption{display:flex;flex:1;flex-direction:column;padding:25px 25px 27px;min-width:0}
.page-connection-preview .marketing-setup-label{display:flex;align-items:center;gap:11px;font-size:9px;line-height:1.7;letter-spacing:1.4px;color:#9adbb8;margin:0 0 18px;text-transform:uppercase}
.page-connection-preview .marketing-setup-label>span:first-child{font-size:10px;letter-spacing:.08em;color:#709f83}
.page-connection-preview .marketing-setup-card h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;font-weight:600;margin:0 0 14px;overflow-wrap:anywhere}
.page-connection-preview .marketing-setup-card figcaption>p:not(.marketing-setup-label){font-size:13px;line-height:1.85;color:#aec6b7;margin:0 0 24px;overflow-wrap:anywhere}
.page-connection-preview .marketing-setup-guide{display:inline-block;align-self:flex-start;margin-top:auto;font-size:11px;line-height:1.7;text-decoration:none;color:#91dfbd;overflow-wrap:anywhere}
.page-connection-preview .marketing-setup-guide:hover{text-decoration:underline;text-underline-offset:4px}
.page-connection-preview .marketing-setup-disclosure{margin:22px 0 0;max-width:960px;font-size:11px;line-height:1.8;color:#8ca997}
@media(max-width:1100px){.page-connection-preview .marketing-setup-gallery{gap:14px}.page-connection-preview .marketing-setup-card figcaption{padding:23px 20px}.page-connection-preview .marketing-setup-card h3{font-size:20px}}
@media(max-width:800px){.page-connection-preview .marketing-setup-gallery{grid-template-columns:1fr;gap:22px}.page-connection-preview .marketing-setup-card figcaption{padding:25px}.page-connection-preview .marketing-setup-card h3{font-size:25px}.page-connection-preview .marketing-setup-card figcaption>p:not(.marketing-setup-label){font-size:14px}.page-connection-preview .marketing-setup-guide{font-size:12px}}
@media(max-width:600px){.page-connection-preview .marketing-setup-gallery{gap:19px}.page-connection-preview .marketing-setup-card{border-radius:12px}.page-connection-preview .marketing-setup-card figcaption{padding:24px}.page-connection-preview .marketing-setup-card h3{font-size:23px}.page-connection-preview .marketing-setup-label{font-size:8px;letter-spacing:1px}.page-connection-preview .marketing-setup-card figcaption>p:not(.marketing-setup-label){font-size:13px}.page-connection-preview .marketing-setup-disclosure{font-size:10px}}
