.web-design-page{color:#211831;background:#fafafa}.web-design-page .page-hero--split{padding:6rem 0 2.5rem;background:#fafafa}.page-hero__fixed-breadcrumbs{margin-bottom:1.8rem}.web-design-page .web-design-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center}html .web-design-page .page-hero .page-hero__title{padding:0;margin:0}html .web-design-page .page-hero .page-hero__title h1{font-size:clamp(2.1rem,3.4vw,3.5rem);line-height:1.07}.web-design-page__intro{margin-top:1.4rem;font-size:1rem;line-height:1.8;color:#594e69}.web-design-page__audience{margin-top:1rem;font-size:.75rem;color:#79678c}.web-design-page__hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.5rem}.website-build-animation svg{width:100%;height:auto;stroke:#b39bcc;stroke-width:1.4;overflow:visible}.website-build-frame,.website-build-mobile>rect:first-child{fill:white;stroke:#ad94ca}.website-build-chrome rect{fill:#eee7f6;stroke:none}.website-build-chrome circle{fill:#c9b6de;stroke:none}.website-build-hero>rect:first-child{fill:#f3eefb}.website-build-art{fill:#d5c1f6;stroke:#b394df}.website-build-cta{fill:#8053c5;stroke:none}.website-build-heading{stroke:#6f479e;stroke-width:7;stroke-linecap:round}.website-build-cards>g>rect:first-child{fill:white}.website-build-form>rect:first-child{fill:#f9f6fc}.website-build-animation>p{font-size:.7rem;line-height:1.6;color:#827191;text-align:center;padding:.5rem 1.5rem 0}@media(prefers-reduced-motion:no-preference){.website-build-cards,.website-build-form,.website-build-hero,.website-build-mobile,.website-build-nav{animation:website-piece-arrive 9s ease-in-out infinite}.website-build-hero{animation-delay:.3s}.website-build-cards{animation-delay:.6s}.website-build-form{animation-delay:.9s}.website-build-mobile{animation-delay:1.2s}}.website-build-animation[data-live=false] *{animation-play-state:paused!important}@keyframes website-piece-arrive{0%,4%{opacity:0;transform:translateY(8px)}15%,80%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(-3px)}}.web-design-page__section{padding-top:1.75rem;padding-bottom:1.75rem}.web-design-page__section-head{max-width:49rem;margin-bottom:1.5rem}.web-design-page__eyebrow{color:#775095;font-size:.65rem;font-weight:750;letter-spacing:.12em}.web-design-page h2{font-size:clamp(1.6rem,2.4vw,2.35rem);font-weight:750;letter-spacing:-.04em;line-height:1.15}.web-design-page__section-head h2{margin-top:.65rem}.web-design-page__section-head>p{margin-top:.8rem;color:#71607f;font-size:.9rem;line-height:1.7}.web-design-scope{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem}.web-design-scope__tabs{display:flex;flex-direction:column;gap:.45rem}.web-design-scope__tabs button{display:flex;gap:.85rem;padding:1rem;text-align:left;border:1px solid #ddd0ec;border-radius:.9rem;background:white;color:#3e2c50}.web-design-scope__tabs button>span{font-size:.65rem;padding-top:.2rem;color:#a084b8}.web-design-scope__tabs strong{font-size:.9rem}.web-design-scope__tabs p{font-size:.78rem;line-height:1.65;margin-top:.4rem;color:#6f587e}.web-design-scope__tabs button[aria-selected=true]{border-color:#b492d9;background:#f1eafa}.web-design-scope__preview{display:flex;flex-direction:column;border:1px solid #d4bfe8;border-radius:1.2rem;padding:1.4rem;min-height:350px;background:radial-gradient(ellipse at 100% 0,#e6daf84d,transparent 70%),white}.web-design-scope__preview-label{color:#8b6aa1;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.web-design-devices,.web-design-form-preview,.web-design-palette,.web-design-tree{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.3rem;padding:1.5rem 0}.web-design-tree>span{border:1px solid #b18ed3;border-radius:.7rem;padding:1rem 2rem;background:#eee3f9}.web-design-tree>div{display:flex;flex-wrap:wrap;gap:.6rem;position:relative;padding-top:1.4rem;border-top:1px solid #cdb5e3}.web-design-tree>div>span{border:1px solid #d7c6e7;padding:.75rem 1rem;border-radius:.65rem;background:white;font-size:.8rem}.web-design-scope__preview p{max-width:42ch;text-align:center;font-size:.8rem;line-height:1.7;color:#735f80}.web-design-palette>div{display:flex;gap:.5rem}.web-design-palette i{width:3rem;height:3rem;border-radius:.7rem;background:#3e2b59}.web-design-palette i:nth-child(2){background:#8251c6}.web-design-palette i:nth-child(3){background:#c7a8e9}.web-design-palette i:nth-child(4){background:#eee4f9}.web-design-palette>strong{font-size:4rem;line-height:1;letter-spacing:-.07em;color:#573578}.web-design-form-preview>i{display:block;width:min(100%,19rem);height:2rem;background:#fff;border:1px solid #d5c2e6;border-radius:.6rem}.web-design-form-preview>b{font-size:.8rem;background:#7a4ab9;color:white;padding:.8rem 1.5rem;border-radius:.7rem}.web-design-devices{flex-direction:row;flex-wrap:wrap;gap:1rem}.web-design-device-desktop{width:65%;height:150px;border:2px solid #c3a8dc;border-radius:.8rem;padding:1.2rem;background:#fff}.web-design-device-phone{width:62px;height:125px;padding:.9rem .5rem;border:2px solid #9b72c1;border-radius:.8rem;background:#fff}.web-design-devices i{display:block;height:16px;background:#e5d8f5;border-radius:4px;margin-bottom:.7rem}.web-design-devices i:first-child{height:40px;background:#c1a1e5}.web-design-devices>p{flex-basis:100%}.web-design-page__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.web-design-page__benefits article{padding:1.3rem;border:1px solid #d8c9e9;border-radius:1rem;background:white}.web-design-page__benefits article>span,.web-design-page__process li>span{font-size:.65rem;color:#9a7bb3}.web-design-page h3{font-size:1.05rem;font-weight:700;line-height:1.3}.web-design-page__benefits h3{margin:.65rem 0}.web-design-page__benefits p,.web-design-page__process p{font-size:.83rem;line-height:1.75;color:#74617e}.web-design-page__projects{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.web-design-page__process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:1rem;margin:0;padding:0}.web-design-page__process li{padding:1.2rem;border:1px solid #ddd0eb;border-radius:1rem;background:#fff}.web-design-page__process h3{margin:.6rem 0;font-size:.95rem}.web-design-page__scope-note{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding:1.25rem 1.4rem;background:#f0e8f8;border:1px solid #cfb6e4;border-radius:1rem}.web-design-page__scope-note strong{font-size:.9rem}.web-design-page__scope-note p{color:#735f80;font-size:.8rem;line-height:1.7;margin-top:.3rem}.web-design-page__scope-note>span{font-size:1.6rem;font-weight:750;color:#663a92}.web-design-page__reading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem 2.5rem}.web-design-page__reading>div>p{font-size:.9rem;line-height:1.85;color:#64536f;margin-bottom:1rem}.web-design-page__reading>aside{grid-column:1/-1;padding:1.25rem;border:1px solid #dbcee8;border-radius:1rem;background:#fff}.web-design-page__reading aside p{font-size:.83rem;color:#756180;line-height:1.7;margin:.5rem 0}.web-design-page__reading aside a{font-size:.8rem;color:#704597;font-weight:650}.web-design-page__rating{padding-block:0 1.5rem}.page-rating-compact{justify-content:space-between;gap:.75rem 1.5rem;padding:.9rem 1rem;border:1px solid #d7c9e8;border-radius:1rem;background:#fff}.article-rating-compact,.page-rating-compact{display:flex;flex-wrap:wrap;align-items:center}.article-rating-compact{gap:.6rem;font-size:.75rem;color:#65467e}.article-rating-compact>span:first-child{font-weight:700}.article-rating-compact>div{display:flex;gap:.1rem}.article-rating-compact button{width:32px;height:36px;display:grid;place-items:center;border-radius:.5rem}.article-rating-compact button:hover{background:#f1e8fc}.article-rating-compact>small{color:#8a7a96;font-size:.67rem}.page-rating-compact [aria-label="Share this page"]{gap:.35rem}.page-rating-compact [aria-label="Share this page"]>a,.page-rating-compact [aria-label="Share this page"]>button{width:34px;height:34px;background:#f3edf9;color:#8053a5;border-radius:.6rem}@media(max-width:1023px){.web-design-page .web-design-hero-grid{gap:1.5rem}.web-design-page__process{grid-template-columns:1fr 1fr}}@media(max-width:767px){.web-design-page .page-hero--split{padding:5.5rem 0 1.25rem}.page-hero__fixed-breadcrumbs{margin-bottom:1.25rem}.web-design-page .web-design-hero-grid{grid-template-columns:1fr;gap:.8rem}.web-design-page__intro{margin-top:1rem;font-size:.93rem}.website-build-animation{max-width:34rem;margin:auto}.web-design-page__section{padding-block:1.2rem}.web-design-page__benefits,.web-design-page__projects,.web-design-page__reading,.web-design-scope{grid-template-columns:1fr}.web-design-scope__preview{min-height:280px}.web-design-page__reading>aside{grid-column:auto}.web-design-page__scope-note{align-items:flex-start;flex-direction:column;gap:.6rem}}@media(max-width:374px){.web-design-page__process{grid-template-columns:1fr}.web-design-page__hero-actions{align-items:stretch;flex-direction:column}}.website-build-guide{fill:#f7f3fc;stroke:#e1d4ef;stroke-dasharray:4 5}.web-design-card-heading{display:flex;align-items:center;gap:.8rem}.web-design-card-heading>img{flex-shrink:0;object-fit:contain}.web-design-card-heading>h3{margin:0!important;font-size:1rem}.web-design-all-work{display:flex;justify-content:flex-end;margin-top:1rem}.web-design-page__scope-note{max-width:880px;margin-inline:auto;gap:1.5rem}.web-design-page__scope-note>span{flex-shrink:0}.web-design-page__reading{align-items:start}.web-design-page__reading>h2:after{content:"";display:block;margin-top:1.5rem;width:100%;height:160px;background:url(/viqq-ui/sculpted/website.webp) 50%/140px no-repeat;border:1px solid #ddd0ec;border-radius:1rem;background-color:#f5effd}.web-design-page__reading>aside{border:2px solid #c1a6e2;border-radius:1.25rem;background:linear-gradient(125deg,#eee1fc,#fff);padding:1.5rem}.web-design-page .web-design-page__section{padding-block:2rem}.web-design-page .indexed-section-heading{margin-bottom:1rem}.web-design-page__projects .portfolio-tile-art img{object-fit:contain}.web-design-page__benefits article,.web-design-page__process li{background:linear-gradient(135deg,#fff,#f7f1fc)}@media(max-width:639px){.web-design-page__scope-note{align-items:flex-start;flex-direction:column;gap:.75rem}.web-design-page__reading>h2:after{height:120px;background-size:100px}}.scope-landing-scene{padding:1.5rem;max-width:620px;margin:auto}.scope-page-window{position:relative;border:1px solid #c9b3de;border-radius:.9rem;background:#fff;overflow:hidden;box-shadow:0 12px 30px -18px #77538d66;transform:perspective(900px) rotateY(-4deg)}.scope-mini-nav{display:flex;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid #eadff2;font-size:.55rem;color:#997daa}.scope-mini-nav>b{color:#654479}.scope-mini-hero{padding:1.6rem;background:linear-gradient(130deg,#f4eafa,#fff)}.scope-mini-hero>small{font-size:7px;color:#ab88ba;letter-spacing:.1em}.scope-mini-hero>strong{display:block;font-size:1.6rem;line-height:1.1;max-width:18ch;margin:.7rem 0;color:#594168}.scope-mini-hero>i{display:block;width:70%;height:5px;background:#dfcce9;margin:1rem 0}.scope-mini-hero>b{display:inline-block;padding:.5rem .9rem;border:2px solid #ad8ace;border-radius:.5rem;background:#fff;font-size:.6rem}.scope-mini-proof{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;color:#9672ac;background:#faf6fd;font-size:.6rem}.scope-mini-proof>span:last-child{margin-left:auto}.scope-mini-cards{display:flex;gap:.5rem;padding:1rem}.scope-mini-cards>div{flex:1;padding:.7rem;border:1px solid #dfcdeb;border-radius:.6rem}.scope-mini-cards svg{color:#b391ca;width:20px}.scope-mini-cards i{display:block;height:4px;background:#eee2f4;margin-top:.5rem}.scope-demo-pointer{position:absolute;bottom:25%;right:30%;color:#805499;animation:scope-cursor-journey 8s ease-in-out infinite}.scope-flow-captions{display:flex;justify-content:space-between;gap:.4rem;margin-top:1rem;font-size:.55rem;color:#9676a4}.scope-flow-captions>span{display:flex;align-items:center;gap:.4rem}.scope-flow-captions b{padding:.25rem;border:1px solid #decae9;border-radius:.3rem}.scope-launch-scene{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem}.scope-launch-browser{display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid #d8c1e7;border-radius:.8rem;background:#fff;padding:1.2rem;color:#9b73b3}.scope-launch-browser>span{font-size:.6rem;color:#b397c4}.scope-launch-browser>strong{font-size:.8rem}.scope-launch-scene ul{list-style:none;padding:0;display:grid;gap:.7rem;align-content:center}.scope-launch-scene li{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#92709f;animation:scope-check 5s infinite}.scope-launch-scene li>svg{color:#9b7aae;flex-shrink:0}.web-design-scope__preview>.service-showcase{margin:1rem auto;max-width:560px;width:calc(100% - 2rem)}@keyframes scope-cursor-journey{0%,to{transform:translate(30px,20px)}35%{transform:translate(-160px,-70px)}70%{transform:translate(-80px,40px)}}@keyframes scope-check{0%,15%{opacity:.4;transform:translateY(5px)}35%,to{opacity:1;transform:none}}@media(max-width:639px){.scope-landing-scene{padding:1rem}.scope-mini-nav>span{display:none}.scope-mini-hero{padding:1.2rem}.scope-mini-hero>strong{font-size:1.3rem}.scope-launch-scene{padding:1rem;gap:1rem;grid-template-columns:1fr}.scope-flow-captions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.scope-demo-pointer,.scope-launch-scene li{animation:none}.scope-page-window{transform:none}}.scope-contact-scenario{display:grid;place-items:center;gap:24px;padding:24px}.scope-scenario-visitor{color:#8061b0}.scope-scenario-options{display:flex;gap:20px}.scope-scenario-options>div{padding:20px;background:#fff;border:1px solid #cdbadd;border-radius:20px;color:#8061b0;animation:scope-option-pulse 3s ease-in-out infinite}.scope-scenario-result{display:grid;place-items:center;gap:8px;width:160px;padding:18px;border:1px solid #b4c9bb;border-radius:16px;background:#f3f7f4;color:#668872}.scope-scenario-result i{width:80%;height:4px;background:#cfdfd3;border-radius:4px}.scope-contact-scenario>p{font-size:.8rem;text-align:center;max-width:360px}@keyframes scope-option-pulse{50%{transform:translateY(-7px);box-shadow:0 12px 24px -12px #936cbb88}}@media(prefers-reduced-motion:reduce){.scope-scenario-options>div{animation:none}}@media(max-width:639px){.web-design-page__process ol{grid-template-columns:1fr!important}.web-design-card-heading,.web-design-card-heading>h3,.web-design-page__process li{min-width:0;overflow-wrap:anywhere}.web-design-page__process li{max-width:100%}}