@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Roboto+Flex:opsz,wght@8..144,400..700&display=swap');
:root{--blue:#1748d8;--blue2:#3974ee;--pink:#ff3f8e;--ink:#102451;--muted:#5f7199;--pale:#eef4ff;--line:#cfdbf3;--white:#fff;--shadow:0 18px 45px rgba(24,67,157,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font-family:"Roboto Flex","Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button,.eyebrow{font-family:Manrope,"Segoe UI",Arial,sans-serif}h1{font-size:clamp(44px,4.4vw,70px);line-height:1.01;letter-spacing:-.045em}h2{font-size:clamp(34px,3.1vw,52px);line-height:1.07;letter-spacing:-.03em}h3{font-size:21px;line-height:1.22}p{color:var(--muted);font-size:18px;line-height:1.55}.header{position:sticky;top:0;z-index:20;height:70px;padding:0 5vw;display:flex;align-items:center;gap:32px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;white-space:nowrap}.brand i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:#fff;font-size:18px;font-style:normal}.header nav{margin-left:auto;display:flex;gap:26px;font-size:15px;font-weight:650}.header nav a{color:var(--muted)}.header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border:0;border-radius:12px;font-weight:800;font-size:14px}.button.outline{border:1px solid var(--blue);color:var(--blue);background:#fff}.button.pink{background:var(--pink);color:#fff;box-shadow:0 12px 28px rgba(255,63,142,.25)}
.screen{max-width:1600px;margin:0 auto;padding:72px 5vw;background:#fbfcff;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{display:block;margin-bottom:12px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow.light{color:#e7edff}.section-heading{max-width:990px;margin-bottom:30px}.section-heading.compact{max-width:1060px}.section-heading h2{margin-bottom:14px}.section-heading p{max-width:880px;margin-bottom:0}.wide-visual{margin:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.wide-visual img{width:100%;height:420px;object-fit:cover}
.hero{min-height:740px;display:grid;grid-template-columns:.93fr 1.07fr;grid-template-rows:1fr auto;gap:24px 42px;padding-top:44px;padding-bottom:28px;color:#fff;background:radial-gradient(circle at 78% 34%,#5c8cf7 0,#3974ee 38%,#1d4ac9 100%)}.hero-copy{align-self:center;max-width:650px}.hero-copy h1{margin:10px 0 22px}.hero-copy p{max-width:620px;color:#fff;font-size:20px}.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-facts span{padding:9px 13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.12);font-weight:750}.hero-image{align-self:center;margin:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 24px 56px rgba(20,55,150,.25)}.hero-image img{width:100%;height:430px;object-fit:cover}.hero-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-strip article{min-height:98px;padding:16px;display:grid;grid-template-columns:34px 1fr;border-radius:16px;background:#fff;color:var(--ink)}.hero-strip small{grid-row:1/3;color:var(--pink);font-weight:900}.hero-strip b{font-family:Manrope,"Segoe UI",Arial,sans-serif}.hero-strip span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.38}
.connected{background:#f8faff}.connected .section-heading{max-width:1050px}.result-line{margin-top:22px;padding:17px 22px;border-left:5px solid var(--pink);border-radius:12px;background:#fff;box-shadow:var(--shadow);font-size:17px}.platform{background:var(--pale)}.function-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.function-cards article{min-height:210px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.function-cards .number{display:block;color:var(--pink);font-weight:900}.function-cards h3{margin:14px 0 10px}.function-cards p{margin:0;font-size:15px;line-height:1.48}
.workflow{background:#fff}.flow{display:flex;align-items:stretch;gap:8px;margin-top:22px}.flow article{flex:1;min-height:170px;padding:20px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--pale)}.flow small{color:var(--pink);font-weight:900}.flow b{margin:18px 0 8px;font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:18px}.flow span{color:var(--muted);font-size:14px;line-height:1.42}.flow i{align-self:center;color:var(--blue);font-size:23px;font-style:normal}.workflow-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.workflow-bottom>div{padding:19px 22px;border-radius:18px;background:var(--blue);color:#fff}.workflow-bottom b,.workflow-bottom span{display:block}.workflow-bottom span{margin-top:7px;color:#e9efff;line-height:1.45}
.roles{background:var(--pale)}.roles-top{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.roles-top>div{max-width:730px}.roles-top figure{margin:0;overflow:hidden;border-radius:26px;box-shadow:var(--shadow)}.roles-top img{width:100%;height:340px;object-fit:cover}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.role-grid article{min-height:158px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:#fff}.role-grid small{color:var(--pink);font-weight:900}.role-grid b{margin:13px 0}.role-grid span{color:var(--muted);font-size:13px;line-height:1.45}
.benchmarks{display:grid;grid-template-columns:.9fr 1.1fr;gap:4vw;align-items:center;background:#fbfcff}.bench-copy{max-width:660px}.bench-copy h2{margin-bottom:18px}.bench-list{display:grid;gap:9px;margin-top:24px}.bench-list span{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--pale);color:var(--muted);line-height:1.4}.bench-list b{color:var(--ink)}.benchmarks figure{margin:0;overflow:hidden;border-radius:28px;box-shadow:var(--shadow)}.benchmarks figure img{width:100%;height:500px;object-fit:cover}
.outcomes{color:#fff;background:linear-gradient(135deg,#2860df,#4a82f4)}.outcomes .section-heading p{color:#e9efff}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.outcome-grid article{min-height:230px;padding:22px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(255,255,255,.12)}.outcome-grid strong{font-size:14px;color:#ffb1d1}.outcome-grid h3{margin:40px 0 12px}.outcome-grid p{margin:0;color:#edf2ff;font-size:15px;line-height:1.48}
.implementation{background:#fff}.team-row{display:flex;gap:12px;margin-bottom:28px}.team-row article{padding:9px 14px 9px 9px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--pale)}.team-row img{width:66px;height:66px;border-radius:12px;object-fit:cover}.team-row span,.team-row b,.team-row small{display:block}.team-row small{margin-top:4px;color:var(--muted)}.term{margin-left:auto;min-width:330px;padding:15px 22px;border:1px solid #bfd0f5;border-radius:17px;background:#e7efff}.term small,.term strong{display:block}.term small{color:var(--blue);font-weight:900}.term strong{margin-top:5px;color:var(--blue);font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:32px}.timeline-title{margin:0 0 12px;color:var(--ink);font-size:16px;font-weight:750}.timeline{display:flex;align-items:center;gap:7px}.timeline article{min-height:122px;flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:16px;background:var(--pale)}.timeline article b{color:var(--pink)}.timeline article span{margin-top:8px;font-size:14px;font-weight:800;line-height:1.35}.timeline i{color:var(--blue);font-size:20px;font-style:normal}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:stretch;background:#f8faff}.contact-copy>p{max-width:650px}.contact-person{margin-top:28px;padding:18px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.contact-person img{width:150px;height:170px;border-radius:15px;object-fit:cover}.contact-person h3{margin-bottom:5px}.contact-person b,.contact-person a{display:block}.contact-person b{margin-bottom:14px;color:var(--pink)}.contact-person a{margin-top:7px;color:var(--blue);font-size:14px}.demo-form{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.demo-form>h3{font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:block}.form-grid label.wide{grid-column:1/-1}.form-grid span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.form-grid input,.form-grid textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcff;font:inherit}.form-grid textarea{resize:none}.demo-form .button{width:100%;margin-top:15px}.demo-form>small{display:block;margin-top:12px;color:var(--muted);text-align:center}
@media(max-width:980px){.header{padding:0 18px}.header nav{display:none}.header .button{margin-left:auto}.screen{padding:50px 20px}.hero,.roles-top,.benchmarks,.contact{grid-template-columns:1fr}.hero{grid-template-rows:auto}.hero-image img,.roles-top img,.benchmarks figure img,.wide-visual img{height:auto}.hero-strip,.function-cards{grid-template-columns:1fr 1fr}.role-grid,.outcome-grid{grid-template-columns:1fr 1fr}.flow{display:grid;grid-template-columns:1fr 24px 1fr}.flow i{text-align:center}.team-row{flex-wrap:wrap}.term{margin-left:0}.timeline{display:grid;grid-template-columns:1fr 24px 1fr}.timeline i{text-align:center}}
@media(max-width:620px){h1{font-size:39px}h2{font-size:33px}.brand{font-size:19px}.brand i{width:34px;height:34px}.header .button{padding:11px 14px}.hero{padding-top:34px}.hero-image{display:none}.hero-strip,.function-cards,.role-grid,.outcome-grid,.workflow-bottom,.form-grid{grid-template-columns:1fr}.flow,.timeline{grid-template-columns:1fr}.flow i,.timeline i{transform:rotate(90deg)}.team-row{display:grid}.term{min-width:0}.contact-person{align-items:flex-start;flex-direction:column}.contact-person img{width:145px;height:165px}.form-grid label.wide{grid-column:auto}}
@media(min-width:1601px){.screen{max-width:none;padding-left:max(5vw,calc((100vw - 1760px)/2 + 80px));padding-right:max(5vw,calc((100vw - 1760px)/2 + 80px))}}
@media(min-width:1800px) and (min-height:900px){.header{height:78px}.brand{font-size:26px}.header nav{font-size:16px}h1{font-size:76px}h2{font-size:58px}.hero{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);grid-template-rows:auto auto;align-content:center;gap:40px 56px}.hero-copy p{font-size:21px}.hero-image img{height:480px}}