@font-face{font-family:Bungee;src:url('/fonts/bungee.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background:#fff}body.setup-guide{margin:0;color:#111;background:#fff;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #7425cc;outline-offset:4px}img,svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.guide-brand,.guide-eyebrow,.guide-launch,.guide-step-number,.guide-start,.guide-footer>a{font-family:Bungee,system-ui,sans-serif;font-weight:400}button{cursor:pointer}.guide-skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:#111;color:#fff;z-index:100}.guide-skip:focus{top:10px}
.guide-header{height:76px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e5e2e8;position:sticky;top:0;z-index:10;background:#fffffff2;backdrop-filter:blur(12px)}.guide-brand{display:flex;align-items:center;gap:10px;font-size:17px;white-space:nowrap}.guide-header nav{display:flex;align-items:center;gap:26px}.guide-home{font-size:13px;font-weight:600}.guide-home:hover,.guide-footer a:hover{text-decoration:underline;text-underline-offset:4px}.guide-launch{display:flex;gap:28px;align-items:center;border:1px solid #161219;border-radius:8px;padding:9px 16px;font-size:11px;min-height:42px}.guide-launch:hover{background:#f3ecff;border-color:#7425cc}
.guide-page{max-width:1240px;margin:auto;padding:64px 28px 76px}.guide-intro{padding:0 0 52px;border-bottom:1px solid #e5e2e8}.guide-eyebrow{display:block;font-size:10px;letter-spacing:.7px;color:#652caa}.guide-intro h1{font-size:clamp(31px,4.2vw,52px);line-height:1.15;margin:14px 0 20px;letter-spacing:-.8px}.guide-intro p{font-size:17px;max-width:660px;color:#111}.guide-layout{display:grid;grid-template-columns:214px minmax(0,1fr);gap:64px;align-items:start;padding-top:44px}.guide-sidebar{position:sticky;top:110px}.guide-sidebar h2{font:650 12px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.guide-software-list{display:grid;gap:8px}.guide-software-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.4;color:#111}.guide-software-list button span{opacity:0}.guide-software-list button[aria-pressed=true]{border-color:#c7a9ea;background:#f3ecff;color:#5923a1}.guide-software-list button[aria-pressed=true] span{opacity:1}.guide-software-list button:hover{background:#f3ecff}.guide-mobile-software{display:none}.guide-irl-link{display:grid;gap:4px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e2e8;font-size:12px;line-height:1.6}.guide-irl-link>span{font-size:14px;font-weight:750}.guide-irl-link strong{display:flex;gap:14px;align-items:center;font-weight:650;color:#096436;margin-top:7px}.guide-irl-link:hover strong{text-decoration:underline}
.guide-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 30px}.guide-section-heading h2{font-size:28px;line-height:1.25;margin-top:9px}.guide-step-count{font-size:12px;font-weight:650;white-space:nowrap;padding:5px 11px;background:#f3ecff;color:#5923a1;border-radius:99px}.guide-legacy-note{padding:14px 18px;margin:0 0 20px;border-left:3px solid #7425cc;background:#f3ecff;font-size:14px}.guide-steps{list-style:none;margin:0;padding:0}.guide-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:22px;position:relative;padding:34px 0;border-top:1px solid #e5e2e8;scroll-margin-top:100px}.guide-step-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c7a9ea;border-radius:50%;color:#652caa;font-size:15px;background:#fff}.guide-step-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;min-width:0}.guide-step-copy h3{font-size:19px;line-height:1.35;margin:3px 0 14px}.guide-step-copy p{font-size:14px;line-height:1.7}.guide-step-copy strong{font-weight:750;color:#000}.guide-text-link{display:inline-flex;align-items:center;gap:15px;margin-top:16px;color:#5923a1;font-weight:650;font-size:13px;text-underline-offset:4px}.guide-text-link:hover{text-decoration:underline}.guide-preview{padding:20px;border-radius:12px;min-width:0;background:#f8f5fc;border:1px solid #e1d7ec}.guide-ui-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.65px;font-weight:700;line-height:1.4}.guide-language-example{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0;font-size:10px}.guide-language-example b{display:block;font-size:14px;color:#000}.guide-url-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #d6c6e7;border-radius:6px;background:#fff;font-size:11px;line-height:1.5}.guide-url-field svg{width:17px;height:17px;flex:none}.guide-source-preview{background:#f4f7fd;border-color:#d7e2f1}.guide-source-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border:1px solid #b9cde8;background:#fff;border-radius:6px;font-size:13px}.guide-source-row svg{width:22px;height:22px;flex:none}.guide-source-row>span{margin-left:auto;font-size:20px;line-height:1}.guide-source-path{margin:13px 0 0;font-size:11px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}.guide-size-preview{background:#fff;border-color:#d8d4dd}.guide-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;margin:0}.guide-dimensions dt{font-size:11px;font-weight:600}.guide-dimensions dd{margin:5px 0 0;font-size:25px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.guide-dimensions small{font-size:10px;letter-spacing:0}.guide-dimensions>span{font-size:18px}.guide-transparency{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid #e5e2e8;font-size:11px;font-weight:650;color:#096436;line-height:1.4}.guide-keep-open{margin-top:12px}.guide-mic-preview{background:#f1f9f4;border-color:#c9e2d2}.guide-mic-check{display:flex;gap:10px;align-items:center;font-size:12px}.guide-mic-check>svg{width:22px;height:27px;flex:none;color:#096436}.guide-levels{margin-left:auto;display:flex;gap:3px;align-items:center;height:22px}.guide-levels i{display:block;width:3px;height:10px;background:#177144;border-radius:2px}.guide-levels i:nth-child(2n){height:17px}.guide-levels i:nth-child(3n){height:22px}.guide-start{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#101b14;color:#fff;border-radius:7px;margin-top:20px;padding:12px 13px;font-size:11px;line-height:1.7;min-height:44px}.guide-start:hover{background:#096436}.guide-help{display:flex;justify-content:space-between;gap:20px;padding:26px 0 0;border-top:1px solid #e5e2e8;font-size:14px}.guide-help a{color:#5923a1;text-decoration:underline;text-underline-offset:4px}.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1184px;margin:auto;padding:25px 0 75px;border-top:1px solid #e5e2e8}.guide-footer>a{font-size:13px}.guide-footer nav{display:flex;gap:26px;font-size:12px}
@media(max-width:1100px){.guide-layout{grid-template-columns:185px minmax(0,1fr);gap:36px}.guide-step-content{grid-template-columns:1fr;gap:20px}.guide-preview{max-width:420px;width:100%}.guide-step{padding:30px 0}.guide-footer{margin:0 28px}.guide-section-heading h2{font-size:25px}}
@media(max-width:700px){html{scroll-padding-top:88px}.guide-header{height:66px;padding:0 18px;gap:12px}.guide-brand{font-size:12px;gap:6px}.guide-brand img{width:24px;height:24px}.guide-home{display:none}.guide-launch{padding:8px 11px;gap:16px;font-size:9px;min-height:38px}.guide-page{padding:38px 20px 46px}.guide-intro{padding-bottom:30px}.guide-intro h1{font-size:32px;letter-spacing:-.5px;margin:12px 0 16px}.guide-intro p{font-size:15px;line-height:1.65}.guide-layout{grid-template-columns:1fr;gap:30px;padding-top:26px}.guide-sidebar{position:static}.guide-desktop-software{display:none}.guide-mobile-software{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:700}.guide-mobile-software select{display:block;width:100%;padding:11px 13px;margin-top:8px;border:1px solid #a982d8;border-radius:8px;background:#f7f1ff;color:#111;font-size:15px;font-weight:650;min-height:46px}.guide-irl-link{margin-top:16px;padding-top:15px;display:flex;flex-wrap:wrap;column-gap:8px;row-gap:0;font-size:12px}.guide-irl-link>span{font-size:12px}.guide-irl-link strong{flex-basis:100%;font-size:12px;margin-top:2px}.guide-section-heading{padding-bottom:20px}.guide-section-heading h2{font-size:25px}.guide-step{grid-template-columns:33px minmax(0,1fr);gap:13px;padding:27px 0;scroll-margin-top:86px}.guide-step-number{width:33px;height:33px;font-size:12px}.guide-step-copy h3{font-size:19px;margin-top:3px}.guide-step-copy p{font-size:14px}.guide-preview{padding:17px}.guide-step-content{gap:18px}.guide-help{padding-top:24px}.guide-footer{margin:0 20px;padding-bottom:75px;flex-wrap:wrap;gap:18px}.guide-footer nav{gap:23px}}
@media(max-width:360px){.guide-brand{font-size:10px}.guide-brand img{width:22px;height:22px}.guide-header{padding:0 14px}.guide-page{padding-inline:16px}.guide-intro h1{font-size:29px}.guide-step{gap:10px;grid-template-columns:30px minmax(0,1fr)}.guide-step-number{width:30px;height:30px}.guide-step-copy h3{font-size:18px}.guide-preview{padding:14px}.guide-language-example{gap:8px}.guide-dimensions{gap:9px}.guide-dimensions dd{font-size:23px}.guide-start{font-size:11px;padding:11px 10px}.guide-levels{gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The guide already has its own clear Control actions; the shared SEO banner is redundant here. */
body.setup-guide .guide-header #st-promo-bar{display:none!important}
