:root{
  --navy:#12213f;--ink:#263753;--muted:#69758b;--blue:#246ee9;--blue-dark:#1456c5;
  --blue-soft:#edf5ff;--green:#25a456;--orange:#e77b22;--line:#dbe5f1;--surface:#fff;
  --background:#f7faff;--shadow:0 18px 48px rgba(30,60,105,.10);--radius:24px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(208,221,238,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}
.brand>span:last-child,.footer-brand>div{display:grid;line-height:1.15}
.brand strong{font-size:1.06rem}
.brand small,.footer-brand small{margin-top:4px;color:var(--muted);font-size:.76rem}
.brand-mark{position:relative;width:62px;height:41px;overflow:hidden;border-radius:10px;box-shadow:0 7px 18px rgba(22,61,135,.18)}
.brand-mark img{position:absolute;bottom:0;left:0;display:block;width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;color:#40516d;font-size:.88rem;font-weight:700}
.desktop-nav a:hover{color:var(--blue)}
.header-cta{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;background:var(--blue);color:#fff;font-size:.86rem;font-weight:800;box-shadow:0 7px 18px rgba(36,110,233,.18)}

.hero{overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 28%,#ddecff 0,transparent 33%),linear-gradient(180deg,#f8fbff,#fff)}
.hero-grid{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);align-items:center;gap:70px;padding-block:74px}
.kicker{margin:0 0 12px;color:var(--blue);font-size:.79rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.hero h1{max-width:690px;margin:0;font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.01;letter-spacing:-.045em}
.hero-lead{max-width:650px;margin:25px 0 0;color:#3f506c;font-size:1.12rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border:1px solid #a6c2eb;border-radius:12px;font-weight:800}
.button-primary{border-color:var(--blue);background:linear-gradient(180deg,#347cf0,#2168df);color:#fff;box-shadow:0 11px 25px rgba(36,110,233,.21)}
.button-secondary{background:#fff;color:#1459bf}
.hero-reassurance{display:flex;align-items:center;gap:9px;margin:20px 0 0;color:var(--muted);font-size:.83rem}
.hero-reassurance>span{width:8px;height:8px;border-radius:50%;background:#36b66a;box-shadow:0 0 0 5px rgba(54,182,106,.12)}

.hero-demo{position:relative;padding:26px 0 54px}
.demo-window{overflow:hidden;border:8px solid #222d3a;border-radius:15px;background:#fff;box-shadow:0 24px 55px rgba(25,50,85,.2)}
.demo-top{min-height:48px;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;padding:0 15px;background:var(--blue);color:#fff;font-size:.72rem}
.demo-top span{text-align:center}.demo-top em{text-align:right;font-style:normal;opacity:.9}
.demo-head,.demo-row{display:grid;grid-template-columns:1.55fr repeat(3,1fr);align-items:stretch}
.demo-head{min-height:49px;background:#f2f6fb;font-size:.64rem;font-weight:850}
.demo-row{min-height:51px;border-top:1px solid #e0e7f0;font-size:.68rem}
.demo-head span,.demo-row>*{display:grid;place-items:center;padding:7px;border-right:1px solid #e2e8f0}
.demo-row strong{justify-items:start;padding-left:14px}.demo-row.selected{background:#edf5ff}
.good{color:#1d9c48;font-weight:900}.bad{color:#df3f3f;font-weight:900}
.quick-action{position:absolute;right:-18px;bottom:3px;display:grid;grid-template-columns:1fr 54px 54px;align-items:center;gap:8px;padding:9px;border:1px solid #d9e2ee;border-radius:14px;background:#fff;box-shadow:0 16px 35px rgba(30,60,100,.16)}
.quick-action span{padding-inline:7px;color:#54627a;font-size:.7rem;font-weight:750}
.quick-action button{height:42px;border:0;border-radius:9px;color:#fff;font-size:1rem;font-weight:900}
.quick-action button:first-of-type{background:#db4646}.quick-action button:last-of-type{background:#28a856}

.section{padding:86px 0;background:#fff}
.section-light{background:#f7faff}
.section-heading{display:grid;grid-template-columns:82px minmax(0,740px);gap:28px;align-items:start;margin-bottom:35px}
.section-heading.compact{margin-bottom:28px}
.section-number{margin:0;color:#cbdcf3;font-size:3.3rem;font-weight:900;line-height:1}
.section-heading h2,.benefits-intro h2,.privacy h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.035em}
.section-heading>div>p:last-child{max-width:680px;margin:17px 0 0;color:var(--muted);font-size:1rem}
.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-left:110px}
.info-card{min-height:310px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(30,60,105,.06)}
.card-step{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:900}
.info-card h3{margin:20px 0 8px;font-size:1.15rem}.info-card p{margin:0;color:var(--muted);font-size:.92rem}
.mini-example,.message-preview{margin-top:auto;padding:12px 14px;border-radius:11px;background:#f4f8fd;color:#40516d;font-size:.78rem}
.mini-example{display:flex;justify-content:space-between}.mini-example strong{color:var(--green)}
.history-lines{display:grid;gap:7px;margin-top:auto}.history-lines i{height:9px;border-radius:99px;background:#e7eef7}.history-lines i:nth-child(2){width:75%;background:#cfe0f7}.history-lines i:nth-child(3){width:55%}

.section-blue{background:linear-gradient(145deg,#174fae,#236edf);color:#fff}
.benefits-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(500px,1.1fr);gap:90px;align-items:start}
.section-number.pale{color:rgba(255,255,255,.22)}.kicker-light{color:#bad6ff}
.benefits-intro>p:last-child{margin:20px 0 0;color:#dbeaff}
.benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.benefits-list article{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.09)}
.benefits-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.14);font-size:.69rem;font-weight:900}
.benefits-list h3{margin:2px 0 6px;font-size:1rem}.benefits-list p{margin:0;color:#dbe8fb;font-size:.84rem}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}
.timeline li{position:relative;display:grid;grid-template-columns:43px 1fr;gap:13px;padding-right:25px}
.timeline li:not(:last-child)::after{content:"";position:absolute;top:21px;left:43px;right:0;height:2px;background:#d7e5f6}
.timeline li>span{position:relative;z-index:1;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;box-shadow:0 0 0 7px #edf5ff}
.timeline strong{display:block;margin:8px 0 8px;font-size:1rem}.timeline p{margin:0;color:var(--muted);font-size:.86rem}

.privacy{padding:0 0 86px;background:#fff}
.privacy-card{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(260px,.48fr);gap:26px;align-items:center;padding:34px;border:1px solid #cfe7d7;border-radius:24px;background:linear-gradient(145deg,#f1fbf4,#fff);box-shadow:0 12px 34px rgba(40,120,70,.07)}
.privacy-badge{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#dff5e6;color:var(--green);font-size:1.7rem;font-weight:900}
.privacy h2{font-size:2rem}.privacy-card>div:nth-child(2)>p:last-child{margin:13px 0 0;color:#52617a}
.privacy-points{display:grid;gap:9px;color:#267346;font-size:.86rem;font-weight:800}

.resources{background:#f7faff}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-left:110px}
.resource-card{display:flex;min-height:390px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(30,60,105,.06)}
.resource-title{display:flex;align-items:center;gap:15px}.resource-title img,.resource-symbol{width:58px;height:58px;flex:0 0 58px;border-radius:14px}
.resource-title img{object-fit:cover}.resource-title small{color:#7890b0;font-size:.7rem;font-weight:900;letter-spacing:.08em}
.resource-title h3{margin:3px 0 0;font-size:1.15rem}.resource-card>p{margin:20px 0;color:var(--muted);font-size:.91rem}
.resource-symbol{display:grid;place-items:center;border:1px solid #cfe0f4;background:#f2f7fd;font-weight:900}
.resource-symbol.green{color:#299b4d;background:#eff9f1}.resource-symbol.orange{color:var(--orange);background:#fff5ea}
.resource-link{display:flex;min-height:46px;align-items:center;justify-content:space-between;margin-top:9px;padding:10px 14px;border:1px solid #cadaed;border-radius:10px;color:#264f85;font-size:.87rem;font-weight:800}
.resource-link.featured{border-color:#8ab3ed;background:#edf5ff;color:#1459bf}.resource-link.orange-link{border-color:#f0bb88;background:#fff6ec;color:#ba5f18}
.notice{margin:0 0 9px;padding:11px 13px;border-radius:10px;background:#fff5eb;color:#80502b;font-size:.78rem}

.site-footer{padding:31px 0;border-top:1px solid var(--line);background:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-brand{display:flex;align-items:center;gap:11px}.brand-mark.small{width:48px;height:32px;border-radius:7px}
.footer-inner nav{display:flex;gap:24px;color:#49617f;font-size:.82rem;font-weight:700}

@media(max-width:1000px){
  .desktop-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:760px}.hero-demo{max-width:650px;width:100%;margin-inline:auto}
  .benefits-grid{grid-template-columns:1fr;gap:35px}.three-cards,.resource-grid{margin-left:0}
}
@media(max-width:700px){
  .container{width:min(100% - 28px,1160px)}
  .header-inner{min-height:68px;gap:10px}.brand-mark{width:50px;height:33px;border-radius:7px}.brand{gap:8px}.brand strong{font-size:.92rem}.brand small{display:none}
  .header-cta{margin-left:auto;padding:9px 10px;font-size:.72rem}.header-cta span{display:none}
  .hero-grid{min-height:auto;padding-block:52px 46px}.hero h1{font-size:2.55rem}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.hero-reassurance{align-items:flex-start;font-size:.75rem}
  .hero-demo{padding:8px 0 48px}.demo-window{border-width:5px}.demo-top{min-height:40px;padding:0 8px;font-size:.56rem}.demo-head{min-height:42px;font-size:.51rem}.demo-row{min-height:44px;font-size:.54rem}.demo-row strong{padding-left:8px}.quick-action{right:6px;grid-template-columns:1fr 47px 47px}.quick-action button{height:38px}
  .section{padding:62px 0}.section-heading{grid-template-columns:1fr;gap:8px;margin-bottom:26px}.section-number{font-size:2.5rem}.section-heading h2,.benefits-intro h2{font-size:2rem}.section-heading>div>p:last-child{font-size:.94rem}
  .three-cards{grid-template-columns:1fr}.info-card{min-height:240px}
  .benefits-list{grid-template-columns:1fr}.benefits-list article{padding:17px}
  .timeline{grid-template-columns:1fr;gap:20px}.timeline li{grid-template-columns:42px 1fr;padding:0}.timeline li:not(:last-child)::after{top:42px;bottom:-20px;left:20px;right:auto;width:2px;height:auto}.timeline strong{margin-top:6px}
  .privacy{padding:0 0 62px}.privacy-card{grid-template-columns:50px 1fr;padding:24px 20px}.privacy-badge{width:46px;height:46px}.privacy h2{font-size:1.55rem}.privacy-points{grid-column:1/-1}
  .resource-grid{grid-template-columns:1fr}.resource-card{min-height:0;padding:21px}.resource-title img,.resource-symbol{width:52px;height:52px;flex-basis:52px}
  .footer-inner,.footer-inner nav{align-items:flex-start;flex-direction:column}.footer-inner nav{gap:14px}.footer-brand{align-items:center}
}
@media(max-width:390px){
  .header-cta{max-width:105px;text-align:center;line-height:1.15}.hero h1{font-size:2.25rem}.quick-action span{display:none}.quick-action{grid-template-columns:47px 47px}
}



/* Page de téléchargement ordinateur */
.back-link{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#31547f;font-size:.88rem;font-weight:800}
.download-hero{padding:86px 0;background:radial-gradient(circle at 82% 28%,#ddecff 0,transparent 31%),linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid var(--line)}
.download-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);align-items:center;gap:80px}
.download-hero h1{max-width:720px;margin:0;font-size:clamp(2.8rem,5.5vw,5rem);line-height:1.01;letter-spacing:-.045em}
.download-lead{max-width:650px;margin:24px 0 0;color:#465873;font-size:1.12rem}
.download-button{margin-top:30px}
.download-meta{margin:15px 0 0;color:var(--muted);font-size:.84rem}
.package-card{display:flex;align-items:center;gap:23px;padding:28px;border:1px solid #d8e5f5;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.package-icon{width:116px;height:116px;flex:0 0 116px}
.package-icon img{display:block;width:100%;height:100%;border-radius:25px;object-fit:cover}
.package-files{display:grid;gap:9px;color:#586983;font-size:.86rem}.package-files .folder{margin-bottom:3px;color:var(--navy);font-size:1.05rem;font-weight:900}
.install-section{padding:82px 0;background:#fff}
.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 0 110px;padding:0;list-style:none}
.install-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:23px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 9px 26px rgba(30,60,105,.06)}
.install-steps li>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:900}
.install-steps h3{margin:5px 0 8px;font-size:1.08rem}.install-steps p{margin:0;color:var(--muted);font-size:.9rem}
.location-section{padding:0 0 82px;background:#fff}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.location-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#f8fbff}
.location-card.network-card{border-color:#cbdcf5;background:#edf5ff}
.location-card h2{margin:0;font-size:1.55rem;line-height:1.17}.location-card>p:not(.kicker){color:#56657d}
.location-card code{display:block;margin:19px 0;padding:15px 17px;border:1px solid #cbd9eb;border-radius:11px;background:#fff;color:#153d79;font:800 1rem ui-monospace,SFMono-Regular,Consolas,monospace}
.important-section{padding:0 0 82px;background:#fff}
.important-card{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start;padding:24px;border:1px solid #f0cf9e;border-radius:18px;background:#fff8ed}
.important-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffebc9;color:#b96516;font-size:1.25rem;font-weight:900}
.important-card h2{margin:3px 0 7px;font-size:1.15rem}.important-card p{margin:0;color:#735334}
@media(max-width:850px){.download-grid{grid-template-columns:1fr;gap:36px}.package-card{max-width:500px}.install-steps{margin-left:0}}
@media(max-width:700px){
  .back-link{font-size:.75rem}.back-link span{display:none}
  .download-hero{padding:55px 0}.download-hero h1{font-size:2.5rem}.download-lead{font-size:1rem}.download-button{width:100%}
  .package-card{padding:20px;gap:17px}.package-icon{width:84px;height:84px;flex-basis:84px}.package-icon img{border-radius:19px}
  .install-section{padding:60px 0}.install-steps{grid-template-columns:1fr}.location-section,.important-section{padding-bottom:60px}.location-grid{grid-template-columns:1fr}.location-card{padding:23px}
}



/* Les numéros indiquent l’ordre sans ligne traversant les titres. */
.timeline li:not(:last-child)::after{display:none}



/* Page de préparation de la version mobile */
.mobile-guide-hero{padding:82px 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 83% 28%,#ddecff 0,transparent 31%),linear-gradient(180deg,#f8fbff,#fff)}
.mobile-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);align-items:center;gap:75px}
.mobile-guide-hero h1{max-width:760px;margin:0;font-size:clamp(2.7rem,5.2vw,4.8rem);line-height:1.02;letter-spacing:-.045em}
.phone-guide-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #d6e4f5;border-radius:23px;background:#fff;box-shadow:var(--shadow)}
.phone-guide-card img{width:100px;height:100px;flex:0 0 100px;border-radius:22px;object-fit:cover}
.phone-guide-card div{display:grid;gap:5px}.phone-guide-card strong{font-size:1.12rem}.phone-guide-card span{color:var(--muted);font-size:.84rem}
.mobile-setup-section{padding:82px 0;background:#fff}
.mobile-setup-steps{display:grid;gap:16px;margin:0 0 0 110px;padding:0;list-style:none}
.mobile-setup-steps li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:25px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 9px 27px rgba(30,60,105,.055)}
.setup-number{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 0 0 7px var(--blue-soft)}
.mobile-setup-steps h3{margin:7px 0 8px;font-size:1.18rem}.mobile-setup-steps p{max-width:850px;margin:0;color:#596981}
.inline-action{display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:#175cbd;font-size:.89rem;font-weight:850}
.setup-tip,.setup-warning{max-width:850px;margin-top:16px;padding:13px 15px;border-radius:11px;font-size:.85rem}
.setup-tip{border:1px solid #cee0f6;background:#eff6ff;color:#315980}.setup-warning{border:1px solid #f0c68e;background:#fff6e9;color:#784b21}
.setup-tip code{font-weight:800}
.open-mobile-section{padding:0 0 82px;background:#fff}
.open-mobile-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:45px;padding:35px;border-radius:24px;background:linear-gradient(140deg,#164fae,#2877ea);color:#fff;box-shadow:0 18px 45px rgba(25,83,175,.2)}
.open-mobile-card h2{max-width:700px;margin:0;font-size:2.1rem;line-height:1.12}.open-mobile-card p:last-child{max-width:750px;margin:15px 0 0;color:#dceaff}
.mobile-final-button{border-color:#fff;background:#fff;color:#1555b4;white-space:nowrap}
.mobile-help-section{padding:0 0 82px;background:#fff}
@media(max-width:850px){.mobile-guide-grid{grid-template-columns:1fr;gap:34px}.phone-guide-card{max-width:500px}.mobile-setup-steps{margin-left:0}.open-mobile-card{grid-template-columns:1fr}.mobile-final-button{width:100%}}
@media(max-width:700px){
  .mobile-guide-hero{padding:53px 0}.mobile-guide-hero h1{font-size:2.45rem}
  .phone-guide-card{padding:18px}.phone-guide-card img{width:78px;height:78px;flex-basis:78px;border-radius:18px}
  .mobile-setup-section{padding:60px 0}.mobile-setup-steps li{grid-template-columns:42px 1fr;gap:14px;padding:20px 17px}.setup-number{width:40px;height:40px;box-shadow:0 0 0 5px var(--blue-soft)}
  .open-mobile-section,.mobile-help-section{padding-bottom:60px}.open-mobile-card{padding:25px 21px;gap:26px}.open-mobile-card h2{font-size:1.7rem}
}



/* Visuels du guide de connexion mobile */
.mobile-setup-steps.illustrated li{align-items:start}
.guide-visual{margin:22px 0 0;overflow:hidden;border:1px solid #d7e1ee;border-radius:15px;background:#f7f9fc}
.guide-visual img{display:block;max-width:100%;height:auto;margin-inline:auto}
.guide-visual figcaption{padding:11px 14px;border-top:1px solid #e0e7f0;background:#fff;color:#66758b;font-size:.78rem;text-align:center}
.compact-visual{max-width:660px}.compact-visual img{width:100%}
.portrait-visual{max-width:520px}.portrait-visual img{width:100%}
.wide-visual{max-width:980px}.wide-visual img{width:100%}
.connection-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.connection-values>div{display:grid;gap:4px;padding:15px;border:1px solid #cfe0f5;border-radius:12px;background:#f2f7ff}
.connection-values small{color:#6d7f99;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.connection-values strong{color:#194f9e}.connection-values span{color:#556781;font-size:.82rem}
.connection-values code{color:#183e73;font-weight:800}
@media(max-width:700px){
  .guide-visual{margin-top:17px;border-radius:11px}.guide-visual figcaption{text-align:left}
  .connection-values{grid-template-columns:1fr}
  .mobile-setup-steps.illustrated li{grid-template-columns:1fr}
  .mobile-setup-steps.illustrated .setup-number{margin-bottom:2px}
}



/* Repères pédagogiques pour la préparation de Nuage */
.setup-overview{margin:0 0 24px 110px;padding:24px;border:1px solid #cbdff7;border-radius:18px;background:linear-gradient(145deg,#edf5ff,#f9fcff)}
.setup-overview h3{margin:0 0 6px;font-size:1.18rem}.setup-overview>p{margin:0;color:#566982}
.setup-overview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}
.setup-overview>div span{display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;background:#fff;color:#294568;font-size:.85rem;font-weight:750}
.setup-overview>div strong{width:27px;height:27px;display:grid;flex:0 0 27px;place-items:center;border-radius:50%;background:var(--blue);color:#fff}
.setup-overview .setup-overview-note{margin-top:13px;color:#1b5cb3;font-size:.82rem;font-weight:800}
.mobile-connection-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.mobile-connection-fields span{display:grid;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.11)}
.mobile-connection-fields strong{color:#fff;font-size:.88rem}.mobile-connection-fields small{color:#dfebff;line-height:1.4}
.mobile-connection-fields code{color:#fff;font-weight:900}
@media(max-width:850px){.setup-overview{margin-left:0}.mobile-connection-fields{grid-template-columns:1fr}}
@media(max-width:700px){.setup-overview{padding:19px}.setup-overview>div{grid-template-columns:1fr}}