/* Uses existing typography and palette; no new framework. */
.commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.commercial-route{padding:clamp(24px,2.4vw,32px);border:1px solid #d7d0c5;border-radius:20px;background:#eee8de;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.commercial-route p{margin:0}.commercial-route .button{margin-top:auto}
.commercial-route h3{font-size:clamp(25px,2.4vw,32px);line-height:1.15;overflow-wrap:anywhere}
.commercial-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.commercial-focus-grid article{border-top:2px solid #7550c8;padding-top:20px}
.commercial-focus-grid h3{font-size:24px;line-height:1.2;margin-bottom:14px}
.commercial-focus-grid p,.commercial-block p,.commercial-intro{line-height:1.65}
.commercial-intro{max-width:760px;font-size:20px;margin:0 0 40px}
.commercial-body{padding-bottom:60px}.commercial-block{padding:24px 0;border-top:1px solid #d7d0c5}
.commercial-block h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:14px 0}
.commercial-end{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding-top:30px}
.commercial-page .page-hero h1{font-size:clamp(36px,6vw,80px);overflow-wrap:anywhere}
.hero-copy h1{font-size:clamp(36px,4.3vw,60px);line-height:1.07;overflow-wrap:anywhere}
.hero-actions{flex-wrap:wrap;gap:18px}.hero-actions .button,.commercial-end .button{white-space:normal;text-align:center}
.contact-form [hidden]{display:none!important}.contact-form [data-intent-fields]{display:grid;gap:16px}
.contact-form select,.contact-form input,.contact-form textarea{max-width:100%;min-width:0}
.commercial-page a:focus-visible,.commercial-focus a:focus-visible,.commercial-routes a:focus-visible,.contact-form :focus-visible{outline:3px solid #31214d;outline-offset:4px}
@media(max-width:700px){.commercial-grid,.commercial-focus-grid{grid-template-columns:1fr;gap:24px}.commercial-route{padding:24px}.commercial-focus .section-heading,.commercial-routes .section-heading{display:block}.commercial-focus .section-heading>p,.commercial-routes .section-heading>p{margin-top:18px}.hero-actions{align-items:flex-start}.commercial-end{align-items:flex-start;flex-direction:column}.commercial-page .page-hero{padding-top:48px}.contact-form .form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.commercial-page *,.commercial-focus *,.commercial-routes *{scroll-behavior:auto;animation:none!important;transition:none!important}}

/* Home composition. Scoped to the public home; CMS and legal pages are unaffected. */
.plugloop-home .section{padding-block:clamp(48px,4.2vw,64px)}
.plugloop-home .section-heading{gap:24px;margin-bottom:28px;align-items:center}
.plugloop-home .section-heading .eyebrow{margin-bottom:16px}
.plugloop-home .section-heading>div,.plugloop-home .section-heading>p{min-width:0}
.plugloop-home .section-more{margin-top:28px}
.plugloop-home .section-more:empty{display:none}
.plugloop-home .commercial-focus{padding-block:40px}
.plugloop-home .commercial-focus-grid h3{font-size:22px;line-height:1.2;margin-bottom:12px}
.plugloop-home .commercial-route .eyebrow{margin:0}
.plugloop-home .commercial-route .button{margin-top:auto;max-width:100%}
.plugloop-home .hero{min-height:0;column-gap:clamp(24px,4vw,56px);padding-block:32px 40px}
.plugloop-home .hero-description{margin-block:24px}
.plugloop-home .hero-actions{gap:16px 24px}
.plugloop-home .hero-note{margin-top:24px}
.plugloop-home .process-grid{gap:24px}
.plugloop-home .process-grid h3{margin:16px 0 10px;font-size:22px}
.plugloop-home .approach{padding-block:56px}
.plugloop-home .approach-grid{gap:clamp(32px,4vw,56px);align-items:center}
.plugloop-home .approach-grid>div{min-width:0}
.plugloop-home .approach-grid p:not(.eyebrow){max-width:54ch;margin-block:20px}
.plugloop-home .service-grid{gap:24px}
.plugloop-home .service-card{min-height:0;padding:28px}
.plugloop-home .pricing-section{padding-block:64px}
.plugloop-home .pricing-layout{gap:24px}
.plugloop-home .pricing-card-grid{gap:24px;align-items:stretch}
.plugloop-home .pricing-card{padding:24px;min-width:0}
.plugloop-home .pricing-card-description{margin-bottom:0}
.plugloop-home .pricing-card-price{min-width:0;flex-wrap:wrap}
.plugloop-home .pricing-card-price strong{font-size:clamp(32px,3vw,44px)}
@supports(grid-template-rows:subgrid){
 .plugloop-home .pricing-card-grid:not(.pricing-adhoc-grid)>.pricing-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:18px}
 .plugloop-home .pricing-card-grid:not(.pricing-adhoc-grid)>.pricing-card>*{margin-block:0}
 .plugloop-home .pricing-card-top{min-height:0}
}
.plugloop-home .faq-section{gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.plugloop-home .faq-intro h2{margin-block:16px 20px;font-size:clamp(32px,3.8vw,56px)}
.plugloop-home .faq-intro h2 em{display:inline-block;margin-inline-start:.15em}
.plugloop-home .faq-item summary{padding-block:22px}
.plugloop-home .closing-section{margin-top:0;padding-top:64px}
.plugloop-home .closing-top{gap:40px}
.plugloop-home .site-footer{padding-top:32px}
.plugloop-home .footer-top{padding-bottom:28px;gap:24px}
.plugloop-home .footer-nav{flex-wrap:wrap}
.contact-dialog .form-row>*{min-width:0}
.contact-dialog .button{max-width:100%;white-space:normal}
@media(max-width:1100px){
 .plugloop-home .pricing-layout{gap:20px}
 .plugloop-home .pricing-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
}
@media(max-width:720px){
 .plugloop-home .section{padding-block:48px}
 .plugloop-home .commercial-focus{padding-block:40px}
 .plugloop-home .section-heading{margin-bottom:28px}
 .plugloop-home .section-heading>p{margin-top:16px}
 .plugloop-home .hero{padding-block:28px 32px;row-gap:24px}
 .plugloop-home .hero-copy h1{font-size:clamp(34px,7.4vw,46px)}
 .plugloop-home .hero-actions{align-items:flex-start}
 .plugloop-home .approach{padding-block:48px}
 .plugloop-home .approach-grid{gap:28px}
 .plugloop-home .service-card{padding:24px}
 .plugloop-home .faq-section{grid-template-columns:minmax(0,1fr)}
 .plugloop-home .faq-item summary{padding-block:20px}
 .plugloop-home .closing-section{padding-top:48px}
 .plugloop-home .closing-top{gap:28px}
}
@media(max-width:650px){
 .plugloop-home .pricing-card-grid{grid-template-columns:minmax(0,1fr)}
 .plugloop-home .pricing-card-grid:not(.pricing-adhoc-grid)>.pricing-card{display:flex;grid-row:auto;gap:0}
 .plugloop-home .pricing-card-grid:not(.pricing-adhoc-grid)>.pricing-card>*+*{margin-top:18px}
 .plugloop-home .process-grid{gap:24px}
}
/* FAQ tracks must shrink below their text's intrinsic width at 320px. */
.plugloop-home .faq-intro,.plugloop-home .faq-list,.plugloop-home .faq-question{min-width:0;overflow-wrap:anywhere}


/* Color and type direction: Plugloop's existing violet, pink and green. */
.plugloop-home .hero-copy h1{max-width:15ch;text-wrap:balance;letter-spacing:-.045em}
.plugloop-home .hero-copy h1 em{color:#6841b5}
.plugloop-home .hero-description{max-width:49ch;line-height:1.6}
.plugloop-home .section-heading h2,.plugloop-home .approach h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.plugloop-home .section-heading h2{max-width:24ch}
.plugloop-home .section-heading>div{flex:1}
.plugloop-home .section-heading>p{flex:0 1 300px;line-height:1.6}
.plugloop-home .discipline-strip{background:#6841b5;color:#fff;border-color:#6841b5;padding-block:20px}
.plugloop-home .discipline-strip b{color:#e2ffb0}
.plugloop-home .commercial-focus-grid{gap:18px}
.plugloop-home .commercial-focus-grid article{position:relative;border:1px solid #dcd0ed;border-radius:20px;padding:24px;background:#eee5fb;min-width:0}
.plugloop-home .commercial-focus-grid article:nth-child(2){background:#fbe4ef;border-color:#edd0e0}
.plugloop-home .commercial-focus-grid article:nth-child(3){background:#e8f3dc;border-color:#cfe0bb}
.plugloop-home .commercial-focus-grid p{font-size:15px;line-height:1.6;margin:0}
.focus-symbol{width:40px;height:40px;display:grid;place-items:center;margin-bottom:18px;border-radius:12px;background:#fffc;color:#6841b5;border:1px solid #fff}
.focus-symbol svg{width:22px;height:22px}
.plugloop-home .commercial-route{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c9adef;background:linear-gradient(135deg,#e6d5fa,#f3eafa);padding:28px;gap:14px;box-shadow:0 4px 0 #6841b514;transition:transform .22s ease,box-shadow .22s ease}
.plugloop-home .commercial-route:nth-child(2){background:linear-gradient(135deg,#fbd2e6,#fceaf2);border-color:#edb2ce;box-shadow:0 4px 0 #c23b8114}
.plugloop-home .commercial-route:before{content:'';position:absolute;width:180px;height:180px;border:26px solid #ffffff65;border-radius:50%;right:-75px;top:-90px;z-index:-1;pointer-events:none}
.plugloop-home .commercial-route h3{max-width:22ch;text-wrap:balance}
.plugloop-home .commercial-route .button{background:#402467;color:#fff;border-color:#402467}
.plugloop-home .commercial-route:nth-child(2) .button{background:#75234c;border-color:#75234c}
.plugloop-home #capacidad-propia{background:#eee5fb;border:1px solid #dcd0ed;border-radius:24px;padding:32px;margin-block:24px}
.plugloop-home #capacidad-propia .commercial-focus-grid article{background:transparent;border:0;border-radius:0;padding:0 16px 0 0;border-right:1px solid #cbb8e6}
.plugloop-home #capacidad-propia .commercial-focus-grid article:last-child{border-right:0}
.plugloop-home #capacidad-propia .focus-symbol{background:#6841b5;color:#fff;border-color:#6841b5}
.plugloop-home #diagnostico-inicial{padding-block:48px}
.plugloop-home #diagnostico-inicial .commercial-focus-grid article{background:#fff7ed;border-color:#ead6bf}
.plugloop-home #diagnostico-inicial .focus-symbol{background:#f9d3b4;color:#5a3023;border-color:#f9d3b4}
.plugloop-home .process-grid article{padding:20px 0 0;border-top:2px solid #baa0e1}
.plugloop-home .step-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#6841b5;color:#fff;font-size:12px}
.plugloop-home .process-grid article:nth-child(2) .step-number{background:#9b3067}
.plugloop-home .process-grid article:nth-child(3) .step-number{background:#357054}
.plugloop-home .process-grid article:nth-child(4) .step-number{background:#b54a25}
.plugloop-home .approach{background:radial-gradient(ellipse at 14% 50%,#47315e,transparent 50%),#27212e}
.plugloop-home .studio-greet{white-space:normal;text-align:center;max-width:100%;padding:13px 20px;font-size:12px;color:#fff;border-color:#b89bdd}
.plugloop-home .brand-hero-art .art-caption{font-size:9px;letter-spacing:.12em;color:#402467;line-height:1.4}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .plugloop-home .commercial-route:hover{transform:translateY(-4px);box-shadow:0 12px 24px #44266a18}
 .plugloop-home .commercial-route .button svg{transition:transform .2s ease}
 .plugloop-home .commercial-route .button:hover svg{transform:translateX(3px)}
}
@media(max-width:1000px) and (min-width:701px){
 .plugloop-home .commercial-focus-grid article{padding:20px}
 .plugloop-home .commercial-focus-grid h3{font-size:20px}
}
@media(max-width:720px){
 .plugloop-home .section-heading>p{max-width:54ch}
 .plugloop-home .section-heading h2,.plugloop-home .approach h2{font-size:clamp(30px,6.6vw,38px)}
 .plugloop-home .commercial-route{padding:24px}
 .plugloop-home #capacidad-propia{padding:24px;margin-block:16px}
 .plugloop-home .commercial-focus-grid article{padding:22px}
 .plugloop-home #diagnostico-inicial{padding-block:40px}
 .plugloop-home .approach-grid{gap:24px}
}
@media(max-width:700px){
 .plugloop-home #capacidad-propia .commercial-focus-grid article{padding:0 0 20px;border-right:0;border-bottom:1px solid #cbb8e6}
 .plugloop-home #capacidad-propia .commercial-focus-grid article:last-child{padding-bottom:0;border-bottom:0}
}