/* Services composes the existing .home-pilot tokens and controls. */
.services-brief :is(h2,h3),.services-controls :is(h2,h3){color:var(--white)}
.services-brief :focus-visible,.services-controls :focus-visible{outline-color:var(--yellow)}
.services-pilot .services-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem)}
.services-pilot .services-hero h1{font-size:clamp(2.75rem,4.65vw,4.2rem);max-width:19ch;line-height:1.06}
.services-pilot .services-hero .intro{max-width:53ch}
.services-brief{background:var(--surface-band);color:var(--white);border-radius:var(--radius-large);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-lift);min-width:0}
.services-pilot .services-brief .eyebrow{color:var(--on-ink-muted);font-size:.68rem}
.services-pilot .services-brief h2{font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.17;margin-bottom:1rem}
.services-brief>p:not(.eyebrow){color:var(--on-ink-muted);font-size:.925rem;line-height:1.7}
.services-brief ol{list-style:none;padding:0;margin:2rem 0}
.services-brief li{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--ink-line);font-size:.95rem}
.services-brief li:nth-child(3){color:var(--yellow)}
.services-brief li>svg{width:20px;height:20px;flex:none;margin-left:auto}
.brief-number{font:.75rem ui-monospace,monospace;color:var(--on-ink-muted);flex:none}
.services-brief .brief-foot{display:flex;gap:.7rem;align-items:center;border-top:1px solid var(--ink-line);padding-top:1rem;margin-bottom:0;font-size:.8rem!important}
.brief-foot svg{width:20px;height:20px;flex:none;color:var(--yellow)}
.services-heading{max-width:850px;margin-bottom:2.5rem}
.services-heading h2{max-width:28ch;margin-bottom:1.25rem}
.services-heading .intro{margin-bottom:0;max-width:63ch}
.services-problems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:1.5rem 2rem}
.services-problems li{border-top:var(--border);padding-top:1.25rem}
.services-problems li>span{display:block;color:var(--text-link);font-size:1.35rem;line-height:1;margin-bottom:.8rem}
.services-problems p{font-size:.95rem;color:var(--muted);margin:0}
.services-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:stretch}
.service-offer{display:flex;flex-direction:column;min-width:0;border:var(--border);border-radius:var(--radius-panel);padding:clamp(1.5rem,3vw,2.25rem);background:var(--surface-raised);box-shadow:var(--shadow-soft);transition:transform var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal),border-color var(--motion-normal)}
.service-offer:first-child{background:var(--paper);border-top:3px solid var(--text-link)}
.service-offer:nth-child(3){border-top:3px solid var(--yellow)}
.offer-marker{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.offer-marker .benefit-icon{margin:0}
.offer-marker>span:last-child{font:.75rem ui-monospace,monospace;color:var(--muted);padding-top:.75rem}
.service-offer h3{font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.2;max-width:26ch;margin-bottom:1rem}
.offer-description{color:var(--muted);font-size:.95rem;margin-bottom:1.3rem}
.service-offer ul{padding:0;list-style:none;margin:0 0 1.5rem;display:grid;gap:.55rem}
.service-offer li{position:relative;padding-left:1.4rem;font-size:.9rem;line-height:1.55}
.service-offer li::before{content:"";position:absolute;top:.55em;left:.15rem;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.offer-deliverable{padding-top:1.25rem;border-top:var(--border);font-size:.875rem;font-weight:600;margin-top:auto;margin-bottom:1.4rem;line-height:1.6}
.service-offer .home-button{align-self:flex-start;max-width:100%;text-align:left}
.services-support{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.services-support .services-heading{margin:0}
.services-support ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:.75rem}
.services-support li{padding:1rem;border:var(--border);border-radius:var(--radius-control);background:var(--paper);font-size:.875rem;color:var(--muted)}
.services-use-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
.services-use-cases article{padding:1.6rem 0;border-top:var(--border);display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:1rem;align-content:start}
.case-number{grid-row:1/3;color:var(--text-link);font:.75rem ui-monospace,monospace;padding-top:.35rem}
.services-use-cases h3{font-size:1.1rem;line-height:1.35;margin-bottom:.6rem}
.services-use-cases p{color:var(--muted);font-size:.925rem;margin:0;grid-column:2}
.services-controls{background:var(--surface-band);color:var(--white);padding-block:var(--section-space)}
.services-controls .eyebrow{color:var(--yellow)}
.services-controls .intro{color:var(--on-ink-muted)}
.control-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem}
.control-grid li{display:flex;gap:1rem;border-top:1px solid var(--ink-line);padding-top:1.25rem}
.control-icon{flex:none;color:var(--yellow);padding-top:.15rem}
.control-icon svg{width:20px;height:20px}
.control-grid h3{font-size:1.05rem;line-height:1.4;margin-bottom:.5rem}
.control-grid p{color:var(--on-ink-muted);font-size:.9rem;margin:0}
.services-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem}
.services-faq .services-heading{margin-bottom:0}
.services-faq details{border-bottom:var(--border)}
.services-faq details:first-child{border-top:var(--border)}
.services-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:56px;padding:1.2rem .2rem;font-weight:650;font-size:.95rem;line-height:1.5}
.services-faq summary::-webkit-details-marker{display:none}
.services-faq summary:hover{color:var(--text-link)}
.faq-mark{font-size:1.4rem;flex:none;color:var(--text-link);transition:transform var(--motion-normal) var(--ease-out)}
.services-faq details[open] .faq-mark{transform:rotate(45deg)}
.services-faq details>p{color:var(--muted);font-size:.925rem;line-height:1.75;padding:0 1.5rem 1.25rem .2rem;margin:0}
.services-pilot .services-final{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start;background:var(--paper);border:var(--border);border-top:4px solid var(--yellow);border-radius:var(--radius-large);padding:clamp(1.5rem,4vw,3.5rem);margin-bottom:var(--section-space)}
.services-final h2{max-width:25ch;margin-bottom:1.25rem}
.services-final .intro{font-size:1rem}
.services-pilot .services-final .home-actions{flex-direction:row;align-items:stretch;margin-top:1.5rem}
.services-training-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;margin-top:.8rem}
.services-final address{font-style:normal;border-left:var(--border);padding-left:2rem;min-width:0;font-size:.9rem;color:var(--muted)}
.services-final address strong{display:block;color:var(--text-primary);font-size:1.15rem;margin-bottom:1rem}
.services-final address p{margin-bottom:.7rem}
.services-final address a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-offer:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--control-line)}}
@media(max-width:1100px){.services-problems{grid-template-columns:repeat(2,minmax(0,1fr))}.services-support,.services-faq{gap:2rem}.services-pilot .services-final{grid-template-columns:1fr .7fr;gap:2rem}}
@media(max-width:900px){.services-pilot .services-hero{grid-template-columns:1fr;gap:2.5rem}.services-pilot .services-hero h1{font-size:clamp(2.7rem,7vw,4rem);max-width:20ch}.services-brief{max-width:640px;width:100%;justify-self:center}.services-support,.services-faq{grid-template-columns:1fr}.services-pilot .services-final{grid-template-columns:1fr}.services-final address{border-left:0;border-top:var(--border);padding:1.5rem 0 0}.services-use-cases{gap:0 1.5rem}.control-grid{gap:1.5rem}}
@media(max-width:640px){.services-offers,.services-use-cases,.control-grid{grid-template-columns:1fr}.services-pilot .services-final .home-actions{flex-direction:column}.service-offer .home-button{align-self:stretch}}
@media(max-width:540px){.services-pilot .services-hero h1{font-size:clamp(2.35rem,9.6vw,3.2rem);letter-spacing:-.05em}.services-problems{grid-template-columns:1fr;gap:1rem}.services-problems li{display:flex;gap:.8rem;align-items:flex-start}.services-problems li>span{flex:none;margin:.2rem 0 0}.services-support ul{grid-template-columns:1fr}.services-heading{margin-bottom:2rem}.services-brief li{font-size:.9rem}.services-pilot .service-offer .benefit-icon{display:flex;grid-row:auto}.services-faq{gap:1.5rem}}

