/* Clear funnel revision. Preserve the approved type, sky blue and animated hero. */
.masthead { gap: 20px; }
.desktop-nav { gap: 22px; }
.header-cta { font-size: 13px; padding: 12px 18px; }
.launch-copy h1 { font-size: clamp(44px,4.25vw,66px); line-height:1.08; }
.launch-copy h1 > span { white-space: normal; }
.launch-description { max-width: 540px; }
.launch-actions .pill { gap:12px; }
.funnel-section { padding-block: 96px; }
.funnel-heading { max-width: 820px; margin-bottom: 42px; }
.funnel-heading .section-label, .fit-intro .section-label { margin-bottom: 20px; color:var(--accent); }
.funnel-heading h2, .fit-intro h2 { font-size:clamp(32px,3.7vw,54px); line-height:1.08; text-wrap:balance; }
.funnel-heading > p:last-child { max-width:680px; margin-top:24px; color:var(--muted); font-size:20px; }
.module-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px; }
.module { border-top:1px solid var(--line); padding-top:26px; display:flex;flex-direction:column; }
.module-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:30px; }
.module-top svg { width:42px;height:42px;color:var(--accent);stroke-width:1.3; }
.module-top > span { color:var(--muted); font-size:13px; }
.module h3 { font-size:28px;line-height:1.12;max-width:320px; }
.module p { margin-top:18px;color:var(--muted);margin-bottom:24px; }
.module-deliverable { margin-top:auto;color:var(--accent);font-size:14px; }
.workflow-band { padding-block:80px;background:#102937;color:#f1f8fc; }
.workflow-band .section-label { color:var(--accent-soft); }
.workflow-band .funnel-heading > p:last-child { color:#b9d0db; }
.workflow-demo { padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none; }
.workflow-step { display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:16px;min-height:42px; }
.workflow-step > span:first-child { flex:none;width:32px;height:32px;border:1px solid #6c909f;border-radius:50%;display:grid;place-items:center;color:var(--accent-soft);font-size:13px; }
.sample-ui { background:#f5f9fb;color:#183b4d;border:1px solid #c3e3f0;border-radius:12px;min-height:248px;padding:20px;box-shadow:0 18px 30px #06131c44; }
.sample-bar { display:flex;gap:5px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #dbe6eb; }
.sample-bar i { width:5px;height:5px;border-radius:50%;background:#93aab7; }
.sample-ui > strong { font-family:var(--display);font-size:19px; }
.sample-field { margin-top:12px;border:1px solid #d4e3eb;background:white;border-radius:5px;padding:8px 10px;font-size:12px; }
.sample-button { display:inline-block;font-size:12px;color:#103f56;background:var(--accent-soft);border-radius:5px;padding:7px 12px;margin-top:12px; }
.sample-person { display:flex;align-items:center;gap:12px; }
.sample-person b { background:#d8eff9;width:42px;height:42px;border-radius:50%;display:grid;place-items:center; }
.sample-person small { display:block;font-size:12px;color:#57707e; }
.sample-ui dl { font-size:13px;margin:20px 0 0; }
.sample-ui dl div { display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dde8ed;padding-block:9px; }
.sample-ui dd { margin:0;text-align:right; }
.sample-task { font-size:13px;display:flex;gap:9px;align-items:center;margin-top:16px; }
.sample-task > span:first-child { color:var(--accent);font-size:18px; }
.sample-tag { margin-top:17px;font-size:11px;color:#386174; }
.workflow-demo li > p { color:#c1d3dc;font-size:16px;margin-top:24px; }
.demo-note { color:#a6c4d3;font-size:12px;line-height:1.6;margin-top:35px;max-width:800px; }
.project-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px; }
.project-cover { display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1.27;padding:24px;border:1px solid #cad4da;border-radius:4px;overflow:hidden;position:relative;transition:transform .25s ease; }
.project-cover:hover { transform:translateY(-5px); }
.project-domain { font-size:12px;position:relative;z-index:1; }
.project-wordmark { font:700 clamp(26px,3vw,42px)/1.05 var(--display);letter-spacing:-.035em;max-width:260px;position:relative;z-index:1; }
.project-wordmark img { width:220px;max-height:130px;object-fit:contain;object-position:left center; }
.project-cover-foot { display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;position:relative;z-index:1; }
.project-cover-foot > span:last-child { font-size:23px; }
.project-cover.ladrillo { background:#e6edf1;color:#19344b; }
.project-cover.ladrillo:after { content:"";position:absolute;width:150px;height:220px;border:1px solid #b9c9d4;right:-30px;bottom:30px;transform:rotate(-20deg);box-shadow:-18px -18px 0 #e6edf1,-19px -19px 0 #b9c9d4; }
.project-cover.osc { background:#131e26;color:#e2eff6;border-color:#243d4b; }
.project-cover.pred { background:#d3eefb;color:#102d3e; }
.project-cover.pred:after { content:"+";position:absolute;right:14px;top:38px;font:200px/.8 var(--body);color:#b4e1f5; }
.project-category { font-size:12px;color:var(--accent);margin-top:24px;margin-bottom:10px; }
.project-card h3 { font-size:27px; }
.project-card h3 + p { margin-block:14px 20px;color:var(--muted);font-size:16px; }
.project-card .text-link { font-size:14px; }
.proof-note { border-top:1px solid var(--line);padding-top:20px;margin-top:32px;font-size:13px;color:var(--muted);max-width:900px; }
.fit-section { display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:72px; }
.fit-intro > p:last-child { margin-top:24px;color:var(--muted); }
.fit-cases article { display:flex;gap:22px;padding-block:26px;border-bottom:1px solid var(--line); }
.fit-cases article:first-child { padding-top:0; }
.fit-cases article:last-child { border-bottom:0;padding-bottom:0; }
.fit-number { font-size:12px;color:var(--accent);padding-top:4px; }
.fit-cases h3 { font-size:24px;line-height:1.15; }
.fit-cases p { font-size:16px;color:var(--muted);margin-top:12px; }
.clear-plan-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.clear-plan { padding:38px;border:1px solid #cad5db;border-radius:14px; }
.setup-plan { background:#fff; }
.care-plan { background:#e5f5fc; }
.clear-plan .section-label { color:var(--accent);margin-bottom:20px; }
.clear-plan h3 { font-size:32px; }
.clear-price { font:700 54px/1.1 var(--display);letter-spacing:-.03em;margin-block:25px; }
.clear-price > span { display:block;font:400 14px/1.4 var(--body);letter-spacing:0;margin-bottom:5px; }
.clear-price small { font:400 14px var(--body); }
.care-price { font:700 34px/1.1 var(--display);margin-block:35px; }
.clear-plan > p:not(.section-label,.clear-price,.care-price) { color:#4b5b64;font-size:16px; }
.clear-plan ul { padding-left:20px;font-size:16px;margin-block:24px; }
.clear-plan li { padding-left:6px;margin-block:14px; }
.clear-plan li::marker { color:var(--accent); }
.clear-plan .plan-boundary { border-top:1px solid #c9dbe4;padding-top:20px;font-size:13px!important;line-height:1.6; }
.pricing-bottom { display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:28px; }
.pricing-bottom p { max-width:720px;font-size:14px;color:var(--muted); }
.pricing-bottom .pill { flex-shrink:0; }
.creative-support { border-top:1px solid var(--line); }
.creative-support .section-heading h2 { font-size:clamp(32px,3.7vw,54px); }
.creative-support .section-heading h2 > span:last-child { color:var(--muted); }
.creative-aside .text-link { margin-top:22px;display:inline-flex;font-size:15px; }
.work-grid figcaption strong { font-size:23px;line-height:1.2; }
.work-grid figcaption > span { display:none; }
.contact-next { padding-left:22px;margin:26px 0;font-size:15px; }
.contact-next li { margin-block:10px;padding-left:5px; }
.services-page .service-hero { padding-block:65px 75px;max-width:1040px; }
.services-page .service-hero h1 { font-size:clamp(42px,5.4vw,76px);line-height:1.05;margin-block:22px;max-width:1000px; }
.services-page .service-hero > p:last-of-type { max-width:680px;color:var(--muted);font-size:21px; }
.services-page .service-hero .pill { margin-top:28px; }
.service-jump { display:flex;gap:26px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:20px;font-size:16px; }
.service-detail { display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:80px;border-bottom:1px solid var(--line);align-items:center; }
.service-detail h2 { font-size:clamp(32px,3.5vw,48px);line-height:1.08;margin-block:18px 24px; }
.service-detail p { color:var(--muted); }
.service-detail ul { padding-left:20px;margin-block:24px;color:#42515b; }
.service-detail li { margin-block:10px; }
.service-detail .pill { margin-top:8px; }
.service-art { min-width:0;background:#dfedf5;border-radius:12px;padding:32px; }
.service-art .sample-ui { max-width:380px;margin:auto; }
.service-art .sample-ui + .sample-ui { margin-top:20px; }
.service-creative-image { width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px; }
.service-caption { font-size:13px;margin-top:14px; }
.service-page-cta { padding-block:80px;text-align:center; }
.service-page-cta h2 { font-size:clamp(32px,4vw,52px);max-width:790px;margin:auto; }
.service-page-cta p { margin:24px auto;max-width:650px;color:var(--muted); }
.service-note { font-size:14px!important;margin-top:20px; }
@media (max-width:1200px) {
 .masthead { flex-wrap:wrap; }
 .masthead .desktop-nav { order:3;flex-basis:100%;display:flex;justify-content:center; }
 .launch-layout { gap:26px; }
 .fit-section { gap:45px; }
 .pricing-bottom { align-items:flex-start;flex-direction:column;gap:24px; }
}
@media (max-width:850px) {
 .module-grid,.project-grid,.workflow-demo { gap:18px; }
 .sample-ui { padding:14px; }
 .project-cover { padding:18px; }
 .fit-section { grid-template-columns:1fr;gap:40px; }
 .clear-plan { padding:26px; }
 .module h3 { font-size:25px; }
 .service-detail { gap:35px; }
}
@media (max-width:700px) {
 .masthead { gap:10px;padding-block:18px; }
 .masthead .brand { width:175px; }
 .masthead .desktop-nav { justify-content:space-between;gap:12px;white-space:normal;font-size:13px;flex-wrap:wrap;padding-block:6px; }
 .masthead .desktop-nav a { padding-block:5px; }
 .header-cta { display:none; }
 .launch-copy h1 { font-size:clamp(37px,9.7vw,55px); }
 .launch-description { order:3;margin-top:20px;line-height:1.55; }
 .launch-actions { order:4;margin-top:22px; }
 .launch-fit { order:5;font-size:12px;margin-top:14px; }
 .hero-visual { order:6;margin-top:28px; }
 .funnel-section { padding-block:62px; }
 .funnel-heading { margin-bottom:32px; }
 .funnel-heading > p:last-child { font-size:18px;margin-top:20px; }
 .module-grid,.project-grid,.workflow-demo,.clear-plan-grid { grid-template-columns:1fr;gap:32px; }
 .module-top { margin-bottom:20px; }
 .module h3 { max-width:none;font-size:28px; }
 .module p { margin-bottom:16px; }
 .workflow-band { padding-block:60px; }
 .workflow-demo { gap:36px; }
 .workflow-step { margin-bottom:16px; }
 .sample-ui { padding:20px;min-height:230px; }
 .workflow-demo li > p { margin-top:18px; }
 .project-cover { aspect-ratio:1.55;padding:24px; }
 .project-wordmark { font-size:40px; }
 .project-grid { gap:42px; }
 .fit-section { padding-block:55px;gap:34px; }
 .clear-plan h3 { font-size:29px; }
 .clear-price { font-size:48px; }
 .pricing-bottom .pill { width:100%;justify-content:space-between; }
 .service-detail { grid-template-columns:1fr;gap:32px;padding-block:55px; }
 .service-detail .service-art { order:2; }
 .service-jump { gap:18px;font-size:14px; }
 .services-page .service-hero { padding-block:40px 50px; }
 .services-page .service-hero > p:last-of-type { font-size:18px; }
 .service-page-cta { padding-block:60px; }
 .contact-body { display:flex;flex-direction:column;gap:20px; }
 .contact-body > aside { display:contents; }
 .contact-body > aside > p { order:0; }
 .contact-body .contact-next { order:1;margin-block:0 10px; }
 .contact-body .contact-form { order:2; }
 .contact-body .questions { order:3;margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) { .project-cover { transition:none; } .project-cover:hover { transform:none; } }