:root { --setup-blue:#1268ea; --setup-ink:#13141b; --setup-muted:#707584; --setup-line:#dfe5f0; }
.setup-page { color:var(--setup-ink); overflow:hidden; }.setup-hero { min-height:570px; padding:96px max(5vw,34px) 68px; display:grid; grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr); align-items:center; gap:54px; background:radial-gradient(circle at 92% 25%,#d9eaff 0,transparent 30%),linear-gradient(125deg,#f6f9ff 0%,#fff 65%); }.setup-hero-copy { max-width:630px; margin-left:auto; }.eyebrow { margin:0 0 14px; color:#6a7181; font-size:12px; font-weight:900; letter-spacing:.17em; }.setup-hero h1,.setup-finish h2,.section-intro h2,.guide-heading h2 { margin:0; letter-spacing:-.065em; line-height:.92; font-weight:900; }.setup-hero h1 { font-size:clamp(56px,6.2vw,94px); }.setup-hero h1 em,.setup-finish h2 em { color:var(--setup-blue); font-family:Georgia,serif; font-weight:500; }.setup-hero-copy>p:not(.eyebrow) { max-width:510px; margin:28px 0; color:var(--setup-muted); font-size:19px; line-height:1.55; }.setup-button { display:inline-flex; align-items:center; gap:24px; padding:16px 22px; border-radius:999px; background:var(--setup-blue); color:#fff; font-size:16px; font-weight:800; text-decoration:none; box-shadow:0 15px 28px rgba(18,104,234,.23); }.setup-button span { font-size:22px; line-height:1; }.setup-trust { display:flex; flex-wrap:wrap; gap:14px 20px; margin-top:28px; color:#5c6372; font-size:13px; font-weight:700; }.setup-hero-art { overflow:hidden; border-radius:24px; box-shadow:0 28px 60px rgba(29,55,106,.18); }.setup-hero-art img { width:100%; display:block; min-height:300px; object-fit:cover; }
.device-section { max-width:1220px; padding:100px 30px 72px; margin:auto; }.section-intro { text-align:center; max-width:650px; margin:auto auto 42px; }.section-intro h2 { font-size:clamp(38px,4.5vw,64px); }.section-intro>p:last-child,.guide-heading>p:last-child { color:var(--setup-muted); font-size:17px; line-height:1.5; }.device-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.device-card { position:relative; min-height:166px; padding:25px; text-align:left; cursor:pointer; border:1px solid var(--setup-line); border-radius:18px; color:var(--setup-ink); background:#fff; transition:transform .2s,border-color .2s,box-shadow .2s; }.device-card:hover,.device-card.active { transform:translateY(-3px); border-color:var(--setup-blue); box-shadow:0 18px 36px rgba(18,104,234,.12); }.device-card.active { background:linear-gradient(145deg,#eff5ff,#fff); }.device-icon { display:block; width:38px; height:38px; margin-bottom:16px; color:var(--setup-blue); font-size:34px; font-weight:900; line-height:32px; }.device-card b,.device-card small { display:block; }.device-card b { font-size:18px; }.device-card small { margin-top:5px; color:var(--setup-muted); font-size:13px; }.device-card i { position:absolute; right:14px; top:14px; color:#168657; font-size:10px; font-style:normal; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.guide-wrap { max-width:1160px; margin:0 auto; padding:0 30px 95px; scroll-margin-top:35px; }.setup-guide { overflow:hidden; display:grid; grid-template-columns:.76fr 1.24fr; border:1px solid var(--setup-line); border-radius:25px; background:#fff; box-shadow:0 25px 60px rgba(19,20,27,.07); }.guide-heading { padding:58px 48px; color:#fff; background:linear-gradient(155deg,#0a57cd,#3788fb); }.guide-heading .eyebrow { color:#b9d7ff; }.guide-heading h2 { font-size:clamp(36px,3.5vw,56px); }.guide-heading>p:last-child { color:#e5f0ff; }.guide-steps { list-style:none; counter-reset:step; padding:30px 42px; margin:0; }.guide-steps li { position:relative; min-height:76px; padding:9px 0 20px 62px; counter-increment:step; }.guide-steps li:not(:last-child)::after { content:''; position:absolute; left:18px; top:47px; height:43px; border-left:1px dashed #b9c7dd; }.guide-steps li::before { content:counter(step); position:absolute; left:0; top:4px; width:37px; height:37px; display:grid; place-items:center; border-radius:50%; color:var(--setup-blue); background:#eaf2ff; font-size:14px; font-weight:900; }.guide-steps b,.guide-steps span { display:block; }.guide-steps b { margin-bottom:5px; font-size:17px; }.guide-steps span { color:var(--setup-muted); line-height:1.5; }.setup-help { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:27px 31px; margin-top:20px; border-radius:18px; background:#f2f7ff; }.setup-help div { display:grid; grid-template-columns:38px 1fr; column-gap:15px; }.setup-help span { grid-row:span 2; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--setup-blue); color:white; font-weight:900; }.setup-help h3,.setup-help p { margin:0; }.setup-help h3 { font-size:17px; }.setup-help p { color:var(--setup-muted); line-height:1.45; }.setup-help a { flex:0 0 auto; color:var(--setup-blue); font-weight:900; text-decoration:none; }
.setup-finish { padding:100px 25px; text-align:center; background:#111d33; color:white; }.setup-finish .eyebrow { color:#9bbef5; }.setup-finish h2 { font-size:clamp(44px,5vw,72px); }.setup-finish h2 em { color:#9ac4ff; }.setup-finish>p:not(.eyebrow) { max-width:520px; margin:24px auto 29px; color:#d5dfed; font-size:17px; line-height:1.55; }
@media(max-width:760px){.setup-hero{min-height:0;grid-template-columns:1fr;padding:68px 24px 45px;gap:38px}.setup-hero-copy{margin:0}.setup-hero h1{font-size:57px}.setup-hero-copy>p:not(.eyebrow){font-size:17px}.setup-hero-art img{min-height:0}.device-section{padding:68px 18px 48px}.device-grid{grid-template-columns:repeat(2,1fr);gap:10px}.device-card{min-height:145px;padding:19px 14px}.device-icon{margin-bottom:11px}.device-card b{font-size:16px}.device-card small{font-size:12px}.device-card i{right:10px;top:9px;font-size:8px}.guide-wrap{padding:0 18px 64px}.setup-guide{grid-template-columns:1fr;border-radius:19px}.guide-heading{padding:38px 28px}.guide-steps{padding:24px}.setup-help{align-items:flex-start;flex-direction:column;padding:24px;gap:20px}.setup-finish{padding:72px 22px}}
.how-channel-hero{padding:clamp(56px,9vw,120px) 20px 48px;background:radial-gradient(circle at 17% 20%,#dbeaff 0,transparent 29%),radial-gradient(circle at 82% 0,#efe2ff 0,transparent 28%),#fff;text-align:center}.how-channel-kicker{margin:0 0 16px;color:#0869e8;font-size:11px;font-weight:800;letter-spacing:.2em}.how-channel-hero h1{max-width:780px;margin:0 auto;font-size:clamp(46px,8vw,96px);line-height:.91;letter-spacing:-.09em}.how-channel-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#68758d}.how-channel-hero>p:not(.how-channel-kicker){max-width:570px;margin:24px auto 0;color:#6e7480;font-size:17px}.how-channel-stats{display:flex;justify-content:center;gap:0;margin:40px auto 0;max-width:680px}.how-channel-stats>div{min-width:160px;padding:0 25px;border-right:1px solid #e6e9ef}.how-channel-stats>div:last-child{border:0}.how-channel-stats strong{display:block;font-size:28px;letter-spacing:-.07em}.how-channel-stats span{color:#6e7480;font-size:12px}.instatelly-tutorials .tt-header{display:none}@media(max-width:720px){.how-channel-hero{padding-top:65px}.how-channel-stats>div{min-width:0;flex:1;padding:0 8px}.how-channel-stats strong{font-size:23px}}