/* Bramlo Connect - self-contained guide design */
.connect-hero{background:radial-gradient(circle at 85% 12%,#334644 0,transparent 36%),linear-gradient(135deg,#111d1d,#1e2926);color:#fff;padding:92px 0 132px}.connect-hero-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.connect-eyebrow{display:block;color:#f48758;font-weight:800;letter-spacing:.16em;font-size:12px;margin-bottom:22px}.connect-hero h1{color:#fff;font-size:clamp(45px,5.5vw,83px);letter-spacing:-.055em;line-height:1.04;max-width:820px;margin:0 0 26px}.connect-hero h1 em{color:#ffc69e;font-style:normal}.connect-hero p{color:#c8d6d2;max-width:610px;font-size:18px;line-height:1.75}.connect-trust{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.connect-trust span{background:#ffffff10;border:1px solid #ffffff22;border-radius:999px;padding:10px 13px;font-size:12px;font-weight:700}.connect-hero-panel{background:#ffffff0d;border:1px solid #ffffff22;border-radius:25px;padding:30px;box-shadow:0 22px 60px #0003}.connect-hero-panel .mini-label{font-size:11px;letter-spacing:.15em;color:#f6a37b;font-weight:800}.connect-hero-panel>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff1a;padding:19px 0;font-weight:700;font-size:15px}.connect-hero-panel b{background:#f47b43;color:#101717;width:35px;height:35px;border-radius:100%;display:grid;place-items:center;flex-shrink:0}.connect-hero-panel small{display:block;margin-top:20px;color:#b9c7c3;line-height:1.6}.connect-app-wrap{margin-top:-75px;position:relative;z-index:2;margin-bottom:110px}.connect-app{background:#fff;color:#1c2a2b;border-radius:26px;box-shadow:0 27px 85px #10221b1e;border:1px solid #e1e9e3;padding:46px;min-height:490px}.connect-app-top{display:flex;align-items:end;justify-content:space-between;gap:25px}.connect-app-top h2{font-size:clamp(30px,3.3vw,47px);letter-spacing:-.045em;margin:0 0 9px}.connect-app-top p,.muted{color:#62736d;line-height:1.65;font-size:15px}.connect-app-top .connect-eyebrow{margin-bottom:10px}.step-meter{min-width:160px;text-align:right;font-size:12px;font-weight:800;color:#586c61}.meter-track{height:7px;background:#e8eee9;border-radius:20px;overflow:hidden;margin-top:10px}.meter-track span{display:block;background:#f47b43;height:100%;width:25%;transition:width .25s}.connect-steps{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e1e9e3;margin:28px 0 34px;padding:0 0 18px}.connect-steps span{color:#87978f;font-size:12px;font-weight:800}.connect-steps .active{color:#d15e2d}.wizard-step h3{font-size:clamp(25px,2.7vw,36px);line-height:1.2;letter-spacing:-.035em;margin-bottom:9px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.choice{cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice>span{display:flex;flex-direction:column;gap:5px;border:2px solid #e2e9e4;border-radius:17px;padding:22px;min-height:110px;background:#fbfdfb}.choice b{font-size:16px}.choice small{color:#687b70;font-size:13px;line-height:1.5}.choice input:checked+span{border-color:#f47b43;background:#fff7f3;box-shadow:0 9px 25px #e56d2e11}.choice input:focus-visible+span{outline:3px solid #d15e2d;outline-offset:2px}.connect-field{display:flex;flex-direction:column;gap:10px;margin:24px 0;max-width:540px}.connect-field label{font-weight:800;font-size:14px}.connect-field input,.connect-field select{width:100%;font:inherit;border:1px solid #baccc1;background:#fff;border-radius:12px;padding:15px 16px;min-height:54px;color:#233830}.connect-field small,.connect-small{font-size:12px;color:#6d8175;line-height:1.6}.connect-info,.connect-warning,.connect-keypoint{padding:22px 24px;border-radius:16px;margin:22px 0;line-height:1.65;font-size:14px}.connect-info{background:#f1f5f0;border:1px solid #d9e7da}.connect-warning{background:#fff6ef;border:1px solid #f3d3b9}.connect-keypoint{background:#eff7f4;border:1px solid #cce4da}.connect-info p,.connect-warning p,.connect-keypoint p{margin:7px 0 0;color:#50665d}.connect-instructions{counter-reset:steps;list-style:none;padding:0;margin:24px 0}.connect-instructions>li{position:relative;padding:7px 0 25px 58px;border-bottom:1px solid #e1e9e3;margin-bottom:18px}.connect-instructions>li::before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:3px;background:#17312b;color:white;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-weight:800}.connect-instructions li b{font-size:17px}.connect-instructions li p{color:#5c7166;line-height:1.65;margin:8px 0}.connect-instructions li a{color:#bb542b;font-weight:800;text-decoration:underline;text-underline-offset:4px}.nameserver-box{background:#f6f8f6;border:1px solid #e0e9e2;padding:18px;border-radius:12px;display:grid;gap:12px;margin:14px 0}.nameserver-box div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#62766b}.nameserver-box code{color:#293a33;white-space:normal}.connect-actions-final{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 15px}.wizard-nav{border-top:1px solid #e1e9e3;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between}.connect-primary,.connect-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;min-height:49px;padding:13px 21px;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none}.connect-primary{background:#ee6f35;color:#fff;border:1px solid #ee6f35}.connect-secondary{background:white;color:#1b332c;border:1px solid #c6d5ca}.connect-msg:not(:empty){padding:11px 15px;border-radius:10px;background:#fff3e9;color:#93401b;margin:18px 0}.connect-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;margin-bottom:100px}.connect-faq h2{font-size:clamp(32px,3.4vw,50px);line-height:1.1;letter-spacing:-.045em}.connect-faq>div>p{color:#62756a;line-height:1.75}.connect-faq details{border-bottom:1px solid #d9e1da;padding:19px 0}.connect-faq summary{cursor:pointer;font-size:16px;font-weight:800}.connect-faq details p{color:#62756a;font-size:14px;line-height:1.8;padding:9px 0}.connect-footer{background:#13211d;color:#dbe7df;padding:26px 0}.connect-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:12px}.connect-footer a{color:#fff;text-decoration:underline}.wizard-step[hidden],#existingPath[hidden],#newDomainPath[hidden],#emailWarning[hidden],#domainField[hidden],#nextStep[hidden],#backStep[hidden]{display:none!important}@media(max-width:850px){.connect-hero-inner,.connect-faq{grid-template-columns:1fr;gap:34px}.connect-hero{padding:65px 0 116px}.connect-app{padding:26px}.connect-app-top{align-items:start;flex-direction:column}.step-meter{width:100%;text-align:left}.connect-steps{flex-wrap:wrap}.choice-grid{grid-template-columns:1fr}.connect-faq{margin-bottom:70px}.connect-hero-panel{max-width:600px}}@media(max-width:520px){.connect-app{padding:20px;border-radius:18px}.connect-app-wrap{margin-top:-55px;margin-bottom:65px}.connect-hero h1{font-size:44px}.connect-hero p{font-size:15px}.connect-instructions>li{padding-left:48px}.connect-steps span{font-size:10px}.connect-actions-final>*{width:100%}}