/* Logo rain: fixed decorative layer above the page, never intercepting clicks. */
.logo-rain{position:fixed;inset:0;z-index:35;overflow:hidden;pointer-events:none;contain:strict}
.logo-rain__mark{position:absolute;top:0;display:block;background:var(--text-secondary);-webkit-mask:var(--rain) center/contain no-repeat;mask:var(--rain) center/contain no-repeat;will-change:transform,opacity}
.logo-rain__mark--accent{background:var(--gz-yellow)}
:root[data-theme="light"] .logo-rain__mark--accent{background:var(--blue)}
@media (prefers-reduced-motion:reduce){.logo-rain{display:none}}
.logo-rain__mark[data-rain="openai"]{--rain:url("rain/openai.png")}
.logo-rain__mark[data-rain="claude"]{--rain:url("rain/claude.svg")}
.logo-rain__mark[data-rain="googlegemini"]{--rain:url("rain/googlegemini.svg")}
.logo-rain__mark[data-rain="mistralai"]{--rain:url("rain/mistralai.svg")}
.logo-rain__mark[data-rain="anthropic"]{--rain:url("rain/anthropic.svg")}
.logo-rain__mark[data-rain="perplexity"]{--rain:url("rain/perplexity.svg")}
.logo-rain__mark[data-rain="huggingface"]{--rain:url("rain/huggingface.svg")}
.logo-rain__mark[data-rain="ollama"]{--rain:url("rain/ollama.svg")}
.logo-rain__mark[data-rain="n8n"]{--rain:url("rain/n8n.svg")}
.logo-rain__mark[data-rain="gmail"]{--rain:url("rain/gmail.svg")}
.logo-rain__mark[data-rain="googledrive"]{--rain:url("rain/googledrive.svg")}
.logo-rain__mark[data-rain="googlecalendar"]{--rain:url("rain/googlecalendar.svg")}
.logo-rain__mark[data-rain="googlesheets"]{--rain:url("rain/googlesheets.svg")}
.logo-rain__mark[data-rain="notion"]{--rain:url("rain/notion.svg")}
.logo-rain__mark[data-rain="github"]{--rain:url("rain/github.svg")}
.logo-rain__mark[data-rain="asana"]{--rain:url("rain/asana.svg")}
.logo-rain__mark[data-rain="linear"]{--rain:url("rain/linear.svg")}
.logo-rain__mark[data-rain="figma"]{--rain:url("rain/figma.svg")}
.logo-rain__mark[data-rain="stripe"]{--rain:url("rain/stripe.svg")}
.logo-rain__mark[data-rain="zapier"]{--rain:url("rain/zapier.svg")}
.logo-rain__mark[data-rain="hubspot"]{--rain:url("rain/hubspot.svg")}
.logo-rain__mark[data-rain="airtable"]{--rain:url("rain/airtable.svg")}
.logo-rain__mark[data-rain="make"]{--rain:url("rain/make.svg")}
.logo-rain__mark[data-rain="whatsapp"]{--rain:url("rain/whatsapp.svg")}
.logo-rain__mark[data-rain="jira"]{--rain:url("rain/jira.svg")}
