@font-face{font-family:Roboto;src:url('assets/fonts/Roboto-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('assets/fonts/RobotoCondensed-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--canvas:#f6f8f7;--ink:#000;--muted:#484b49;--action:#204f8f;--rule:1px solid var(--ink);--display:'Roboto Condensed',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.6 Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p+p{margin-top:16px}h1,h2,h3,.label,.brand,.row-number,.spec-table th,.primary-action{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em}h2{font-size:40px;line-height:1.1;text-wrap:balance}h3{font-size:23px;line-height:1.2;margin-bottom:12px;text-wrap:balance}.label,.row-number{font-size:14px;line-height:1.3}.label{margin-bottom:24px}.small,figcaption{font-size:14px;line-height:1.55;color:var(--muted);letter-spacing:.015em}.sheet{max-width:1200px;margin:0 auto;border-inline:var(--rule)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;border-bottom:var(--rule)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;text-decoration:none;white-space:nowrap}.site-header nav,.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}.site-header nav a,.site-footer nav a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline}.skip-link{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px 16px;z-index:10}.skip-link:focus{top:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;border-bottom:var(--rule)}.hero-copy{padding:46px 48px 40px}.hero h1{font-size:clamp(88px,9vw,132px);line-height:.86;letter-spacing:.015em;margin:32px 0 28px}.hero-line{font-family:var(--display);font-weight:700;font-size:40px;line-height:1.05;letter-spacing:.005em}.hero-lede{font-size:19px;line-height:1.5;max-width:32ch;margin:24px 0}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 20px;background:var(--action);color:#fff;text-decoration:none;font-size:16px}.primary-action:hover{background:#183b6b;text-decoration:none}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;margin-top:28px}.app-store-badge{display:inline-block;margin:0;line-height:0}.app-store-badge img{width:144px;height:48px}.app-store-badge:focus-visible{outline-offset:4px}.text-action{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:16px;color:var(--action);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}.text-action:hover{text-decoration:underline}.as-typed{text-transform:none}.hero-note{font-size:14px;margin-top:20px;color:var(--muted)}.hero-product{border-left:var(--rule);padding:24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.product-label{display:flex;justify-content:space-between;width:100%;gap:16px;font-size:12px}.phone{background:#000;border:6px solid #000;border-radius:34px;overflow:hidden;width:270px;max-width:100%}.hero-product .phone{width:286px}figcaption{margin-top:16px;text-align:center;max-width:34ch}.section{padding:48px;border-bottom:var(--rule);scroll-margin-top:20px}.section-title{margin-bottom:32px}.section-title .label{margin-bottom:16px}.section-title>p:last-child:not(.label){margin-top:16px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 320px;gap:48px}.numbered{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:var(--rule);padding:28px 0}.steps .numbered:last-child{border-bottom:var(--rule)}.row-number{padding-top:4px}.numbered p{max-width:44ch}.load-example{font-size:14px;letter-spacing:.015em}.detail-product{display:flex;flex-direction:column;align-items:center}.detail-product .phone{width:236px}.spec-table{width:100%;border-collapse:collapse;text-align:left}.spec-table caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:16px}.spec-table th,.spec-table td{border-top:var(--rule);padding:16px 0;vertical-align:top}.spec-table th{width:30%;font-size:16px;padding-right:24px}.spec-table tr:last-child>*{border-bottom:var(--rule)}.sharing-grid{display:grid;grid-template-columns:1fr 320px;gap:48px}.integration,.estimate{border-top:var(--rule);padding:24px 0}.estimate{border-bottom:var(--rule)}code{font-family:inherit;font-size:.95em}.contact-link{display:inline-block;font-size:23px;margin:16px 0 24px;overflow-wrap:anywhere}.faq details{border-top:var(--rule)}.faq details:last-child{border-bottom:var(--rule)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary h3{margin:0}.faq summary::after{content:"+";flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:var(--rule);font:700 22px/1 var(--display)}.faq details[open] summary::after{content:"−"}.faq summary:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.faq summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.faq details>p{padding-bottom:24px}.legal-intro{max-width:65ch;margin:0 0 32px 30%}.clause{display:grid;grid-template-columns:calc(30% - 24px) 1fr;gap:24px;border-top:var(--rule);padding:28px 0}.clause>div{max-width:65ch}.clause h3{font-size:23px}.legal .section-title h2{font-size:40px}
.legal .section-title h1{font-size:40px;line-height:1.1;text-wrap:balance}
.section-intro{font-size:19px;line-height:1.5;max-width:52ch;margin:-8px 0 40px}
.faq p{max-width:65ch}
.site-footer{padding:32px 48px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.site-footer nav{align-items:center;gap:12px}.footer-sep{color:var(--muted)}.social-links{display:flex;gap:8px}.social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:var(--rule);color:var(--ink)}.social:hover{background:var(--ink);color:var(--canvas)}.social svg{display:block}.site-footer p a{text-decoration:none}.site-footer p a:hover{text-decoration:underline}.site-footer .small{max-width:85ch;margin-top:12px}
@media(max-width:1000px){.site-header{align-items:flex-start;flex-direction:column;gap:8px}.hero-copy{padding:40px 32px}.hero-line{font-size:33px}.section{padding:40px 32px}.work-grid,.sharing-grid{grid-template-columns:1fr 260px;gap:32px}.hero-product{padding:24px}.legal-intro{margin-left:20%}.clause{grid-template-columns:calc(20% - 24px) 1fr}.site-footer{padding:32px}}
@media(max-width:650px){.sheet{border-inline:0;margin:0 16px}.site-header{padding:16px 0}.site-header nav{gap:0 20px}.site-header nav a{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:32px 0}.hero h1{font-size:104px;margin:24px 0}.hero-line{font-size:33px}.hero-lede{font-size:19px;max-width:30ch}.hero-product{border-left:0;border-top:var(--rule);padding:24px 0 32px}.hero-product .phone{width:260px}.product-label{font-size:12px}.section{padding:32px 0}.section-title{margin-bottom:24px}h2,.legal .section-title h2,.legal .section-title h1{font-size:33px}
.section-intro{font-size:17px;margin:-4px 0 32px}.work-grid,.sharing-grid{grid-template-columns:1fr;gap:32px}.numbered{grid-template-columns:24px 1fr;gap:16px;padding:24px 0}.spec-table th{width:35%;padding-right:16px;font-size:14px}.spec-table td{font-size:16px}.detail-product .phone{width:236px}.legal-intro{margin-left:0}.clause{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 0}.clause a{overflow-wrap:anywhere}.site-footer{padding:32px 0}.footer-top{flex-direction:column;gap:12px}.footer-links{align-items:flex-start}.site-footer nav{gap:12px}.faq summary{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}