/* Page-specific presentation. Shared site styles remain in styles.css. */
.custom-hero{padding-top:76px;padding-bottom:64px;overflow:hidden}
.custom-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.custom-hero-copy h1{font-size:clamp(2.65rem,5.3vw,4.65rem);line-height:1.04;letter-spacing:-.06em;margin:18px 0}
.custom-hero-copy h1 span{color:var(--brand)}
.custom-hero-copy>p{font-size:1.1rem;color:#475569;max-width:650px;margin:0 0 26px}
.custom-trust{gap:9px}
.custom-trust span{font-size:.77rem}
.custom-visual{position:relative;min-height:390px;display:grid;place-items:center;padding:24px 8px}
.visual-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.2),rgba(20,184,166,0) 70%)}
.visual-window{position:relative;width:100%;max-width:510px;background:#fff;border:1px solid #dbe4ea;border-radius:20px;padding:10px;box-shadow:0 28px 75px rgba(15,23,42,.15);transform:rotate(1.2deg)}
.visual-topbar{height:30px;display:flex;align-items:center;gap:6px;padding:0 7px 9px;border-bottom:1px solid #eef2f7;color:#64748b;font-size:.65rem}
.visual-topbar>span{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.visual-topbar>span:first-child{background:#5eead4}.visual-topbar b{margin-left:9px;font-weight:700}
.visual-content{display:grid;grid-template-columns:48px 1fr;min-height:270px;padding-top:10px}
.visual-sidebar{display:flex;flex-direction:column;align-items:center;gap:17px;padding:12px 5px;background:#f8fafc;border-radius:12px}
.visual-sidebar i{width:19px;height:19px;border-radius:6px;background:#dbeafe}.visual-sidebar i:first-child{background:#ccfbf1;border:1px solid #99f6e4}
.visual-main{padding:10px 13px}.visual-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.visual-heading span{width:38%;height:10px;border-radius:5px;background:#cbd5e1}.visual-heading i{width:48px;height:19px;border-radius:6px;background:#ccfbf1}
.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-stats>div{padding:10px 8px;border:1px solid #e2e8f0;border-radius:9px}.visual-stats small,.visual-stats b{display:block}.visual-stats small{font-size:.55rem;color:#94a3b8}.visual-stats b{font-size:1.05rem;color:#0f172a;margin:3px 0}.visual-stats em{display:block;width:48%;height:4px;border-radius:4px;background:#99f6e4}
.visual-chart{margin-top:12px;border:1px solid #e2e8f0;border-radius:9px;padding:10px}.chart-label{display:flex;justify-content:space-between}.chart-label span{height:6px;width:22%;border-radius:4px;background:#cbd5e1}.chart-label span:last-child{width:13%;background:#ccfbf1}.chart-bars{height:78px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:8px 8px 0}.chart-bars i{display:block;width:8%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#2dd4bf,#99f6e4)}.chart-bars i:nth-child(1){height:35%}.chart-bars i:nth-child(2){height:58%}.chart-bars i:nth-child(3){height:43%}.chart-bars i:nth-child(4){height:78%}.chart-bars i:nth-child(5){height:62%}.chart-bars i:nth-child(6){height:90%}.chart-bars i:nth-child(7){height:69%}.chart-bars i:nth-child(8){height:100%}
.visual-list{display:grid;gap:7px;margin-top:11px}.visual-list i{height:6px;border-radius:5px;background:#e2e8f0}.visual-list i:nth-child(2){width:84%}.visual-list i:nth-child(3){width:68%}
.visual-note{position:absolute;right:-2px;bottom:9px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#0f172a;color:white;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 16px 35px rgba(15,23,42,.2)}.visual-note-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#14b8a6;color:#042f2e;font-weight:900}.visual-note b,.visual-note small{display:block}.visual-note b{font-size:.75rem}.visual-note small{font-size:.65rem;color:#cbd5e1}
.custom-service-grid .feature-card{min-height:140px}.custom-industries{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.custom-industry{padding:21px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:5px}.custom-industry span{font-size:.7rem;font-weight:900;letter-spacing:.1em;color:var(--brand)}.custom-industry b{font-size:1rem;color:var(--ink)}.custom-industry small{font-size:.82rem;color:var(--muted)}
.custom-workflow .step{min-height:205px}.custom-workflow .step h3{margin-top:20px}.custom-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.custom-why-grid h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.045em;margin:9px 0 12px}.custom-why-intro{color:var(--muted);max-width:500px}.custom-benefits{display:grid;gap:12px}.custom-benefits>div{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:15px}.custom-benefits>div>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;background:#ccfbf1;color:var(--brand-dark);font-weight:900}.custom-benefits p{margin:0}.custom-benefits b,.custom-benefits small{display:block}.custom-benefits b{font-size:.92rem}.custom-benefits small{margin-top:3px;color:var(--muted);font-size:.82rem}.custom-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.custom-faq-grid .card{box-shadow:none}.custom-faq-grid .card h3{font-size:1rem}.custom-final-cta h2{max-width:700px}.custom-final-cta .btn{flex:0 0 auto}
@media(max-width:980px){.custom-hero-grid,.custom-why-grid{grid-template-columns:1fr}.custom-hero-grid{gap:28px}.custom-visual{max-width:620px;width:100%;margin:0 auto}.custom-industries{grid-template-columns:repeat(2,1fr)}.custom-workflow{grid-template-columns:1fr 1fr}.custom-why-grid{gap:25px}}
@media(max-width:640px){.custom-hero{padding-top:45px;padding-bottom:40px}.custom-hero-copy h1{font-size:clamp(2.45rem,12vw,3.5rem)}.custom-hero-copy>p{font-size:1rem}.custom-visual{min-height:300px;padding:12px 0 25px}.visual-content{min-height:220px}.visual-window{padding:7px}.visual-main{padding:8px}.visual-note{right:0;bottom:0}.custom-industries,.custom-workflow,.custom-faq-grid{grid-template-columns:1fr}.custom-workflow .step{min-height:150px}.custom-final-cta{align-items:flex-start}.custom-final-cta .btn{white-space:normal}}