*{box-sizing:border-box}:root{--blue:rgb(0,90,140);--blue60:rgb(102,156,186);--blue25:rgb(191,214,226);--blue10:rgb(229,238,243);--orange:rgb(239,130,0);--orange60:rgb(245,180,102);--orange10:rgb(253,242,229);--ink:rgb(18,42,62);--muted:rgb(94,111,130)}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#eef4f7}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{position:fixed;z-index:100;inset:0 0 auto;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,90,140,.1)}.signature{display:flex;align-items:baseline;gap:12px;color:var(--blue)}.signature span{font-weight:700;letter-spacing:.24em}.signature small{color:var(--orange);font-size:.62rem;font-weight:800;letter-spacing:.18em}nav{display:flex;gap:24px;font-size:.88rem;font-weight:650}nav a{opacity:.72}.intro{max-width:1260px;margin:auto;padding:150px 5vw 85px}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.22em}.intro h1{margin:0;max-width:1050px;color:var(--blue);font-size:clamp(3.5rem,7vw,7.5rem);line-height:.96;letter-spacing:-.06em;font-weight:600}.lead{max-width:900px;margin-top:30px;color:var(--muted);font-size:1.08rem;line-height:1.75}.study{--bg:#fff;--panel:#f5f8fa;--primary:var(--blue);--secondary:var(--orange);--text:var(--ink);--subtext:var(--muted);--border:rgba(0,90,140,.14);--sidebar:var(--blue);--sidebarText:#fff;--active:rgba(255,255,255,.14);max-width:1480px;margin:0 auto 54px;overflow:hidden;border-radius:30px;background:var(--bg);color:var(--text);border:1px solid var(--border);box-shadow:0 24px 70px rgba(0,61,96,.12)}.study-label{padding:26px 34px;display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--border);background:var(--panel)}.study-label>span{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--primary);color:#fff;font-size:1.2rem;font-weight:800}.study-label h2{margin:0 0 5px;color:var(--primary);font-size:1.3rem}.study-label p{margin:0;color:var(--subtext);font-size:.9rem}.hero-sample{min-height:610px;padding:70px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;background:var(--bg)}.kicker{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.2em}.hero-copy h3{margin:18px 0 22px;color:var(--primary);font-size:clamp(3rem,5.4vw,6rem);line-height:.98;letter-spacing:-.06em;font-weight:650}.hero-copy h3 em{color:var(--secondary);font-style:normal}.hero-copy>p:last-of-type{max-width:620px;color:var(--subtext);line-height:1.7}.actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.actions button,.workspace header button{border:0;border-radius:10px;padding:13px 19px;color:#fff;background:var(--primary);font-weight:750}.actions .secondary{color:var(--primary);background:transparent;border:1px solid var(--border)}.brand-block{display:grid;justify-items:center;text-align:center}.brand-block img{width:190px;border-radius:38px;margin-bottom:36px}.brand-block strong{color:var(--primary);font-size:clamp(3rem,6vw,6.4rem);font-weight:600;line-height:1;letter-spacing:.22em;text-indent:.22em;white-space:nowrap}.brand-block small{margin-top:22px;color:var(--secondary);font-weight:800;letter-spacing:.42em;text-indent:.42em}.app-sample{padding:0 5vw 70px;background:var(--bg)}.app-shell{min-height:560px;display:grid;grid-template-columns:210px 1fr;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:0 18px 50px rgba(0,45,80,.1)}.app-shell aside{padding:26px 18px;background:var(--sidebar);color:var(--sidebarText)}.app-brand{margin:4px 10px 36px;font-weight:800;letter-spacing:.18em;font-size:.85rem}.app-shell aside a{display:block;margin-bottom:8px;padding:12px 14px;border-radius:9px;opacity:.72}.app-shell aside a.active{opacity:1;background:var(--active)}.workspace{padding:26px}.workspace header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--border)}.workspace header div{display:grid;gap:4px}.workspace header b{color:var(--primary);font-size:1.45rem}.workspace header span{color:var(--subtext);font-size:.83rem}.metrics{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics div,.product-grid article{padding:20px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.metrics small{display:block;color:var(--subtext);font-size:.67rem;font-weight:800;letter-spacing:.12em}.metrics strong{display:block;margin-top:8px;color:var(--primary);font-size:1.5rem}.product-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-grid article{display:grid;gap:7px}.product-grid b{color:var(--text)}.product-grid span{color:var(--subtext);font-size:.8rem}.thumb{height:125px;margin-bottom:8px;border-radius:10px;background:linear-gradient(135deg,var(--blue25),var(--orange10))}.thumb.two{background:linear-gradient(135deg,var(--orange10),rgb(214,227,200))}.thumb.three{background:linear-gradient(135deg,rgb(238,243,232),var(--blue10))}.vote{width:100%;padding:21px;border:0;border-top:1px solid var(--border);color:var(--primary);background:var(--panel);font-weight:800;cursor:pointer}.vote:hover,.vote.selected{color:#fff;background:var(--primary)}.study-b{--bg:rgb(0,90,140);--panel:rgb(8,74,111);--primary:#fff;--secondary:rgb(245,180,102);--text:#fff;--subtext:rgba(255,255,255,.72);--border:rgba(255,255,255,.18);--sidebar:rgb(0,56,88);--active:rgba(255,255,255,.15)}.study-b .study-label>span,.study-b .actions button,.study-b .workspace header button{background:var(--orange)}.study-b .metrics div,.study-b .product-grid article{background:rgba(255,255,255,.07)}.study-b .vote:hover,.study-b .vote.selected{background:var(--orange)}.study-c{--bg:rgb(248,248,244);--panel:rgb(239,239,233);--primary:rgb(27,67,92);--secondary:rgb(191,99,0);--text:rgb(36,45,49);--subtext:rgb(100,105,103);--border:rgba(48,71,82,.17);--sidebar:rgb(39,62,72);--active:rgba(255,255,255,.14)}.study-d{--bg:rgb(241,248,252);--panel:#fff;--primary:rgb(0,73,118);--secondary:rgb(239,130,0);--text:rgb(16,42,61);--subtext:rgb(70,100,119);--border:rgba(0,90,140,.16);--sidebar:rgb(0,90,140);--active:rgba(255,255,255,.18)}.study-d .hero-sample{background:linear-gradient(135deg,rgb(232,244,250),#fff 54%,rgb(252,242,229))}.study-d .app-shell aside{background:linear-gradient(180deg,rgb(0,90,140),rgb(72,145,220))}.study-e{--bg:rgb(14,20,27);--panel:rgb(24,32,41);--primary:rgb(128,190,240);--secondary:rgb(239,130,0);--text:rgb(239,244,248);--subtext:rgb(154,170,183);--border:rgba(128,190,240,.18);--sidebar:rgb(8,13,18);--active:rgba(128,190,240,.12)}.study-e .study-label>span,.study-e .actions button,.study-e .workspace header button{background:var(--orange)}.study-e .brand-block strong{color:#fff}.study-e .metrics div,.study-e .product-grid article{background:rgba(255,255,255,.035)}.study-e .vote:hover,.study-e .vote.selected{background:var(--orange)}.study-f{--bg:#fff;--panel:rgb(248,251,253);--primary:rgb(0,90,140);--secondary:rgb(239,130,0);--text:rgb(16,42,61);--subtext:rgb(80,104,118);--border:rgba(0,90,140,.22);--sidebar:#fff;--sidebarText:rgb(0,90,140);--active:rgb(229,238,243)}.study-f .hero-sample{background-image:linear-gradient(rgba(0,90,140,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,90,140,.045) 1px,transparent 1px);background-size:34px 34px}.study-f .app-shell aside{border-right:1px solid var(--border)}.summary{max-width:1180px;margin:90px auto 120px;padding:70px 5vw;text-align:center;border-radius:28px;color:#fff;background:var(--ink)}.summary .eyebrow{color:var(--orange60)}.summary h2{margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:1.05}.summary p:last-child{max-width:760px;margin:24px auto 0;color:rgba(255,255,255,.7);line-height:1.7}@media(max-width:1050px){.study{border-radius:0;margin-bottom:36px}.hero-sample{grid-template-columns:1fr}.brand-block{padding-top:25px}.app-shell{grid-template-columns:165px 1fr}}@media(max-width:720px){.topbar{padding:0 20px}.signature small,nav a:not(:first-child){display:none}.intro{padding:125px 22px 60px}.hero-sample{padding:50px 22px}.brand-block strong{font-size:2.65rem;letter-spacing:.14em;text-indent:.14em}.app-sample{padding:0 16px 45px}.app-shell{grid-template-columns:1fr}.app-shell aside{display:flex;gap:6px;overflow-x:auto}.app-brand{margin:0 14px 0 0;align-self:center}.app-shell aside a{margin:0;white-space:nowrap}.metrics,.product-grid{grid-template-columns:1fr}.study-label{align-items:flex-start}}
.environment-invite {
  max-width: 1180px;
  margin: 86px auto 30px;
  padding: 64px 5vw;
  text-align: center;
  border-radius: 28px;
  color: var(--ink);
  background: #fff;
  border: 1px solid rgba(0,90,140,.15);
  box-shadow: 0 20px 60px rgba(0,61,96,.10);
}
.environment-invite h2 {
  max-width: 900px;
  margin: 0 auto;
  color: var(--brand-blue);
  font-size: clamp(2.3rem, 5vw, 4.8rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.environment-invite p:not(.eyebrow) {
  max-width: 780px;
  margin: 24px auto 0;
  color: var(--muted);
  line-height: 1.7;
}
.environment-invite a {
  display: inline-flex;
  margin-top: 28px;
  padding: 13px 20px;
  border-radius: 10px;
  color: #fff;
  background: var(--brand-blue);
  font-weight: 800;
}