@font-face{font-family:Inter;src:url('../fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
#update-guide{color-scheme:dark;--bg:#061724;--cyan:#00c5ef;--text:#c7d0de;--line:#113c56}
#update-guide *{box-sizing:border-box}
#update-guide{scroll-behavior:smooth;scroll-padding-top:18px}
#update-guide{margin:0;background:radial-gradient(ellipse 85% 24% at 100% 18%,#06314b55,transparent 75%),radial-gradient(ellipse 95% 22% at 0% 60%,#07375744,transparent 75%),radial-gradient(ellipse 100% 24% at 50% 95%,#03426955,transparent 80%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.48}
#update-guide a{color:inherit;text-decoration:none}
#update-guide button,#update-guide input{font:inherit}
#update-guide button,#update-guide a,#update-guide summary,#update-guide input{-webkit-tap-highlight-color:transparent}
#update-guide a:hover{color:var(--cyan)}
#update-guide :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
#update-guide svg{width:24px;height:24px;flex-shrink:0}
#update-guide h1,#update-guide h2,#update-guide h3,#update-guide p{margin:0}
#update-guide h1,#update-guide h2,#update-guide h3{font-family:inherit;text-wrap:initial;color:#f3f5fa;line-height:1.12;font-weight:700}
#update-guide h1{font-size:44px;line-height:1.12;letter-spacing:-1.4px}
#update-guide h2{font-size:34px;letter-spacing:-.7px;margin-bottom:22px}
#update-guide h3{font-size:22px;line-height:1.3;margin-bottom:14px}
#update-guide em{font-style:normal;color:var(--cyan)}
#update-guide p+p{margin-top:20px}
#update-guide .wrap{max-width:1080px;margin:auto}
#update-guide .wrap.wide{max-width:1080px}
#update-guide .guide-section{padding:46px 21px}
#update-guide .guide-hero{background:transparent;padding:0 21px 31px;overflow:hidden}
#update-guide .breadcrumbs{display:flex;align-items:center;gap:12px;font-size:16px;padding:18px 0 27px}
#update-guide .breadcrumbs svg{width:18px;height:18px}
#update-guide .breadcrumbs>span:not(:last-child){color:#7892a6}
#update-guide .hero-grid{display:grid;grid-template-columns:56% 44%;position:relative;align-items:center}
#update-guide .hero-copy{position:relative;z-index:1}
#update-guide .hero-copy p{font-size:18px;line-height:1.6;margin-top:18px;max-width:660px}
#update-guide .hero-copy h1{margin-bottom:24px}
#update-guide .hero-art{width:100%;height:auto;margin-left:-25px;align-self:start;margin-top:-26px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent),linear-gradient(to right,transparent,#000 12%);mask-composite:intersect}
#update-guide blockquote{border-left:6px solid #13baf1;margin:24px 0 0;padding-left:20px;font-style:italic;font-size:18px;line-height:1.4;max-width:660px}
#update-guide .why{padding:58px 35px 47px;position:relative;background:transparent;overflow:hidden}
#update-guide .why:before{content:'';position:absolute;inset:0 0 0 55%;background:url('../img/update-guide/geometric.webp') right center/cover no-repeat;opacity:.65;mask-image:radial-gradient(ellipse at 75% 50%,#000 20%,transparent 73%)}
#update-guide .why-copy{width:58%;position:relative}
#update-guide .why h2{font-size:34px}
#update-guide .why p,#update-guide .why li{font-size:17px}
#update-guide .check-list{list-style:none;padding:0;margin:24px 0}
#update-guide .check-list li{display:flex;gap:20px;margin:12px 0;line-height:1.45}
#update-guide .check-list li>span,#update-guide .check-circle{background:#00bdeb;color:white;display:grid;place-items:center;flex-shrink:0;border-radius:50%;width:28px;height:28px;margin-top:3px}
#update-guide .check-list svg{width:18px;height:18px}
#update-guide .android{background:transparent;}
#update-guide .android h2{font-size:34px;letter-spacing:-.7px}
#update-guide .section-lead{font-size:18px;margin-bottom:22px}
#update-guide .steps{display:grid;gap:20px}
#update-guide .step{display:flex;gap:21px;border:1px solid #1b4865;border-radius:17px;padding:18px;background:linear-gradient(110deg,#0b2135,#0a1c2c);box-shadow:inset 0 0 22px #0c355015}
#update-guide .number{display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #075c7c;background:linear-gradient(135deg,#10445b,#072537);box-shadow:0 0 16px #00c5ef15,inset 0 0 8px #00bafa18;color:#29d4fa;width:48px;height:48px;font-size:30px;font-weight:600}
#update-guide .step p,#update-guide .step li{font-size:17px;line-height:1.5}
#update-guide .step ul,#update-guide .platform-card ul{padding-left:24px;margin:0}
#update-guide .step li::marker,#update-guide .platform-card li::marker{color:#05c5e9}
#update-guide .step li+li{margin-top:3px}
#update-guide .note{border:2px solid #008bb4;border-radius:16px;background:linear-gradient(110deg,#073448,#082537);padding:20px 26px;margin-top:22px;box-shadow:0 0 30px #00b9ec0b}
#update-guide .note h3{color:var(--cyan);font-size:24px;margin-bottom:6px}
#update-guide .note p{font-size:17px}
#update-guide .platforms{background:transparent;padding-top:68px;padding-bottom:42px}
#update-guide .platforms h2{text-align:center;font-size:32px}
#update-guide .platform-intro{text-align:center;font-size:17px;max-width:900px;margin:30px auto 42px}
#update-guide .platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#update-guide .platform-card{position:relative;border:1px solid #075077;border-radius:17px;background:linear-gradient(130deg,#041d30,#021421);padding:22px 25px 72px}
#update-guide .platform-card h3{font-size:22px;margin-bottom:24px}
#update-guide .platform-card p,#update-guide .platform-card li{font-size:17px;line-height:1.47}
#update-guide .platform-card ul{margin-top:18px}
#update-guide .platform-card li{font-size:17px}
#update-guide .platform-icon{position:absolute;bottom:30px;width:56px;height:56px}
#update-guide .apple{color:#45627e;left:32px}
#update-guide .windows{color:#148fd6;right:32px}
#update-guide .platform-foot{border:1px solid #075077;border-radius:14px;background:#032034;margin-top:22px;text-align:center;padding:22px;font-size:17px}
#update-guide .success{background:transparent;padding:51px 42px 36px}
#update-guide .success h2{font-size:36px}
#update-guide .success>div>p{font-size:18px}
#update-guide .success-list{display:grid;gap:23px;margin-top:23px}
#update-guide .success-list section{display:flex;gap:25px}
#update-guide .check-circle{width:36px;height:36px}
#update-guide .check-circle svg{width:22px;height:22px}
#update-guide .success-list h3{font-size:21px;margin-bottom:7px}
#update-guide .success-list p{font-size:18px;line-height:1.4}
#update-guide .troubleshoot{position:relative;background:transparent;padding:42px 42px 26px}
#update-guide .troubleshoot h2{font-size:32px;text-align:center;margin-bottom:10px}
#update-guide .trouble-intro{text-align:center;font-size:17px;margin-bottom:24px}
#update-guide .trouble-list{display:grid;gap:14px}
#update-guide .trouble-row{display:flex;align-items:center;gap:25px;border:1px solid #006295;border-radius:17px;background:linear-gradient(110deg,#08273e,#021a2e);box-shadow:inset 0 0 20px #0087c82b,0 0 16px #007bc122;padding:15px 25px}
#update-guide .trouble-row>span{display:grid;place-items:center;flex-shrink:0;width:56px;height:52px;border:1px solid #11517a;border-radius:13px;background:#031c30;box-shadow:0 0 15px #0076b022;color:#54cbf5}
#update-guide .trouble-row svg{width:32px;height:32px}
#update-guide .trouble-row p{font-size:17px;line-height:1.35}
#update-guide .conclusion{padding:65px 58px;background:transparent;}
#update-guide .conclusion h2{font-size:34px}
#update-guide .conclusion p{font-size:17px;line-height:1.48}
#update-guide .faq{background:transparent;padding:65px 42px 39px}
#update-guide .faq h2{font-size:34px;margin-bottom:23px}
#update-guide .faq details{background:#03253d;border:1px solid #063853;border-radius:13px;margin:18px 0;padding:22px 27px}
#update-guide .faq summary{font-size:18px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e5edf5}
#update-guide .faq summary::-webkit-details-marker{display:none}
#update-guide .chevron{width:16px;height:16px;border-right:3px solid #00bbef;border-bottom:3px solid #00bbef;transform:rotate(45deg);flex-shrink:0;margin:0 3px 6px}
#update-guide .faq details[open] .chevron{transform:rotate(225deg);margin-top:12px}
#update-guide .faq details p{font-size:17px;line-height:1.5;margin-top:20px;color:#9eb3c8}
@media(min-width:1500px){
#update-guide .hero-art{width:100%}
#update-guide .guide-hero{padding-top:10px}
}
@media(max-width:1200px){
#update-guide h1{font-size:40px}
#update-guide .hero-copy p,#update-guide blockquote{font-size:17px}
#update-guide h2,#update-guide .why h2,#update-guide .android h2{font-size:32px}
#update-guide .success h2{font-size:34px}
#update-guide .platforms h2{font-size:30px}
#update-guide .platform-card h3{font-size:21px}
#update-guide .troubleshoot h2{font-size:30px}
}
@media(max-width:960px){
#update-guide .hero-grid{grid-template-columns:58% 42%}
#update-guide h1{font-size:32px}
#update-guide .hero-copy p,#update-guide blockquote{font-size:17px}
#update-guide .why-copy{width:70%}
#update-guide .why h2{font-size:32px}
#update-guide .guide-section{padding:36px 18px}
#update-guide .android h2,#update-guide .platforms h2,#update-guide .success h2{font-size:30px}
#update-guide .section-lead,#update-guide .success>div>p{font-size:17px}
#update-guide .step p,#update-guide .step li,#update-guide .note p,#update-guide .success-list p{font-size:17px}
#update-guide .step h3,#update-guide .success-list h3{font-size:17px}
#update-guide .number{width:48px;height:48px;font-size:22px}
#update-guide .platform-card{padding:25px 25px 65px}
#update-guide .platform-card h3{font-size:17px}
#update-guide .platform-card p,#update-guide .platform-card li,#update-guide .platform-intro{font-size:18px}
#update-guide .trouble-row p,#update-guide .conclusion p,#update-guide .trouble-intro{font-size:17px}
#update-guide .troubleshoot h2{font-size:30px}
#update-guide .faq summary{font-size:22px}
#update-guide .faq details p{font-size:19px}
}
@media(max-width:600px){
#update-guide{font-size:16px}
#update-guide .guide-hero{padding:0 22px 35px}
#update-guide .breadcrumbs{font-size:11px;gap:7px;padding:22px 0 30px;flex-wrap:wrap}
#update-guide .breadcrumbs svg{width:14px;height:14px}
#update-guide .hero-grid{display:flex;flex-direction:column}
#update-guide .hero-copy h1{font-size:clamp(30px,8.8vw,48px);letter-spacing:-1px;margin-bottom:20px}
#update-guide .hero-copy p,#update-guide blockquote{font-size:16px;line-height:1.6}
#update-guide .hero-copy p{margin-top:18px}
#update-guide blockquote{border-width:3px;padding-left:14px;margin-top:20px}
#update-guide .hero-art{width:100%;max-width:420px;margin:20px 0 -15px;mask-image:linear-gradient(to right,transparent,#000 8%)}
#update-guide .why{padding:42px 22px}
#update-guide .why:before{left:20%;opacity:.25}
#update-guide .why-copy{width:100%}
#update-guide h2,#update-guide .why h2,#update-guide .android h2,#update-guide .platforms h2,#update-guide .success h2,#update-guide .troubleshoot h2,#update-guide .conclusion h2{font-size:30px;line-height:1.15;letter-spacing:-.7px}
#update-guide .why p,#update-guide .why li{font-size:16px}
#update-guide .check-list{margin:20px 0}
#update-guide .check-list li{gap:12px}
#update-guide .check-list li>span{width:22px;height:22px}
#update-guide .check-list svg{width:14px;height:14px}
#update-guide .guide-section{padding:42px 20px}
#update-guide .section-lead,#update-guide .success>div>p{font-size:17px;line-height:1.6;margin-bottom:22px}
#update-guide .steps{gap:14px}
#update-guide .step{padding:20px 15px;gap:13px;border-radius:12px}
#update-guide .number{width:38px;height:38px;font-size:23px}
#update-guide .step h3,#update-guide .success-list h3{font-size:19px;line-height:1.35;margin-bottom:10px}
#update-guide .step p,#update-guide .step li,#update-guide .note p,#update-guide .success-list p{font-size:16px;line-height:1.55}
#update-guide .step ul{padding-left:17px}
#update-guide .step li+li{margin-top:7px}
#update-guide .note{padding:22px;border-width:1px;border-radius:12px;margin-top:16px}
#update-guide .note h3{font-size:25px}
#update-guide .platforms h2{text-align:left}
#update-guide .platform-intro{font-size:16px;text-align:left;margin:20px 0 25px;line-height:1.6}
#update-guide .platform-grid{grid-template-columns:1fr;gap:16px}
#update-guide .platform-card{padding:24px 22px 92px}
#update-guide .platform-card h3{font-size:23px;margin-bottom:17px}
#update-guide .platform-card p,#update-guide .platform-card li{font-size:16px;line-height:1.6}
#update-guide .platform-icon{width:60px;height:60px;bottom:20px}
#update-guide .platform-foot{font-size:15px;padding:16px;margin-top:16px}
#update-guide .success-list{gap:26px;margin-top:26px}
#update-guide .success-list section{gap:15px}
#update-guide .check-circle{width:30px;height:30px;margin-top:0}
#update-guide .check-circle svg{width:19px;height:19px}
#update-guide .success h2 br{display:none}
#update-guide .troubleshoot h2{text-align:left}
#update-guide .trouble-intro{text-align:left;font-size:16px;line-height:1.6;margin-top:18px}
#update-guide .trouble-row{padding:14px 12px;gap:15px;border-radius:12px}
#update-guide .trouble-row>span{width:48px;height:48px;border-radius:8px}
#update-guide .trouble-row svg{width:30px;height:30px}
#update-guide .trouble-row p{font-size:15px;line-height:1.5}
#update-guide .conclusion p{font-size:16px;line-height:1.65}
#update-guide .faq h2{font-size:34px;margin-bottom:22px}
#update-guide .faq details{padding:18px 17px;margin:12px 0;border-radius:9px}
#update-guide .faq summary{font-size:16px;line-height:1.5;gap:16px}
#update-guide .faq details p{font-size:15px;line-height:1.65;margin-top:14px}
#update-guide .chevron{width:10px;height:10px;border-width:2px}
}
@media(prefers-reduced-motion:reduce){
#update-guide{scroll-behavior:auto}
#update-guide *{transition:none!important}
}
#update-guide .hero-art{max-width:none}


#update-guide .guide-download-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:12px 20px;border:1px solid #28d6f2;border-radius:10px;background:#08bce6;color:#032033;font-size:16px;font-weight:700;line-height:1.4;text-align:center;transition:background .2s,box-shadow .2s}
#update-guide .guide-download-button:hover{background:#49d7f4;color:#032033;opacity:1;box-shadow:0 4px 18px #00bde622}
#update-guide .guide-download-button svg{width:20px;height:20px}
@media(max-width:600px){#update-guide .guide-download-button{width:100%;padding:12px;font-size:15px}}