@charset "UTF-8";
[hidden]{display:none!important}
:root{--navy:var(--ic-05243e);--ink:var(--ic-082d50);--cyan:var(--ic-00c5cc);--pink:var(--ic-f786ec);--violet:var(--ic-633783);--light:var(--ic-edf8fd);--line:var(--ic-cfdfec);--muted:var(--ic-526d80)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ic-f8fcfe);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--violet);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration:underline}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ic-008e99);outline-offset:5px}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:24px;top:-90px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:28px;font-weight:750;letter-spacing:-1px;line-height:1.2}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:.3px;font-weight:500;margin-top:6px;color:var(--muted)}.nav nav{display:flex;gap:28px;align-items:center}.nav nav a{text-decoration:none;font-size:14px;font-weight:600}.nav nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;background:var(--violet);color:white;text-decoration:none!important;font-size:15px;font-weight:650;border:1px solid var(--violet);border-radius:12px;transition:background .15s,transform .15s}.button:hover{background:var(--ic-4d2868);transform:translateY(-1px)}.button.small{padding:11px 18px;font-size:13px}.button.secondary{background:white;color:var(--violet)}.button.secondary:hover{background:var(--ic-f7effa)}.text-link{font-size:14px;font-weight:650;text-decoration:none;display:inline-block}.eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:2px;color:var(--violet);margin-bottom:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1{font-size:clamp(44px,5.7vw,74px);letter-spacing:-3.5px;margin-bottom:26px;font-weight:750}h1 em{font-style:normal;color:var(--violet)}h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.7px;margin-bottom:22px}h3{font-size:21px;letter-spacing:-.5px;line-height:1.25;margin-bottom:14px}p{margin-bottom:20px;color:var(--muted)}.lead{font-size:19px;line-height:1.7}.meta{font-size:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:70px 100px}.hero-copy{max-width:510px}.hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin:30px 0 20px}.hero .meta{margin:0}.preview{position:relative;border:1px solid var(--ic-b5cddc);border-radius:19px;background:white;box-shadow:0 30px 65px var(--ic-05243e12);transform:rotate(1deg)}.preview-bar{display:flex;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);color:var(--ink)}.preview-bar span{margin-left:auto;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.preview-body{padding:24px;background:linear-gradient(145deg,var(--ic-f6fcff),var(--ic-edf8fd));border-radius:0 0 19px 19px}.preview-site{display:flex;gap:12px;align-items:center;margin-bottom:20px}.preview-site strong{font-size:15px}.preview-site small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.site-mark{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--ic-bed5e4);border-radius:12px;color:var(--violet);font-weight:bold}.scope-tabs{display:flex;gap:10px}.scope-tabs span{flex:1;border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:12px;background:white}.scope-tabs .active{border-color:var(--violet);color:var(--violet);background:var(--ic-efe5f4);font-weight:650}.mock-caption{font-size:11px;margin:12px 0 23px}.bubble{font-size:13px;padding:12px 15px;background:white;border:1px solid var(--line);border-radius:12px 12px 12px 3px;max-width:83%;margin:12px 0}.bubble small{display:block;font-size:10px;font-weight:700;color:var(--violet);margin-bottom:3px}.bubble.own{margin-left:auto;background:var(--ic-eee3f4);border-color:var(--ic-d8c0e5);border-radius:12px 12px 3px 12px}.mock-compose{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:white;color:var(--muted);border-radius:10px;margin-top:22px;padding:12px 14px;font-size:12px}.mock-compose span{display:grid;place-items:center;color:white;background:var(--violet);border-radius:7px;width:28px;height:28px;font-size:20px}.floating{position:absolute;bottom:-24px;right:25px;border:1px solid var(--line);background:var(--navy);color:white;border-radius:13px;padding:14px 21px;font-size:12px;box-shadow:0 10px 25px var(--ic-05243e20);transform:rotate(-1deg)}.dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:8px}.intro{text-align:center;max-width:650px;padding:45px 0 28px}.intro p{max-width:520px;margin-inline:auto}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:18px}.card p:last-child{margin-bottom:0}.card p{font-size:15px}.card.violet{background:var(--ic-f5eff8);border-color:var(--ic-decfe8)}.feature-symbol{display:grid;place-items:center;width:47px;height:47px;background:var(--light);border-radius:13px;font-size:26px;color:var(--violet);margin-bottom:25px}.how{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding:65px 0 80px;border-top:1px solid var(--line)}.how>div{padding-top:15px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.steps li>span{font-size:12px;color:var(--violet);font-weight:750;padding-top:4px}.steps h3{font-size:20px;margin-bottom:8px}.steps p{font-size:14px;margin:0}.choice{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;background:var(--navy);color:white;border-radius:24px;padding:60px}.choice .eyebrow{color:var(--ic-79e3eb)}.choice p{color:var(--ic-c4dce9);font-size:15px}.choice .text-link{color:var(--ic-f6aff0)}.switch-example{background:var(--light);color:var(--ink);border-radius:18px;padding:28px;box-shadow:0 20px 50px var(--ic-00142245)}.switch-example>strong{display:block;margin:17px 0 12px;font-size:20px}.switch-example>div{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px}.fake-switch{display:inline-block;flex-shrink:0;width:52px;height:29px;border-radius:18px;padding:4px;background:var(--ic-667a8c)}.fake-switch:before{content:'';display:block;width:21px;height:21px;background:white;border-radius:50%}.switch-example p{color:var(--muted);font-size:12px;margin:20px 0 0}.cta{text-align:center;padding:100px 0}.cta h2{margin-bottom:30px}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding-block:35px;border-top:1px solid var(--line)}.footer .brand{font-size:23px}.footer>div{display:flex;gap:22px;flex-wrap:wrap}.footer a:not(.brand){font-size:12px;text-decoration:none}.footer>small{width:100%;font-size:11px;color:var(--muted)}.page-head{padding-block:65px 45px}.page-head h1{font-size:clamp(42px,5vw,64px)}.pill{display:inline-block;background:var(--ic-e9dfef);color:var(--violet);border-radius:30px;padding:6px 13px;font-size:11px;font-weight:650}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-card{display:flex;flex-direction:column;align-items:flex-start;padding:35px}.download-card h2{font-size:29px;letter-spacing:-1px}.download-card .button{margin-top:auto}.download-card .text-link{margin-top:15px;font-size:12px}.step-label{font-size:11px;letter-spacing:1.5px;color:var(--violet);font-weight:700;margin-bottom:30px}.download-status{min-height:27px;font-size:13px;margin-block:18px 0;color:var(--violet)}.compact{padding-block:20px 80px;max-width:900px}.compact>h2{font-size:28px;margin-top:40px}.notice{background:var(--ic-eaf4fa);border:1px solid var(--line);border-radius:14px;padding:26px;margin:25px 0}.notice h2{font-size:25px}.notice p{font-size:14px}.notice p:last-child{margin-bottom:0}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{font-weight:650;cursor:pointer}details p{font-size:14px;margin:14px 0 4px}details>a{font-size:14px}.guide{display:grid;grid-template-columns:220px 1fr;gap:65px;padding-bottom:80px}.guide-nav{align-self:start;position:sticky;top:30px;display:flex;flex-direction:column;gap:13px;padding:20px;background:var(--ic-eaf4fa);border-radius:13px}.guide-nav a{font-size:13px;text-decoration:none}.guide-body section{padding:15px 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.guide-body h2{font-size:31px}.guide-body li{margin:14px 0;color:var(--muted);padding-left:6px}.guide-body h3{margin-top:28px}.guide-body code{font-size:13px;background:var(--ic-e3eef5);padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}.guide-body a,.prose a{overflow-wrap:anywhere}.prose{max-width:820px;padding-bottom:80px}.prose h2{font-size:27px;margin-top:38px}.prose p{font-size:16px}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:56px}.preview-body{padding:18px}.how{gap:45px}.choice{gap:40px;padding:40px}.features{gap:14px}.card{padding:24px}.guide{gap:35px;grid-template-columns:180px 1fr}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{padding-block:20px;gap:15px}.brand{font-size:25px}.nav nav{gap:14px}.nav nav>a:not(.button){display:none}.nav .button{font-size:12px;padding:10px 12px}.hero{grid-template-columns:1fr;padding-block:40px 70px;gap:48px}.hero-copy{max-width:none}.hero h1{font-size:58px;letter-spacing:-3px}.hero .lead{font-size:18px;max-width:500px}.preview{max-width:500px;width:100%;justify-self:center}.features{grid-template-columns:1fr;padding-bottom:45px}.card{padding:28px}.how{grid-template-columns:1fr;gap:20px;padding-block:45px}.choice{grid-template-columns:1fr;gap:25px;padding:30px 24px}.switch-example{max-width:400px;width:100%;justify-self:center}.cta{padding-block:70px}.download-grid{grid-template-columns:1fr}.download-card .button{width:100%;font-size:13px;gap:10px;padding:14px 10px}.page-head{padding-top:35px}.guide{display:block}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-bottom:28px}.guide-body section{padding-top:20px}.guide-body h2{font-size:28px}.guide-body ol,.guide-body ul{padding-left:22px}.footer>div{gap:15px}.footer .brand{width:100%}.intro{padding-top:25px}.intro h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}