.wb-page{background:#101511}.wb-page .wb-hero{min-height:790px;grid-template-columns:1fr 1.05fr;gap:4rem;padding-top:calc(var(--header-h) + 5rem);padding-bottom:8rem;background:#000}.wb-page .wb-hero h1{max-width:21ch!important;font-size:clamp(2.15rem,3vw,3rem)!important;margin-bottom:1.5rem}.wb-page .wb-hero-description{font-size:1rem;line-height:1.75;max-width:44ch;margin-bottom:2rem}.wb-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.wb-actions .text-link{font-size:.8rem}.wb-stage{aspect-ratio:1.08;max-width:650px;min-height:400px;perspective:1500px;z-index:2}.wb-stage .wb-browser,.wb-stage .wb-phone{box-shadow:0 24px 70px #0009;border:1px solid #627b6b66;background:#0c100e}.wb-stage .wb-browser--main{position:absolute;left:0;top:2%;width:94%;height:66%;border-radius:8px;transform:rotateY(-11deg) rotateX(4deg);z-index:1;animation:wb-float 10s ease-in-out infinite}.wb-chrome{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:12px;border-bottom:1px solid #667a6c33;background:linear-gradient(#252b27,#171d19);color:#86978b;font-size:7px;letter-spacing:.1em}.wb-chrome small{font:8px Inter,sans-serif;letter-spacing:0;color:#a1aca5;white-space:nowrap}.wb-screen{overflow:hidden;position:relative;height:calc(100% - 26px);background:#000}.wb-screen img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;animation:wb-scroll var(--web-duration,32s) ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.wb-screen.is-scrolling img{animation-play-state:running}.wb-stage .wb-browser--secondary{position:absolute;left:2%;bottom:-3%;width:57%;height:44%;border-radius:7px;transform:rotateY(9deg) rotateX(3deg);z-index:2;animation:wb-float 11s ease-in-out -4s infinite}.wb-stage .wb-phone{position:absolute;right:-3%;bottom:-1%;width:28%;height:67%;padding:6px;border-radius:24px;z-index:3;transform:rotateY(-8deg);background:linear-gradient(120deg,#636c66,#0c110e 12%,#020403 87%,#6c776e);animation:wb-float 9s ease-in-out -2s infinite}.wb-phone .wb-screen{height:100%;border-radius:18px}.wb-notch{position:absolute;top:12px;left:32%;width:36%;height:9px;border-radius:9px;background:#000}.wb-wordpress{position:absolute;right:4%;top:-13%;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#404a43,#131c16 65%);border:1px solid #667d6d;box-shadow:5px 9px 0 #060907,0 20px 45px #0008,inset 0 1px 2px #b0c4b033;transform:rotateY(-18deg);z-index:3}.wb-wordpress img{width:67%;height:67%;filter:brightness(0) invert(1);opacity:.9}.wb-why,.wb-scope{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,8rem);padding-block:7rem}.wb-why p{max-width:63ch}.wb-tools{display:flex;gap:1.4rem 1.6rem;flex-wrap:wrap;margin-top:2rem}.wb-tools span{display:flex;align-items:center;gap:8px;color:#99a89d;font-size:.75rem}.wb-tools img{width:23px;height:23px;object-fit:contain;filter:grayscale(1);opacity:.8}.wb-benefits{padding-block:0 7rem}.wb-section-top{margin-bottom:3rem}.wb-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 5rem}.wb-benefits-grid article{border-top:1px solid #344139;padding-top:1.8rem}.wb-benefits-grid .system-benefit-icon{margin-bottom:1.3rem}.wb-benefits-grid p{max-width:53ch;font-size:.95rem}.wb-project-banner{position:relative;height:357px;overflow:hidden;isolation:isolate;background:#070b09;margin-block:0 4rem}.wb-banner-art{position:absolute;inset:-65% 0 -50%;display:flex;gap:24px;justify-content:center;align-items:center;transform:perspective(1700px) rotateY(-8deg) rotateX(8deg);filter:blur(3px);opacity:.75;z-index:-2}.wb-banner-browser{width:32%;min-width:300px;height:88%;overflow:hidden;border:1px solid #63756966;border-radius:8px;box-shadow:0 24px 45px #000b;transform:rotate(-7deg);background:#131a15}.wb-banner-browser:nth-child(2){transform:rotate(-7deg) translateY(65px)}.wb-banner-browser:nth-child(3){transform:rotate(-7deg) translateY(-40px)}.wb-project-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#000b,transparent 80%),linear-gradient(90deg,#070b09e8,transparent 40%,transparent 65%,#070b09e8);box-shadow:inset 0 0 80px #000}.wb-project-banner h2{max-width:24ch;text-shadow:0 0 22px #000;margin:0!important}.wb-scope{border-top:1px solid #344139}.wb-scope ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 2.2rem;align-content:start}.wb-scope li{display:flex;align-items:baseline;gap:12px;font-size:.95rem;line-height:1.6}.wb-scope li i{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#00e600;align-self:center}.wb-page .mk-faq{border-top:1px solid #344139}@keyframes wb-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes wb-scroll{0%,3%{transform:translateY(0)}97%,100%{transform:translateY(calc(-1 * var(--web-travel,0px)))}}
@media(max-width:1050px){.wb-page .wb-hero{gap:2.5rem;min-height:720px}.wb-stage{min-height:350px}.wb-why,.wb-scope{gap:3rem}.wb-benefits-grid{gap:3rem}.wb-wordpress{width:70px;height:70px}}
@media(max-width:760px){.wb-page .wb-hero{grid-template-columns:1fr;gap:3.5rem;min-height:0;padding-top:calc(var(--header-h) + 3.5rem);padding-bottom:5rem}.wb-page .wb-hero h1{font-size:2.3rem!important;max-width:21ch!important}.wb-page .wb-hero-description{font-size:.95rem;max-width:none}.wb-actions{gap:1.4rem}.wb-actions .button{width:100%}.wb-actions .text-link{margin-inline:auto}.wb-stage{aspect-ratio:1;min-height:0;max-width:500px;margin-top:1rem}.wb-stage .wb-browser--main{width:93%;height:63%;left:0}.wb-stage .wb-browser--secondary{width:58%;height:42%;left:0;bottom:-1%}.wb-stage .wb-phone{right:0;bottom:1%;width:29%;height:68%;border-radius:20px}.wb-phone .wb-screen{border-radius:14px}.wb-chrome{height:20px;padding-inline:7px;font-size:5px}.wb-chrome small{font-size:6px}.wb-screen{height:calc(100% - 20px)}.wb-wordpress{width:60px;height:60px;top:-14%;right:5%}.wb-why,.wb-scope{grid-template-columns:1fr;gap:2rem;padding-block:4.5rem}.wb-benefits{padding-bottom:4.5rem}.wb-section-top{margin-bottom:2rem}.wb-benefits-grid{grid-template-columns:1fr;gap:2.5rem}.wb-scope ul{grid-template-columns:1fr;gap:1.4rem}.wb-project-banner{height:289px;margin-bottom:1rem}.wb-banner-art{inset:-30% -40%;gap:16px}.wb-banner-browser{min-width:210px}.wb-tools{gap:1.25rem}.wb-tools span{font-size:.7rem}.wb-project-banner h2{font-size:1.8rem!important}}
@media(prefers-reduced-motion:reduce){.wb-page *{animation:none!important}.wb-screen img{will-change:auto}}
.wb-benefits-grid .system-benefit-art{width:96px;height:77px;margin:0 0 1.4rem}.wb-benefits-grid .system-benefit-art__shape rect{fill:#202a23}.wb-benefits-grid .system-benefit-art__shape{stroke:#a1ada6}.wb-tools img{filter:grayscale(1) brightness(0) invert(.75);opacity:.85}
/* Generated monitor bezel; the actual scrolling page sits behind its alpha opening. */
.wb-stage .wb-monitor{position:absolute;left:-7%;top:0;width:113%;height:auto;aspect-ratio:3/2;margin:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible;z-index:1;animation:wb-float 11s ease-in-out infinite}.wb-monitor-frame{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:2}.wb-monitor-screen{position:absolute;inset:0;transform-origin:0 0;overflow:hidden;background:#000;z-index:1;border-radius:2px}.wb-monitor-screen .wb-screen{height:100%}.wb-stage .wb-browser--secondary{left:0;bottom:-4%;width:56%;height:42%;z-index:3}.wb-stage .wb-phone{right:-3%;bottom:-1%;z-index:4}.wb-tech-badge{position:absolute;width:57px;height:57px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#303d34,#101a14 65%);border:1px solid #687d705c;box-shadow:3px 6px 0 #040805,0 12px 28px #0009,inset 0 1px 2px #d0e5d01a;z-index:5;animation:wb-float 10s ease-in-out infinite}.wb-tech-badge img{width:66%;height:66%;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.wb-tech-badge--wp{top:-12%;left:17%;transform:rotateY(-10deg);animation-delay:-4s}.wb-tech-badge--js{right:1%;top:-5%;border-radius:12px;transform:rotateY(-12deg);animation-delay:-2s}.wb-tech-badge--grav{left:56%;top:-18%;transform:rotateY(12deg);width:60px;height:60px}.wb-tech-badge--grav img{width:73%;height:73%;filter:none}.wb-tools img[src$="grav-symbol.png"]{filter:grayscale(1);opacity:.8}
@media(max-width:760px){.wb-stage .wb-monitor{left:-7%;top:1%;width:113%}.wb-stage .wb-browser--secondary{width:58%;height:42%;left:0;bottom:-3%}.wb-stage .wb-phone{right:0;bottom:-1%}.wb-tech-badge{width:42px;height:42px;border-radius:11px}.wb-tech-badge--wp{top:-13%;left:13%}.wb-tech-badge--grav{top:-18%;left:53%;width:45px;height:45px}.wb-tech-badge--js{top:-7%;right:1%}}
@media(prefers-reduced-motion:reduce){.wb-stage .wb-monitor,.wb-tech-badge{animation:none!important}}
/* Alternating photographic scroll timeline, following the original website. */
.wb-timeline{padding-block:7rem}.wb-timeline-intro{text-align:center;max-width:760px;margin:0 auto 5rem}.wb-timeline-intro h2{max-width:29ch;margin:0 auto 1.8rem!important}.wb-timeline-intro p{font-size:.95rem;line-height:1.8}.wb-timeline-body{position:relative}.wb-timeline-track{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#344139;pointer-events:none}.wb-timeline-fill{position:absolute;inset:0;background:linear-gradient(#008b34,#00e723);transform:scaleY(var(--timeline-progress,0));transform-origin:top}.wb-timeline-light{position:absolute;top:0;left:-4px;width:9px;height:9px;border-radius:50%;background:#e5ffda;box-shadow:0 0 5px 2px #6aff2c,0 0 18px 5px #00e92388;transform:translateY(var(--timeline-y,0px))}.wb-timeline-steps{list-style:none;padding:0;margin:0;display:grid;gap:5rem}.wb-timeline-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(4rem,8vw,9rem);align-items:center;min-height:300px;padding-block:1rem}.wb-timeline-photo{margin:0;overflow:hidden;aspect-ratio:4/3;background:#171f19;opacity:.25;transform:translateY(22px);transition:opacity 850ms ease,transform 1s cubic-bezier(.22,1,.36,1)}.wb-timeline-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.25) brightness(.9)}.wb-timeline-copy{opacity:.2;transform:translateY(20px);transition:opacity 800ms ease,transform 950ms cubic-bezier(.22,1,.36,1)}.wb-timeline-copy h3{font-size:clamp(1.2rem,1.55vw,1.5rem)!important;line-height:1.35;margin-bottom:1.3rem}.wb-timeline-copy p{font-size:.95rem;line-height:1.85;max-width:51ch}.wb-timeline-step:nth-child(even) .wb-timeline-photo{grid-column:2;grid-row:1}.wb-timeline-step:nth-child(even) .wb-timeline-copy{grid-column:1;grid-row:1}.wb-timeline-node{position:absolute;left:calc(50% - 4px);top:50%;width:9px;height:9px;border-radius:50%;background:#101511;border:1px solid #65736a;transition:background 500ms,border-color 500ms}.wb-timeline-step.is-reached .wb-timeline-copy,.wb-timeline-step.is-reached .wb-timeline-photo{opacity:1;transform:translateY(0)}.wb-timeline-step.is-reached .wb-timeline-node{background:#00df19;border-color:#00df19}
@media(max-width:760px){.wb-timeline{padding-block:4.5rem}.wb-timeline-intro{text-align:left;margin-bottom:3rem}.wb-timeline-intro h2{margin-inline:0!important}.wb-timeline-track{left:4px}.wb-timeline-steps{gap:3rem}.wb-timeline-step{grid-template-columns:1fr;gap:1.5rem;padding:0 0 0 30px;min-height:0}.wb-timeline-step:nth-child(even) .wb-timeline-photo,.wb-timeline-step:nth-child(even) .wb-timeline-copy{grid-column:auto;grid-row:auto}.wb-timeline-photo{aspect-ratio:16/10}.wb-timeline-node{left:0;top:12px}.wb-timeline-copy p{font-size:.92rem}.wb-timeline-copy h3{font-size:1.3rem!important}}
@media(prefers-reduced-motion:reduce){.wb-timeline-copy,.wb-timeline-photo{opacity:1;transform:none;transition:none}}

/* Layered original visuals and staggered, reversible stage entrances. */
.wb-timeline-body.is-enhanced .wb-timeline-photo,.wb-timeline-body.is-enhanced .wb-timeline-copy{opacity:0;visibility:hidden;transform:translate3d(var(--stage-x,32px),30px,0);transition:opacity 800ms ease,transform 1100ms cubic-bezier(.16,1,.3,1),visibility 0s 1100ms}.wb-timeline-step:nth-child(odd){--stage-x:-32px}.wb-timeline-step:nth-child(even){--stage-x:32px}.wb-timeline-photo{overflow:visible;aspect-ratio:auto;background:none;margin:1.6rem 1.3rem 1.6rem 0;position:relative}.wb-process-visual{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #0005;transform:rotate(-2deg);border:1px solid #68786d38;background:#171d19}.wb-timeline-step:nth-child(even) .wb-process-visual{transform:rotate(2deg)}.wb-timeline-photo img{aspect-ratio:8/5;filter:saturate(.72) brightness(.95);object-fit:cover}.wb-timeline-step--3 .wb-timeline-photo{margin-inline:2rem}.wb-timeline-step--3 img{aspect-ratio:910/692;object-fit:contain}.wb-call-top{height:25px;display:flex;gap:5px;align-items:center;padding-inline:12px;background:#1d2921}.wb-call-top i{width:5px;height:5px;background:#778b7b;border-radius:50%}.wb-call-top i:last-child{background:#00d61b}.wb-call-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:9px;padding:7px 10px;border:1px solid #61756b80;border-radius:30px;background:#101913e8;backdrop-filter:blur(10px)}.wb-call-controls span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#334038}.wb-call-controls svg{width:16px;height:16px;stroke:#e5eee7;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wb-call-controls .wb-call-end{background:#925052}.wb-art-accent{position:absolute;right:-18px;top:-25px;width:78px;height:78px;display:grid;place-items:center;border:1px solid #64847170;border-radius:22px;background:linear-gradient(145deg,#3d5144,#15251b 75%);box-shadow:0 14px 25px #0006,inset 0 1px 1px #b4d3bc3b;transform:rotate(7deg);z-index:2}.wb-art-accent svg{width:44px;height:44px;stroke:#c9d7cd;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wb-art-accent svg path:last-child{stroke:#00df35}.wb-timeline-step:nth-child(even) .wb-art-accent{right:auto;left:-20px;top:auto;bottom:-22px;transform:rotate(-8deg)}.wb-timeline-copy h3{display:flex;align-items:center;gap:13px}.wb-step-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #00dd292e;border-radius:50%;background:#15251b}.wb-step-icon svg{width:20px;height:20px;fill:none;stroke:#00df28;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.wb-timeline-body.is-enhanced .wb-timeline-copy h3,.wb-timeline-body.is-enhanced .wb-timeline-copy p{opacity:0;transform:translateY(16px);transition:opacity 750ms ease,transform 950ms cubic-bezier(.16,1,.3,1)}.wb-timeline-body.is-enhanced .is-reached .wb-timeline-photo,.wb-timeline-body.is-enhanced .is-reached .wb-timeline-copy{opacity:1;visibility:visible;transform:translate3d(0,0,0);transition-delay:0s}.wb-timeline-body.is-enhanced .is-reached .wb-timeline-copy h3{opacity:1;transform:none;transition-delay:120ms}.wb-timeline-body.is-enhanced .is-reached .wb-timeline-copy p{opacity:1;transform:none;transition-delay:260ms}.is-reached .wb-art-accent{animation:wb-accent-float 6s ease-in-out 1s infinite}.wb-timeline-light{z-index:2}.wb-timeline-node{z-index:1}.wb-timeline-copy p{margin-left:53px}
@keyframes wb-accent-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:760px){.wb-timeline-photo{margin:1.5rem 1rem 1rem 0}.wb-art-accent{width:58px;height:58px;border-radius:17px;right:-12px;top:-18px}.wb-art-accent svg{width:33px;height:33px}.wb-timeline-step:nth-child(even) .wb-art-accent{left:auto;right:-12px;bottom:-12px}.wb-step-icon{flex-basis:33px;width:33px;height:33px}.wb-timeline-copy h3{gap:10px}.wb-timeline-copy p{margin-left:0}.wb-timeline-step--3 .wb-timeline-photo{margin-inline:0 1rem}.wb-timeline-step{--stage-x:0px!important}}
@media(prefers-reduced-motion:reduce){.wb-timeline-body.is-enhanced .wb-timeline-photo,.wb-timeline-body.is-enhanced .wb-timeline-copy,.wb-timeline-body.is-enhanced .wb-timeline-copy h3,.wb-timeline-body.is-enhanced .wb-timeline-copy p{opacity:1;visibility:visible;transform:none;transition:none}.wb-art-accent{animation:none!important}}

/* Local colour study: the earlier blue-charcoal palette. */
html:has(.wb-page){--paper:#0d0e12;--soft:#171920;--ink:#edf0f5;--muted:#adb3c0;--line:#30343e}
body:has(.wb-page){background:#0d0e12}
.wb-page{background:#0d0e12;--mk-line:#30343e;--mk-muted:#adb3c0;color:#edf0f5}
.wb-page .wb-hero{background:#0d0e12}
.wb-page .mk-hero::after{background:linear-gradient(180deg,#0d0e1200,#0d0e12)}
.wb-page .wb-timeline-node{background:#0d0e12;border-color:#555d6c}
.wb-page .is-reached .wb-timeline-node{background:#00df19;border-color:#00df19}
.wb-page .wb-benefits-grid article,.wb-page .wb-scope,.wb-page .mk-faq{border-color:#30343e}
.wb-page .wb-timeline-track{background:#30343e}
.wb-page .wb-call-top,.wb-page .wb-step-icon{background:#1a1e28}
.wb-page .wb-art-accent,.wb-page .wb-tech-badge{background:linear-gradient(145deg,#3a4352,#171c26 75%);border-color:#5e6a7a70}
.wb-page .wb-tools span{color:#a7afbd}
body:has(.wb-page) .site-footer{background:#0b0c10}
html[data-theme="dark"] body:has(.wb-page) .site-header.is-scrolled{background:rgba(13,14,18,.92)}

/* Center the paragraph on the same axis as the title and timeline. */
.wb-timeline-intro p{margin-inline:auto}

/* Keep technology marks within the devices, layered in front of their corners. */
.wb-stage .wb-tech-badge{z-index:6}
.wb-stage .wb-tech-badge--wp{left:4%;top:32%}
.wb-stage .wb-tech-badge--js{right:0;top:40%}
.wb-stage .wb-tech-badge--grav{left:60%;top:73%}
@media(max-width:760px){.wb-stage .wb-tech-badge--wp{left:3%;top:30%}.wb-stage .wb-tech-badge--js{right:0;top:38%}.wb-stage .wb-tech-badge--grav{left:60%;top:74%}}