@font-face{font-family:Gotham;src:url('/fonts/GothamRounded-Book.otf')}@font-face{font-family:Gotham;src:url('/fonts/GothamRounded-Medium.otf');font-weight:700}
:root{--yellow:#ffd600;--ink:#25282a;--grey:#5d6265;--paper:#f4f3ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.7 Gotham,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p+p{margin-top:18px}h1,h2,h3{font-weight:700;line-height:1.13;letter-spacing:-.055em}h1{font-size:clamp(42px,5.5vw,78px)}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:25px;letter-spacing:-.035em}em{font-style:normal;color:#8a7100}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.eyebrow{font:700 11px/1.6 Gotham,Arial,sans-serif;letter-spacing:.16em;margin-bottom:22px;text-transform:uppercase}.header{background:#25282a;color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff18}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;width:142px;flex-shrink:0}.brand img{width:142px;height:auto;max-height:78px;object-fit:contain}nav{display:flex;align-items:center;gap:25px}nav a{text-decoration:none;font-size:12px}nav a:hover,nav a[aria-current]{color:var(--yellow)}nav .login{border:1px solid #ffffff60;padding:9px 18px}.menu-button{display:none}.skip{position:fixed;top:-100px;left:16px;z-index:30;background:var(--yellow);padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid #b38c00;outline-offset:5px}.hero{color:#fff;background:linear-gradient(90deg,#111a 0%,#1117 50%,#1112 100%),url('/images/home-header.jpg') center 43%/cover;min-height:720px}.hero-inner{padding:80px 0 55px}.hero .eyebrow{color:var(--yellow)}.hero h1{max-width:800px}.hero em{color:var(--yellow)}.lead{font-size:19px;max-width:660px;line-height:1.75;margin-top:28px}.hero .lead{max-width:570px;color:#fff}.actions{display:flex;align-items:center;gap:30px;margin:36px 0 48px}.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:var(--yellow);color:var(--ink);padding:17px 25px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid transparent}.button:hover{background:#e9c500}.text-link{font-size:13px;font-weight:700;text-underline-offset:6px;display:inline-block}.hero-note{font-size:10px;letter-spacing:.18em}.ticker{background:var(--yellow);padding:24px 0;font-size:12px;font-weight:700;letter-spacing:.12em}.ticker .wrap{display:flex;justify-content:space-between;gap:12px}.ticker span{opacity:.5}.section{padding-block:100px}.section-heading{max-width:760px;margin-bottom:48px}.section-heading>p:last-child{max-width:610px;margin-top:24px;color:var(--grey)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:34px 28px;border:1px solid #dcdedb;position:relative}.number{display:block;font-size:13px;letter-spacing:.1em;color:#756100;margin-bottom:26px}.card .eyebrow{font-size:10px;margin-bottom:17px}.card p:last-child{color:var(--grey);margin-top:20px;font-size:14px}.card h3{max-width:270px}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.split h2{margin-bottom:27px}.split p{color:var(--grey)}.split .text-link{margin-top:25px}.dark-section{background:var(--ink);color:#fff}.dark-section .eyebrow,.dark-section .text-link{color:var(--yellow)}.dark-section p{color:#d6d9d9}.browser{background:#fff;border:1px solid #747778;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px #0002}.browser-bar{display:flex;justify-content:space-between;padding:10px 15px;background:#e5e5df;color:#595d5e;font-size:10px}.browser>a{display:block;max-height:420px;overflow:hidden}.browser img{display:block;width:100%}.browser figcaption{font-size:10px;padding:12px 16px;color:#555;line-height:1.5}.mobile-inline{display:flex;gap:24px;align-items:center;margin-top:35px}.mobile-inline img{width:85px}.mobile-inline small{font-size:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-bottom:32px}.steps article{border-top:3px solid var(--yellow);padding-top:25px}.steps p{font-size:14px;color:var(--grey);margin-top:20px}.site-photo{background:linear-gradient(90deg,#171b1ee6,#171b1e40),url('/images/header-opt.jpg') center/cover;color:white;padding:100px 0}.site-photo .eyebrow{color:var(--yellow)}.site-photo p{margin-block:25px}.site-photo h2{font-size:clamp(40px,5vw,66px)}.cta{background:var(--yellow);padding:70px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta p:last-child{margin-top:23px;font-size:14px}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#43484b}.page-head{padding-block:85px 40px}.page-head .eyebrow{color:#756100}.light-section{background:var(--paper)}.screens{grid-template-columns:1.5fr 1fr;align-items:start}.screens h3{margin-bottom:18px}.screens p{font-size:14px;margin-bottom:24px}.mobile-panel{text-align:center;border:1px solid #d7d8d3;padding:32px}.mobile-panel>img{width:158px;margin-block:16px}.caption{font-size:11px!important}.solutions{grid-template-columns:repeat(2,1fr)}.solutions h2{font-size:31px}.solutions .tags{font-size:11px;border-top:1px solid #ddd;padding-top:20px;color:#635300!important}.compact{padding-block:70px}.qr-photo{width:310px;justify-self:center}.faq{max-width:820px;margin-bottom:35px}.faq details{border-bottom:1px solid #d1d3d1;padding:24px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{margin-top:18px;color:var(--grey);font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:25px}.contact-card{padding:35px;background:var(--yellow);text-decoration:none;overflow-wrap:anywhere}.contact-card h2{font-size:clamp(20px,2.4vw,32px);letter-spacing:-.04em}.contact-card p:last-child{font-size:13px;margin-top:28px}footer{background:#202325;color:white;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:55px}.footer-brand{font-weight:700;font-size:54px;letter-spacing:-.09em;text-decoration:none;line-height:1}.footer-brand span{color:var(--yellow)}footer p{font-size:12px;margin-top:16px}footer .eyebrow{color:var(--yellow);margin-top:0}footer a{display:block;font-size:12px;text-decoration:none;margin-block:8px}footer a:hover{text-decoration:underline}.muted{color:#b8bcbd}.footer-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:22px}.footer-bottom p{margin:0;font-size:10px;color:#c1c5c6}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{font-size:10px}
@media(min-width:1500px){.hero{background-position:center 50%}}@media(max-width:980px){.menu-button{display:flex;gap:15px;background:transparent;color:white;border:1px solid #888;padding:10px 15px;font:inherit;font-size:13px}.nav{min-height:80px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:24px 32px;border-top:1px solid #555}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:15px}nav a{padding:8px;font-size:14px}.split{gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.hero{min-height:670px}.footer-grid{gap:25px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.hero{min-height:665px;background-position:36% center}.hero-inner{padding-block:55px 40px}.hero .lead{font-size:16px;max-width:360px}.hero h1{font-size:49px}.eyebrow{font-size:9px}.actions{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:35px}.ticker{font-size:9px;letter-spacing:0;padding-block:18px}.ticker .wrap{flex-wrap:wrap;justify-content:center;gap:9px}.section{padding-block:60px}.cards,.solutions,.split,.screens,.steps{grid-template-columns:1fr}.card{padding:28px}.section-heading{margin-bottom:32px}.split{gap:35px}.steps{gap:30px}.cta-inner{display:block}.cta .button{margin-top:30px}.page-head{padding-top:55px}.page-head .lead{font-size:16px}.site-photo{padding-block:65px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.footer-bottom>div{flex-wrap:wrap}.browser>a{max-height:340px}.contact-grid{padding-top:20px}.contact-card{padding:25px}.mobile-panel{padding:25px}.brand img{width:120px}.brand{width:120px}.qr-photo{width:230px}.lead{line-height:1.65}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand.footer-brand{display:block;flex-shrink:0}
@media(max-width:650px){.contact-card [aria-hidden="true"]{display:none}}
.phone-frame{display:block;max-width:260px;margin-inline:auto;overflow:hidden;border:6px solid #181b1d;border-radius:22px;background:#181b1d;box-shadow:0 12px 25px #0002}
.phone-frame img{display:block;width:100%;height:auto}
.phone-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.phone-pair figcaption{font-size:12px;margin-top:14px;color:var(--grey)}
.mobile-inline .phone-frame{width:108px;flex-shrink:0;margin:0}
.mobile-inline .phone-frame img{width:100%}
.mobile-panel .phone-pair{margin-block:24px}
@media(max-width:650px){.phone-pair{grid-template-columns:1fr;gap:30px}}


.product-subheading{margin-top:36px}.tag-range{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:980px){.tag-range{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.tag-range{grid-template-columns:1fr}}

.product-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.product-preview{background:white}.product-preview>a{display:block;margin-bottom:24px}.product-preview img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.product-preview h3{font-size:21px}.product-preview p{font-size:13px}@media(max-width:980px){.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.product-gallery{grid-template-columns:1fr}}

.pricing-cards h2{font-size:30px}.pricing-cards .plan-price{font-size:36px;font-weight:700;color:var(--ink);margin-top:24px;line-height:1.3}.plan-price span{display:block;font-size:13px;font-weight:400}.pricing-cards ul{padding-left:20px;font-size:14px;color:var(--grey)}.pricing-cards li+li{margin-top:10px}.pricing-note{font-size:14px;color:var(--grey);margin-top:30px}

.legal-content{max-width:900px;padding-top:20px}.legal-content h2{font-size:25px;letter-spacing:-.025em;margin:42px 0 20px;text-transform:none}.legal-content p,.legal-content li{font-size:15px;line-height:1.85}.legal-content p+p{margin-top:18px}.legal-content li+li{margin-top:14px}.legal-content ol,.legal-content ul{padding-left:26px}.legal-content a{overflow-wrap:anywhere}

.tutorial-player{position:relative;aspect-ratio:16/9;background:var(--ink);margin-top:28px}.tutorial-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tutorial-section{padding-top:30px}.tutorial-cards .card{padding:0 0 26px;overflow:hidden}.tutorial-cards a{text-decoration:none;display:block}.tutorial-cards img{display:block;width:100%;aspect-ratio:25/14;object-fit:cover}.tutorial-cards h3{padding:24px 24px 0}.tutorial-cards a:hover h3{text-decoration:underline}.tutorial-title{margin-top:30px}