/* React knowledge becomes a mobile product through explicit platform boundaries. */
html.rn-service-document{scroll-padding-top:0}
.rn-service-page{--gutter:max(36px,calc((100vw - 1376px)/2));--rn-blue:#416daf;--rn-ink:#1a2b42;--rn-muted:#52657e;--rn-dark:#101b2d;--rn-line:#cbd6e5;--rn-header-height:108px;background:#f2f4f7;color:var(--rn-ink)}
.rn-service-page main{overflow:clip}
.rn-service-page figure{margin:0}
.rn-service-page :is(h1,h2,h3,h4){overflow-wrap:anywhere;letter-spacing:0}
.rn-service-page h2{font-size:3rem;font-weight:550;line-height:1.2}
.rn-service-page h3{font-size:1.875rem;line-height:1.3;font-weight:550}
.rn-service-page h4{font-size:1.625rem;line-height:1.4;font-weight:550;margin:0}
.rn-service-page p{font-size:1rem;line-height:1.85;overflow-wrap:anywhere}
.rn-service-page em{font-style:normal;color:var(--rn-blue)}
.rn-service-page [hidden]{display:none!important}
.rn-service-page .site-header{background:#f2f4f7f5}
.rn-service-page .site-header.on-dark{background:#101b2df5}
.rn-section{padding:104px var(--gutter);scroll-margin-top:calc(var(--rn-header-height) + 28px)}
.rn-section>*{min-width:0}
.rn-kicker{display:block;font-size:.75rem;font-weight:650;letter-spacing:.04em;line-height:1.8}
.rn-text-link{display:inline-flex;align-items:center;gap:20px;max-width:100%;width:fit-content;font-size:.9375rem;font-weight:600;line-height:1.6;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px}
.rn-text-link:hover{text-decoration-color:currentColor}
.rn-text-link svg,.rn-button svg,.rn-parent-link svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.rn-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;padding:18px 22px;border-radius:8px;background:#416daf;color:#fff;font-size:.9375rem;line-height:1.6;font-weight:600;transition:background .18s}
.rn-button:hover{background:#547fbd}
.rn-hero{position:relative;isolation:isolate;min-height:890px;background:#101b2d;color:#f4f7fc}
.rn-hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden}
.rn-hero-art img{width:100%;height:100%;object-fit:contain;object-position:right center;transform:translateY(var(--rn-art-travel,0px))}
.rn-hero-content{padding:143px var(--gutter) 0}
.rn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:.8125rem;line-height:1.8;color:#b7c6dc}
.rn-breadcrumb a:hover{text-decoration:underline}
.rn-hero-copy{max-width:630px;width:51%;padding:49px 0 67px}
.rn-service-page .rn-hero h1{font-size:1.125rem;line-height:1.8;font-weight:600;margin:0 0 27px;max-width:none;color:#c1d3ee}
.rn-statement{font-size:4rem;font-weight:550;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}
.rn-statement span,.rn-statement em{display:block}
.rn-statement em{color:#9fbee9}
.rn-service-page .rn-lead{font-size:1.0625rem;line-height:1.85;max-width:530px;margin:29px 0 28px;color:#c4d1e3}
.rn-hero-foot{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:26px 0;border-top:1px solid #7892b34d}
.rn-hero-foot nav{display:flex;flex-wrap:wrap;gap:22px 34px;font-size:.875rem;font-weight:550;line-height:1.7}
.rn-hero-foot nav a:hover{text-decoration:underline}
.rn-hero-foot>span{font-size:.75rem;line-height:1.8;color:#9aafcd;max-width:220px;text-align:right}
.rn-transfer{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
.rn-transfer h2{margin-top:23px}
.rn-transfer-copy{padding-top:7px;color:var(--rn-muted)}
.rn-transfer-copy p+p{margin-top:19px}
.rn-fit-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start;padding:68px 0 31px}
.rn-fit-heading h3{max-width:630px}
.rn-product-rows article{display:grid;grid-template-columns:42px minmax(0,.9fr) minmax(0,1.4fr);gap:35px;padding:36px 0;border-top:1px solid var(--rn-line)}
.rn-row-number{font-size:.8125rem;line-height:2;color:#597699;padding-top:3px}
.rn-product-rows h4{color:#294d7f}
.rn-product-rows p{color:var(--rn-muted)}
.rn-product-rows .rn-row-condition{margin-top:18px;color:#51637c}
.rn-row-condition strong{font-weight:650;color:#2f496c}
.rn-build{padding-top:91px;background:#e8eef6}
.rn-build-title{max-width:900px}
.rn-build-title h2{margin:22px 0}
.rn-build-title>p{max-width:690px;color:var(--rn-muted)}
.rn-build-panels{display:grid;grid-template-columns:.93fr 1.07fr;gap:30px;margin-top:41px}
.rn-build-panels>article{min-width:0;padding:38px 41px}
.rn-expo{background:#d9e5f5;border:1px solid #aec4e1;border-radius:10px}
.rn-native{border:1px solid #c1cfe1;border-radius:10px;background:#f1f4f9}
.rn-build-panels h3{margin:23px 0}
.rn-expo h3{font-size:4.25rem;line-height:1.15;color:#315b96}
.rn-native h3{font-size:2.25rem}
.rn-build-panels p{color:var(--rn-muted)}
.rn-build-panels p+p{margin-top:17px}
.rn-build-outcome{margin-top:29px;padding-top:23px;border-top:1px solid #abc0dd}
.rn-build-outcome span{font-size:.8125rem;line-height:1.8;color:#4f6a91;display:block;margin-bottom:9px}
.rn-build-outcome strong{font-size:1.25rem;line-height:1.6;font-weight:550;color:#305788}
.rn-native a{margin-top:30px;color:#315b96}
.rn-performance{display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;margin-top:53px;padding-top:35px;border-top:1px solid #bacbdf}
.rn-performance h3{margin-top:18px}
.rn-performance p{color:var(--rn-muted)}
.rn-performance p+p{margin-top:17px}
.rn-quality-scope{display:flex;flex-wrap:wrap;gap:11px 25px;list-style:none;padding:0;margin:23px 0 0;font-size:.875rem;font-weight:600;line-height:1.8;color:#315788}
.rn-connected{background:#101b2d;color:#eff4fc}
.rn-connected em{color:#a7c5ef}
.rn-connected-heading{max-width:900px}
.rn-connected-heading h2{font-size:3.5rem;margin:23px 0}
.rn-connected-heading>p{max-width:655px;color:#bbcbe1}
.rn-system-flow{margin-top:47px;border:1px solid #3e5473;border-radius:10px;background:#172740;padding:28px 35px 34px}
.rn-flow-caption{display:flex;justify-content:space-between;gap:30px;line-height:1.8;font-size:.75rem;color:#a5bfdf}
.rn-flow-caption>span:first-child{font-weight:650}
.rn-system-flow ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:33px 0 0}
.rn-system-flow li{border-top:2px solid #48658c;padding-top:23px;transition:border-color .22s}
.rn-system-flow li.is-current{border-top-color:#b3d0f9}
.rn-flow-number{display:block;font-size:.8125rem;color:#a6c2e8;line-height:1.7}
.rn-system-flow h3{font-size:1.375rem;margin:15px 0 13px}
.rn-system-flow p{font-size:1rem;color:#bbcbe1;line-height:1.8}
.rn-connection-details{margin-top:53px}
.rn-connection-details article{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid #344962;padding:34px 0}
.rn-connection-details article:last-child{padding-bottom:0}
.rn-connection-details .rn-kicker{color:#aac3e3}
.rn-connection-details h3{margin-top:20px}
.rn-connection-details p{color:#bbcbe1}
.rn-connection-details p+p{margin-top:18px}
.rn-update-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:43px}
.rn-update-intro h2{margin-top:23px}
.rn-update-intro>p{color:var(--rn-muted)}
.rn-release-guide{display:grid;grid-template-columns:1fr;background:#e3ecf8;border:1px solid #c1d2e8;border-radius:10px;overflow:hidden}
.rn-release-guide.is-enhanced{grid-template-columns:.8fr 1.2fr}
.rn-change-choice{padding:39px 33px;background:#d5e3f6;border-right:1px solid #b9cce6}
.rn-change-choice label{display:block;font-size:1.125rem;font-weight:600;line-height:1.7;margin-bottom:20px}
.rn-change-choice select{width:100%;max-width:100%;min-height:57px;padding:15px 13px;font:inherit;font-size:1rem;line-height:1.6;color:#233d63;background:#f9fbff;border:1px solid #91abd0;border-radius:6px}
.rn-change-choice select:focus-visible{outline:2px solid #315b96;outline-offset:4px}
.rn-change-choice p{font-size:.9375rem;margin-top:19px;color:#4e6688}
.rn-update-result{padding:38px 41px}
.rn-update-result+.rn-update-result{border-top:1px solid #b9cce6}
.rn-release-guide.is-enhanced .rn-update-result{border-top:0}
.rn-release-type{display:block;font-size:.75rem;font-weight:650;line-height:1.8;color:#41638f}
.rn-update-result h3{font-size:2.375rem;color:#2e568e;margin:18px 0}
.rn-update-result>p{color:#485f7f}
.rn-update-boundary{border-top:1px solid #b9cce6;padding-top:21px;margin-top:23px;font-size:1rem;line-height:1.85;color:#485f7f}
.rn-update-boundary strong{font-weight:650;color:#294c7b}
.rn-update-principle{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding-top:27px}
.rn-update-principle p{color:var(--rn-muted)}
.rn-comparison{padding-top:65px;background:#f9fafc}
.rn-comparison-heading{max-width:1020px}
.rn-comparison-heading h2{font-size:2.625rem;margin:23px 0}
.rn-comparison-heading>p{max-width:720px;color:var(--rn-muted)}
.rn-technology-table{margin-top:35px;overflow:auto;border-top:1px solid var(--rn-line)}
.rn-technology-table:focus-visible{outline:2px solid #416daf;outline-offset:5px}
.rn-technology-table table{width:100%;border-collapse:collapse;text-align:left}
.rn-technology-table caption{text-align:left;font-size:.875rem;color:var(--rn-muted);line-height:1.8;padding:20px 0}
.rn-technology-table th,.rn-technology-table td{padding:25px 28px 25px 0;font-size:1rem;line-height:1.8;border-bottom:1px solid var(--rn-line);vertical-align:top;width:33.333%;overflow-wrap:anywhere}
.rn-technology-table thead th{font-size:.875rem;font-weight:600;color:#52719a;background:#ecf1f8;padding:15px 20px}
.rn-technology-table th[scope=row]{font-weight:550;color:#264772}
.rn-technology-table td{color:var(--rn-muted)}
.rn-technology-table td:last-child{padding-right:0}
.rn-technology-table td strong{font-weight:600;color:#254870}
.rn-technology-table td span{display:block;margin-top:8px}
.rn-technology-table a,.rn-cross-platform a{color:#315b96;text-decoration:underline;text-decoration-color:#98afd0;text-underline-offset:5px}
.rn-comparison-note{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;margin-top:31px}
.rn-comparison-note h3{font-size:1.5rem}
.rn-comparison-note p{color:var(--rn-muted)}
.rn-cross-platform{margin-top:31px;padding:23px 0 0;border-top:1px solid var(--rn-line)}
.rn-cross-platform p{max-width:850px;color:var(--rn-muted)}
.rn-delivery{background:#e6edf7}
.rn-delivery-heading{max-width:880px}
.rn-delivery-heading h2{margin:23px 0}
.rn-delivery-heading>p{max-width:710px;color:var(--rn-muted)}
.rn-delivery-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:31px;margin:47px 0 0;padding:0;list-style:none}
.rn-delivery-stages li{border-top:2px solid #a2bada;padding-top:24px}
.rn-delivery-stages li>span{display:block;font-size:.75rem;line-height:1.8;font-weight:650;color:#44648e}
.rn-delivery-stages h3{font-size:1.375rem;margin:20px 0 16px}
.rn-delivery-stages p{color:var(--rn-muted)}
.rn-contact{padding-top:95px;background:#f2f4f7}
.rn-contact-top{max-width:960px}
.rn-contact-top h2{font-size:3.5rem;margin:22px 0}
.rn-contact-top>p{max-width:690px;color:var(--rn-muted)}
.rn-contact-bar{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid #b6c6dd;border-bottom:1px solid #b6c6dd;margin-top:39px;padding:30px 0}
.rn-contact-email{display:flex;align-items:center;gap:32px;font-size:2.5rem;line-height:1.5;font-weight:550;overflow-wrap:anywhere;min-width:0}
.rn-contact-email svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.rn-contact-bar>div{display:flex;flex-direction:column;gap:13px;font-size:1.125rem;line-height:1.7;flex-shrink:0}
.rn-parent-link{display:inline-flex;align-items:center;gap:20px;font-size:.9375rem;line-height:1.8;color:#315b96;margin-top:28px;text-decoration:underline;text-decoration-color:#98afd0;text-underline-offset:5px;max-width:100%}
@media(max-width:1199px){.rn-hero{min-height:825px}.rn-hero-copy{width:52%;padding-top:40px;padding-bottom:54px}.rn-statement{font-size:3.25rem}.rn-hero-foot nav{gap:15px 23px}.rn-transfer,.rn-connection-details article,.rn-comparison-note{gap:50px}.rn-build-panels>article{padding:33px}.rn-performance{gap:50px}.rn-update-intro{gap:45px}.rn-change-choice{padding:32px 26px}.rn-update-result{padding:32px}.rn-contact-email{font-size:2rem}.rn-delivery-stages{gap:23px}}
@media(max-width:1023px){.rn-service-page{--gutter:32px;--rn-header-height:96px}.rn-section{padding-top:77px;padding-bottom:77px}.rn-service-page h2{font-size:2.625rem}.rn-hero{display:flex;flex-direction:column;min-height:0;padding:126px var(--gutter) 0}.rn-hero-content{display:contents}.rn-breadcrumb{order:0}.rn-hero-copy{order:1;width:100%;max-width:740px;padding:34px 0 0}.rn-statement{font-size:3.5rem}.rn-service-page .rn-lead{max-width:640px}.rn-hero-art{order:2;position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:1.25;max-width:800px;align-self:center;margin-top:30px}.rn-hero-art img{object-fit:cover;object-position:right center}.rn-hero-foot{order:3;padding:23px 0;gap:25px;margin-top:20px}.rn-transfer{gap:35px;grid-template-columns:1fr 1fr}.rn-transfer h2{font-size:2.4rem}.rn-fit-heading{gap:40px;padding-top:49px}.rn-product-rows article{grid-template-columns:27px minmax(0,.85fr) minmax(0,1.3fr);gap:22px}.rn-product-rows h4{font-size:1.375rem}.rn-build-panels{gap:22px;grid-template-columns:1fr 1fr}.rn-build-panels>article{padding:28px}.rn-expo h3{font-size:3.5rem}.rn-native h3{font-size:1.875rem}.rn-performance{gap:35px}.rn-connected-heading h2{font-size:3rem}.rn-system-flow{padding:25px}.rn-system-flow ol{gap:20px}.rn-connection-details article{gap:35px}.rn-update-intro{gap:35px;grid-template-columns:1fr 1fr}.rn-update-principle{gap:35px}.rn-comparison-heading h2{font-size:2.375rem}.rn-comparison-note{gap:35px}.rn-delivery-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 32px}.rn-contact-top h2{font-size:3rem}.rn-contact-email{font-size:1.625rem}.rn-contact-bar{gap:25px}}
@media(max-width:760px){.rn-service-page{--gutter:24px;--rn-header-height:85px}.rn-section{padding-top:61px;padding-bottom:61px;scroll-margin-top:calc(var(--rn-header-height) + 20px)}.rn-service-page h2{font-size:2.125rem;line-height:1.25}.rn-service-page h3{font-size:1.5rem}.rn-hero{padding-top:111px}.rn-breadcrumb{font-size:.75rem;gap:6px 9px}.rn-hero-copy{padding-top:29px}.rn-service-page .rn-hero h1{font-size:1rem;margin-bottom:22px}.rn-statement{font-size:2.5rem;line-height:1.15}.rn-service-page .rn-lead{font-size:1rem;margin-top:24px}.rn-button{padding:17px 19px;gap:19px}.rn-hero-art{aspect-ratio:.9;max-width:490px;margin-top:25px}.rn-hero-foot{display:block;padding:23px 0;margin-top:9px}.rn-hero-foot nav{gap:15px 24px;font-size:.875rem}.rn-hero-foot>span{display:block;text-align:left;max-width:none;margin-top:23px}.rn-transfer{grid-template-columns:1fr;gap:22px}.rn-transfer h2{font-size:2.125rem;margin-top:18px}.rn-transfer-copy{padding-top:0}.rn-fit-heading{grid-template-columns:1fr;gap:16px;padding:36px 0 25px}.rn-fit-heading h3{font-size:1.75rem}.rn-product-rows article{grid-template-columns:24px minmax(0,1fr);gap:15px 19px;padding:26px 0}.rn-product-rows h4{font-size:1.5rem}.rn-product-rows h4 br{display:none}.rn-product-rows article>div{grid-column:2}.rn-product-rows .rn-row-condition{margin-top:15px}.rn-build-title h2{margin:18px 0 22px}.rn-build-panels{grid-template-columns:1fr;gap:20px;margin-top:29px}.rn-build-panels>article{padding:27px 24px}.rn-build-panels .rn-expo h3{font-size:3.5rem;margin:18px 0}.rn-build-panels .rn-native h3{font-size:1.875rem;margin:18px 0}.rn-performance{grid-template-columns:1fr;gap:23px;margin-top:33px;padding-top:29px}.rn-performance h3{font-size:1.75rem;margin-top:17px}.rn-quality-scope{gap:9px 21px}.rn-connected-heading h2{font-size:2.25rem;margin:19px 0 22px}.rn-system-flow{padding:24px;margin-top:31px}.rn-flow-caption{display:block}.rn-flow-caption>span{display:block}.rn-flow-caption>span+span{margin-top:5px}.rn-system-flow ol{grid-template-columns:1fr;gap:27px;margin-top:25px}.rn-system-flow li{padding-top:20px}.rn-system-flow h3{font-size:1.375rem;margin:13px 0 10px}.rn-connection-details{margin-top:35px}.rn-connection-details article{grid-template-columns:1fr;gap:21px;padding:28px 0}.rn-connection-details h3{font-size:1.625rem;margin-top:17px}.rn-update-intro{grid-template-columns:1fr;gap:22px;margin-bottom:29px}.rn-update-intro h2{margin-top:18px}.rn-release-guide.is-enhanced{grid-template-columns:1fr}.rn-change-choice{padding:26px 23px;border-right:0;border-bottom:1px solid #b9cce6}.rn-change-choice label{font-size:1rem}.rn-update-result{padding:27px 23px}.rn-update-result h3{font-size:2rem}.rn-update-principle{grid-template-columns:1fr;gap:14px;padding-top:23px}.rn-comparison-heading h2{font-size:2rem;margin:18px 0 22px}.rn-technology-table{margin-top:28px}.rn-technology-table table{min-width:640px}.rn-technology-table caption{max-width:calc(100vw - 48px)}.rn-technology-table th,.rn-technology-table td{padding:21px 22px 21px 0}.rn-technology-table thead th{padding:13px 17px}.rn-comparison-note{grid-template-columns:1fr;gap:18px;margin-top:25px}.rn-comparison-note h3{font-size:1.5rem}.rn-cross-platform{margin-top:25px;padding-top:22px}.rn-delivery-heading h2{margin:18px 0 22px}.rn-delivery-stages{grid-template-columns:1fr;gap:26px;margin-top:30px}.rn-delivery-stages li{padding-top:23px}.rn-delivery-stages h3{font-size:1.5rem;margin:16px 0 13px}.rn-contact-top h2{font-size:2.25rem;margin:18px 0 22px}.rn-contact-bar{display:block;margin-top:29px;padding:25px 0}.rn-contact-email{font-size:1.25rem;gap:19px;justify-content:space-between}.rn-contact-email svg{width:25px;height:25px}.rn-contact-bar>div{margin-top:25px;gap:15px}.rn-parent-link{font-size:.875rem;margin-top:23px}}
@media(max-width:370px){.rn-service-page{--gutter:20px}.rn-statement{font-size:2.25rem}.rn-product-rows article{gap:14px}.rn-contact-email{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){html.rn-service-document{scroll-behavior:auto}.rn-hero-art img{transform:none}.rn-system-flow li,.rn-button,.rn-service-page .site-header{transition-duration:.12s}}