.service-scope-explorer{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:start;margin-top:30px}.service-scope-explorer>*{min-width:0}.service-scope-explorer>div{display:grid;gap:10px}.service-scope-explorer button{width:100%;display:flex;align-items:center;gap:16px;padding:21px;border:1px solid #ded2eb;border-radius:17px;background:#fff;text-align:left;color:#3b3046;transition:background .2s,border-color .2s}.service-scope-explorer button>span{color:#a68abc;font-size:12px}.service-scope-explorer button>strong{font-size:15px;line-height:1.6}.service-scope-explorer button>svg{margin-left:auto;flex:none;color:#a78bbd}.service-scope-explorer button[aria-pressed=true]{background:#f0eafa;box-shadow:inset 3px 0 #b391d7;border-color:#b79bd4}.service-scope-explorer button:hover{border-color:#b79bd4}.service-scope-explorer button:focus-visible{outline:2px solid #b79bd4;outline-offset:3px}.service-scope-explorer aside{background:#fff;border:1px solid #e3d8eb;border-radius:23px;padding:25px}.service-scope-selection{display:flex;align-items:center;gap:13px;min-height:60px}.service-scope-selection svg{flex:none;color:#a58abf}.service-scope-selection h3{font-size:20px;line-height:1.5;color:#3b3046}.service-scope-explorer aside>svg{width:100%;height:auto;max-height:310px}.service-scope-explorer aside p{font-size:14px;line-height:1.8;color:#8a7a99;margin-top:20px}@media(max-width:767px){.service-scope-explorer{grid-template-columns:1fr}.service-scope-explorer button{padding:17px}.service-scope-explorer aside{padding:20px}}.service-scope-explorer{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.service-scope-explorer aside{padding:22px}.scope-preview{margin-top:18px;border:1px solid #e2d9ef;background:linear-gradient(135deg,#faf7ff,#fff);border-radius:18px;padding:22px;min-height:290px;display:flex;flex-direction:column;justify-content:center;gap:22px}.scope-preview-label{font-size:10px;letter-spacing:.15em;color:#a088ba}.scope-preview-explanation{font-size:13px!important;line-height:1.65!important;margin:0!important;color:#867394!important}.scope-page{border:1px solid #d8c9e9;border-radius:13px;background:white;overflow:hidden;box-shadow:0 12px 25px -20px #7044a866}.scope-page header{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid #eee6f5;font-size:9px;color:#997bb5}.scope-page header i{width:5px;height:5px;border-radius:50%;background:#c7b4e2}.scope-page header i:first-of-type{margin-left:auto}.scope-page>div{padding:24px;background:linear-gradient(120deg,#f7f1fc,#fff)}.scope-page>div>span{font-size:10px;color:#a68abf}.scope-page h4{font-size:22px;line-height:1.3;color:#49365d;max-width:24ch;margin:12px 0}.scope-page p{font-size:12px!important;margin:0!important}.scope-page b{display:inline-block;margin-top:18px;padding:8px 14px;border:1px solid #ba9dd8;border-radius:7px;color:#73518f;font-size:11px}.scope-page footer{display:flex;align-items:center;gap:9px;padding:12px;font-size:10px;color:#9a81b4}.scope-page footer svg{width:16px}.scope-page-lines{display:grid;gap:7px;margin-top:15px}.scope-page-lines i{height:5px;width:85%;background:#e7dcf1;border-radius:9px}.scope-page-lines i:last-child{width:55%}.scope-data{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:10px}.scope-data article{padding:22px 12px;background:white;border:1px solid #ddcfec;border-radius:14px;display:grid;justify-items:center;gap:12px;text-align:center}.scope-data article svg{color:#a17ac8}.scope-data strong{font-size:16px;color:#5b4471}.scope-data span{font-size:11px;color:#9b86ab}.scope-data>span{font-size:22px;text-align:center}.scope-checklist{display:grid;gap:12px}.scope-checklist>div{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e0d2ec;border-radius:12px;padding:18px 14px}.scope-checklist>div>span{font-size:11px;color:#ac93bf}.scope-checklist strong{font-size:14px;color:#5a4770}.scope-checklist svg{width:19px;margin-left:auto;color:#a489c0}.scope-permission{display:flex;gap:20px;align-items:center}.scope-permission>svg{width:55px;height:55px;flex:none;color:#a486c2}.scope-permission>div{flex:1}.scope-permission>div>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #e5d9ef;font-size:13px;color:#7b638d}.scope-permission>div svg{width:17px;margin-left:auto;color:#a587c3}.scope-design{display:grid;grid-template-columns:.7fr 1fr;gap:16px;align-items:center}.scope-design>div>strong{display:block;font-size:65px;color:#8867af;line-height:1}.scope-design>div>span{font-size:10px;color:#a58cba}.scope-design>div>div{display:flex;gap:7px;margin-top:17px}.scope-design i{width:25px;height:25px;border-radius:5px;background:#9670c1}.scope-design i:nth-child(2){background:#dfd2ed}.scope-design i:nth-child(3){background:#342b3e}.scope-design article{padding:20px;border:1px solid #dbcae9;border-radius:13px;background:white}.scope-design article>span{font-size:9px;color:#a587bd}.scope-design article>strong{display:block;font-size:22px;line-height:1.2;margin:14px 0;color:#523a68}.scope-design article p{font-size:11px!important;line-height:1.5!important;margin:0!important}.scope-design article>b{display:inline-block;padding:7px 10px;border-radius:6px;background:#eee4f8;margin-top:16px;color:#9575b0;font-size:10px}.scope-mobile{display:flex;gap:12px;justify-content:center}.scope-mobile>div{display:flex;flex-direction:column;gap:12px;width:30%;min-height:190px;background:#fff;border:2px solid #c9b5df;border-radius:17px;padding:16px 10px}.scope-mobile svg{width:20px;color:#a98bc4}.scope-mobile strong{font-size:12px;color:#76578e}.scope-mobile>div>div{height:30px;border-radius:7px;background:#eee3f7}.scope-mobile>div[data-tone="1"]>div{background:#e2eee8}.scope-mobile>div[data-tone="2"]>div{background:#f5e7de}.scope-mobile>div>span{font-size:9px;margin-top:auto;color:#a185b8}.scope-product-options{display:flex;gap:12px}.scope-product-options i{height:55px;width:55px;background:#e1ccef;border-radius:12px}.scope-product-options i:nth-child(2){background:#d7e8df}.scope-product-options i:nth-child(3){background:#efdccd}.scope-boundaries{margin-top:18px;font-size:12px;color:#8c789b}.scope-boundaries summary{cursor:pointer;min-height:32px;padding-top:5px}.scope-boundaries p{font-size:12px!important}.service-scope-selection h3{font-size:18px}@media(max-width:767px){.service-scope-explorer{grid-template-columns:1fr}.scope-preview{padding:16px}.scope-page h4{font-size:19px}.scope-data strong{font-size:14px}.scope-mobile{gap:7px}}.detail-service-page{background:#fafafa}.detail-service-page .web-design-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start;padding-block:28px 38px}.detail-service-page .web-design-hero-copy{min-width:0}.detail-service-page .page-hero--split .page-hero__title{position:static;margin:0;padding:0;text-align:left}.detail-service-page .page-hero--split h1{font-size:clamp(34px,4.2vw,60px);line-height:1.08;letter-spacing:-.045em;overflow:visible}.detail-service-page .web-design-hero-copy .page-hero__details>p{margin-top:22px;font-size:16px;line-height:1.8}.detail-service-page .web-design-hero-showcase{min-width:0;display:grid;gap:16px}.detail-service-page .web-design-hero-scope{padding:20px 22px;border:1px solid #dedce8;border-radius:19px;background:#fff}.detail-service-page .web-design-hero-scope>p{margin-top:8px}.detail-service-page .web-design-hero-scope>p:first-child{margin-top:0;font-size:11px;letter-spacing:.08em}.detail-service-page .web-design-hero-scope>p:nth-child(2){font-size:30px;color:#6145dd}.detail-reference-art{width:min(690px,calc(100% - 32px));margin:6px auto 30px;border:1px solid #e1dfe9;border-radius:22px;overflow:hidden;background:#fff}.detail-reference-art img{width:100%;height:auto;max-height:380px;object-fit:contain}.detail-service-page .page-hero__fixed-breadcrumbs{padding-top:20px}.detail-service-page .page-hero__details .hero-primary-cta{max-width:100%}.detail-service-page .page-hero__details .hero-primary-cta__pill{white-space:normal;text-align:center}@media(max-width:767px){.detail-service-page .web-design-hero-grid{grid-template-columns:1fr;gap:24px;padding-block:20px 28px}.detail-service-page .page-hero--split h1{font-size:clamp(32px,8vw,43px)}.detail-service-page .web-design-hero-copy .page-hero__details>p{font-size:15px;margin-top:18px}.detail-service-page .web-design-hero-scope{padding:17px 19px}.detail-reference-art{margin-bottom:24px}.detail-reference-art img{max-height:280px}}.service-ai-search-link{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #dacbf0;border-radius:15px;color:#7550bb;background:#faf7ff;font-weight:600}.service-ai-search-link:hover{background:#f0e8fc}.service-protection-emblem{display:grid;place-items:center;width:135px;height:135px;border-radius:35px;background:radial-gradient(circle at 30% 25%,#fff,#e5daf5);border:1px solid #d3bfee;box-shadow:0 18px 36px -25px #8a68bc}.web-budget-summary{display:flex;align-items:center;gap:18px;min-width:230px;padding:22px;border:1px solid #ddcfef;border-radius:18px;background:#fff}.web-budget-summary small{display:block;font-size:12px;color:#9887aa;margin-bottom:8px}.web-budget-summary strong{font-size:30px;color:#30283d;white-space:nowrap}