:root{--text:#0e1726;--muted:#687586;--blue:#1688ff;--line:#e8edf2;--soft:#f6f9fc;--dark:#0c1726}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.header{height:78px;position:absolute;z-index:20;left:0;right:0}.nav{height:100%;display:flex;align-items:center;gap:52px}.brand{display:flex;align-items:center}.brand img{display:block;width:104px;height:auto;max-height:42px;object-fit:contain}nav{display:flex;gap:30px;font-size:12px;color:#536071}nav a:hover{color:var(--blue)}.nav-right{margin-left:auto;display:flex;gap:13px;align-items:center;font-size:11px}.nav-right b{font-weight:800}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 18px;border-radius:9px;font-size:12px;font-weight:800}.nav-cta{background:#101c2c;color:#fff}.menu{display:none;border:0;background:none;font-size:23px}.hero{padding:145px 0 65px;background:linear-gradient(115deg,#fff 42%,#f3f8fd);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:15px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d99a8;font-weight:800;margin-bottom:16px}.hero h1{font-size:66px;line-height:1.01;letter-spacing:-3.5px;margin:0 0 22px}.hero h1 span{color:var(--blue)}.lead{max-width:530px;color:#566374;font-size:15px;line-height:1.6}.actions{display:flex;gap:25px;align-items:center;margin-top:27px}.btn-dark{background:#111d2d;color:#fff}.btn-blue{background:var(--blue);color:#fff}.video-link{font-size:11px;font-weight:800}.video-link i{font-style:normal;display:inline-flex;width:37px;height:37px;border:1px solid #c7d1db;border-radius:50%;align-items:center;justify-content:center;margin-right:7px}.metrics{display:flex;gap:35px;margin-top:50px}.metrics div{display:flex;flex-direction:column;border-right:1px solid #dde4eb;padding-right:35px}.metrics div:last-child{border:0}.metrics strong{font-size:24px;color:var(--blue)}.metrics span{font-size:9px;color:#8290a0;margin-top:4px}.hero-visual{height:475px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:560px;height:460px;background:radial-gradient(circle,#cce9ff 0,transparent 66%);opacity:.65}.ui-window{position:relative;width:570px;border-radius:15px;background:#fff;border:1px solid #dfe7ef;box-shadow:0 35px 80px #18334c18;transform:rotate(-2deg);overflow:hidden}.ui-bar{height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf2;font-size:12px}.ui-bar span{color:#18a569;font-size:9px}.ui-layout{display:grid;grid-template-columns:125px 1fr;min-height:330px}.ui-layout aside{background:#101d2c;color:#fff;padding:20px 15px;display:flex;flex-direction:column;gap:16px;font-size:9px}.ui-layout aside b{font-size:12px;margin-bottom:10px}.ui-layout aside span{color:#aab7c6}.ui-main{padding:20px;background:#f7faff}.ui-title{display:flex;justify-content:space-between;margin-bottom:15px;font-size:13px}.ui-title small{font-size:9px;color:#8a97a6}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kanban>div{background:#eef3f8;border-radius:8px;padding:8px}.kanban label{font-size:8px;color:#7b8999}.kanban article{background:#fff;border-radius:7px;padding:10px;margin-top:8px;font-size:8px;line-height:1.5;border:1px solid #e6ebf0}.kanban article b{font-size:9px}.float-note{position:absolute;background:#fff;border:1px solid #e3eaf0;box-shadow:0 18px 35px #19334c12;border-radius:11px;padding:12px 15px;font-size:10px;display:flex;gap:8px;align-items:center}.float-note b{font-size:10px}.note-a{left:5px;bottom:45px;color:var(--blue)}.note-b{right:-5px;top:55px;color:#ffb400}.quiet-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.strip{display:flex;justify-content:space-between;color:#7d8997;font-weight:700;font-size:14px}.section{padding:105px 0}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:45px}.section h2{font-size:43px;line-height:1.08;letter-spacing:-2.3px;margin:0}.section-intro p{color:var(--muted);font-size:13px;line-height:1.6;max-width:500px}.tool-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.tool{min-height:145px;border:1px solid var(--line);border-radius:12px;padding:20px 15px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.tool:hover{transform:translateY(-4px);box-shadow:0 20px 45px #17324c10}.tool span{width:35px;height:35px;border-radius:9px;background:#eef7ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800}.tool b{font-size:12px}.tool small{font-size:9px;color:#8995a4}.ecosystem{background:#f8fbfe}.eco{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.eco-copy p{color:var(--muted);font-size:13px;line-height:1.6;max-width:440px;margin:22px 0 28px}.eco-map{height:390px;position:relative}.eco-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:115px;border-radius:50%;background:#fff;border:1px solid #dbe7f2;box-shadow:0 20px 50px #1688ff20;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--blue);z-index:2}.eco-core small{position:absolute;top:76px;font-size:7px;color:#8d99a7;font-weight:500}.eco-node{position:absolute;background:#fff;border:1px solid #e3eaf0;border-radius:10px;padding:12px 15px;font-size:11px;font-weight:800;box-shadow:0 10px 25px #19334c0c}.eco-node small{display:block;font-size:8px;color:#8a96a5;font-weight:500;margin-top:3px}.e1{left:3%;top:8%}.e2{right:3%;top:8%}.e3{right:2%;bottom:7%}.e4{left:3%;bottom:7%}.e5{left:38%;bottom:0}.e6{left:38%;top:0}.case-feature{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfdff}.case-feature-copy{padding:45px}.case-label,.case-tag{display:inline-block;font-size:9px;color:var(--blue);background:#eef7ff;padding:6px 9px;border-radius:20px;font-weight:800}.case-feature h3{font-size:27px;margin:22px 0 8px}.case-feature h4{font-size:18px;margin:0 0 15px}.case-feature p,.case-card p{font-size:11px;color:var(--muted);line-height:1.6}.result-row{display:flex;gap:35px;margin:25px 0}.result-row div{display:flex;flex-direction:column}.result-row b{font-size:22px;color:var(--blue)}.result-row small{font-size:8px;color:#7d8997;margin-top:3px}.case-feature-copy>a,.case-card span{font-size:10px;color:var(--blue);font-weight:800}.case-screen{padding:45px 35px;background:linear-gradient(135deg,#edf6ff,#f8fbfd);display:flex;align-items:center}.screen-top{width:100%;height:40px;background:#182534;color:#fff;border-radius:8px 8px 0 0;padding:12px;font-size:9px}.screen-top span{float:right;color:#94a5b7}.screen-body{width:100%;height:260px;background:#fff;border-radius:0 0 8px 8px;padding:25px}.mini-chart{height:100px;border-bottom:2px solid var(--blue);background:linear-gradient(155deg,transparent 55%,#dcefff 56%,transparent 58%)}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.mini-cards i{height:55px;border-radius:7px;background:#f2f6fa}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.case-card{padding:25px;border:1px solid var(--line);border-radius:14px;min-height:255px;transition:.25s}.case-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #17324c10}.case-card small{display:block;font-size:9px;color:#7d8997;margin-top:17px}.case-card h3{font-size:17px;line-height:1.3;margin:9px 0}.case-card p{min-height:70px}.mini-cases{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-case{display:grid;grid-template-columns:120px 1fr 25px;align-items:center;gap:12px;border:1px solid var(--line);padding:17px;border-radius:11px}.mini-case small{font-size:9px;color:#7d8997}.mini-case b{font-size:11px}.mini-case span{color:var(--blue)}.process{background:#f8fafc}.timeline{border-top:1px solid #d8e0e8}.timeline-item{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid #d8e0e8}.timeline-item>span{font-size:12px;color:var(--blue);font-weight:800}.timeline-item h3{font-size:16px;margin:0 0 8px}.timeline-item h3 em{font-style:normal;color:#9aa5b2;font-size:10px;margin-left:8px;font-weight:600}.timeline-item p{font-size:11px;color:var(--muted);line-height:1.55;margin:0;max-width:820px}.founder{padding-top:80px}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.founder-photo{position:relative;height:530px;overflow:hidden;border-radius:16px;background:#eef4f8}.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.92)}.photo-caption{position:absolute;bottom:20px;left:20px;background:#fff;padding:10px 14px;border-radius:9px;font-size:9px;font-weight:800;box-shadow:0 12px 25px #17324c15}.founder-copy p{font-size:14px;line-height:1.7;color:var(--muted);max-width:520px}.founder-copy blockquote{margin:30px 0;padding:20px 0 20px 25px;border-left:2px solid var(--blue);font-size:16px;line-height:1.6;max-width:530px}.founder-name{display:flex;flex-direction:column;gap:4px}.founder-name b{font-size:13px}.founder-name span{font-size:9px;color:#8793a2}.cta{padding:75px 0;background:#0b1726;color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.cta .eyebrow{color:#91a0b2}.cta h2{font-size:41px;line-height:1.1;letter-spacing:-1.8px;margin:0}.cta p{color:#aab6c5;font-size:12px}.footer{padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid b{font-size:11px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:10px;color:#758191;line-height:1.6}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;font-size:9px;color:#9aa4af}.case-hero{padding:150px 0 90px;background:linear-gradient(115deg,#f5faff,#fff)}.back{font-size:10px;color:var(--blue);font-weight:800;display:inline-block;margin-bottom:50px}.case-hero h1{font-size:58px;letter-spacing:-2.7px;line-height:1.05;max-width:850px;margin:0 0 20px}.case-hero p{font-size:15px;color:var(--muted);line-height:1.6;max-width:700px}.case-system{margin-top:25px;font-size:10px;color:#6f7c8c}.result-row.big{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:70px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.detail-grid h2{font-size:34px}.clean{list-style:none;padding:0}.clean li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.clean li:before{content:'✓';color:var(--blue);font-weight:800;margin-right:10px}.arch{padding:30px;border-radius:12px;background:#f5f9fd;font-size:13px;font-weight:800}.note{font-size:10px;color:#8793a1;line-height:1.6;margin-top:20px}.quote-section{padding:70px 0;background:#f8fafc}.quote-section blockquote{max-width:850px;margin:0;font-size:22px;line-height:1.5}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.1s}@media(max-width:950px){nav,.nav-right{display:none}.menu{display:block;margin-left:auto}.hero-grid,.eco,.founder-grid,.detail-grid{grid-template-columns:1fr}.hero h1{font-size:52px}.hero-visual{height:390px}.tool-row{grid-template-columns:repeat(4,1fr)}.case-feature{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.section-intro{grid-template-columns:1fr;gap:15px}.cta-inner{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:calc(100% - 30px)}.hero{padding-top:115px}.hero h1{font-size:43px}.lead{font-size:14px}.metrics{gap:14px}.metrics div{padding-right:13px}.metrics strong{font-size:19px}.metrics span{font-size:8px}.hero-visual{height:315px}.ui-window{width:360px}.ui-layout{grid-template-columns:85px 1fr;min-height:220px}.ui-layout aside{padding:12px 9px;gap:10px}.ui-layout aside span{font-size:7px}.ui-main{padding:12px}.kanban article{padding:6px;font-size:6px}.float-note{font-size:8px;padding:8px}.note-a{left:0}.note-b{right:0}.strip{overflow:auto;gap:28px;justify-content:flex-start;font-size:12px}.section{padding:70px 0}.section h2{font-size:34px}.tool-row{grid-template-columns:1fr 1fr}.case-feature-copy{padding:28px}.case-screen{padding:20px}.case-grid,.mini-cases{grid-template-columns:1fr}.timeline-item{grid-template-columns:45px 1fr;gap:12px}.timeline-item h3{font-size:14px}.timeline-item h3 em{display:block;margin:4px 0 0}.founder-photo{height:390px}.cta h2{font-size:33px}.cta-inner{display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.case-hero{padding-top:115px}.case-hero h1{font-size:40px}.result-row{gap:18px;flex-wrap:wrap}.detail-grid{gap:45px}}
.lab{background:#fff}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lab-item{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:.25s}.lab-item:hover{transform:translateY(-4px);box-shadow:0 20px 45px #17324c10}.lab-item img{width:100%;height:190px;object-fit:cover;display:block;background:#f5f8fb}.lab-item div{padding:22px}.lab-item small{font-size:8px;letter-spacing:1.4px;color:#8b98a7;font-weight:800}.lab-item h3{font-size:16px;margin:8px 0}.lab-item p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.real-shot{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #17324c16;border:1px solid #e1e8ef}.real-shot img{width:100%;display:block}.real-shot span{display:block;padding:12px 15px;font-size:9px;color:#7b8796}.case-screen{padding:40px;background:linear-gradient(135deg,#edf6ff,#f8fbfd);display:flex;align-items:center}.founder-photo img{object-position:center center}
@media(max-width:950px){.lab-grid{grid-template-columns:1fr}.brand img{width:94px}}

/* ===== CRMka v7: wider layout + scroll-driven ecosystem ===== */
.container{width:min(1400px,calc(100% - 64px))}
.hero-grid{grid-template-columns:minmax(520px,.88fr) minmax(600px,1.12fr);gap:30px}
.hero{padding-bottom:78px}
.hero-visual{height:510px}
.ui-window{width:min(690px,100%)}
.tool-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.tool{min-height:180px;padding:23px 20px;border-radius:14px}
.tool span{width:42px;height:42px;border-radius:11px;font-size:15px}
.tool b{font-size:14px}
.tool small{font-size:10px}
.section{padding:125px 0}
.section-intro{margin-bottom:58px}
.section h2{font-size:50px}
.section-intro p{font-size:14px;max-width:570px}
.ecosystem{overflow:hidden;background:#f7fbff}
.eco{grid-template-columns:.72fr 1.28fr;gap:60px;min-height:620px}
.eco-copy{position:relative;z-index:4}
.eco-copy p{font-size:14px;max-width:490px}
.eco-scroll-hint{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:10px;color:#8a97a6;opacity:.9}
.eco-scroll-hint span{width:30px;height:1px;background:var(--blue);position:relative}
.eco-scroll-hint span:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.eco-map{height:520px;position:relative;isolation:isolate}
.eco-map:before{content:'';position:absolute;inset:40px 30px;background:radial-gradient(circle at 50% 50%,#dceeff 0,rgba(220,238,255,.48) 20%,transparent 58%);filter:blur(8px);z-index:-2}
.eco-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(22,136,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,136,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000 0,transparent 72%);z-index:-1}
.eco-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit{fill:none;stroke:#c9e2fa;stroke-width:1;stroke-dasharray:3 9;transform-origin:380px 260px;opacity:.9}
.orbit-1{transform:rotate(-8deg)}
.orbit-2{transform:rotate(12deg);stroke:#d8eafb}
.flow{fill:none;stroke:#a9d3fa;stroke-width:1.2;stroke-dasharray:5 10;opacity:.7}
.packet{fill:var(--blue);filter:drop-shadow(0 0 7px rgba(22,136,255,.45));opacity:0}
.eco-core{width:138px;height:138px;box-shadow:0 0 0 14px rgba(255,255,255,.72),0 22px 65px rgba(22,136,255,.2);font-size:23px;transform:translate(-50%,-50%) scale(var(--core-scale,1));transition:box-shadow .3s,transform .25s;}
.eco-core span{margin-top:-8px}.eco-core small{top:87px;font-size:8px}
.eco-node{padding:15px 18px;border-radius:12px;font-size:12px;box-shadow:0 16px 38px rgba(25,51,76,.09);transition:transform .35s,box-shadow .35s,border-color .35s,opacity .35s}
.eco-node small{font-size:9px}
.eco-node.is-active{border-color:#a7d2f8;box-shadow:0 18px 42px rgba(22,136,255,.14);transform:translateY(-5px) scale(1.03)}
.e1{left:3%;top:8%}.e2{right:3%;top:8%}.e3{right:2%;bottom:7%}.e4{left:3%;bottom:7%}.e5{left:37%;bottom:0}.e6{left:37%;top:0}
.eco-status{position:absolute;right:4%;top:45%;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid #e2ebf4;box-shadow:0 10px 30px rgba(25,51,76,.07);font-size:8px;color:#8390a0;backdrop-filter:blur(8px)}
.eco-status i{width:6px;height:6px;border-radius:50%;background:#b9c4ce}.eco-status b{font-weight:700;color:#5f6d7c}
.eco-status.live i{background:#2bc77d;box-shadow:0 0 0 4px rgba(43,199,125,.1)}.eco-status.live b{color:var(--blue)}
.case-feature{grid-template-columns:.82fr 1.18fr}
.case-screen{padding:48px}
.lab-grid{gap:18px}.lab-item img{height:220px}
.founder-grid{grid-template-columns:1fr 1fr}
@media(max-width:1200px){.container{width:min(1160px,calc(100% - 48px))}.hero-grid{grid-template-columns:1fr 1fr}.tool-row{grid-template-columns:repeat(4,1fr)}.eco{grid-template-columns:.85fr 1.15fr;gap:30px}.eco-map{height:470px}}
@media(max-width:950px){.container{width:calc(100% - 40px)}.hero-grid{grid-template-columns:1fr}.hero-visual{height:440px}.eco{grid-template-columns:1fr}.eco-map{height:520px;margin-top:10px}.tool-row{grid-template-columns:repeat(4,1fr)}.section h2{font-size:43px}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.section{padding:85px 0}.section h2{font-size:35px}.tool-row{grid-template-columns:1fr 1fr;gap:10px}.tool{min-height:155px;padding:17px}.tool b{font-size:12px}.tool small{font-size:9px}.eco-map{height:410px;margin-left:-10px;margin-right:-10px}.eco-core{width:104px;height:104px;font-size:18px}.eco-core small{top:65px}.eco-node{padding:10px 11px;font-size:9px}.eco-node small{font-size:7px}.e5,.e6{left:35%}.eco-status{right:1%;font-size:7px}.orbit{stroke-width:.8}.flow{stroke-width:1}.case-screen{padding:20px}}
@media(max-width:950px){
  header nav.mobile-open{display:flex;position:absolute;left:20px;right:20px;top:70px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(16,29,44,.12);flex-direction:column;gap:16px}
}

/* ===== CRMka v8: scale, detail and living ecosystem ===== */
.container{width:min(1480px,calc(100% - 72px))}
.section{padding:135px 0}
.section-intro{margin-bottom:64px}
.section h2{font-size:54px;letter-spacing:-2.7px}
.section-intro p{font-size:15px}

/* Hero dashboard — more information, still restrained */
.hero-visual{height:540px}
.ui-window{width:min(760px,100%);box-shadow:0 40px 90px rgba(24,51,76,.12)}
.ui-layout{min-height:370px}
.ui-main{padding:22px 24px 18px}
.ui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
.ui-kpis>div{padding:10px 12px;border:1px solid #e5ebf1;border-radius:8px;background:#fff}
.ui-kpis small{display:block;font-size:7px;color:#8995a4;margin-bottom:3px}
.ui-kpis b{display:block;font-size:12px}
.ui-kpis span{display:block;font-size:7px;color:#7d8997;margin-top:3px}
.kanban article i{display:block;font-style:normal;font-size:6px;color:#7f8c9a;margin-top:4px}
.ui-feed{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.ui-feed span{padding:5px 7px;border-radius:999px;background:#edf7ff;color:#58708a;font-size:6px}
.ui-feed i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--blue);margin-right:4px}
.hero-data-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:11px 13px;background:rgba(255,255,255,.94);border:1px solid #e0e8ef;border-radius:11px;box-shadow:0 18px 40px rgba(25,51,76,.1);font-size:8px;color:#788695;backdrop-filter:blur(8px)}
.hero-data-chip i{font-style:normal;color:var(--blue);font-size:12px}
.hero-data-chip b{font-size:9px;color:var(--text)}
.chip-a{right:-4px;bottom:62px}
.chip-b{right:55px;top:38px}

/* Tools: larger reading scale + more breathing room */
.tool-row{gap:16px}
.tool{min-height:205px;padding:25px 22px;border-radius:15px}
.tool span{width:46px;height:46px;border-radius:12px;font-size:17px}
.tool b{font-size:15px}
.tool small{font-size:11px;line-height:1.45}

/* Ecosystem: tall stage, autonomous satellites, mouse influence and canvas data trails */
.ecosystem{padding:150px 0;background:linear-gradient(180deg,#f7fbff 0%,#f5faff 100%)}
.eco{grid-template-columns:.72fr 1.28fr;gap:55px;min-height:760px}
.eco-copy{align-self:center}
.eco-copy h2{max-width:520px}
.eco-copy p{font-size:15px;max-width:500px}
.eco-scroll-hint{display:none}
.eco-map{height:700px;position:relative;isolation:isolate;overflow:visible}
.eco-map:before{inset:70px 35px;background:radial-gradient(circle at 50% 50%,rgba(196,228,255,.78) 0,rgba(220,238,255,.42) 23%,transparent 62%);filter:blur(12px)}
.eco-grid{opacity:.55;background-size:60px 60px;mask-image:radial-gradient(circle at center,#000 0,transparent 68%)}
.eco-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.eco-orbit{position:absolute;left:50%;top:50%;border:1px dashed #c9e3fa;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:.9}
.eco-orbit.orbit-1{width:590px;height:410px;transform:translate(-50%,-50%) rotate(-9deg)}
.eco-orbit.orbit-2{width:430px;height:285px;transform:translate(-50%,-50%) rotate(14deg);border-color:#d7eafa}
.eco-core{width:150px;height:150px;font-size:24px;z-index:4;box-shadow:0 0 0 18px rgba(255,255,255,.62),0 25px 75px rgba(22,136,255,.23)}
.eco-core:after{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(22,136,255,.18);animation:corePulse 2.8s ease-in-out infinite}
.eco-core small{top:95px;font-size:8px}
.eco-node{left:50%;top:50%;min-width:112px;padding:11px 14px;border-radius:10px;font-size:11px;z-index:5;will-change:transform;transition:box-shadow .25s,border-color .25s}
.eco-node small{font-size:8px}
.eco-node.is-active{border-color:#9cccf8;box-shadow:0 15px 38px rgba(22,136,255,.17)}
.eco-status{right:1%;top:50%;z-index:6;font-size:8px}

@keyframes corePulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}

/* Cases / lab / footer: slightly larger supporting text */
.case-feature-copy{padding:52px}
.case-feature p,.case-card p{font-size:12px}
.case-card{min-height:280px;padding:29px}
.case-card small{font-size:10px}
.case-card span,.case-feature-copy>a{font-size:11px}
.mini-case{padding:20px}
.mini-case small{font-size:10px}
.mini-case b{font-size:12px}
.lab-item div{padding:25px}
.lab-item p{font-size:11px}
.lab-item small{font-size:9px}
.footer{padding-top:70px}
.footer-grid a,.footer-grid span,.footer-grid p{font-size:11px}
.footer-grid b{font-size:12px}
.copyright{font-size:10px}

/* Scroll reveal feels more intentional across the page */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
.tool.reveal:nth-child(2),.case-card.reveal:nth-child(2),.lab-item.reveal:nth-child(2){transition-delay:.07s}
.tool.reveal:nth-child(3),.case-card.reveal:nth-child(3),.lab-item.reveal:nth-child(3){transition-delay:.14s}
.tool.reveal:nth-child(4){transition-delay:.21s}.tool.reveal:nth-child(5){transition-delay:.28s}.tool.reveal:nth-child(6){transition-delay:.35s}.tool.reveal:nth-child(7){transition-delay:.42s}

@media(max-width:1200px){
 .container{width:min(1160px,calc(100% - 48px))}
 .hero-grid{grid-template-columns:1fr 1fr}
 .tool-row{grid-template-columns:repeat(4,1fr)}
 .eco{grid-template-columns:.8fr 1.2fr;gap:30px}
 .eco-map{height:650px}
 .eco-orbit.orbit-1{width:530px;height:370px}.eco-orbit.orbit-2{width:380px;height:250px}
}
@media(max-width:950px){
 .container{width:calc(100% - 40px)}
 .hero-grid,.eco{grid-template-columns:1fr}
 .hero-visual{height:450px;margin-top:10px}
 .tool-row{grid-template-columns:repeat(2,1fr)}
 .eco{min-height:0}
 .eco-map{height:620px;margin-top:25px}
 .section h2{font-size:45px}
 .eco-orbit.orbit-1{width:520px;height:350px}.eco-orbit.orbit-2{width:370px;height:245px}
}
@media(max-width:600px){
 .container{width:calc(100% - 30px)}
 .section{padding:85px 0}.ecosystem{padding:95px 0}
 .section h2{font-size:35px}.section-intro{margin-bottom:40px}
 .tool-row{grid-template-columns:1fr 1fr;gap:11px}.tool{min-height:175px;padding:18px 16px}.tool b{font-size:13px}.tool small{font-size:10px}
 .hero-visual{height:330px}.ui-window{width:100%}.ui-kpis{gap:4px}.ui-kpis>div{padding:7px}.ui-kpis b{font-size:9px}.ui-kpis span{font-size:6px}
 .ui-feed{display:none}.hero-data-chip{padding:8px 10px}.chip-a{right:-4px;bottom:34px}.chip-b{right:15px;top:15px}
 .eco-map{height:500px;margin-left:-15px;margin-right:-15px}.eco-core{width:105px;height:105px;font-size:18px}.eco-core small{top:67px}.eco-core:after{inset:-7px}
 .eco-orbit.orbit-1{width:370px;height:270px}.eco-orbit.orbit-2{width:285px;height:190px}
 .eco-node{min-width:90px;padding:8px 9px;font-size:9px}.eco-node small{font-size:7px}.eco-status{right:2%;font-size:7px}
 .case-feature-copy{padding:30px}.case-card{min-height:250px}.footer{padding-top:50px}
}

/* ===== CRMka v9 ===== */
:root{--blue:#1688ff}

/* Give the wide desktop layout a little more visual weight without losing the air. */
#solutions{padding-top:118px;padding-bottom:78px}
#solutions .section-intro{margin-bottom:48px}
#solutions .tool-row{gap:18px}
#solutions .tool{min-height:225px;padding:28px 24px;border-radius:16px}
#solutions .tool span{width:52px;height:52px;border-radius:13px;font-size:19px}
#solutions .tool b{font-size:17px}
#solutions .tool small{font-size:12px;line-height:1.5}

/* The ecosystem is a larger stage: fewer dead zones, more presence. */
.ecosystem{padding-top:88px;padding-bottom:112px}
.eco{min-height:820px;grid-template-columns:.68fr 1.32fr;gap:34px}
.eco-copy{padding-top:5px}
.eco-map{height:790px;margin-right:-30px}
.eco-map:before{inset:75px 15px;background:radial-gradient(circle at 50% 50%,rgba(196,228,255,.88) 0,rgba(220,238,255,.48) 25%,transparent 64%);filter:blur(14px)}
.eco-orbit.orbit-1{width:690px;height:475px;transform:translate(-50%,-50%) rotate(-9deg)}
.eco-orbit.orbit-2{width:505px;height:335px;transform:translate(-50%,-50%) rotate(14deg)}
.eco-core{width:170px;height:170px;font-size:27px;box-shadow:0 0 0 20px rgba(255,255,255,.72),0 28px 85px rgba(22,136,255,.24)}
.eco-core small{top:108px;font-size:9px}
.eco-node{min-width:118px;padding:12px 15px;font-size:12px;border-radius:11px;box-shadow:0 18px 42px rgba(25,51,76,.10)}
.eco-node small{font-size:8px}
.eco-node.is-active{transform:translate(-50%,-50%) scale(1.035)}
.eco-status{right:-1%;top:50%;font-size:8px}

/* Scroll-driven process: a horizontal vector line, pinned while the seven steps are revealed. */
.process{padding:0;background:#f8fafc}
.process-scroll{height:340vh;position:relative}
.process-sticky{position:sticky;top:0;height:100vh;min-height:700px;overflow:hidden;display:flex;align-items:center}
.process-inner{width:min(1480px,calc(100% - 72px));height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}
.process-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:74px}
.process-head h2{font-size:54px;line-height:1.02;letter-spacing:-2.7px;margin:0}
.process-head p{font-size:15px;line-height:1.6;color:var(--muted);max-width:540px;margin:0 0 3px}
.process-track{height:360px;position:relative;margin-top:0}
.process-vector{position:absolute;left:2.2%;right:2.2%;top:75px;height:2px;background:#dbe4ed;overflow:visible}
.process-vector:before{content:'';position:absolute;inset:-3px 0;border-top:1px dashed rgba(22,136,255,.12)}
.process-progress{position:absolute;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#1688ff,#70b9ff);box-shadow:0 0 13px rgba(22,136,255,.28);transition:width .12s linear}
.process-step{position:absolute;top:0;width:13%;min-width:145px;transform:translateX(-50%);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.process-step[data-process-step="0"]{left:2.2%}.process-step[data-process-step="1"]{left:18.1%}.process-step[data-process-step="2"]{left:34%}.process-step[data-process-step="3"]{left:50%}.process-step[data-process-step="4"]{left:66%}.process-step[data-process-step="5"]{left:81.9%}.process-step[data-process-step="6"]{left:97.8%}
.process-dot{position:absolute;left:50%;top:65px;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#f8fafc;border:2px solid #ccd9e6;display:flex;align-items:center;justify-content:center;z-index:3;transition:.5s}
.process-dot:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#c9d6e2;transition:.5s}
.process-dot span{position:absolute;top:-28px;font-size:10px;color:#9aa8b6;font-weight:800;opacity:.7;transition:.5s}
.process-step-copy{padding:122px 8px 0;text-align:left;transition:opacity .5s,transform .6s}
.process-step-copy h3{font-size:16px;line-height:1.3;margin:0 0 5px}
.process-step-copy em{font-style:normal;font-size:10px;color:#8e9aa8;font-weight:700}
.process-step-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:10px 0 0;max-width:210px}
.process-step.future{opacity:.14;transform:translateX(-50%) translateY(10px)}
.process-step.future .process-step-copy{opacity:0;transform:translateY(16px)}
.process-step.passed{opacity:.58}
.process-step.passed .process-dot{border-color:#8ec7fb;background:#edf7ff}
.process-step.passed .process-dot:after{background:#1688ff}
.process-step.active{opacity:1;transform:translateX(-50%) translateY(-4px)}
.process-step.active .process-dot{width:30px;height:30px;border-color:#1688ff;background:#fff;box-shadow:0 0 0 9px rgba(22,136,255,.10),0 8px 24px rgba(22,136,255,.16)}
.process-step.active .process-dot:after{width:9px;height:9px;background:#1688ff;box-shadow:0 0 12px rgba(22,136,255,.6)}
.process-step.active .process-dot span{color:#1688ff;opacity:1}
.process-step.active .process-step-copy{transform:translateY(0)}
.process-counter{position:absolute;right:0;bottom:44px;display:flex;align-items:baseline;gap:4px;color:#8e9baa}
.process-counter strong{font-size:22px;color:#1688ff}
.process-counter span{font-size:12px}.process-counter small{margin-left:14px;font-size:9px;letter-spacing:.4px}

/* Founder visual: more editorial, less like a plain portrait card. */
.founder-photo.founder-concept{height:570px;background:#eaf2f8;border-radius:20px;box-shadow:0 28px 70px rgba(25,51,76,.10)}
.founder-concept img{object-position:center center;filter:saturate(.88) contrast(1.02)}
.founder-concept:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,43,.18),transparent 45%,rgba(22,136,255,.06));pointer-events:none}
.founder-overlay{position:absolute;top:24px;right:24px;z-index:2;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(15,35,55,.12)}
.founder-overlay span{font-size:14px;color:#1688ff;font-weight:900;letter-spacing:-.4px}.founder-overlay b{font-size:8px;color:#748293;text-transform:uppercase;letter-spacing:1.2px}.founder-overlay i{width:46px;height:1px;background:#1688ff;opacity:.35;margin-top:3px}

@media(max-width:1200px){
  #solutions{padding-bottom:70px}.eco{grid-template-columns:.72fr 1.28fr}.eco-map{height:690px;margin-right:0}.eco-orbit.orbit-1{width:580px;height:395px}.eco-orbit.orbit-2{width:430px;height:285px}
  .process-inner{width:min(1160px,calc(100% - 48px))}.process-head{margin-bottom:58px}.process-track{height:340px}.process-step{min-width:125px}.process-step-copy h3{font-size:14px}.process-step-copy p{font-size:10px}
}
@media(max-width:950px){
  #solutions{padding-top:90px;padding-bottom:60px}.ecosystem{padding-top:75px}.eco{grid-template-columns:1fr;min-height:0}.eco-map{height:620px;margin-top:0}.eco-orbit.orbit-1{width:520px;height:350px}.eco-orbit.orbit-2{width:370px;height:245px}
  .process-scroll{height:360vh}.process-sticky{min-height:650px}.process-head{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.process-head h2{font-size:45px}.process-head p{font-size:14px}.process-track{height:390px;overflow:visible}.process-vector{left:4%;right:4%;top:64px}.process-step{min-width:90px;width:12%;}.process-step-copy{padding-top:105px}.process-step-copy h3{font-size:12px}.process-step-copy em{font-size:8px}.process-step-copy p{font-size:9px;max-width:110px}.process-counter{bottom:28px}
  .founder-photo.founder-concept{height:480px}
}
@media(max-width:600px){
  #solutions{padding-top:75px;padding-bottom:45px}.tool-row{gap:12px}.tool{min-height:185px;padding:19px 17px}.tool span{width:43px;height:43px;font-size:16px}.tool b{font-size:14px}.tool small{font-size:10px}
  .ecosystem{padding:65px 0 80px}.eco-map{height:500px;margin-left:-15px;margin-right:-15px}.eco-core{width:110px;height:110px;font-size:18px}.eco-core small{top:69px;font-size:7px}.eco-orbit.orbit-1{width:380px;height:275px}.eco-orbit.orbit-2{width:290px;height:195px}.eco-node{min-width:86px;padding:8px 9px;font-size:8px}.eco-node small{font-size:6.5px}
  .process-scroll{height:400vh}.process-sticky{min-height:620px}.process-inner{width:calc(100% - 30px)}.process-head{margin-bottom:28px}.process-head h2{font-size:35px}.process-head p{font-size:12px}.process-track{height:330px}.process-vector{left:5%;right:5%;top:50px}.process-step{min-width:43px;width:12%}.process-dot{top:40px;width:16px;height:16px}.process-dot:after{width:5px;height:5px}.process-dot span{top:-22px;font-size:7px}.process-step-copy{padding:82px 2px 0}.process-step-copy h3{font-size:9px;line-height:1.25}.process-step-copy em{font-size:6.5px}.process-step-copy p{font-size:7px;line-height:1.35;max-width:52px;margin-top:6px}.process-counter{right:0;bottom:18px}.process-counter strong{font-size:18px}.process-counter small{display:none}
  .founder-photo.founder-concept{height:390px;border-radius:16px}.founder-overlay{top:14px;right:14px;padding:9px 10px}.founder-overlay span{font-size:12px}.founder-overlay b{font-size:7px}.photo-caption{bottom:14px;left:14px}
}

/* ===== CRMka v10 ===== */
/* Hero: make the dashboard feel like a living business system. */
.hero .ui-window{overflow:hidden}
.hero .kanban article{will-change:opacity,transform}
.hero .kanban article.hero-card-out{opacity:0;transform:translateX(18px) scale(.97)}
.hero .kanban article.hero-card-in{animation:heroCardIn .65s cubic-bezier(.2,.75,.2,1) both}
@keyframes heroCardIn{from{opacity:0;transform:translateX(-18px) scale(.97)}to{opacity:1;transform:none}}
.hero .ui-feed span{transition:opacity .45s,transform .45s}
.hero .ui-feed span.flow-pulse{opacity:1;transform:translateX(3px)}
.float-note.note-c{left:3%;top:55%;animation:floatNoteC 5.5s ease-in-out infinite}
.float-note.note-d{right:3%;bottom:10%;animation:floatNoteD 6.5s ease-in-out infinite}
@keyframes floatNoteC{0%,100%{transform:translate3d(0,0,0);opacity:.82}50%{transform:translate3d(7px,-9px,0);opacity:1}}
@keyframes floatNoteD{0%,100%{transform:translate3d(0,0,0);opacity:.75}50%{transform:translate3d(-8px,7px,0);opacity:1}}

/* Client ecosystem: larger orbit field and a calmer, softer data flow. */
.eco-map{min-height:820px}
.eco-core{width:188px;height:188px;font-size:25px;z-index:5}
.eco-core span{max-width:125px;text-align:center;line-height:1.05}
.eco-core small{top:120px;width:125px;text-align:center;line-height:1.25}
.eco-orbit.orbit-1{width:760px;height:520px}
.eco-orbit.orbit-2{width:550px;height:365px}
.eco-node{min-width:126px;padding:13px 16px;font-size:12px;z-index:6}
.eco-node small{font-size:8.5px}
.eco-canvas{z-index:2}
.eco-status{z-index:7}
@media(min-width:1201px){
  .eco-map{margin-right:-55px}
}

/* Process: the progress is an arrow, not just a filling line. */
.process-vector{height:3px}
.process-progress{height:3px}
.process-arrow{position:absolute;left:0;top:50%;width:18px;height:18px;border-radius:50%;background:#1688ff;transform:translate(-50%,-50%);box-shadow:0 0 0 7px rgba(22,136,255,.10),0 0 22px rgba(22,136,255,.55);z-index:4;transition:left .12s linear}
.process-arrow:after{content:'';position:absolute;right:-4px;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #1688ff;transform:translateY(-50%)}
.process-spark{position:absolute;left:0;top:50%;width:42px;height:42px;border:1px solid rgba(22,136,255,.30);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.process-spark.pulse{animation:processSpark .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes processSpark{0%{opacity:.8;transform:translate(-50%,-50%) scale(.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}
.process-step.active .process-dot:before{content:'';position:absolute;inset:-12px;border:1px solid rgba(22,136,255,.22);border-radius:50%;animation:stepHalo 1.8s ease-out infinite}
@keyframes stepHalo{0%{opacity:.7;transform:scale(.72)}100%{opacity:0;transform:scale(1.35)}}
.process-step.active .process-step-copy h3{font-size:18px}
.process-step.active .process-step-copy p{font-size:12px}
.process-step-copy h3,.process-step-copy p{transition:font-size .45s,opacity .45s,transform .45s}

@media(max-width:1200px){
  .eco-map{min-height:700px}
  .eco-orbit.orbit-1{width:650px;height:445px}
  .eco-orbit.orbit-2{width:475px;height:315px}
  .eco-core{width:172px;height:172px}
}
@media(max-width:950px){
  .eco-map{min-height:650px}
  .eco-orbit.orbit-1{width:560px;height:375px}
  .eco-orbit.orbit-2{width:405px;height:270px}
  .eco-core{width:155px;height:155px;font-size:22px}
  .eco-core small{top:98px;width:110px;text-align:center;line-height:1.25}
  .process-step.active .process-step-copy h3{font-size:14px}
  .process-step.active .process-step-copy p{font-size:10px}
}
@media(max-width:600px){
  .eco-map{min-height:500px}
  .eco-orbit.orbit-1{width:410px;height:285px}
  .eco-orbit.orbit-2{width:310px;height:210px}
  .eco-core{width:120px;height:120px;font-size:17px}
  .eco-core small{top:76px;width:92px;font-size:7px;text-align:center;line-height:1.25}
  .eco-node{min-width:92px;padding:9px 10px;font-size:9px}
  .eco-node small{font-size:7px}
  .float-note.note-c,.float-note.note-d{display:none}
}

.hero .kanban.flow-tick{box-shadow:0 0 0 1px rgba(22,136,255,.10),0 8px 24px rgba(22,136,255,.05);}
.hero .kanban.flow-tick .ui-flow-glow{opacity:1}
.hero .kanban{transition:box-shadow .5s ease}

/* ===== CRMka v11 ===== */
/* Pain block: direct recognition, without turning the page into a list of generic pains. */
.pain-section{padding-top:90px;padding-bottom:105px;background:#fff}
.pain-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.pain-head h2{font-size:43px;line-height:1.08;letter-spacing:-1.8px;margin:0}
.pain-head>p{max-width:470px;margin:0 0 3px;color:var(--muted);font-size:13px;line-height:1.65}
.pain-list{border-top:1px solid var(--line)}
.pain-item{display:grid;grid-template-columns:55px minmax(250px,1fr) minmax(280px,1.15fr);gap:25px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}
.pain-item>span{font-size:10px;color:#9aa6b4;font-weight:800;padding-top:2px}
.pain-item>b{font-size:15px;line-height:1.35}
.pain-item p{margin:0;color:#788594;font-size:11px;line-height:1.6;max-width:480px}
.pain-close{margin-top:38px;color:#637181;font-size:13px;line-height:1.6}
.pain-close strong{color:var(--text);font-size:16px}

/* Long-term relationship block: reinforces recurring partnership without looking like a pricing section. */
.long-term{background:#f7faff;padding-top:95px;padding-bottom:105px}
.long-term-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.long-term-copy h2{font-size:43px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 20px}
.long-term-copy p{max-width:560px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.long-term-points{border-top:1px solid #dfe9f2}
.long-term-point{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #dfe9f2}
.long-term-point>span{font-size:9px;color:var(--blue);font-weight:900;padding-top:2px}
.long-term-point b{display:block;font-size:13px;margin-bottom:5px}
.long-term-point small{display:block;color:#7c8998;font-size:10px;line-height:1.5}

/* Contact modal */
body.modal-open{overflow:hidden}
.contact-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.contact-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.contact-backdrop{position:absolute;inset:0;background:rgba(8,20,34,.48);backdrop-filter:blur(7px)}
.contact-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:36px 38px 32px;box-shadow:0 35px 100px rgba(12,31,50,.24);transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.contact-modal.is-open .contact-dialog{transform:none}
.contact-close{position:absolute;right:18px;top:15px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f6f9;color:#566474;font-size:23px;line-height:1;cursor:pointer}
.contact-dialog h2{font-size:34px;line-height:1.08;letter-spacing:-1.4px;margin:0 0 13px}
.contact-dialog>p{margin:0 0 24px;max-width:470px;color:var(--muted);font-size:11px;line-height:1.6}
.contact-form{display:grid;gap:13px}
.contact-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#5f6c7c}
.contact-form label small{font-weight:500;color:#9aa5b2}
.contact-form input:not(.contact-hp),.contact-form textarea{width:100%;border:1px solid #dce4ec;border-radius:9px;background:#fbfdff;color:var(--text);font:inherit;font-size:12px;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form textarea{resize:vertical;min-height:90px;line-height:1.45}
.contact-form input:not(.contact-hp):focus,.contact-form textarea:focus{border-color:#9fcdf7;background:#fff;box-shadow:0 0 0 3px rgba(22,136,255,.08)}
.contact-form .btn{width:100%;border:0;cursor:pointer;margin-top:4px}
.contact-form .btn:disabled{opacity:.65;cursor:wait}
.contact-form .btn.is-loading{position:relative}
.form-status{min-height:16px;font-size:10px;color:#738091;line-height:1.4}
.form-status.success{color:#16875c}.form-status.error{color:#c24f55}
.form-note{color:#9aa5b2;font-size:8px;line-height:1.45}
.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

@media(max-width:950px){
  .pain-head,.long-term-inner{grid-template-columns:1fr;gap:25px}
  .pain-item{grid-template-columns:45px 1fr;gap:16px}
  .pain-item p{grid-column:2}
  .long-term-inner{gap:45px}
}
@media(max-width:600px){
  .pain-section{padding:70px 0 75px}
  .pain-head h2,.long-term-copy h2{font-size:34px}
  .pain-item{grid-template-columns:35px 1fr;gap:11px;padding:19px 0}
  .pain-item>b{font-size:13px}
  .pain-item p{font-size:10px}
  .pain-close{margin-top:28px;font-size:11px}
  .pain-close strong{font-size:14px}
  .long-term{padding:70px 0 78px}
  .contact-modal{padding:12px}
  .contact-dialog{padding:29px 20px 24px;border-radius:15px;max-height:calc(100vh - 24px)}
  .contact-dialog h2{font-size:28px}
  .contact-dialog>p{font-size:10px}
}

/* ===== CRMka v12 polish ===== */
/* The process line now visually reaches the final stage; the arrow continues a little beyond 07. */
.process-vector{right:0}

/* Supporting copy: slightly stronger contrast and a touch more size for comfortable reading. */
.case-feature p,.case-card p{font-size:12.5px;color:#718092}
.case-card small,.mini-case small,.result-row small{font-size:10px;color:#718092}
.mini-case b{font-size:12px}
.lab-item p{font-size:11.5px;color:#718092}
.footer-grid a,.footer-grid span,.footer-grid p{font-size:11px;color:#6f7d8d}
.copyright{font-size:10px;color:#8793a1}
.long-term-copy p{font-size:13.5px}
.long-term-point small{font-size:10.5px;color:#718092}

@media(max-width:950px){
  .case-feature p,.case-card p{font-size:12px}
  .lab-item p{font-size:11px}
  .long-term-copy p{font-size:13px}
}
@media(max-width:600px){
  .case-feature p,.case-card p{font-size:10.5px}
  .lab-item p{font-size:10.5px}
  .long-term-copy p{font-size:11.5px}
  .long-term-point small{font-size:9.5px}
}


/* ===== CRMka v17: mobile process + founder layout ===== */
/* Desktop geometry is intentionally untouched. Phones use a natural vertical timeline. */
@media(max-width:600px){
  html,body{overflow-x:hidden}
  /* Mobile timeline uses active markers; the desktop arrow is intentionally hidden. */
  .process-arrow{display:none!important}

  /* Process: natural document flow on mobile. The desktop sticky animation is not used. */
  .process-scroll{
    height:auto!important;
    position:relative;
  }
  .process-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    display:block!important;
    padding:70px 0 80px;
  }
  .process-inner{
    width:calc(100% - 30px)!important;
    height:auto!important;
    display:block!important;
  }
  .process-head{margin-bottom:42px}
  .process-head h2{font-size:35px}
  .process-head p{font-size:12px;line-height:1.55}

  .process-track{
    height:auto!important;
    margin:0!important;
    padding:0 0 0 54px;
    position:relative;
    overflow:visible!important;
  }
  .process-vector{
    position:absolute!important;
    left:17px!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:3px!important;
    height:auto!important;
    background:#dbe4ed!important;
    overflow:visible!important;
    border-radius:3px;
  }
  .process-vector:before{
    inset:0!important;
    border-top:0!important;
    border-left:1px dashed rgba(22,136,255,.12)!important;
  }
  .process-progress{
    left:0!important;
    top:0!important;
    width:3px!important;
    height:0!important;
    background:linear-gradient(180deg,#1688ff,#70b9ff)!important;
    box-shadow:0 0 13px rgba(22,136,255,.28);
  }
  .process-arrow{
    left:0!important;
    top:0!important;
    width:18px!important;
    height:18px!important;
    transform:translate(-50%,-50%)!important;
    transition:top .18s linear!important;
  }
  .process-arrow:after{
    right:auto!important;
    left:50%!important;
    top:auto!important;
    bottom:-5px!important;
    border-top:7px solid #1688ff!important;
    border-right:5px solid transparent!important;
    border-left:5px solid transparent!important;
    border-bottom:0!important;
    transform:translateX(-50%)!important;
  }
  .process-spark{left:0!important;top:0!important}

  .process-step,
  .process-step[data-process-step="0"],
  .process-step[data-process-step="1"],
  .process-step[data-process-step="2"],
  .process-step[data-process-step="3"],
  .process-step[data-process-step="4"],
  .process-step[data-process-step="5"],
  .process-step[data-process-step="6"]{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    transform:none!important;
    opacity:.34;
    padding:0 0 48px;
    transition:opacity .45s ease,transform .45s ease;
  }
  .process-step:last-child{padding-bottom:8px}

  .process-dot{
    position:absolute!important;
    left:-37px!important;
    top:7px!important;
    width:16px!important;
    height:16px!important;
    transform:translate(-50%,-50%)!important;
    z-index:4;
  }
  .process-dot:after{width:5px!important;height:5px!important}
  .process-dot span{top:-21px!important;font-size:7px!important}

  .process-step-copy{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    padding:0!important;
    text-align:left!important;
    transform:none!important;
    opacity:1!important;
  }
  .process-step-copy h3{font-size:17px!important;line-height:1.25!important;margin:0 0 6px!important}
  .process-step-copy em{font-size:9px!important}
  .process-step-copy p{font-size:11px!important;line-height:1.5!important;max-width:100%!important;margin:9px 0 0!important}

  .process-step.future,.process-step.passed{opacity:.34}
  .process-step.active{
    opacity:1!important;
    transform:translateX(3px)!important;
  }
  .process-step.active .process-dot{
    width:25px!important;
    height:25px!important;
    border-color:#1688ff!important;
    background:#fff!important;
    box-shadow:0 0 0 7px rgba(22,136,255,.10),0 8px 22px rgba(22,136,255,.15)!important;
  }
  .process-step.active .process-dot:after{width:8px!important;height:8px!important;background:#1688ff!important}
  .process-step.active .process-dot span{color:#1688ff!important;opacity:1!important}
  .process-counter{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    margin:24px 0 0 54px!important;
  }
  .process-counter strong{font-size:18px!important}
  .process-counter small{display:none!important}

  /* Founder: one clean column on phones. */
  .founder{padding-top:70px}
  .founder-grid{display:grid!important;grid-template-columns:1fr!important;gap:38px!important}
  .founder-photo.founder-concept{width:100%!important;height:360px!important;border-radius:16px!important}
  .founder-copy h2{font-size:34px}
  .founder-copy p{font-size:13px;line-height:1.65}
  .founder-copy blockquote{font-size:15px;line-height:1.55;margin:25px 0;padding:18px 0 18px 20px}
  .founder-name b{font-size:13px}.founder-name span{font-size:9px}
}

/* ===== CRMka v19: proof + real contacts ===== */
.trust-logos{padding:42px 0 46px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.trust-logos-inner{overflow:hidden}
.trust-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:20px}
.trust-head .eyebrow{margin:0}
.trust-head p{margin:0;max-width:520px;color:#718092;font-size:11px;line-height:1.55}
.trust-marquee{display:flex;width:max-content;animation:trustMarquee 58s linear infinite;will-change:transform}
.trust-track{display:flex;align-items:center;gap:34px;padding-right:34px}
.trust-logo{width:170px;height:74px;display:flex;align-items:center;justify-content:center;flex:0 0 170px}
.trust-logo img{display:block;max-width:150px;max-height:60px;width:auto;height:auto;opacity:.48;filter:contrast(.92);transition:opacity .25s,transform .25s}
.trust-logo:hover img{opacity:.72;transform:scale(1.03)}
@keyframes trustMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:13px}
.footer-socials a{font-size:10px!important;color:#1688ff!important}
@media(prefers-reduced-motion:reduce){.trust-marquee{animation:none}}
@media(max-width:950px){
  .trust-head{align-items:start;flex-direction:column;gap:8px}
  .trust-logo{width:145px;flex-basis:145px}
  .trust-logo img{max-width:128px}
  .trust-track{gap:20px;padding-right:20px}
}
@media(max-width:600px){
  .trust-logos{padding:34px 0 38px}
  .trust-head p{font-size:10px}
  .trust-logo{height:64px;width:125px;flex-basis:125px}
  .trust-logo img{max-width:112px;max-height:48px;opacity:.45}
}