:root{--ink:#14334c;--muted:#4b6477;--blue:#0763c9;--teal:#148d8b;--line:#d8e4ec;--paper:#f7fafc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--blue);text-underline-offset:4px}button,a,input,summary{touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087b9b;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{display:flex;align-items:center;gap:30px;min-height:96px}header nav{display:flex;gap:26px;margin-left:auto}header nav a,footer nav a{text-decoration:none;font-size:.94rem;font-weight:600}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;text-decoration:none;color:var(--ink);letter-spacing:-.6px}.brand img{border-radius:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:white;padding:16px 25px;border-radius:16px;text-decoration:none;font-weight:700;box-shadow:0 7px 18px #17374e12}.button:hover{background:#205778}.button.small{font-size:.9rem;padding:11px 18px;white-space:nowrap}.text-link{font-weight:700;text-decoration:none}.skip{position:absolute;left:20px;top:-90px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,5vw,4.8rem);max-width:760px}h1 em{font-style:normal;color:var(--teal)}h2{font-size:clamp(2rem,3.4vw,3.1rem)}h3{font-size:1.4rem;letter-spacing:-.025em}p{margin-top:18px}small,.fine{font-size:.84rem;color:var(--muted)}.eyebrow{font-weight:750;letter-spacing:.14em;text-transform:uppercase;font-size:.73rem;color:#36747e;margin:0 0 18px}.lead{font-size:1.17rem;line-height:1.7;color:var(--muted);max-width:640px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding-top:40px;padding-bottom:65px}.hero .lead{margin:24px 0 28px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-art{position:relative;padding:30px 70px 30px 35px;background:linear-gradient(140deg,#d6e6ff,#c7f0e5 72%,#f6e4c3);border-radius:48% 48% 30% 34%}.hero-art .screen{transform:rotate(4deg);max-height:630px;width:auto;max-width:100%}.floating-note{position:absolute;right:-8px;bottom:95px;background:#fff;padding:20px 25px;border:1px solid #dce8e6;border-radius:18px;box-shadow:0 12px 35px #2a526716;font-size:.93rem;font-weight:650;transform:rotate(-5deg)}.screen{display:block;border:6px solid #17334b;border-radius:35px;background:#e9f2f9;overflow:hidden;line-height:0;padding:0;cursor:zoom-in;box-shadow:0 20px 35px #163f5517;max-width:100%;width:100%}.screen img{width:100%;height:auto;display:block}.section{padding-top:85px;padding-bottom:85px}.grid{display:grid;gap:24px;margin-top:36px}.three{grid-template-columns:repeat(3,1fr)}.grid article,.guide-card{background:white;border:1px solid #e1eaf0;border-radius:26px;padding:30px}.grid p{color:var(--muted);font-size:1rem}.grid article a{display:inline-block;margin-top:20px;text-decoration:none;font-weight:650}.feature-icon{display:grid;place-items:center;width:50px;height:50px;background:linear-gradient(135deg,#deebff,#d5f2e9);border-radius:16px;font-size:1.5rem;color:#086ba7;margin-bottom:24px}.soft{background:linear-gradient(125deg,#ebf4fc,#eaf7f2)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:420px;color:var(--muted)}.screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:0 20px}.screens-grid .screen{max-height:580px;overflow:hidden}.screens-grid figure{min-width:0}.screens-grid figcaption{margin-top:26px;color:var(--muted);font-size:.95rem}.screens-grid b{display:block;color:var(--ink);margin-bottom:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split>.screen{width:275px;justify-self:center}.split .text-link{display:inline-block;margin-top:24px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:30px 0}.plan-grid article{border:1px solid #dbe6e8;border-radius:28px;padding:36px;background:white}.plan-grid h3,.plan-grid h2{margin-top:24px}.plan-grid p{color:var(--muted)}.plan-grid .plus-plan{background:linear-gradient(130deg,#dceaff,#d0f1e6)}.badge{display:inline-block;background:#e7efe1;color:#365b3c;font-size:.85rem;font-weight:750;padding:7px 15px;border-radius:100px}.badge.gold{background:#f4e4b9;color:#6b5018}.launch-note{border-left:3px solid #2a8a98;padding:17px 24px;background:#fff;border-radius:0 16px 16px 0;color:var(--muted);font-size:.94rem}.launch-note strong{color:var(--ink)}.launch-note p{margin-top:5px}.style-pair{display:flex;gap:20px;align-items:center}.style-pair .screen{width:50%;border-width:4px;border-radius:25px}.style-pair .screen:nth-child(2){transform:translateY(40px)}.guide-card{text-decoration:none;color:var(--ink);display:block}.guide-card:hover{border-color:#6eabbd}.guide-card span:last-child{display:block;color:var(--blue);font-weight:650;margin-top:22px;font-size:.9rem}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700;font-size:1.05rem}details p{color:var(--muted);font-size:.97rem}.closing{text-align:center;border-radius:36px;background:linear-gradient(130deg,#dceaff,#cdf2e7);padding:65px 35px;margin-top:30px;margin-bottom:80px}.closing .button{margin-top:28px}.closing p{margin-left:auto;margin-right:auto}footer{padding:0 0 38px;display:flex;flex-wrap:wrap;gap:25px;align-items:center}footer>div{flex:1}footer p{font-size:.9rem;color:var(--muted);margin-top:6px}footer nav{display:flex;flex-wrap:wrap;gap:20px}footer>small{width:100%;border-top:1px solid var(--line);padding-top:20px}.page-intro{padding-top:60px}.page-intro>.lead{margin-top:28px;margin-bottom:36px}.table-wrap{overflow:auto;margin:45px 0;border:1px solid var(--line);border-radius:22px;background:white}table{border-collapse:collapse;width:100%;text-align:left;min-width:460px;font-size:.94rem}caption{text-align:left;padding:20px 24px;font-weight:700}th,td{padding:17px 24px;border-bottom:1px solid #e8eef1}thead{background:#eaf4f8}tbody th{font-weight:500}td{text-align:center}tbody tr:last-child>*{border:0}h2 small{font-size:1rem;letter-spacing:0}.prose{max-width:760px}.prose h2{font-size:1.6rem;margin-top:40px;line-height:1.25;letter-spacing:-.02em}.prose p{color:var(--muted)}.article-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:start}.article-layout aside{position:sticky;top:25px;max-width:300px;justify-self:center;margin-top:40px}.article-layout aside p{text-align:center}dialog{border:0;border-radius:24px;background:#f7fafc;padding:55px 15px 15px;max-height:95vh;max-width:95vw}dialog::backdrop{background:#102a3dd9}dialog button{position:absolute;right:16px;top:10px;border:0;background:#e5eef3;padding:6px 16px;border-radius:12px;cursor:pointer}dialog img{display:block;max-height:82vh;width:auto;max-width:100%;border-radius:18px}@media(max-width:900px){header nav{gap:15px}header{gap:16px}.hero{gap:25px}.hero-art{padding:25px 35px}.floating-note{display:none}.screens-grid{gap:25px;padding:0}.split{gap:40px}.section-heading{gap:25px}.grid article,.guide-card{padding:23px}.article-layout{gap:40px}.faq{gap:35px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{flex-wrap:wrap;min-height:110px;gap:10px;padding:15px 0}header .brand{font-size:1.2rem}header .brand img{width:32px;height:32px}header>.button{margin-left:auto;font-size:.8rem;padding:10px 13px}header nav{order:3;width:100%;justify-content:space-between;margin-top:5px}.hero{grid-template-columns:1fr;padding-top:32px;gap:35px}.hero h1{max-width:500px}.hero-art{width:85%;max-width:360px;justify-self:center;padding:25px 40px}.hero-art .screen{max-height:500px}.section{padding-top:55px;padding-bottom:55px}.three,.plan-grid,.split,.faq,.article-layout{grid-template-columns:1fr}.grid{gap:15px;margin-top:26px}.grid article,.guide-card{padding:26px}.section-heading{display:block}.section-heading>p{margin-top:24px}.screens-grid{gap:35px;grid-template-columns:1fr}.screens-grid figure{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.screens-grid .screen{border-width:4px;border-radius:23px}.screens-grid figcaption{margin-top:0;font-size:.9rem}.split{gap:35px}.split>.screen{width:240px}.style-pair{max-width:420px;margin:0 auto 20px}.plan-grid article{padding:27px}.launch-note{padding:15px 18px}.faq{gap:25px}.closing{margin-bottom:45px;padding:45px 22px}.article-layout aside{position:static;margin-top:0;max-width:250px}.prose h2{margin-top:30px}footer{gap:24px}footer nav{gap:16px}footer>div{flex-basis:100%}.actions{gap:20px}.lead{font-size:1.1rem}th,td{padding:13px 17px}.page-intro{padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.walkthrough{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.demo-steps{display:grid;gap:16px}.demo-step{display:block;text-align:left;border:1px solid #dce7ee;background:#ffffff80;border-radius:22px;padding:25px 30px;color:var(--ink);cursor:pointer}.demo-step.active{border-color:#168c9c;background:white;box-shadow:0 10px 25px #153b5510}.demo-step>span{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--teal);font-weight:750;margin-bottom:8px}.demo-step strong{font-size:1.4rem;letter-spacing:-.02em}.demo-step p{margin-top:10px;color:var(--muted)}.demo-screen{max-width:290px;justify-self:center}.demo-screen .fine{text-align:center}.table-wrap table{min-width:0}@media(max-width:650px){.walkthrough{grid-template-columns:1fr;gap:30px}.demo-step{padding:18px 22px}.demo-step strong{font-size:1.2rem}.demo-step p{font-size:.94rem}.demo-screen{max-width:260px}th,td{padding:13px 12px}td{min-width:47px}}
.page-intro{padding-bottom:35px}
/* Keep the hero preview in the real iPhone screen proportions. */
.hero-art .screen{position:relative;width:270px;max-height:none;aspect-ratio:402/874;margin:auto;border:8px solid #17334b;border-radius:42px;box-shadow:0 25px 45px #163f5525}
.hero-art .screen img{height:100%;object-fit:cover}
.hero-art .screen::before{content:"";position:absolute;top:12px;left:36%;width:28%;height:3%;min-height:15px;background:#102536;border-radius:30px;z-index:1}
@media(max-width:650px){.hero-art .screen{width:230px;max-height:none;border-width:7px;border-radius:36px}.hero-art{padding:25px 25px;width:90%}}
.information-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;align-items:start;margin-top:35px}.contents{position:sticky;top:25px;padding:24px;background:linear-gradient(140deg,#e0edff,#d9f1e8);border:1px solid #d9e7eb;border-radius:22px}.contents h2{font-size:1rem;letter-spacing:-.01em;margin:0 0 15px}.contents nav{display:grid;gap:11px}.contents nav a{font-size:.86rem;line-height:1.4;text-decoration:none;color:#245d78}.legal-copy{background:#fff;border:1px solid #e1eaf0;border-radius:26px;padding:32px;overflow-wrap:anywhere}.legal-copy>p:first-child{margin-top:0}.legal-copy h2{scroll-margin-top:25px}.legal-copy ul{padding-left:22px;color:var(--muted)}.legal-copy li{margin:10px 0}@media(max-width:800px){.information-layout{grid-template-columns:1fr;gap:25px}.contents{position:static}.contents nav{grid-template-columns:1fr 1fr;gap:12px 20px}.legal-copy{padding:25px}}@media(max-width:450px){.contents nav{grid-template-columns:1fr}.legal-copy{padding:22px}}
.plus-brand{display:inline-flex;align-items:center;gap:10px;padding:12px 17px;background:linear-gradient(130deg,#172940,#254d79 65%,#416ba6);border:1px solid #ffffff33;border-radius:18px;color:#fff;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.25rem;font-weight:750;line-height:1.2;letter-spacing:-.025em;box-shadow:0 6px 15px #17294012}.plus-brand img{flex:none}.plus-brand .plus-word{color:#67d4be}
.plus-brand{gap:5px;padding:7px 12px;border-radius:100px;font-size:.85rem;line-height:1.65;box-shadow:none}
.plus-brand img{width:18px;height:18px}
.plus-brand{border:0}
.app-store-badge{display:inline-flex;line-height:0;text-decoration:none;padding:12px;margin:-12px;flex:none}.app-store-badge img{display:block;width:auto;height:48px;max-width:100%}.closing .app-store-badge{margin-top:20px}.closing>.text-link{display:inline-block;margin-top:28px}.actions .app-store-badge{margin-right:0}
footer>.apple-credit{border:0;padding-top:0;font-size:.75rem;margin-top:-15px}
.feature-icon svg{display:block;width:27px;height:27px}
.feature-icon img{display:block;width:27px;height:27px;object-fit:contain}