.hero{background:radial-gradient(circle at 85% 15%,rgba(59,130,246,.22),transparent 34%),radial-gradient(circle at 15% 75%,rgba(22,199,154,.16),transparent 30%),var(--navy);color:#fff;padding:92px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(22,199,154,.1);border:1px solid rgba(22,199,154,.35);color:#8af0d4;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.04em;margin:24px 0}.hero h1 span{color:#8af0d4}.hero p{font-size:20px;color:#c6d4e3;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative}.hero-art img{filter:drop-shadow(0 28px 45px rgba(0,0,0,.34));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.section{padding:90px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:800px;margin-bottom:42px}.section-head.center{text-align:center;margin:0 auto 42px}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.03em;margin:12px 0}.section-head p{font-size:18px;color:var(--muted)}.dark .section-head p{color:#aebdce}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 8px 30px rgba(15,23,42,.04);transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#a7d9cc}.card-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e9fbf6;color:#08785d;font-weight:800;font-size:22px;margin-bottom:18px}.card h3{font-size:23px;line-height:1.2;margin:0 0 10px}.card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.quote{background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:var(--shadow)}.quote p{font-size:24px;line-height:1.45;margin-top:0}.quote strong{display:block;margin-top:20px}.checklist{display:grid;gap:12px;margin:25px 0}.check{display:flex;gap:12px;align-items:flex-start}.check b{width:26px;height:26px;border-radius:8px;background:#e9fbf6;color:#08785d;display:grid;place-items:center;flex:0 0 auto}.cta-box{border-radius:34px;padding:50px;background:linear-gradient(135deg,#0b1729,#162b48);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.cta-box h2{margin:0 0 8px;font-size:40px}.cta-box p{margin:0;color:#b9c8d7}.page-hero{background:radial-gradient(circle at 80% 20%,rgba(22,199,154,.14),transparent 30%),var(--navy);color:#fff;padding:80px 0}.page-hero p{font-size:19px;color:#bccadd;max-width:760px}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:50px}.article{font-size:18px}.article h2{font-size:34px;line-height:1.15}.aside{background:var(--soft);border:1px solid var(--line);padding:26px;border-radius:22px;height:max-content;position:sticky;top:120px}.aside h3{margin-top:0}.aside a{display:block;padding:9px 0;color:#31506f}.notice{padding:18px 20px;background:#fff7db;border:1px solid #f6d65e;border-radius:16px;color:#674f00}.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-weight:700}.field input,.field textarea{font:inherit;padding:14px 15px;border:1px solid #cfd9e5;border-radius:12px}.field textarea{min-height:140px;resize:vertical}@media(max-width:980px){.hero-grid,.split,.content-grid{grid-template-columns:1fr}.hero-art{max-width:760px}.cards{grid-template-columns:1fr 1fr}.aside{position:static}.cta-box{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.hero{padding:70px 0 82px}.hero h1,.page-hero h1{font-size:44px}.hero p{font-size:18px}.section{padding:66px 0}.cards{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.cta-box{padding:32px 24px}.cta-box h2{font-size:32px}}

.crm-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:stretch;margin-bottom:46px}.crm-summary{background:linear-gradient(145deg,#f7fffc,#eef7ff);border:1px solid var(--line);border-radius:28px;padding:34px}.crm-summary h2{margin-top:0}.crm-panel{background:var(--navy);color:#fff;border-radius:28px;padding:34px;position:relative;overflow:hidden}.crm-panel:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;bottom:-90px;background:rgba(22,199,154,.16)}.crm-panel h3{font-size:26px;margin:0 0 16px}.crm-panel p{color:#b8c8da}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-item{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;transition:.25s}.feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#a7d9cc}.feature-item .num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e9fbf6;color:#08785d;font-weight:800;margin-bottom:14px}.feature-item h3{margin:0 0 8px;font-size:21px}.feature-item p{margin:0;color:var(--muted)}.steps{display:grid;gap:18px;counter-reset:crmstep}.step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.step:before{counter-increment:crmstep;content:counter(crmstep);width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#2dd4bf);color:#06201a;font-weight:800;font-size:20px}.step h3{margin:2px 0 6px;font-size:21px}.step p{margin:0;color:var(--muted)}.enable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.enable-card{padding:26px;border-radius:22px;background:#0e1d33;border:1px solid rgba(255,255,255,.1)}.enable-card h3{margin:0 0 8px;color:#fff}.enable-card p{margin:0;color:#afc0d2}.workflow-strip{margin-top:28px;padding:24px;border-radius:22px;background:#effaf7;border:1px solid #b9eadc}.workflow-strip strong{color:#08785d}@media(max-width:980px){.crm-intro,.feature-grid,.enable-grid{grid-template-columns:1fr}}@media(max-width:640px){.crm-summary,.crm-panel{padding:26px 22px}.step{grid-template-columns:1fr}.step:before{width:46px;height:46px}}