.branding-page{width:min(calc(100% - 80px),1360px);margin:40px auto;display:flex;flex-direction:column;gap:90px;--hosting-on-accent:#00091e}
.branding-page section{margin:0;min-width:0;width:100%}
.branding-page p,.branding-page h1,.branding-page h2,.branding-page ol{margin:0}
.branding-page ol{padding:0;list-style-position:inside}
.branding-page ol>li[class]{margin-left:0}
.branding-page .bf-text li{margin-left:0}
.branding-page img{display:block}
.branding-page section>div{height:auto}
.branding-page #branding-process{display:flex;flex-direction:column;gap:30px}
.branding-page [data-figma="4192:3267"]{width:100%;gap:0}
.branding-page .bf-rich-line{display:block}
.branding-page .bf-original-icon{flex-shrink:0;object-fit:contain}
.branding-page .branding-action{font:inherit;text-decoration:none;color:inherit;cursor:pointer}
.branding-page a.branding-action:hover,.branding-page button.branding-action:hover{filter:brightness(1.12)}
.branding-page a:focus-visible,.branding-page button:focus-visible,.branding-page summary:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.branding-page .bf-accent-surface{--line:#22d3ee;--hosting-on-accent:#00091e}
.branding-page .bf-fixed-surface{--text:#fff;--muted:#cbd5e1}
.branding-page #contact{scroll-margin-top:24px;align-self:flex-start;min-height:0;height:auto}
.branding-input,.branding-select{border:1px solid var(--line);border-radius:10px;color:var(--text);background:transparent;min-width:0;width:100%;font:400 18px/27px Roboto,sans-serif;padding:14px 40px;height:57px}
.branding-input::placeholder{color:var(--muted);opacity:1}
.branding-select{position:relative;padding:0}
.branding-select select{appearance:none;width:100%;height:100%;background:transparent;color:var(--text);border:0;padding:14px 40px;font:inherit}
.branding-select select option{background:var(--bg,#00091e);color:var(--text)}
.branding-select img{position:absolute;right:28px;top:21px;pointer-events:none;transform:rotate(90deg)}
.branding-message{height:99px;min-height:99px;padding-top:8px;resize:vertical}
.branding-agree{display:flex;align-items:flex-start;gap:10px;font:400 18px/27px Roboto,sans-serif}
.branding-agree input{appearance:none;margin:0;width:27px;height:27px;border:1px solid var(--line);background:transparent;flex:0 0 27px;cursor:pointer}
.branding-agree input:checked{appearance:auto;accent-color:var(--line)}
.branding-agree a{color:var(--text);text-decoration:none}
.branding-page .branding-status{color:var(--line);font-size:18px;line-height:1.5}
.branding-page .branding-faq{border:1px solid var(--line);border-radius:24px;padding:20px;width:100%}
.branding-page .branding-faq summary{display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}
.branding-page .branding-faq summary::-webkit-details-marker{display:none}
.branding-page .branding-faq summary>span{font:500 30px/36px Roboto,sans-serif;flex:1}
.branding-page .branding-faq summary img{width:56px;height:56px;flex:none}
.branding-page .branding-faq p{font:400 18px/22px Roboto,sans-serif;color:var(--muted);padding-right:76px;margin-top:4px}
.branding-page .branding-faq:not([open]){padding-top:8px;padding-bottom:8px}
.branding-page .branding-faq[open] .faq-plus,.branding-page .branding-faq:not([open]) .faq-minus{display:none}
.branding-page .branding-faq[open] summary{height:36px;position:relative;padding-right:76px}
.branding-page .branding-faq[open] summary img{position:absolute;right:0;top:0}
@media(max-width:1399px){
 .branding-page .bf-fluid{max-width:100%;min-width:0;flex-shrink:1}
 .branding-page .bf-responsive-row{width:100%}
 .branding-page .bf-responsive-row>.bf-fluid{flex:1 1 0}
 .branding-page .bf-min-content{display:block;width:auto;min-width:0;max-width:100%}
 .branding-page .bf-divider{overflow:hidden}
}
@media(max-width:1024px){
 .branding-page{width:calc(100% - 32px);gap:48px;margin:28px auto}
 .branding-page .bf-fluid{width:100%;height:auto;min-width:0;max-width:100%}
 .branding-page .bf-responsive-row{flex-direction:column;align-items:stretch;height:auto;gap:20px}
 .branding-page .bf-responsive-row>.bf-fluid{flex:auto;width:100%}
 .branding-page .bf-type-48{font-size:34px;line-height:1.2;white-space:normal}
 .branding-page .bf-type-34{font-size:28px;line-height:1.25;white-space:normal}
 .branding-page .bf-type-24{font-size:20px;line-height:1.4;white-space:normal}
 .branding-page .bf-text{max-width:100%;white-space:normal;flex-shrink:1}
 .branding-page .bf-rich-line{white-space:normal}
 .branding-page [class*="bf-"]{min-width:0}
 .branding-page .branding-action{max-width:100%;height:auto;min-height:58px;justify-content:center}
 .branding-page [data-figma="4193:8662"],.branding-page [data-figma="4193:5792"]{display:flex;flex-direction:column;height:auto;gap:20px}
 .branding-input,.branding-select{padding-left:18px;padding-right:18px}
 .branding-select{padding:0}
 .branding-select select{padding-left:18px;padding-right:40px}
 .branding-page .branding-faq summary>span{font-size:21px;line-height:1.35}
 .branding-page .branding-faq p{padding-right:0;font-size:16px;line-height:1.5;margin-top:12px}
 .branding-page .branding-faq summary img{width:40px;height:40px}
 .branding-page .branding-faq{padding:16px;border-radius:18px}
 .branding-page .branding-faq:not([open]){padding:16px}
 .branding-agree{font-size:16px;line-height:1.5}
 .branding-page [data-figma="4192:3338"],.branding-page [data-figma="4193:5043"]{display:flex;flex-direction:column;gap:20px}
 .branding-page [data-figma="4175:30002"],.branding-page [data-figma="4192:327"]{flex-direction:row;flex-wrap:wrap;gap:8px}
 .branding-page [data-figma="4175:30002"]>div,.branding-page [data-figma="4192:327"]>div{width:auto;flex:none}
 .branding-page [data-figma="4172:29940"],.branding-page [data-figma="4192:301"]{flex-direction:column;gap:12px;padding:16px;height:auto}
 .branding-page [data-figma="4172:29973"],.branding-page [data-figma="4192:302"]{width:auto}
 .branding-page .bf-divider img{max-width:100%}
 .branding-page .bf-divider{flex-shrink:1;min-width:0;max-width:100%}
 .branding-page [data-figma="4192:338"]{display:block;width:100%;max-width:100%}
 .branding-page .branding-faq[open] summary{height:auto;min-height:40px;padding-right:60px}
 .branding-page .branding-faq[open] summary img{top:0}
 .branding-page .bf-flex:has(>img.bf-original-icon[width="122"]){flex-direction:column;align-items:flex-start;gap:16px}
 .branding-page .bf-flex:has(>img.bf-original-icon[width="122"])>div,.branding-page .bf-flex:has(>img.bf-original-icon[width="122"])>p{width:100%;flex:auto;min-width:0}
 .branding-page img.bf-original-icon[width="122"]{width:80px;height:80px}
 .branding-page .branding-heading{padding:16px;gap:16px;align-items:center}
 .branding-page .branding-heading>div:first-child{width:56px;height:56px;flex:0 0 56px}
 .branding-page .branding-heading img[width="80"]{width:48px;height:48px}
 .branding-page .branding-heading .bf-type-34{font-size:22px;line-height:1.3}
 .branding-page .branding-heading .bf-fluid{flex:1;width:auto}
 .branding-page .branding-heading img[width="946"]{width:100%;height:auto}
}
@media(max-width:1024px){
 .branding-page .mobile-carousel-branding{gap:16px!important;overflow-y:hidden;align-items:stretch!important}
 .branding-page .mobile-carousel-branding::after{flex-basis:20px}
 .branding-page .mobile-carousel-branding>.mobile-carousel-card{grid-area:auto!important;min-height:0;align-self:stretch;padding:20px!important}
 .branding-page .mobile-carousel-branding>.mobile-carousel-card>.bf-fluid{width:100%;min-width:0;flex-basis:auto}
 .branding-page .mobile-carousel-branding .bf-text{overflow-wrap:normal}
 .branding-page .mobile-carousel-branding .branding-action{margin-top:auto}
 .branding-page [data-figma="4193:8662"].mobile-carousel-branding>.mobile-carousel-card{justify-content:space-between;gap:20px}
}
@media(min-width:768px) and (max-width:1024px){
 .branding-page .mobile-carousel-branding::after{flex-basis:16px}
}