.how-page{--how-ink:#11152c;--how-muted:#626981;--how-line:#e5e9f1;color:var(--how-ink);background:#fff;padding-bottom:72px}.how-width{width:min(calc(100% - 64px),1160px);margin-inline:auto}.how-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;grid-gap:56px;gap:56px;min-height:660px;padding:55px max(32px,calc((100vw - 1190px) / 2));overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#f1ebff 0,#f8f7ff 30%,transparent 59%),linear-gradient(120deg,#fff,#f8fbff 62%,#fff7f2)}.how-hero-copy{position:relative;z-index:1;max-width:660px}.how-eyebrow,.how-faq-heading>span,.how-section-kicker{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:8px 12px;border:1px solid #e7def9;border-radius:999px;background:#f5efff;color:#7050a8;font-size:12px;font-weight:750}.how-hero h1{max-width:660px;margin:22px 0 16px;color:var(--how-ink);font:700 clamp(42px,5.3vw,66px)/1.02 var(--font-display),sans-serif;letter-spacing:-.045em}.how-hero-copy>p{max-width:590px;margin:0;color:#59617b;font-size:18px;line-height:1.65}.how-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.how-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 19px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:750;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.how-button:hover{transform:translateY(-2px)}.how-button.primary{color:#fff;background:linear-gradient(108deg,#5379df,#8b70cf 58%,#c56f98);box-shadow:0 9px 22px #7965c52b}.how-button.primary:hover{filter:saturate(1.06) brightness(.98);box-shadow:0 12px 25px #7965c538}.how-button.secondary{border-color:#dfe4ef;color:#252b43;background:#ffffffd9}.how-button.secondary:hover{border-color:#b9c8e6;background:#fff}.how-hero-meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:20px;color:#66708c;font-size:12px;font-weight:600}.how-hero-meta span{display:inline-flex;align-items:center;gap:6px}.how-hero-meta svg{color:#347fa7}.how-hero-visual{position:relative;display:grid;justify-items:center;align-content:center;min-height:600px;margin:0;isolation:isolate}.how-hero-glow{position:absolute;z-index:-1;width:min(94%,470px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0,#eaf6ff 34%,#f3edff 58%,#fff0e8 75%,transparent 76%);filter:blur(2px)}.how-phone-frame{width:min(100%,286px);padding:8px;overflow:hidden;border:1px solid #898c94;border-radius:39px;background:#17191e;box-shadow:0 22px 50px #26395a24,inset 0 0 0 3px #35383c}.how-phone-frame img{display:block;width:100%;height:auto;border-radius:30px;background:#fff}.how-area-screen>figcaption,.how-hero-visual>figcaption{margin-top:12px;color:#737b92;font-size:11px;text-align:center}.how-start{padding-top:76px;padding-bottom:78px}.how-section-heading{max-width:700px;margin:0 auto 30px;text-align:center}.how-section-heading>span{display:block;margin-bottom:10px;color:#7050a8;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.how-cta h2,.how-faq h2,.how-section-heading h2,.how-sync h2{margin:0;font:700 clamp(28px,3.5vw,39px)/1.12 var(--font-display),sans-serif;letter-spacing:-.035em}.how-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.how-step-card{--step-color:#347fa7;--step-tint:#eaf6ff;position:relative;display:flex;min-height:248px;flex-direction:column;padding:23px;border:1px solid var(--how-line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--step-tint));box-shadow:0 7px 22px #26395a08;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.how-step-card:nth-child(2){--step-color:#b94f6d;--step-tint:#fff0f4}.how-step-card:nth-child(3){--step-color:#be5935;--step-tint:#fff0e8}.how-step-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--step-color) 27%,white);box-shadow:0 13px 28px #26395a12}.how-step-number{position:absolute;top:22px;right:22px;color:color-mix(in srgb,var(--step-color) 62%,white);font-size:13px;font-weight:800}.how-step-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:var(--step-color);background:color-mix(in srgb,var(--step-tint) 68%,white)}.how-step-card h3{margin:18px 0 8px;font:700 19px/1.25 var(--font-display),sans-serif}.how-step-card p{margin:0 0 17px;color:#626b83;font-size:13px;line-height:1.6}.how-area-copy>a,.how-step-card a,.how-sync-copy>a{display:inline-flex;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;margin-top:auto;color:var(--step-color,#1769e8);font-size:12px;font-weight:750}.how-area-copy>a:hover,.how-step-card a:hover,.how-sync-copy>a:hover{text-decoration:underline;text-underline-offset:3px}.how-areas{padding:76px 0 82px;background:linear-gradient(120deg,#f5faff,#fbfaff 53%,#fff8f4)}.how-areas .how-section-heading{margin-bottom:25px}.how-area-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;max-width:900px;margin:0 auto 16px}.how-area-options button{display:grid;grid-template-columns:40px minmax(0,1fr) 17px;align-items:center;grid-gap:11px;gap:11px;min-width:0;min-height:72px;padding:11px 13px;border:1px solid #e4e8f1;border-radius:14px;color:#242b42;background:#ffffffc9;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.how-area-options button:hover{transform:translateY(-2px);border-color:#c8d8ec}.how-area-options button{--area-accent:#347fa7;--area-tint:#eaf6ff}.how-area-options button:nth-child(2){--area-accent:#bf5d48;--area-tint:#fff1ed}.how-area-options button:nth-child(3){--area-accent:#b94f6d;--area-tint:#fff0f4}.how-area-options button[aria-pressed=true]{border-color:color-mix(in srgb,var(--area-accent) 35%,white);background:var(--area-tint)}.how-area-option-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:var(--area-accent);background:var(--area-tint)}.how-area-panel{--area-accent:#347fa7;--area-tint:#eaf6ff}.how-area-panel-1{--area-accent:#bf5d48;--area-tint:#fff1ed}.how-area-panel-2{--area-accent:#b94f6d;--area-tint:#fff0f4}.how-area-options button b{display:block;font-size:14px;line-height:1.25}.how-area-options button small{display:block;margin-top:3px;color:#6f7890;font-size:10px;line-height:1.3}.how-area-options button>svg{color:#78829a;transition:transform .18s ease}.how-area-options button[aria-pressed=true]>svg{transform:translateX(2px)}.how-area-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:stretch;min-height:550px;overflow:hidden;border:1px solid #e6eaf1;border-radius:24px;background:#fff;box-shadow:0 16px 38px #26395a0b}.how-area-copy{align-self:center;padding:52px clamp(27px,5vw,68px)}.how-area-number{display:inline-block;margin-bottom:17px;color:var(--area-accent);font-size:11px;font-weight:800;letter-spacing:.1em}.how-area-copy h3{margin:0 0 13px;color:#151a31;font:700 clamp(30px,3.2vw,40px)/1.1 var(--font-display),sans-serif;letter-spacing:-.035em}.how-area-copy p{max-width:520px;margin:0;color:#5e6680;font-size:16px;line-height:1.65}.how-area-copy ul{display:grid;grid-gap:11px;gap:11px;margin:23px 0;padding:0;color:#515b75;font-size:13px;list-style:none}.how-area-copy li{display:flex;align-items:flex-start;gap:9px}.how-area-copy li svg{flex:0 0 auto;margin-top:1px;color:var(--area-accent)}.how-area-copy>a{margin-top:4px;color:var(--area-accent);font-size:14px}.how-area-screen{display:grid;align-content:center;justify-items:center;min-width:0;margin:0;padding:25px;background:linear-gradient(145deg,#eef7ff,#f8f5ff 58%,#fff3ed)}.how-area-screen .how-phone-frame{width:min(100%,250px)}.how-overview-frame{position:relative;aspect-ratio:780/1688}.how-overview-frame .how-overview-shot{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;object-position:center}.how-sync{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;grid-gap:40px;gap:40px;margin-top:76px;padding:37px 42px;border:1px solid #e7eaf2;border-radius:23px;background:linear-gradient(115deg,#f4f9ff,#fbf9ff 60%,#fff7f2)}.how-sync-copy{max-width:470px}.how-section-kicker{margin-bottom:15px;padding:7px 10px;font-size:10px}.how-sync h2{font-size:clamp(26px,3vw,34px)}.how-sync-copy>p{margin:12px 0 17px;color:#626b83;font-size:13px;line-height:1.65}.how-sync-copy>a{color:#5c70c8;font-size:13px}.how-sync-visual{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(130px,.9fr);align-items:center;grid-gap:10px;gap:10px;padding:18px;border:1px solid #ffffff;border-radius:20px;background:#ffffffc7}.how-sync-arrows,.how-sync-providers{display:grid;grid-gap:8px;gap:8px;min-width:0}.how-sync-providers span{display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 11px;border:1px solid #e9edf3;border-radius:11px;color:#4c5670;background:#fff;font-size:11px;font-weight:650;white-space:nowrap}.how-sync-arrows{justify-items:center;color:#8b72c4}.how-sync-flow{position:relative;display:grid;min-height:43px;place-items:center;color:#8065bc}.how-sync-flow:before{position:absolute;z-index:0;left:-11px;right:-11px;top:50%;border-top:1px solid #d9d2e9;content:""}.how-sync-flow>svg{position:relative;z-index:1;padding:2px;background:#fff}.how-sync-mobile-flow{display:none}.how-sync-provider-mark{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:8px;color:#537ac7;background:#edf4ff}.how-sync-provider-mark-1{color:#c36888;background:#fff0f4}.how-sync-provider-mark-2{color:#8a6bc2;background:#f3edff}.how-sync-provider-mark b{font-size:12px;font-weight:800;line-height:1}.how-sync-hub{display:grid;min-height:145px;align-content:center;justify-items:center;grid-gap:7px;gap:7px;padding:13px;border:1px solid #dfd6f4;border-radius:16px;background:linear-gradient(145deg,#f7f3ff,#eff7ff);text-align:center}.how-sync-hub>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid #ece5f8;border-radius:13px;color:#7050a8;background:#fff}.how-sync-hub-copy{display:grid;grid-gap:5px;gap:5px}.how-sync-hub b{font-size:12px}.how-sync-hub small{color:#69728b;font-size:10px}.how-faq{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);grid-gap:44px;gap:44px;padding-top:82px;padding-bottom:72px}.how-faq-heading>span{margin-bottom:14px}.how-faq-heading h2{max-width:360px}.how-faq-heading>a{display:inline-flex;align-items:center;gap:5px;margin-top:19px;color:#1769e8;font-size:12px;font-weight:750}.how-faq-list{border-top:1px solid var(--how-line)}.how-faq-list details{border-bottom:1px solid var(--how-line)}.how-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 1px;color:#222940;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.how-faq-list summary::-webkit-details-marker{display:none}.how-faq-list summary svg{flex:0 0 auto;color:#71809a;transition:transform .18s ease}.how-faq-list details[open] summary svg{transform:rotate(90deg)}.how-faq-list details p{max-width:680px;margin:-4px 30px 18px 1px;color:#626b83;font-size:13px;line-height:1.65}.how-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:31px 36px;border:1px solid #e2dcf2;border-radius:22px;background:linear-gradient(110deg,#f3f7ff,#f5f0ff 48%,#fff4ef)}.how-cta .how-section-kicker{margin-bottom:13px}.how-cta h2{font-size:clamp(25px,3vw,34px)}.how-cta p{margin:8px 0 0;color:#626b83;font-size:13px}.how-page a:focus-visible,.how-page button:focus-visible,.how-page summary:focus-visible{outline:3px solid #7694ff;outline-offset:4px}@media (max-width:900px){.how-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:28px;min-height:600px}.how-hero h1{font-size:clamp(39px,5vw,54px)}.how-hero-copy>p{font-size:16px}.how-hero-visual{min-height:540px}.how-phone-frame{width:min(100%,245px)}.how-sync{grid-template-columns:1fr;gap:23px}.how-sync-copy{max-width:620px}}@media (max-width:720px){.how-width{width:calc(100% - 40px)}.how-hero{grid-template-columns:1fr;gap:6px;min-height:0;padding:37px 22px 18px}.how-hero-copy{max-width:620px}.how-hero h1{max-width:580px;margin-top:18px;font-size:clamp(39px,10vw,55px)}.how-hero-copy>p{font-size:15px}.how-hero-visual{min-height:0;padding:24px 0 5px}.how-hero-visual .how-phone-frame{width:min(68vw,250px)}.how-hero-glow{width:min(96%,350px)}.how-start{padding-top:55px;padding-bottom:57px}.how-section-heading{margin-bottom:22px}.how-section-heading h2{font-size:29px}.how-step-grid{grid-template-columns:1fr;gap:9px}.how-step-card{min-height:0;padding:18px}.how-step-card h3{margin-top:14px;font-size:17px}.how-step-card p{margin-bottom:12px}.how-areas{padding:55px 0 60px}.how-area-options{grid-template-columns:1fr;gap:7px;margin-bottom:12px}.how-area-options button{min-height:61px;padding:9px 11px}.how-area-panel{grid-template-columns:1fr;min-height:0;border-radius:19px}.how-area-copy{padding:27px 22px 25px}.how-area-copy h3{font-size:31px}.how-area-copy p{font-size:14px}.how-area-screen{padding:22px 16px 17px}.how-area-screen .how-phone-frame{width:min(64vw,240px)}.how-sync{width:calc(100% - 40px);gap:18px;margin-top:48px;padding:24px 19px;border-radius:19px}.how-sync-visual{grid-template-columns:1fr;gap:8px;padding:12px}.how-sync-providers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.how-sync-providers span{min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:4px;padding:6px 3px;font-size:9px}.how-sync-provider-mark{flex-basis:21px;width:21px;height:21px}.how-sync-provider-mark svg{width:12px;height:12px}.how-sync-arrows{display:none}.how-sync-mobile-flow{display:grid;height:23px;place-items:center;color:#8065bc}.how-sync-mobile-flow svg{transform:rotate(90deg)}.how-sync-hub{grid-template-columns:40px minmax(0,1fr);justify-items:start;gap:10px;min-height:72px;padding:10px 12px;text-align:left}.how-sync-hub>span{width:38px;height:38px;grid-column:1;grid-row:1}.how-sync-hub-copy{grid-column:2;grid-row:1}.how-sync-hub b{font-size:11px}.how-sync-hub small{font-size:9px}.how-faq{grid-template-columns:1fr;gap:22px;padding-top:58px;padding-bottom:48px}.how-faq-heading h2{max-width:none;font-size:29px}.how-cta{align-items:flex-start;flex-direction:column;padding:24px 20px}}@media (max-width:380px){.how-width{width:calc(100% - 32px)}.how-hero{padding-inline:18px}.how-actions{align-items:stretch;flex-direction:column}.how-button{width:100%}.how-sync-visual{grid-template-columns:1fr;gap:8px;padding:11px}.how-sync-providers{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.how-sync-providers span{min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:4px;padding:5px 2px;font-size:9px}.how-sync-provider-mark{flex-basis:21px;width:21px;height:21px}.how-sync-arrows{display:none}.how-sync-mobile-flow{display:grid;height:23px;place-items:center;color:#8065bc}.how-sync-mobile-flow svg{transform:rotate(90deg)}.how-sync-hub{grid-template-columns:40px minmax(0,1fr);justify-items:start;gap:10px;min-height:72px;padding:10px 12px;text-align:left}.how-sync-hub>span{width:38px;height:38px;grid-column:1;grid-row:1}.how-sync-hub-copy{grid-column:2;grid-row:1}.how-sync-hub b{font-size:11px}.how-sync-hub small{font-size:9px}}@media (prefers-reduced-motion:reduce){.how-area-options button,.how-area-options button>svg,.how-button,.how-faq-list summary svg,.how-step-card{transition:none}.how-area-options button:hover,.how-button:hover,.how-step-card:hover{transform:none}}