/* HOSTOWEB / BYOIP — 2026. Standalone page CSS, scoped with .htw-byoip-page. */
.htw-byoip-page{--htw-byoip-navy:var(--htw-navy);--htw-byoip-lime:var(--htw-lime);--htw-byoip-ink:var(--htw-ink);--htw-byoip-muted:#657f8c;--htw-byoip-stroke:#e0eaed;background:#fff}
.htw-byoip-page *, .htw-byoip-page *:before, .htw-byoip-page *:after{box-sizing:border-box}
.htw-byoip-page .htw-byoip-container{width:min(1200px,calc(100% - 48px));margin:0 auto}
.htw-byoip-page .htw-byoip-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1.6px;line-height:1.5;font-weight:800;color:#ceeca2}
.htw-byoip-page .htw-byoip-eyebrow--dark{color:#537b1b}
.htw-byoip-page .htw-byoip-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--htw-lime);box-shadow:0 0 0 5px #a2e32624}
body.htw-byoip-page #hostoweb-header.htw-byoip-header{max-height:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important;background:var(--htw-navy)!important}
body.htw-byoip-page #hostoweb-header.htw-byoip-header .header-top-height{height:105px!important;min-height:105px!important;max-height:105px!important;margin:0!important;padding:0!important;display:block!important}
/* Hero: typography and an editable HTML/CSS packet flow, no image. */
.htw-byoip-hero{position:relative;isolation:isolate;background:var(--htw-navy);color:#fff;padding:77px 0 0;overflow:hidden}
.htw-byoip-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.2;background-image:linear-gradient(90deg,#ffffff1e 1px,transparent 1px),linear-gradient(0deg,#ffffff12 1px,transparent 1px);background-size:98px 98px;mask-image:linear-gradient(90deg,transparent 28%,black)}
.htw-byoip-hero__grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:62px;align-items:center;min-height:565px;padding-bottom:85px}
.htw-byoip-hero__copy{min-width:0}
.htw-byoip-hero h1{font-family:Poppins,sans-serif;font-size:clamp(41px,4.25vw,66px);font-weight:800;line-height:1.14;letter-spacing:-2.5px;max-width:710px;color:#fff;margin:22px 0 0}
.htw-byoip-hero h1 em{font-style:normal;color:var(--htw-byoip-lime)}
.htw-byoip-hero__original-title{font-size:0;position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}
.htw-byoip-hero__intro{font:400 15px/1.95 Poppins,sans-serif;color:#bfcfd8;max-width:650px;margin:26px 0 0}
.htw-byoip-hero__intro b{font-weight:800;color:#fff}
.htw-byoip-hero__intro u{text-decoration-color:var(--htw-lime);text-decoration-thickness:2px;text-underline-offset:3px}
.htw-byoip-hero__actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:35px}
.htw-byoip-page .htw-byoip-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border-radius:9px;padding:16px 20px;font-size:12px;font-weight:800;text-decoration:none!important;transition:.18s ease}
.htw-byoip-page .htw-byoip-button--lime{background:var(--htw-lime);color:#09242e}
.htw-byoip-page .htw-byoip-button--lime:hover{background:#b9ed55;color:#09242e;transform:translateY(-2px)}
.htw-byoip-hero__text-link{display:flex;gap:10px;align-items:center;color:#ecf9fa;font-size:12px;font-weight:750;text-decoration:none!important}
.htw-byoip-hero__text-link:hover{color:var(--htw-lime)}
.htw-byoip-hero__foot{display:flex;justify-content:space-between;gap:12px;padding:19px 0 21px;border-top:1px solid #ffffff2b;font-size:10px;color:#a6c1cd;letter-spacing:1.6px;font-weight:800}
/* Right panel — four explicit network stages */
.htw-byoip-diagram{min-width:0;position:relative;padding:21px 26px 19px;background:linear-gradient(153deg,#0d2c3df2,#081929f7);border:1px solid #ffffff33;border-radius:17px;box-shadow:0 35px 80px #00000035,inset 0 1px 0 #ffffff10;overflow:hidden}
.htw-byoip-diagram:after{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#a2e3260a,transparent 72%)}
.htw-byoip-diagram__top,.htw-byoip-diagram__bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a4bfce;font-size:9px;letter-spacing:1px;font-weight:800;white-space:nowrap}
.htw-byoip-diagram__top{padding-bottom:18px;border-bottom:1px solid #ffffff17}
.htw-byoip-diagram__top>span:first-child{color:#d6e9ef}
.htw-byoip-diagram__led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--htw-lime);margin-right:6px;box-shadow:0 0 13px #a2e326aa}
.htw-byoip-diagram__stack{position:relative;padding:15px 0}
.htw-byoip-diagram__node{position:relative;display:flex;align-items:center;gap:15px;min-height:68px;padding:12px 17px;background:#ffffff0a;border:1px solid #ffffff23;border-radius:10px}
.htw-byoip-diagram__node--core{background:linear-gradient(115deg,var(--htw-lime),#d4f792);border-color:#bcf070;box-shadow:0 7px 31px #95d5191d}
.htw-byoip-diagram__node-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;background:#ffffff10;border:1px solid #ffffff20;color:var(--htw-lime);border-radius:9px;font-size:17px}
.htw-byoip-diagram__node--core .htw-byoip-diagram__node-icon{color:#0a2b34;background:#062b2710;border-color:#062b2720}
.htw-byoip-diagram__node-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.htw-byoip-diagram__node-copy strong{font-family:Poppins,sans-serif;font-size:16px;letter-spacing:.8px;font-weight:800;line-height:1.1;color:#fff}
.htw-byoip-diagram__node-copy small{font-size:9px;letter-spacing:1.2px;font-weight:750;line-height:1.45;color:#a8c3ce}
.htw-byoip-diagram__node--core .htw-byoip-diagram__node-copy strong{font-size:21px;color:#072330}
.htw-byoip-diagram__node--core .htw-byoip-diagram__node-copy small{color:#33551e}
.htw-byoip-diagram__node-index{color:#668d9f;font-size:10px;font-weight:900;letter-spacing:1px}
.htw-byoip-diagram__core-mark{display:flex;gap:4px;align-items:center}
.htw-byoip-diagram__core-mark span{width:4px;height:13px;background:#205b2a;border-radius:5px}.htw-byoip-diagram__core-mark span:nth-child(2){height:22px}.htw-byoip-diagram__core-mark span:nth-child(3){height:16px}
.htw-byoip-diagram__connector{height:28px;position:relative;display:grid;place-items:center}
.htw-byoip-diagram__connector:before{content:"";display:block;width:1px;height:100%;background:linear-gradient(#a2e32655,#a2e326ff);position:absolute;top:0;left:50%;transform:translateX(-50%)}
.htw-byoip-diagram__stream{height:9px;width:9px;background:#b2ef45;box-shadow:0 0 13px #a2e326aa;border-radius:50%;position:absolute;left:calc(50% - 4.5px);top:-5px;animation:htw-byoip-packet 2.4s ease-in-out infinite}
.htw-byoip-diagram__stream--delay{animation-delay:.7s}.htw-byoip-diagram__stream--late{animation-delay:1.3s}
@keyframes htw-byoip-packet{0%{top:-4px;opacity:0}25%{opacity:1}80%{opacity:1}100%{top:25px;opacity:0}}
.htw-byoip-diagram__bottom{border-top:1px solid #ffffff17;padding-top:17px;font-size:8px;color:#698c9e}
.htw-byoip-diagram__bottom i{color:var(--htw-lime);font-size:6px;margin-right:7px}
/* Reusable section primitives */
.htw-byoip{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--htw-ink);background:#fff;overflow:hidden}
.htw-byoip h2,.htw-byoip h3,.htw-byoip p{font-family:inherit;margin:0;padding:0}
.htw-byoip-section{padding:94px 0}
.htw-byoip-heading{margin-top:18px!important;font-size:clamp(33px,3.6vw,48px);font-weight:800;line-height:1.2;color:var(--htw-ink);letter-spacing:-1.6px}
.htw-byoip-heading em{font-style:normal;color:var(--htw-green)}
.htw-byoip-about__grid{display:grid;grid-template-columns:1.13fr .87fr;gap:100px;align-items:center}
.htw-byoip-about__copy{margin-top:24px;max-width:700px}
.htw-byoip-about__copy p{font-size:14px;line-height:2;color:#617987;margin-bottom:20px}
.htw-byoip-info{background:#f5f9f7;border:1px solid #e4eceb;border-radius:15px;padding:26px 30px 19px;box-shadow:0 18px 44px #0b304408}
.htw-byoip-info__header{display:flex;justify-content:space-between;align-items:center;color:#517c18;font-size:10px;font-weight:850;letter-spacing:1.4px;border-bottom:1px solid #dae6e1;padding-bottom:21px;margin-bottom:5px}
.htw-byoip-info__header i{font-size:18px}
.htw-byoip-info__entry{display:flex;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #e0e8e6}
.htw-byoip-info__entry:last-of-type{border-bottom:0}
.htw-byoip-info__icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfedcd;border-radius:10px;background:#e8f4dc;color:var(--htw-green);flex:none;font-size:18px}
.htw-byoip-info__entry strong{display:block;font-size:13px;font-weight:850;color:var(--htw-ink)}
.htw-byoip-info__entry small{display:block;font-size:11px;color:#758c94;margin-top:4px;line-height:1.5}
.htw-byoip-info__footer{padding-top:16px;margin-top:1px;color:var(--htw-green);font-size:9px;font-weight:850;letter-spacing:1.6px}
.htw-byoip-info__footer span{color:var(--htw-lime)}
.htw-byoip-process{background:#f4f8f8;border-top:1px solid #e6eeef;border-bottom:1px solid #e6eeef}
.htw-byoip-section-head{text-align:center;max-width:750px;margin:0 auto 47px}
.htw-byoip-section-head>p{font-size:14px;color:#6a8490;line-height:1.8;margin-top:15px}
.htw-byoip-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.htw-byoip-step{padding:31px 29px 35px;border:1px solid #e0e9eb;border-radius:13px;background:#fff;min-height:255px;transition:transform .2s,border-color .2s,box-shadow .2s}
.htw-byoip-step:hover{transform:translateY(-4px);border-color:#c8dba9;box-shadow:0 20px 45px #0b30440f}
.htw-byoip-step__top{display:flex;align-items:flex-start;justify-content:space-between}
.htw-byoip-step__icon{width:55px;height:55px;display:grid;place-items:center;color:var(--htw-green);background:#edf7e3;border-radius:13px;font-size:22px}
.htw-byoip-step__number{font-size:11px;font-weight:800;letter-spacing:1px;color:#89a0aa}
.htw-byoip-step h3{font-size:18px;letter-spacing:-.3px;font-weight:800;color:#113447;margin:26px 0 10px}
.htw-byoip-step p{font-size:12px;color:#6c8590;line-height:1.85}
/* FAQ — same layout and interaction as VPS / Dedicated; uses native HTML details. */
.htw-byoip-faq{background:#f4f8fa}
.htw-byoip-faq__layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:100px}
.htw-byoip-faq__heading{min-width:0}
.htw-byoip-faq__heading .htw-byoip-heading{margin-top:18px!important}
.htw-byoip-faq__heading>p{margin-top:20px;color:#77899a;font-size:14px;line-height:1.8}
.htw-byoip-faq__contact{display:inline-flex;align-items:center;gap:16px;color:#527d0e;font-size:13px;font-weight:800;margin-top:23px;text-decoration:none!important}
.htw-byoip-faq__contact:hover{color:#3b610b}
.htw-byoip-faq__items{min-width:0;border-top:1px solid #dce6ea}
.htw-byoip-faq__items details{border-bottom:1px solid #dce6ea;padding:0 6px}
.htw-byoip-faq__items summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:19px 1px;color:#18344a;font-size:14px;line-height:1.6;font-weight:750}
.htw-byoip-faq__items summary::-webkit-details-marker{display:none}
.htw-byoip-faq__items summary::marker{content:""}
.htw-byoip-faq__toggle{flex:0 0 23px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #cfdee2;position:relative}
.htw-byoip-faq__toggle:before,.htw-byoip-faq__toggle:after{content:"";position:absolute;top:10px;left:6px;width:9px;height:1.5px;background:#548311;transition:transform .15s}
.htw-byoip-faq__toggle:after{transform:rotate(90deg)}
.htw-byoip-faq__items details[open] .htw-byoip-faq__toggle:after{transform:rotate(0)}
.htw-byoip-faq__items details[open] summary{color:#4e7710}
.htw-byoip-faq__items details>p{padding:0 35px 20px 1px;margin:0;color:#6c8091;font-size:13px;line-height:1.9}
.htw-byoip-faq__items summary:focus-visible,.htw-byoip-faq__contact:focus-visible{outline:2px solid #81bf1a;outline-offset:3px}
@media (max-width:1100px){.htw-byoip-faq__layout{gap:55px}}
@media (max-width:950px){.htw-byoip-faq__layout{grid-template-columns:1fr;gap:35px}.htw-byoip-faq__heading{max-width:680px}}
@media (max-width:767px){.htw-byoip-faq__items summary{font-size:13px}.htw-byoip-faq__heading>p{font-size:13px}.htw-byoip-faq__layout{gap:28px}}
@media (max-width:1100px){.htw-byoip-hero__grid{gap:32px}.htw-byoip-about__grid{gap:45px}.htw-byoip-hero h1{font-size:clamp(37px,4.4vw,55px)}.htw-byoip-diagram{padding:16px}}
@media (max-width:767px){body.htw-byoip-page #hostoweb-header.htw-byoip-header .header-top-height{height:85px!important;min-height:85px!important;max-height:85px!important}.htw-byoip-page .htw-byoip-container{width:min(100% - 36px,580px)}.htw-byoip-hero{padding-top:64px}.htw-byoip-hero__grid{grid-template-columns:1fr;gap:45px;padding-bottom:57px;min-height:0}.htw-byoip-hero h1{font-size:clamp(35px,8.3vw,49px);letter-spacing:-1.8px}.htw-byoip-hero__intro{font-size:13px;margin-top:21px;line-height:1.85}.htw-byoip-hero__actions{gap:20px;margin-top:26px}.htw-byoip-hero__foot{font-size:8px;letter-spacing:.8px}.htw-byoip-diagram{width:min(100%,520px);margin-inline:auto;padding:18px}.htw-byoip-diagram__node{min-height:61px;padding:10px 14px}.htw-byoip-diagram__node-copy strong{font-size:14px}.htw-byoip-diagram__node--core .htw-byoip-diagram__node-copy strong{font-size:19px}.htw-byoip-diagram__node-copy small{font-size:8px}.htw-byoip-diagram__connector{height:22px}.htw-byoip-page .htw-byoip-section{padding:66px 0}.htw-byoip-about__grid,.htw-byoip-steps{grid-template-columns:1fr}.htw-byoip-about__grid{gap:26px}.htw-byoip-heading{font-size:clamp(30px,7.6vw,39px);letter-spacing:-1px}.htw-byoip-about__copy p{font-size:13px}.htw-byoip-info{padding:24px 20px 17px}.htw-byoip-section-head{margin-bottom:29px}.htw-byoip-steps{gap:14px}.htw-byoip-step{min-height:0;padding:24px}.htw-byoip-step h3{margin-top:21px}}
@media (max-width:400px){.htw-byoip-diagram__top,.htw-byoip-diagram__bottom{font-size:7px;letter-spacing:.6px}.htw-byoip-diagram__node-icon{width:33px;height:33px;font-size:14px}.htw-byoip-diagram__node{gap:11px}}
@media (prefers-reduced-motion:reduce){.htw-byoip-page .htw-byoip-diagram__stream{animation:none!important}.htw-byoip-page .htw-byoip-step{transition:none!important}}

/* BYOIP — additional reusable sections: routing modes, requirements, use cases */
.htw-byoip-modes{background:#fff}
.htw-byoip-modes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.htw-byoip-mode{position:relative;display:flex;flex-direction:column;min-width:0;min-height:395px;padding:36px;border:1px solid #dfe9ec;border-radius:15px;background:#f7faf9;overflow:hidden}
.htw-byoip-mode:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--htw-lime)}
.htw-byoip-mode__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:29px}
.htw-byoip-mode__icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;background:#e7f4d7;color:#537e17;font-size:21px}
.htw-byoip-mode__id{color:#6c8690;font-size:10px;letter-spacing:1.25px;font-weight:800;line-height:1.8;text-align:right}
.htw-byoip-mode h3{color:var(--htw-ink);font-size:clamp(19px,2vw,25px);font-weight:800;letter-spacing:-.8px;line-height:1.38}
.htw-byoip-mode h3 span{color:var(--htw-green)}
.htw-byoip-mode>p{color:#667f8c;font-size:12px;line-height:1.95;margin-top:16px;max-width:480px}
.htw-byoip-mode__flow{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:nowrap;min-width:0;margin-top:31px;padding:17px 12px;border:1px solid #dde8e9;border-radius:9px;background:#fff}
.htw-byoip-mode__flow span,.htw-byoip-mode__flow strong{font-size:9px;font-weight:850;white-space:nowrap;letter-spacing:.2px;color:#143d49}
.htw-byoip-mode__flow strong{color:#4a760e}
.htw-byoip-mode__flow i{font-size:13px;color:#7fb72a}
.htw-byoip-mode__bottom{display:flex;align-items:center;gap:9px;color:#587580;font-size:11px;line-height:1.7;margin-top:auto;padding-top:22px;font-weight:650}
.htw-byoip-mode__bottom i{color:#669623;font-size:14px}
.htw-byoip-mode--dark{background:#071c31;border-color:#0c3041}
.htw-byoip-mode--dark:before{background:#82b840}
.htw-byoip-mode--dark .htw-byoip-mode__icon{background:#a2e3261c;color:#b0e55a;border:1px solid #a2e32633}
.htw-byoip-mode--dark h3{color:#fff}
.htw-byoip-mode--dark h3 span{color:#b8e866}
.htw-byoip-mode--dark>p{color:#b5c8cf}
.htw-byoip-mode--dark .htw-byoip-mode__id{color:#9ab8c7}
.htw-byoip-mode--dark .htw-byoip-mode__flow{background:#102a3b;border-color:#2d4755}
.htw-byoip-mode--dark .htw-byoip-mode__flow span{color:#eaf4f3}
.htw-byoip-mode--dark .htw-byoip-mode__flow strong{color:#c3eb7b}
.htw-byoip-mode--dark .htw-byoip-mode__bottom{color:#b5c8cf}
.htw-byoip-mode--dark .htw-byoip-mode__bottom i{color:var(--htw-lime)}
.htw-byoip-requirements{background:#f4f8f8;border-top:1px solid #e6edef;border-bottom:1px solid #e6edef}
.htw-byoip-requirements__intro{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:40px}
.htw-byoip-requirements__intro>p{font-size:13px;color:#687e8b;line-height:1.9;padding-bottom:5px}
.htw-byoip-requirements__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.htw-byoip-requirement{display:flex;gap:19px;align-items:flex-start;padding:28px;background:#fff;border:1px solid #e1eaed;border-radius:12px;min-width:0}
.htw-byoip-requirement__icon{display:grid;place-items:center;flex:0 0 47px;height:47px;border:1px solid #deebd0;background:#eff7e7;color:var(--htw-green);border-radius:10px;font-size:19px}
.htw-byoip-requirement__num{display:block;margin:1px 0 8px;font-size:9px;font-weight:850;letter-spacing:1.15px;color:#57831d}
.htw-byoip-requirement h3{color:#173749;font-size:16px;font-weight:800;line-height:1.4;letter-spacing:-.25px}
.htw-byoip-requirement p{margin-top:9px;color:#6d8290;font-size:12px;line-height:1.85}
.htw-byoip-requirements__note{display:flex;align-items:flex-start;gap:10px;color:#7c919c;font-size:11px;line-height:1.7;margin-top:21px!important}
.htw-byoip-requirements__note i{margin-top:3px;color:#699d23}
.htw-byoip-usecases{background:#fff}
.htw-byoip-usecases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.htw-byoip-usecase{position:relative;display:flex;flex-direction:column;min-width:0;min-height:295px;padding:28px 27px 0;border:1px solid #e1e9eb;background:#fff;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.htw-byoip-usecase:hover{transform:translateY(-4px);border-color:#c8dbad;box-shadow:0 18px 45px rgba(7,39,54,.07)}
.htw-byoip-usecase__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.htw-byoip-usecase__head>span:last-child{font-size:9px;font-weight:850;letter-spacing:1.1px;color:#91a4aa;text-align:right}
.htw-byoip-usecase__icon{width:47px;height:47px;border-radius:11px;background:#edf6e3;color:#57831a;display:grid;place-items:center;font-size:20px}
.htw-byoip-usecase h3{font-size:18px;color:#163548;font-weight:800;line-height:1.48;letter-spacing:-.4px;max-width:305px}
.htw-byoip-usecase p{font-size:12px;color:#6d8590;line-height:1.85;margin-top:13px}
.htw-byoip-usecase__rule{display:block;margin-top:auto;height:3px;background:linear-gradient(90deg,var(--htw-lime) 0,#dceec4 56%,transparent 100%)}
@media(max-width:950px){.htw-byoip-requirements__intro{grid-template-columns:1fr;gap:14px}.htw-byoip-usecases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.htw-byoip-mode{padding:26px}.htw-byoip-mode__flow{gap:5px;padding:13px 8px}.htw-byoip-mode__flow span,.htw-byoip-mode__flow strong{font-size:8px}}
@media(max-width:767px){.htw-byoip-modes__grid,.htw-byoip-requirements__grid,.htw-byoip-usecases__grid{grid-template-columns:1fr}.htw-byoip-mode{padding:24px;min-height:365px}.htw-byoip-mode__top{margin-bottom:23px}.htw-byoip-mode__flow{gap:7px;padding:14px 8px;margin-top:25px}.htw-byoip-mode__flow span,.htw-byoip-mode__flow strong{font-size:9px}.htw-byoip-requirements__intro{margin-bottom:29px}.htw-byoip-requirement{padding:21px;gap:15px}.htw-byoip-requirement__icon{flex-basis:42px;height:42px;font-size:17px}.htw-byoip-usecase{min-height:245px;padding:23px 23px 0}.htw-byoip-usecase__head{margin-bottom:19px}}
@media(max-width:360px){.htw-byoip-mode__flow{gap:4px}.htw-byoip-mode__flow span,.htw-byoip-mode__flow strong{font-size:7.3px}.htw-byoip-mode__flow i{font-size:10px}}
@media(prefers-reduced-motion:reduce){.htw-byoip-usecase{transition:none!important}}