:root{--ink: #07202b;--ink-2: #3c5a68;--ink-3: #64808c;--bg: #ffffff;--bg-soft: #f2f8f6;--bg-mint: #e8f4f1;--line: #dbe7e4;--line-soft: #e7f0ee;--brand: #0e9d8a;--brand-deep: #0b7f70;--brand-dark: #075e53;--brand-soft: #d7efea;--hero-a: #04222c;--hero-b: #0a4a42;--hero-ink: #eafaf6;--hero-muted: #a8cdc5;--pin-5g: #2dd4bf;--pin-4g: #38bdf8;--pin-3g: #fbbf24;--pin-2g: #94a3b8;--amber: #f59e0b;--danger: #ef4444;--radius: 16px;--radius-lg: 24px;--shadow-1: 0 1px 2px rgba(7, 32, 43, .06), 0 8px 24px rgba(7, 32, 43, .08);--shadow-2: 0 2px 8px rgba(7, 32, 43, .08), 0 24px 60px rgba(7, 32, 43, .14);--maxw: 72rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;font-size:1rem;line-height:1.65}img,svg{max-width:100%;height:auto}a{color:var(--brand-deep);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0 0 .6em}h1{font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}p{margin:0 0 1em}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.section{padding:4.5rem 0}.section--soft{background:var(--bg-soft)}.section-head{max-width:44rem;margin:0 auto 3rem;text-align:center}.section-head p{color:var(--ink-2);font-size:1.1rem;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font-weight:700;font-size:1rem;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,var(--brand-deep),var(--brand-dark));color:#fff;box-shadow:0 8px 20px #0e9d8a59}.btn--primary:hover{box-shadow:0 10px 26px #0e9d8a73}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn--ghost:hover{background:var(--bg-soft)}.btn--ghost-dark{background:#ffffff14;color:var(--hero-ink);border-color:#ffffff40}.btn--ghost-dark:hover{background:#ffffff24}.card{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-1)}.site-header{position:sticky;top:0;z-index:60;background:#ffffffd1;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line-soft)}.site-header__inner{display:flex;align-items:center;gap:1.5rem;height:4.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}.brand:hover{text-decoration:none}.brand__mark{width:2.1rem;height:2.1rem;border-radius:.65rem;flex:none}.site-nav{display:flex;align-items:center;gap:1.6rem;margin-left:auto}.site-nav a{color:var(--ink-2);font-weight:600;font-size:.95rem}.site-nav a:hover{color:var(--ink);text-decoration:none}.site-nav .btn{padding:.55rem 1.15rem;font-size:.92rem}.site-nav a.btn--primary,.site-nav a.btn--primary:hover{color:#fff}.nav-toggle-input,.nav-toggle{display:none}@media(max-width:47rem){.site-nav{display:none;position:absolute;top:4.25rem;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1.25rem;box-shadow:var(--shadow-1)}.site-nav a{padding:.8rem .25rem;font-size:1.05rem;border-bottom:1px solid var(--line-soft)}.site-nav .btn{margin-top:.9rem;border-bottom:none;padding:.8rem 1.15rem}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:2.4rem;height:2.4rem;margin-left:auto;padding:.5rem;border:1px solid var(--line);border-radius:.6rem;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-toggle-input:checked~.site-nav{display:flex}.nav-toggle-input:checked~.nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle-input:checked~.nav-toggle span:nth-child(2){opacity:0}.nav-toggle-input:checked~.nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{position:relative;overflow:hidden;background:radial-gradient(60rem 40rem at 15% -20%,rgba(45,212,191,.16),transparent 60%),radial-gradient(50rem 36rem at 110% 10%,rgba(56,189,248,.12),transparent 55%),linear-gradient(160deg,var(--hero-a),var(--hero-b));color:var(--hero-ink)}.hero__grid{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center;padding-top:5rem;padding-bottom:5.5rem}@media(max-width:56rem){.hero__inner{grid-template-columns:1fr;padding-top:3.5rem;padding-bottom:4rem}}.hero h1{color:#fff;margin-bottom:1rem}.hero h1 .accent{background:linear-gradient(90deg,#5eead4,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lede{font-size:1.15rem;color:var(--hero-muted);max-width:34rem;margin-bottom:1.8rem}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);color:#c9ece5;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.4rem}.hero__badge .dot{width:7px;height:7px;border-radius:50%;background:var(--pin-5g);box-shadow:0 0 0 4px #2dd4bf33}.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.2rem}.hero__stats{display:flex;flex-wrap:wrap;gap:2.2rem;border-top:1px solid rgba(255,255,255,.14);padding-top:1.6rem;max-width:34rem}.hero__stat b{display:block;font-size:1.35rem;color:#fff;letter-spacing:-.02em}.hero__stat span{font-size:.85rem;color:var(--hero-muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}@media(max-width:56rem){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:38rem){.features{grid-template-columns:1fr}}.feature{padding:1.7rem 1.6rem}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.9rem;background:var(--brand-soft);color:var(--brand-dark);margin-bottom:1.1rem}.feature p{color:var(--ink-2);font-size:.97rem;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;counter-reset:step}@media(max-width:56rem){.steps{grid-template-columns:1fr;max-width:30rem;margin:0 auto}}.step{position:relative;padding:1.8rem 1.6rem 1.6rem}.step__num{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:800;margin-bottom:1rem}.step p{color:var(--ink-2);font-size:.97rem;margin:0}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem;align-items:center}@media(max-width:56rem){.split{grid-template-columns:1fr;gap:2rem}.split--flip .split__media{order:-1}}.split__body .eyebrow{margin-bottom:.6rem}.split__body p{color:var(--ink-2);font-size:1.05rem}.split__body ul{color:var(--ink-2);padding-left:1.2rem;margin:0 0 1.2rem}.split__body li{margin-bottom:.45rem}.split__media{display:flex;justify-content:center}.media-card{width:100%;max-width:26rem;border-radius:var(--radius-lg);border:1px solid var(--line-soft);box-shadow:var(--shadow-2);overflow:hidden;background:#fff}.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}@media(max-width:56rem){.usecases{grid-template-columns:repeat(2,1fr)}}@media(max-width:38rem){.usecases{grid-template-columns:1fr}}.usecase{display:block;padding:1.3rem 1.4rem;border-radius:var(--radius);border:1px solid var(--line-soft);background:#fff;box-shadow:var(--shadow-1);color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.usecase:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-2)}.usecase b{display:block;margin-bottom:.25rem}.usecase span{color:var(--ink-2);font-size:.92rem}.usecase .go{color:var(--brand-deep);font-weight:700;font-size:.9rem}.faq{max-width:46rem;margin:0 auto}.faq details{border:1px solid var(--line-soft);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-1);margin-bottom:.9rem;overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:1.15rem 3.2rem 1.15rem 1.4rem;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:600;color:var(--brand-deep);transition:transform .2s ease}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq details p{padding:0 1.4rem 1.2rem;margin:0;color:var(--ink-2)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}@media(max-width:56rem){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:38rem){.post-grid{grid-template-columns:1fr}}.post-card{display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.3rem;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-2)}.post-card__cat{display:inline-flex;align-self:flex-start;padding:.22rem .7rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.8rem}.post-card h3{font-size:1.08rem;margin-bottom:.5rem;line-height:1.35}.post-card p{color:var(--ink-2);font-size:.93rem;margin:0 0 1rem;flex:1}.post-card__meta{color:var(--ink-3);font-size:.82rem}.cta-panel{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(40rem 26rem at 85% -30%,rgba(45,212,191,.25),transparent 60%),linear-gradient(150deg,var(--hero-a),var(--hero-b));color:var(--hero-ink);padding:3.6rem 2rem;text-align:center}.cta-panel h2{color:#fff}.cta-panel p{color:var(--hero-muted);max-width:32rem;margin:0 auto 1.8rem}.cta-panel__actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.cta-panel .fineprint{margin:1.2rem 0 0;font-size:.85rem;color:var(--hero-muted)}.site-footer{background:#04222c;color:#9dbfb8;padding:3.5rem 0 2.5rem;margin-top:0;font-size:.95rem}.site-footer a{color:#cde8e2}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}@media(max-width:56rem){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:38rem){.footer-grid{grid-template-columns:1fr}}.footer-brand{color:#fff}.footer-grid h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:.55rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.6rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.85rem}.blog-hero{background:linear-gradient(160deg,var(--hero-a),var(--hero-b));color:var(--hero-ink);padding:3.6rem 0;text-align:center}.blog-hero h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.7rem)}.blog-hero p{color:var(--hero-muted);max-width:38rem;margin:0 auto}.cat-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.8rem 0 0}.cat-nav a{padding:.45rem 1.05rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#d9efe9;font-size:.88rem;font-weight:600}.cat-nav a:hover{background:#ffffff1a;text-decoration:none}.blog-section{padding:3rem 0 .5rem}.blog-section:last-of-type{padding-bottom:4rem}.blog-section>.container>p{color:var(--ink-2);max-width:44rem;margin-top:-.4rem}.post-hero{background:var(--bg-soft);border-bottom:1px solid var(--line-soft);padding:3rem 0 2.6rem}.post-hero .crumbs{font-size:.88rem;color:var(--ink-3);margin-bottom:1.1rem}.post-hero .crumbs a{color:var(--ink-2);font-weight:600}.post-hero h1{font-size:clamp(1.8rem,3.4vw,2.6rem);max-width:50rem}.post-hero .lede{color:var(--ink-2);font-size:1.12rem;max-width:46rem;margin:0}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;color:var(--ink-3);font-size:.88rem;margin-top:1.3rem}.post-meta .chip{padding:.22rem .75rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-weight:700;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.post-layout{padding:3rem 0 4.5rem}.prose{max-width:45rem;margin:0 auto;font-size:1.06rem;line-height:1.75;color:#22414e}.prose h2{font-size:1.55rem;margin:2.2em 0 .7em}.prose h3{font-size:1.18rem;margin:1.8em 0 .5em}.prose ul,.prose ol{padding-left:1.35rem;margin:0 0 1.2em}.prose li{margin-bottom:.4em}.prose li::marker{color:var(--brand-deep)}.prose strong{color:var(--ink)}.prose blockquote{border-left:3px solid var(--brand);margin:1.5em 0;padding:.2em 0 .2em 1.2em;color:var(--ink-2)}.prose blockquote>p:last-child{margin-bottom:0}.prose blockquote:has(a[href*="apps.apple.com"]){position:relative;border:1px solid var(--line-soft);border-left:4px solid var(--brand);border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow-1);margin:1.9em 0;padding:1.15em 1.3em 1.15em 5.5em}.prose blockquote:has(a[href*="apps.apple.com"]):before{content:"";position:absolute;left:1.15em;top:50%;transform:translateY(-50%);width:3.4em;height:3.4em;border-radius:.8em;background:url(/app-icon.png) center / cover no-repeat;box-shadow:0 4px 12px #07202b33}@media(max-width:30rem){.prose blockquote:has(a[href*="apps.apple.com"]){padding-left:4.4em}.prose blockquote:has(a[href*="apps.apple.com"]):before{width:2.6em;height:2.6em;border-radius:.6em;left:.95em}}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-mint);padding:.15em .4em;border-radius:.35em}.prose table{display:block;width:fit-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.6em 0;font-size:.94rem}.prose th,.prose td{border:1px solid var(--line);padding:.6em .9em;text-align:left;vertical-align:top}.prose th{background:var(--bg-soft);color:var(--ink)}.prose a{font-weight:600}.prose hr{border:none;border-top:1px solid var(--line);margin:2.5em 0}.cta-box{max-width:45rem;margin:3rem auto 0;border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--hero-a),var(--hero-b));color:var(--hero-ink);padding:2.2rem 2rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center}.cta-box__icon{width:3.6rem;height:3.6rem;border-radius:.9rem;box-shadow:0 6px 18px #00000059}@media(max-width:38rem){.cta-box{grid-template-columns:1fr}}.cta-box h3{color:#fff;margin-bottom:.35rem}.cta-box p{margin:0;color:var(--hero-muted);font-size:.95rem}.related{max-width:45rem;margin:3.5rem auto 0}.related h2{font-size:1.3rem;margin-bottom:1.2rem}.related .post-grid{grid-template-columns:1fr}.related .post-card{flex-direction:column}.center{text-align:center}.mt-2{margin-top:2rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::selection{background:#2dd4bf59}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.consent[data-astro-cid-2effgw6e]{position:fixed;z-index:100;left:1rem;right:1rem;bottom:1rem;max-width:46rem;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:1.1rem 1.25rem}.consent[data-astro-cid-2effgw6e][hidden]{display:none}.consent__inner[data-astro-cid-2effgw6e]{display:flex;align-items:center;gap:1.25rem}@media(max-width:40rem){.consent__inner[data-astro-cid-2effgw6e]{flex-direction:column;align-items:stretch;gap:.9rem}}.consent__title[data-astro-cid-2effgw6e]{font-weight:700;margin:0 0 .2rem}.consent__text[data-astro-cid-2effgw6e]{margin:0;font-size:.9rem;color:var(--ink-2)}.consent__actions[data-astro-cid-2effgw6e]{display:flex;gap:.6rem;flex:none}.consent__actions[data-astro-cid-2effgw6e] .btn[data-astro-cid-2effgw6e]{padding:.6rem 1.2rem;font-size:.92rem}@media(max-width:40rem){.consent__actions[data-astro-cid-2effgw6e] .btn[data-astro-cid-2effgw6e]{flex:1}}