.sites-page{width:min(calc(100% - 80px),1360px);margin:40px auto;display:flex;flex-direction:column;gap:90px;--hosting-on-accent:#00091e}
.sites-page section{margin:0;width:100%;min-width:0}
.sites-page p,.sites-page h1,.sites-page h2{margin:0}
.sites-page img{display:block}
.sites-page section>div{height:auto}
.sites-page #sites-hero{width:1342px;max-width:100%}
.sites-page #sites-process{display:flex;flex-direction:column;gap:30px;align-items:center}
.sites-page #sites-process>div{width:100%}
.sites-page #sites-process>[data-figma="4172:17489"]{width:auto}
.sites-page .sf-rich-line{display:block}
.sites-page .sites-action{font:inherit;text-decoration:none;color:inherit;transition:filter .18s,box-shadow .18s}
.sites-page .sites-action:hover{filter:brightness(1.13);box-shadow:0 0 16px #22d3ee33}
.sites-page a.sites-action:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.sites-page .sf-fixed-surface{--text:#fff;--muted:#cbd5e1}
.sites-page .sf-original-icon{flex-shrink:0;object-fit:contain}
@media(min-width:1400px){.sites-page #sites-extras{width:calc(100% + 2px)}}
@media(max-width:1399px){
 .sites-page{width:calc(100% - 48px);gap:64px}
 .sites-page .sf-fluid{max-width:100%;min-width:0;flex-shrink:1}
 .sites-page .sf-responsive-row>.sf-fluid{flex:1 1 0;width:auto}
 .sites-page .sf-text{white-space:normal;min-width:0;overflow-wrap:break-word}
 .sites-page .sf-type-48{font-size:40px}
 .sites-page [data-figma="4133:13"]{width:42%}
 .sites-page [data-figma="4133:17"] br{display:none}
 .sites-page [data-figma="4170:13723"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .sites-page .sf-panel{padding-left:20px;padding-right:20px}
}
@media(max-width:1024px){
 .sites-page{width:calc(100% - 32px);margin:28px auto;gap:52px}
 .sites-page .sf-fluid{width:100%;height:auto;min-height:0;max-width:100%;min-width:0;flex-basis:auto}
 .sites-page .sf-responsive-row:not(.mobile-carousel){flex-direction:column;align-items:stretch;gap:20px}
 .sites-page .sf-responsive-row>.sf-fluid{width:100%;flex:0 1 auto}
 .sites-page .sf-type-48{font-size:30px;line-height:1.2}
 .sites-page .sf-type-58{font-size:38px;line-height:1.2}
 .sites-page .sf-type-34{font-size:26px;line-height:1.25;white-space:normal}
 .sites-page .sf-type-24{font-size:20px;line-height:1.4}
 .sites-page .sf-type-18{font-size:18px;line-height:1.5}
 .sites-page .sf-text{flex-shrink:1}
 .sites-page .sf-panel{padding:20px}
 .sites-page .sf-divider{display:none}
 .sites-page .sites-action{width:100%;max-width:100%;min-height:58px;height:auto;justify-content:center;padding:16px 18px;flex-shrink:0}
 .sites-page .sites-action .sf-text{width:auto;text-align:center;font-size:18px;line-height:1.3;flex:0 1 auto}
 .sites-page .sites-action>div{flex-shrink:0}
 .sites-page #sites-process>[data-figma="4172:17489"]{width:100%}
 .sites-page [data-figma="4133:13"]{width:100%;gap:24px;padding:0}
 .sites-page [data-figma="4133:53"]{width:100%;gap:20px;padding:20px}
 .sites-page [data-figma="4133:18"]{gap:16px}
 .sites-page [data-figma="4133:18"]>div{height:auto;min-height:56px}
 .sites-page [data-figma="4133:11419"]{flex-direction:column;gap:20px;align-items:center}
 .sites-page [data-figma="4133:58"]{flex-direction:column;gap:12px}
 .sites-page [data-figma="4133:58"]>div{width:100%}
 .sites-page .mobile-carousel-sites,.sites-page .mobile-carousel-sites-pricing{gap:16px!important;padding:4px 0 8px!important;align-items:stretch!important}
 .sites-page .mobile-carousel-sites>.mobile-carousel-card,.sites-page .mobile-carousel-sites-pricing>.mobile-carousel-card{width:calc(100% - 32px)!important;flex:0 0 calc(100% - 32px)!important;min-width:0!important;height:auto!important;min-height:0!important;max-width:none!important;align-self:stretch!important;grid-area:auto!important;padding:20px!important}
 .sites-page .mobile-carousel-sites-pricing>.mobile-carousel-card{flex-direction:column;align-items:stretch}
 .sites-page [data-figma="4170:13723"]{grid-template-columns:none;grid-template-rows:none}
 .sites-page .mobile-carousel-card .sf-fluid{width:100%;flex-basis:auto}
 .sites-page .mobile-carousel-card .sf-type-24{font-size:18px;line-height:1.4}
 .sites-page .mobile-carousel-card .sf-type-34{font-size:24px;line-height:1.3}
 .sites-page .mobile-carousel-card .sf-panel{padding:0}
 .sites-page [data-figma="4170:12669"]>div:first-child{width:100%;max-width:100%;height:auto}
 .sites-page [data-figma="4170:12669"] img{max-width:100%;height:auto}
 .sites-page [data-figma="4133:26451"]{max-width:100%;height:auto}
 .sites-page .sf-rich-line{white-space:normal}
 .sites-page .mobile-carousel-controls{width:100%}
}
@media(min-width:768px) and (max-width:1024px){
 .sites-page .mobile-carousel-sites>.mobile-carousel-card{flex-basis:calc((100% - 48px)/2)!important;width:calc((100% - 48px)/2)!important}
}
html[data-theme="light"] .sites-page .sites-action.sf-fixed-surface{--text:#fff}
.sites-page [data-figma="4172:17489"]{height:58px;min-height:58px}
@media(max-width:1024px){
 .sites-page [data-figma="4133:26451"]{aspect-ratio:725/328.231;height:auto;flex-shrink:0}
 .sites-page [data-figma="4133:17"] br{display:initial}
 .sites-page .mobile-carousel-sites-pricing>.mobile-carousel-card{padding:0!important}
 .sites-page .mobile-carousel-sites-pricing>.mobile-carousel-card>.sf-panel{padding:20px;flex:1 0 auto;width:100%;align-items:stretch}
 .sites-page .mobile-carousel-sites-pricing>.mobile-carousel-card>.sf-panel .sf-panel{padding:0}
 .sites-page .sf-type-48{white-space:normal!important;width:auto!important;max-width:100%;flex-shrink:1!important;text-wrap:balance}
 .sites-page [data-figma="4135:122"],.sites-page [data-figma="4170:12237"],.sites-page [data-figma="4170:13718"]{height:auto;width:100%;display:flex;justify-content:center}
 .sites-page [data-figma="4135:121"],.sites-page [data-figma="4170:12236"],.sites-page [data-figma="4170:13717"]{height:auto;width:100%}
}
@media(max-width:1024px){
 .sites-page [data-figma="4135:121"],.sites-page [data-figma="4170:12236"],.sites-page [data-figma="4170:13717"]{display:block;min-width:0}
 .sites-page [data-figma="4135:122"],.sites-page [data-figma="4170:12237"],.sites-page [data-figma="4170:13718"]{max-width:100%;min-width:0}
 .sites-page [data-figma="4135:122"] h2,.sites-page [data-figma="4170:12237"] h2,.sites-page [data-figma="4170:13718"] h2{text-align:center;width:100%!important}
}
.sites-page [data-figma="4133:11503"]{width:calc(100% - 100px);min-width:0}
@media(max-width:1399px){
 .sites-page .sf-2a53a17db9{display:block;min-width:0;width:100%}
 .sites-page .sf-responsive-row>.sf-text{flex:0 1 auto}
 .sites-page .sf-divider{overflow:hidden}
}
.sites-page .sf-accent-surface{--line:#22d3ee;--hosting-on-accent:#00091e;--text:#fff}
@media(max-width:1024px){.sites-page .mobile-carousel::after{flex-basis:16px}}

/* Exact Figma section panels; existing compact content and carousels remain inside. */
.sites-page .sites-designed-section{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;min-width:0}
.sites-page .sites-designed-heading{border:1px solid var(--line);border-radius:24px;padding:20px 40px;display:flex;gap:20px;align-items:center;width:1360px;max-width:100%;height:122px;flex-shrink:0;overflow:clip}
.sites-page .sites-heading-symbol{display:flex;gap:8px;align-items:center;width:88px;height:80px;flex:0 0 88px}
.sites-page .sites-heading-symbol>img{width:80px;height:80px;flex:none}
.sites-page .sites-heading-divider{position:relative;width:0;height:80px;flex:none}
.sites-page .sites-heading-divider img{position:absolute;left:-1px;top:0;width:1px;height:80px;max-width:none}
.sites-page .sites-heading-copy{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:flex-start;flex:1 0 0;min-width:1px;height:80px}
.sites-page .sites-heading-title{display:flex;align-items:center;justify-content:center;width:100%;flex:none}
.sites-page .sites-heading-title h2{margin:0;flex:1 0 0;min-width:1px;font:500 34px/1.2 Inter,sans-serif;color:var(--text);text-transform:uppercase;overflow-wrap:break-word}
.sites-page .sites-heading-arrow{display:block;width:946px;height:20px;max-width:100%;flex:none;object-fit:contain;object-position:left center}
@media(max-width:1399px){.sites-page .sites-designed-heading{width:100%;height:auto;min-height:122px}.sites-page .sites-heading-copy{height:auto;min-height:80px}.sites-page .sites-heading-arrow{height:auto;aspect-ratio:946/20}}
@media(max-width:1024px){.sites-page .sites-designed-heading{padding:20px;gap:12px}.sites-page .sites-heading-title h2{font-size:26px}.sites-page .sites-designed-section{gap:20px}}
@media(max-width:760px){.sites-page .sites-heading-symbol{width:64px;height:56px;flex-basis:64px}.sites-page .sites-heading-symbol>img{width:56px;height:56px}.sites-page .sites-heading-divider,.sites-page .sites-heading-divider img{height:56px}.sites-page .sites-heading-title h2{font-size:22px;overflow-wrap:normal}.sites-page .sites-heading-copy{min-height:56px}.sites-page .sites-designed-heading{min-height:98px}}
@media(max-width:360px){.sites-page .sites-designed-heading{flex-direction:column;align-items:flex-start}.sites-page .sites-heading-copy{width:100%;flex:0 1 auto}.sites-page .sites-heading-symbol{flex-basis:auto}}
