.service-sites{--surface:#edf4fd;--page-bg:#fbfcfe}.sites-lab{padding:20px;background:#eaf0fa;border-radius:25px;border:1px solid #dce5f4}.sites-lab-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.sites-lab-top>span{font-size:8px;letter-spacing:1px;color:#7f90a8}.sites-lab-top>div{display:flex;gap:3px;background:#dce5f4;padding:4px;border-radius:30px}.sites-lab-top button{font-size:9px;padding:7px 11px;border:0;border-radius:20px;background:transparent;color:#607491}.sites-lab-top button[aria-pressed=true]{background:#fff;color:#0755ff}.sites-browser{width:100%;margin:auto;min-height:377px;background:white;border:1px solid #cfdaeb;border-radius:15px;overflow:hidden;box-shadow:0 16px 36px #254b9020;transition:width .65s cubic-bezier(.2,.8,.2,1)}.sites-browser.is-mobile{width:220px}.sites-prototype-nav{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f6}.sites-prototype-nav>b{font-size:13px;letter-spacing:-.3px}.sites-prototype-nav>span{font-size:8px;color:#8290a6}.sites-prototype-body{padding:35px 25px;background:#f7f9ff;position:relative;overflow:hidden}.sites-prototype-body>small{font-size:7px;letter-spacing:1px;color:#6984b6;display:block;position:relative;z-index:1}.sites-prototype-body>strong{font-family:var(--font);font-size:25px;letter-spacing:-.7px;line-height:1.2;display:block;position:relative;z-index:1;margin:20px 0 16px}.sites-prototype-body>p{font-size:10px;line-height:1.8;color:#8b98ad;position:relative;z-index:1}.prototype-button{display:inline-block;padding:9px 14px;border-radius:25px;background:#0755ff;color:white;font-size:8px;position:relative;z-index:1}.sites-shape{position:absolute;right:-40px;bottom:-32px;color:#bfd3ff;font-size:220px;line-height:1;animation:sites-shape-in 1.5s ease both}.sites-prototype-bottom{display:flex;justify-content:space-between;padding:17px 22px;gap:7px;font-size:8px;color:#8b98ad}.is-mobile .sites-prototype-nav>span{display:none}.is-mobile .sites-prototype-body{padding:25px 18px}.is-mobile .sites-prototype-body>strong{font-size:23px}.is-mobile .sites-prototype-bottom{font-size:7px;padding:15px 10px}.sites-format{display:grid;grid-template-columns:1fr 1.1fr;gap:30px}.sites-options{display:flex;flex-direction:column;gap:12px}.sites-options button{padding:25px 28px;border:1px solid #dce5f2;border-radius:17px;background:white;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;font-size:16px;font-weight:500;scroll-margin-top:120px}.sites-options button span{font-size:23px;color:#a3b7d7}.sites-options button[aria-pressed=true]{color:#0755ff;background:#edf4ff;border-color:#a8c6ff}.sites-format-answer{padding:37px;border-radius:23px;background:#111e34;color:white}.sites-format-answer small{font-size:10px;letter-spacing:1px;color:#8eafe4}.sites-format-answer h3{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:24px 0 19px}.sites-format-answer p{font-size:14px;line-height:1.9;color:#a6b5cb}.sites-format-answer .sp-text-link{color:#9cbef4;margin-top:12px}.sites-blueprint{background:#0755ff;color:white;margin:0 28px;border-radius:32px}.sites-blueprint .sp-eyebrow{color:#bfdbff}.sites-build-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.sites-build-steps article{border-top:1px solid #ffffff50;padding-top:27px}.sites-build-steps .sp-step-label{color:#a9ceff}.sites-build-steps h3{font-size:23px;letter-spacing:-.6px;line-height:1.3}.sites-build-steps p{font-size:13px;color:#d0e1ff;line-height:1.9}.sites-principles{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px}.sites-principles article{border-bottom:1px solid #dbe4f1;padding-bottom:30px}.sites-principles article>span{font-size:30px;color:#0755ff}.sites-principles h3{font-size:23px;letter-spacing:-.6px;margin:14px 0}.sites-principles p{font-size:14px;line-height:1.9;color:var(--muted);max-width:470px}@keyframes sites-shape-in{from{transform:rotate(-90deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@media(max-width:1100px){.sites-lab{padding:14px}.sites-lab-top>span{max-width:95px;font-size:7px}.sites-prototype-body>strong{font-size:23px}.sites-build-steps{grid-template-columns:1fr 1fr}.sites-format{gap:20px}.sites-format-answer{padding:27px}}@media(max-width:760px){.sites-lab{padding:14px}.sites-lab-top{gap:10px}.sites-lab-top button{font-size:8px;padding:7px 9px}.sites-browser{min-height:370px}.sites-format{grid-template-columns:1fr;gap:20px}.sites-options button{padding:20px;font-size:14px}.sites-format-answer h3{font-size:26px}.sites-blueprint{margin:0 12px;border-radius:25px}.sites-blueprint .sp-wrap{width:calc(100% - 38px)}.sites-build-steps{gap:22px}.sites-build-steps h3{font-size:20px}.sites-build-steps p{font-size:12px}.sites-principles{grid-template-columns:1fr;gap:25px}.sites-principles .sp-heading{margin:0}}@media(prefers-reduced-motion:reduce){.sites-browser{transition:none}.sites-shape{animation:none}}