/* Website design service, with readable content outside illustrative screens. */
.page-website{background:#fcfbf9}.page-website main svg{width:26px;height:26px;flex-shrink:0}.page-website main img{display:block;max-width:100%;height:auto}.page-website main .link-arrow svg{width:17px;height:17px}.ws-section{padding:44px 0}.ws-flush{padding-top:8px}.ws-hero{padding:114px 0 30px;background:#f5f2ed;overflow:hidden}.ws-hero-grid{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:20px;align-items:center;position:relative}.ws-hero-grid:before{content:'';position:absolute;inset:-75px 28% -30px 49%;background:#ffb600;transform:skew(-12deg);z-index:0}.ws-hero-grid>div,.ws-hero-grid>img{position:relative;z-index:1}.page-website .ws-hero h1{font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:var(--tracking-tight);margin:14px 0 22px}.ws-hero h1 span{color:#d99100}.page-website .ws-hero p{max-width:450px;font-size:16px}.page-website .ws-hero .ws-kicker{font-size:13px;font-weight:600;color:#65552d}.ws-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px}.ws-actions a,.ws-cta .btn,.ws-work .btn{font-size:12px}.ws-first{display:grid;grid-template-columns:1fr 2fr;gap:38px;align-items:center}.page-website .ws-first h2{font-size:26px;margin:0}.ws-questions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ws-questions>div{background:#f4f1eb;padding:22px 18px;border-radius:12px;min-height:155px}.ws-questions svg{color:#d58b00;margin-bottom:18px}.ws-questions strong{font-size:15px;line-height:1.3;display:block}.ws-questions .ws-yellow,.ws-yellow{background:#ffb800}.ws-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ws-service-grid article{border:1px solid #e6e1d9;border-radius:15px;overflow:hidden;background:#f1eee8;display:flex;flex-direction:column}.ws-service-grid article>div{padding:24px 26px 12px;flex:1}.ws-number{font-size:30px;color:#777;line-height:1.2;display:block;margin-bottom:8px}.ws-service-grid article img{width:100%;aspect-ratio:1;object-fit:cover}.ws-service-grid .ws-ink{background:#08141d;border-color:#152431}.page-website .ws-ink h3{color:white}.page-website .ws-ink p{color:#c8d2d7}.ws-service-grid .ws-yellow{background:#ffb800;border-color:#ffb800}.page-website .ws-yellow p{color:#45370f}.ws-journey{padding:36px 0;background:#f2eee7}.ws-journey-grid{display:grid;grid-template-columns:3fr 1fr;gap:28px;align-items:stretch}.ws-journey ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}.ws-journey li{border-top:2px solid #ecb444;padding-top:18px}.ws-journey-icon{display:grid;place-items:center;background:#fff9ed;border:1px solid #e9d9b5;width:54px;height:54px;border-radius:14px;margin-bottom:18px;color:#916600}.ws-journey .ws-number{font-size:18px}.page-website .ws-journey h3{font-size:16px}.page-website .ws-journey p{font-size:13px}.ws-journey-grid>img{width:100%;height:100%!important;object-fit:cover;object-position:55% center;border-radius:14px;min-height:260px}.ws-cms{padding:40px 0;background:#061b2c;color:white}.ws-cms-grid{display:grid;grid-template-columns:1fr 1.65fr 1.65fr;gap:28px;align-items:center}.page-website .ws-cms h2{color:white}.page-website .ws-cms p{color:#b9c9d5;font-size:13px}.ws-cms-grid>img{border:1px solid #43596b;border-radius:12px}.ws-cms-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.ws-cms-features>div{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px}.ws-cms-features svg{box-sizing:content-box;padding:12px;border:1px solid #647888;border-radius:50%;color:#d9e7f1}.ws-cms-features span{font-size:11px;line-height:1.4}.ws-language{display:grid;grid-template-columns:1fr 3fr;gap:30px;align-items:center}.ws-language-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.page-website .ws-language-cards h3{font-size:13px;text-align:center}.ws-browser{border:1px solid #d5d7da;border-radius:10px;overflow:hidden;background:white;box-shadow:0 5px 14px #1322310a}.ws-browser-bar{display:block;padding:7px 10px;font-size:8px;letter-spacing:3px;color:#aaa;background:#f3f4f5}.ws-browser img{width:100%;aspect-ratio:1.6;object-fit:cover}.ws-browser>div{padding:14px}.ws-browser strong,.ws-browser div span{display:block;font-size:12px}.ws-browser div span{font-size:10px;margin-top:10px;color:#725200}.ws-compare{padding:36px 0;background:#f3eee5}.ws-compare-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start}.ws-compare .link-arrow{margin-top:18px;font-size:12px}.ws-compare article{background:#fffdf8;border:1px solid #e6ddcc;padding:26px;border-radius:14px}.ws-label{display:inline-block;background:#15191a;color:white;padding:6px 10px;border-radius:20px;font-size:11px;margin-bottom:18px}.ws-label-light{background:#e5e3de;color:#343434}.ws-compare ul{padding-left:17px;margin:12px 0 0}.ws-compare li{font-size:13px;line-height:1.5;margin-bottom:12px}.ws-compare li::marker{color:#bc8200}.ws-work{display:grid;grid-template-columns:1fr 3fr;gap:30px;align-items:center}.ws-work .btn{margin-top:20px}.ws-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ws-work-card{border:1px solid #dededb;border-radius:12px;overflow:hidden;background:#0c1820;color:#fff;text-decoration:none}.ws-work-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.ws-work-card>span{display:block;padding:17px;position:relative}.ws-work-card small{display:block;font-size:11px;color:#bec8ce;margin-bottom:6px}.ws-work-card strong{font-size:18px}.ws-work-card svg{position:absolute;right:15px;bottom:18px;width:16px!important;height:16px!important}.ws-work-card:hover{box-shadow:0 8px 25px #07182922}.ws-standards{background:#10191e;padding:30px 0;color:white}.ws-standards .wa-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ws-standards article{display:flex;align-items:flex-start;gap:17px}.ws-standards article+article{border-left:1px solid #ffffff30;padding-left:30px}.ws-standards svg{color:#ffbd21;width:38px!important;height:38px!important}.page-website .ws-standards h3{color:white;font-size:16px}.page-website .ws-standards p{color:#c5ccd0;font-size:12px}.ws-process{display:grid;grid-template-columns:1fr 3.5fr;gap:30px}.ws-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0;margin:0;list-style:none}.ws-process li{border:1px solid #e2ded7;border-top:3px solid #eab32b;border-radius:12px;padding:18px 16px 0;overflow:hidden;display:flex;flex-direction:column}.ws-process-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#967018}.ws-process-top b{font-size:26px;font-weight:400}.page-website .ws-process h3{font-size:16px}.page-website .ws-process p{font-size:12px;margin-bottom:16px}.ws-process img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:7px 7px 0 0;margin-top:auto}.ws-team{padding:20px 0;background:#f1eee8}.ws-team-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:center}.ws-team-grid>img{width:100%;border-radius:12px}.ws-team-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ws-team-features svg{margin-bottom:15px;color:#8c6a29}.page-website .ws-team-features h3{font-size:15px}.page-website .ws-team-features p{font-size:12px}.ws-review{display:flex;gap:28px;align-items:center}.ws-review>span{font-size:150px;line-height:.8;color:#e9a900;font-family:var(--font-sans)}.ws-review figure{margin:0;flex:1}.ws-review blockquote{font-size:18px;line-height:1.6;margin:0 0 18px}.ws-review figcaption{font-size:12px}.ws-review figcaption span{display:block;color:#777;margin-top:4px}.ws-review>a{font-size:12px;flex-shrink:0}.ws-cta{background:#ffb700;border-radius:32px;padding:20px 35px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:20px;align-items:center;overflow:hidden}.ws-cta>div{padding:20px 0 36px}.page-website .ws-cta h2{font-size:32px;margin-bottom:14px}.page-website .ws-cta p{color:#4c3911}.ws-cta .btn{margin-top:22px}.ws-cta>img{width:100%;align-self:end}.page-website main a:focus-visible,.page-website summary:focus-visible{outline:3px solid #2478bc;outline-offset:5px}
@media(max-width:1050px){.ws-cms-grid{grid-template-columns:1fr 2fr}.ws-cms-features{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr))}.ws-journey-grid{grid-template-columns:1fr}.ws-journey-grid>img{display:none}.ws-first{grid-template-columns:1fr;gap:22px}.ws-language,.ws-work,.ws-process{grid-template-columns:1fr}.ws-team-grid{grid-template-columns:1fr 1.2fr;gap:24px}.ws-team-features{gap:15px}.ws-compare-grid{gap:16px}.ws-review{flex-wrap:wrap}.ws-review>a{margin-left:80px}.ws-hero-grid{grid-template-columns:1fr 1fr}.ws-service-grid article>div{padding:20px}.ws-cta{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ws-section{padding:30px 0}.ws-flush{padding-top:6px}.ws-hero{padding-top:100px}.ws-hero-grid{grid-template-columns:1fr;gap:15px}.ws-hero-grid:before{inset:54% 30% -30px 45%}.page-website .ws-hero h1{font-size:38px;max-width:580px}.ws-hero-grid>img{max-height:400px;object-fit:contain;width:100%}.ws-questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ws-questions>div{min-height:140px}.ws-service-grid{grid-template-columns:1fr;gap:20px}.ws-service-grid article{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ws-service-grid article img{aspect-ratio:1;align-self:stretch;object-fit:cover;height:100%!important}.ws-journey ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.ws-cms-grid{grid-template-columns:1fr}.ws-cms-features{grid-template-columns:repeat(4,minmax(0,1fr))}.ws-cms-grid>img{width:100%}.ws-language-cards{gap:10px}.ws-browser>div{padding:10px}.ws-compare-grid{grid-template-columns:1fr}.ws-compare article{padding:24px}.ws-standards .wa-container{grid-template-columns:1fr;gap:24px}.ws-standards article+article{border-left:0;border-top:1px solid #ffffff25;padding:24px 0 0}.ws-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-team-grid{grid-template-columns:1fr}.ws-team-features{gap:20px}.ws-review{gap:15px}.ws-review>span{font-size:90px}.ws-review blockquote{font-size:16px}.ws-review>a{margin-left:50px}.ws-cta{grid-template-columns:1fr;padding:24px 24px 0;gap:0}.ws-cta>div{padding:0}.ws-cta>img{max-height:300px;object-fit:contain;margin-top:20px}.page-website .ws-cta h2{font-size:29px}}
@media(max-width:480px){.ws-service-grid article{display:flex}.ws-service-grid article>div{padding:24px 24px 8px}.ws-service-grid article img{height:auto!important;aspect-ratio:1.15;object-fit:cover}.ws-language-cards{grid-template-columns:1fr}.ws-language-cards article{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.page-website .ws-language-cards h3{text-align:left}.ws-browser img{aspect-ratio:1.9}.ws-work-grid{grid-template-columns:1fr}.ws-work-card img{aspect-ratio:1.65}.ws-team-features{grid-template-columns:1fr}.ws-team-features article{display:grid;grid-template-columns:32px 1fr;column-gap:14px}.ws-team-features svg{grid-row:span 2}.ws-team-features h3{margin-bottom:5px!important}.ws-team-features p{grid-column:2}.ws-process ol{gap:12px}.ws-process li{padding:16px 12px 0}.page-website .ws-process h3{font-size:15px}.ws-cms-features{gap:22px 10px}.ws-cms-features svg{padding:10px}.ws-actions{gap:18px}}

/* Keep localized screen artwork complete and readable. */
.ws-language-cards .ws-browser img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f8f7f4}
@media(max-width:600px){.ws-language-cards{grid-template-columns:1fr;gap:24px}.ws-language-cards article{display:block}.page-website .ws-language-cards h3{text-align:left;margin-bottom:10px}}
/* CMS comparison and dedicated delivery artwork. */
.ws-compare{padding:52px 0;background:#f2eee6}
.ws-compare-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:28px}
.ws-compare-intro>div{max-width:690px}.ws-compare-intro .ws-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#80600d;margin-bottom:12px}.ws-compare-intro .link-arrow{flex-shrink:0}
.ws-cms-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ws-compare .ws-cms-option{padding:0;overflow:hidden;background:#fff;border:1px solid #dcd8ce;border-radius:18px}
.ws-option-heading{position:relative;min-height:195px;padding:28px 70px 24px 28px;background:#e9e7e2}
.ws-cms-option-custom .ws-option-heading{background:#ffbc18}.ws-option-heading>svg{position:absolute;right:26px;top:30px}.ws-option-heading>span{display:block;font-size:12px;margin-bottom:14px}.page-website .ws-option-heading h3{font-size:28px;margin-bottom:10px}.ws-option-heading p{margin:0;max-width:440px}
.ws-cms-option dl{padding:0 28px;margin:0}.ws-cms-option dt{padding-top:21px;font-size:12px;font-weight:700;color:#745815}.ws-cms-option dd{margin:7px 0 0;padding-bottom:21px;border-bottom:1px solid #e8e5df;font-size:14px;line-height:1.6;min-height:73px}
.page-website .ws-option-fit{padding:22px 28px;margin:0;font-size:14px;background:#faf8f3}.ws-option-fit strong{display:block;color:#171f23;margin-bottom:5px}.page-website .ws-compare-note{font-size:12px;margin:20px 0 0;max-width:none}.ws-compare-note a{color:#604b16;text-decoration:underline}
.ws-process{grid-template-columns:1fr;gap:24px}.ws-process li{padding:22px 18px 0;background:#fff}.ws-process img{aspect-ratio:3/2;object-fit:contain;border-radius:8px 8px 0 0}.page-website .ws-process h3{font-size:18px}.page-website .ws-process p{font-size:13px}.ws-cta>img{align-self:center;padding:16px 0}
@media(max-width:760px){.ws-compare-intro{display:block}.ws-cms-comparison{grid-template-columns:1fr}.ws-option-heading{min-height:0}.ws-cms-option dd{min-height:0}.ws-compare{padding:36px 0}}
@media(max-width:480px){.ws-process ol{grid-template-columns:1fr}.ws-process li{padding:22px 22px 0}.ws-process img{max-height:235px}.ws-option-heading{padding-left:22px}.ws-cms-option dl{padding:0 22px}}

/* Keep portfolio titles legible against the dark card background. */
.page-website .ws-work-card strong{color:#fff}

/* Comparison list markers align with their text on every screen size. */
.ws-cms-option dt{display:flex;align-items:center;gap:10px}
.page-website .ws-cms-option dt svg{width:20px;height:20px;color:#996600}
.page-website .ws-cms-option-custom dt svg{color:#237347}
.ws-cms-option dd{padding-left:30px}
