:root { --blue:#0757f7; --product:#0757f7; --product-soft:#edf4ff; --ink:#061b4e; --text:#405573; --line:#d8e5f6; }
* { box-sizing:border-box; }
body { margin:0; color:var(--text); background:#fff; font-family:"Inter",Arial,sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.container { width:min(1120px,calc(100% - 40px)); margin:0 auto; }
.product-green { --product:#0c8a83; --product-soft:#eaf8f4; }
.product-purple { --product:#7435db; --product-soft:#f3edff; }
.product-hero { padding:70px 0 76px; overflow:hidden; background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--product) 14%,transparent),transparent 35%),linear-gradient(135deg,#fff,#f5f9ff); }
.product-hero-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); align-items:center; gap:52px; }
.product-lockup { display:flex; align-items:center; gap:8px; width:max-content; margin-bottom:24px; padding:7px 11px; border:1px solid color-mix(in srgb,var(--product) 25%,#d8e5f6); border-radius:999px; background:#fff; color:var(--ink); font-size:11px; font-weight:800; }
.product-lockup img { width:25px; height:25px; object-fit:contain; }
.product-lockup strong { padding-left:8px; border-left:1px solid var(--line); color:var(--product); letter-spacing:.06em; }
.product-hero-highlights { display:grid; justify-items:start; gap:7px; margin:0 0 14px; }
.product-highlight { width:max-content; max-width:100%; display:flex; align-items:center; gap:7px; margin:0; padding:7px 12px; border:1px solid color-mix(in srgb,var(--product) 26%,#d8e5f6); border-radius:999px; color:#29415f; background:color-mix(in srgb,var(--product) 6%,#fff); font-size:11px; font-weight:800; line-height:1.25; text-decoration:none; }
.product-highlight>b{margin-left:2px;color:var(--product)}
.product-highlight span { width:18px; height:18px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:var(--product); font-size:10px; font-weight:900; }
.product-eyebrow,.product-section-head p { margin:0 0 8px; color:var(--product); font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.product-hero h1 { margin:0; color:var(--ink); font-size:clamp(42px,5.5vw,70px); line-height:.98; letter-spacing:-.055em; }
.product-lead { max-width:610px; margin:24px 0 0; color:#405573; font-size:17px; font-weight:600; line-height:1.65; }
.product-hero-actions { display:flex; align-items:center; gap:24px; margin-top:30px; }
.btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 23px; border-radius:10px; color:#fff; background:var(--product); font-weight:850; box-shadow:0 12px 26px color-mix(in srgb,var(--product) 23%,transparent); }
.text-link { display:inline-flex; align-items:center; gap:5px; color:var(--product); font-size:13px; font-weight:850; }
.text-link:hover,.text-link:focus-visible { text-decoration:underline; }
.product-hero-visual { position:relative; min-height:500px; border-radius:28px; overflow:hidden; box-shadow:0 30px 70px rgba(6,27,78,.16); }
.product-hero-visual::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.7); border-radius:inherit; pointer-events:none; }
.product-hero-visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.product-detailed .product-hero { padding:46px 0 50px; }
.product-detailed .product-hero-grid { grid-template-columns:minmax(0,1fr) minmax(390px,.9fr); gap:38px; }
.product-detailed .product-hero h1 { font-size:clamp(36px,4vw,52px); }
.product-detailed .product-lead { margin-top:18px; font-size:15px; line-height:1.55; }
.product-detailed .product-lockup { margin-bottom:16px; }
.core-highlighted-tools{padding:40px 0;background:#fff}.core-highlighted-tools .product-section-head{margin-bottom:18px}.core-highlighted-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.core-highlighted-tools-grid>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:19px;border:1px solid #c9dcff;border-radius:15px;color:#29415f;background:#f7faff;text-decoration:none;box-shadow:0 10px 25px rgba(6,27,78,.05)}.core-highlighted-tools-grid>a>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0757f7;font-weight:900}.core-highlighted-tools-grid strong{display:block;color:#061b4e;font-size:15px}.core-highlighted-tools-grid p{margin:4px 0 0;font-size:12px;font-weight:650}.core-highlighted-tools-grid a>b{color:#0757f7}.core-highlighted-tools-grid>a:hover{border-color:#0757f7;transform:translateY(-2px)}
.product-detailed .product-hero-actions { margin-top:22px; }
.product-detailed .product-hero-visual { min-height:0; aspect-ratio:4/3; }
.product-purple .product-hero-grid { grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr); }
.product-purple .product-hero h1 { max-width:700px; font-size:clamp(35px,3.7vw,50px); white-space:normal; text-wrap:balance; }
@media(min-width:1101px){
  .product-detailed .site-header .nav-links { margin-left:0; }
  .product-detailed .site-header .nav-actions { margin-left:auto; }
}
.product-section-head { max-width:720px; margin-bottom:28px; }
.product-section-head h2 { margin:0; color:var(--ink); font-size:clamp(28px,3.6vw,46px); line-height:1.08; letter-spacing:-.035em; }
.product-section-head > span { display:block; max-width:650px; margin-top:12px; color:#60718e; font-size:13px; font-weight:650; }
.product-benefits,.product-features,.product-modes { padding:78px 0; }
.benefit-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.benefit-columns article { padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 14px 38px rgba(6,27,78,.06); }
.benefit-columns article:last-child { background:linear-gradient(145deg,var(--product-soft),#fff); }
.benefit-columns article > span { display:block; margin-bottom:16px; color:var(--product); font-size:13px; font-weight:900; }
.benefit-columns ul { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.benefit-columns li { position:relative; padding:12px 0 12px 27px; border-top:1px solid #e6edf7; color:#29415f; font-size:14px; font-weight:700; }
.benefit-columns li::before { content:"✓"; position:absolute; left:0; top:12px; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--product); font-size:10px; }
.product-problems { padding:66px 0; background:var(--product-soft); }
.problem-cloud { display:flex; flex-wrap:wrap; gap:10px; }
.problem-cloud span { padding:10px 14px; border:1px solid color-mix(in srgb,var(--product) 24%,#d8e5f6); border-radius:999px; color:var(--ink); background:rgba(255,255,255,.8); font-size:12px; font-weight:800; }
.core-problems { padding:62px 0; }
.core-problem-audiences { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:15px; align-items:start; }
.core-problem-audience { padding:23px; border:1px solid color-mix(in srgb,var(--product) 18%,#d8e5f6); border-radius:17px; background:rgba(255,255,255,.88); box-shadow:0 12px 30px rgba(6,27,78,.05); }
.core-problem-audience header { margin-bottom:13px; }
.core-problem-audience header > span { color:var(--product); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.core-problem-audience h3 { margin:4px 0 0; color:var(--ink); font-size:18px; line-height:1.2; }
.core-problem-audience ul { margin:0; padding:0; list-style:none; }
.core-problem-audience li { position:relative; padding:8px 0 8px 20px; border-top:1px solid #e2eaf5; color:#29415f; font-size:11px; font-weight:680; line-height:1.4; }
.core-problem-audience li::before { content:""; position:absolute; top:14px; left:2px; width:6px; height:6px; border-radius:50%; background:var(--product); }
.professional-problem-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 15px; }
.professional-problem-groups section { min-width:0; }
.professional-problem-groups h4 { margin:0; padding:7px 0; color:var(--product); font-size:11px; }
.product-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.product-feature-grid article { min-height:86px; display:flex; align-items:center; gap:12px; padding:18px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.product-feature-grid article span { width:24px; height:24px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:var(--product); font-size:12px; font-weight:900; }
.product-feature-grid strong { color:var(--ink); font-size:13px; }
.included-note { margin:20px 0 8px; color:#60718e; font-size:12px; font-weight:700; }
.core-feature-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.core-feature-groups article { padding:21px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:0 10px 26px rgba(6,27,78,.045); }
.core-feature-groups h3 { margin:0 0 10px; color:var(--product); font-size:14px; }
.core-feature-groups ul,.team-only-features ul { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.core-feature-groups li,.team-only-features li { position:relative; padding:9px 0 9px 24px; border-top:1px solid #e6edf7; color:#29415f; font-size:12px; font-weight:700; line-height:1.4; }
.core-feature-groups li::before,.team-only-features li::before { content:"✓"; position:absolute; top:9px; left:0; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--product); font-size:9px; font-weight:900; }
.core-feature-groups li.feature-emphasis { margin-top:4px; padding-right:7px; border-radius:8px; background:var(--product-soft); }
.feature-badge { display:inline-flex; align-items:center; margin-left:4px; padding:2px 7px; border-radius:999px; color:#fff; background:var(--product); font-size:9px; font-weight:900; line-height:1.35; white-space:nowrap; }
.base-included-note { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 18px; padding:15px 18px; border:1px solid color-mix(in srgb,var(--product) 28%,#d8e5f6); border-radius:14px; color:var(--ink); background:var(--product-soft); font-size:12px; }
.team-only-features { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:25px; margin:20px 0 18px; padding:25px; border:1px solid #bfe7dc; border-radius:16px; background:linear-gradient(135deg,#ecf9f5,#fff); }
.team-only-features > div > p { margin:0 0 5px; color:#07816d; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.team-only-features h3 { margin:0; color:var(--ink); font-size:20px; line-height:1.2; }
.team-only-features > div > span { display:block; margin-top:8px; color:#526587; font-size:12px; font-weight:700; }
.team-only-features ul { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; }
.team-only-features li::before { background:#10a982; }
.product-modes { background:#f7faff; }
.product-modes { scroll-margin-top:92px; }
.mode-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mode-grid article { padding:27px; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:0 12px 32px rgba(6,27,78,.05); }
.mode-grid article:last-child { border-color:color-mix(in srgb,var(--product) 34%,#d8e5f6); background:linear-gradient(145deg,var(--product-soft),#fff); }
.mode-grid article > span { color:var(--product); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.mode-grid article > strong { display:block; margin-top:13px; color:var(--ink); font-size:38px; line-height:1; }
.mode-grid small { margin-left:4px; color:#60718e; font-size:12px; }
.mode-grid p { max-width:420px; margin:15px 0 12px; font-size:13px; font-weight:650; }
.mode-grid b { color:var(--product); font-size:11px; }
.mode-promotion { width:max-content; max-width:100%; margin:18px auto 0; padding:10px 16px; border:1px solid color-mix(in srgb,var(--product) 22%,#d8e5f6); border-radius:999px; color:#526587; background:#fff; font-size:12px; font-weight:700; text-align:center; }
.mode-promotion strong { color:var(--ink); }
.feature-cost-note { margin:12px 2px 20px; color:#7a879c; font-size:11px; font-weight:650; }
.product-human-support { padding:58px 0; background:linear-gradient(135deg,var(--product-soft),#fff); }
.product-human-support article { display:grid; grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr); overflow:hidden; border:1px solid color-mix(in srgb,var(--product) 25%,#d8e5f6); border-radius:22px; background:#fff; box-shadow:0 18px 46px rgba(6,27,78,.08); }
.product-human-support img { width:100%; height:100%; min-height:320px; object-fit:cover; }
.product-human-support article > div { padding:34px 38px; }
.product-human-support p { margin:0 0 7px; color:var(--product); font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.product-human-support h2 { margin:0; color:var(--ink); font-size:clamp(25px,3vw,38px); line-height:1.08; letter-spacing:-.035em; }
.product-human-support article > div > span { display:block; margin-top:13px; color:#526587; font-size:14px; font-weight:650; }
.product-human-support ul { display:grid; gap:8px; margin:20px 0 0; padding:0; list-style:none; }
.product-human-support li { position:relative; padding-left:27px; color:#29415f; font-size:13px; font-weight:750; }
.product-human-support li::before { content:"✓"; position:absolute; left:0; top:1px; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--product); font-size:10px; font-weight:900; }
.product-final { padding:76px 0; color:#fff; background:linear-gradient(135deg,#061b4e,color-mix(in srgb,var(--product) 70%,#061b4e)); text-align:center; }
.product-final .container { max-width:850px; }
.product-final h2 { margin:0; font-size:clamp(30px,4vw,48px); line-height:1.08; }
.product-final p { margin:14px auto 25px; color:rgba(255,255,255,.78); font-weight:650; }
.product-final .container > div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; }
.product-final .btn { color:var(--product); background:#fff; box-shadow:none; }
.product-final .text-link { color:#fff; }
@media(min-width:761px){
  .product-detailed .product-section-head{max-width:100%}
  .product-detailed .product-section-head h2,.product-detailed .product-final h2{font-size:clamp(28px,3vw,40px);white-space:nowrap}
  .product-detailed .product-hero h1{white-space:nowrap}
  .product-purple .product-hero h1{white-space:normal}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,560px)}
  .product-hero{padding:42px 0 50px}
  .product-hero-grid{grid-template-columns:1fr;gap:28px}
  .product-hero h1{font-size:44px}
  .product-lead{font-size:15px}
  .product-hero-actions{gap:17px}
  .product-hero-visual{min-height:310px;border-radius:20px}
  .product-benefits,.product-features,.product-modes{padding:54px 0}
  .product-problems{padding:48px 0}
  .benefit-columns,.mode-grid{grid-template-columns:1fr}
  .benefit-columns article{padding:21px}
  .product-detailed .product-hero{padding:28px 0 32px}
  .product-detailed .product-hero-grid{grid-template-columns:1fr;gap:18px}
  .product-detailed .product-lockup{margin-bottom:10px}
  .product-detailed .product-hero-highlights{gap:5px;margin-bottom:9px}
  .product-detailed .product-highlight{padding:6px 10px;font-size:9px}
  .product-detailed .product-highlight span{width:15px;height:15px;font-size:8px}
  .core-highlighted-tools{padding:28px 0}.core-highlighted-tools-grid{grid-template-columns:1fr;gap:8px}.core-highlighted-tools-grid>a{padding:13px}.core-highlighted-tools-grid strong{font-size:12px}.core-highlighted-tools-grid p{font-size:10px}
  .product-detailed .product-eyebrow{margin-bottom:5px}
  .product-detailed .product-hero h1{font-size:32px;line-height:1}
  .product-detailed .product-lead{margin-top:12px;font-size:12px;line-height:1.45}
  .product-detailed .product-hero-actions{margin-top:15px;gap:14px}
  .product-detailed .product-hero-visual{min-height:0;aspect-ratio:4/3;border-radius:15px}
  .product-purple .product-hero-grid{grid-template-columns:1fr}
  .product-purple .product-hero h1{font-size:30px;white-space:normal}
  .product-detailed .product-benefits,.product-detailed .product-features,.product-detailed .product-modes{padding:36px 0}
  .product-human-support{padding:34px 0}
  .product-human-support article{grid-template-columns:1fr;border-radius:16px}
  .product-human-support img{height:150px;min-height:0;object-position:center 38%}
  .product-human-support article>div{padding:20px}
  .product-human-support h2{font-size:22px}
  .product-human-support article>div>span{margin-top:9px;font-size:11px;line-height:1.4}
  .product-human-support ul{gap:6px;margin-top:13px}
  .product-human-support li{padding-left:22px;font-size:10px;line-height:1.35}
  .product-human-support li::before{width:15px;height:15px;font-size:8px}
  .product-detailed .product-section-head{margin-bottom:17px}
  .product-detailed .product-section-head h2{font-size:24px;line-height:1.05}
  .product-detailed .product-section-head > span{margin-top:8px;font-size:10px;line-height:1.4}
  .core-problems{padding:34px 0}
  .core-problem-audiences{grid-template-columns:1fr;gap:9px}
  .core-problem-audience{padding:15px;border-radius:13px}
  .core-problem-audience header{margin-bottom:8px}
  .core-problem-audience h3{font-size:15px}
  .core-problem-audience li{padding:6px 0 6px 17px;font-size:9.5px;line-height:1.32}
  .core-problem-audience li::before{top:11px}
  .professional-problem-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 11px}
  .professional-problem-groups h4{padding:5px 0;font-size:9.5px}
  .product-detailed .benefit-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-detailed .benefit-columns article{padding:13px}
  .product-detailed .benefit-columns article > span{margin-bottom:7px;font-size:9px}
  .product-detailed .benefit-columns li{padding:7px 0 7px 19px;font-size:9px;line-height:1.32}
  .product-detailed .benefit-columns li::before{top:7px;width:14px;height:14px;font-size:8px}
  .core-feature-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .core-feature-groups article{padding:13px}
  .core-feature-groups h3{margin-bottom:6px;font-size:11px}
  .core-feature-groups li,.team-only-features li{padding:6px 0 6px 18px;font-size:9px;line-height:1.3}
  .core-feature-groups li::before,.team-only-features li::before{top:6px;width:14px;height:14px;font-size:8px}
  .team-only-features{grid-template-columns:1fr;gap:15px;padding:18px}
  .team-only-features h3{font-size:16px}
  .team-only-features ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
  .product-detailed .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-detailed .mode-grid article{padding:15px}
  .product-detailed .mode-grid article > strong{font-size:27px}
  .product-detailed .mode-grid p{margin:10px 0 8px;font-size:9.5px;line-height:1.35}
  .mode-promotion{margin-top:11px;padding:8px 11px;border-radius:11px;font-size:9.5px;line-height:1.35}
  .product-detailed .product-final{padding:38px 0}
  .product-detailed .product-final h2{font-size:24px}
  .product-detailed .product-final p{margin:9px auto 16px;font-size:11px}
  .product-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-feature-grid article{min-height:76px;padding:13px;align-items:flex-start}
  .product-feature-grid strong{font-size:11px}
  .product-final{padding:56px 0}
  .product-final .container > div{gap:13px}
}
@media(max-width:380px){.product-feature-grid,.core-feature-groups{grid-template-columns:1fr}.product-hero-actions{align-items:flex-start;flex-direction:column}.professional-problem-groups,.product-detailed .benefit-columns,.team-only-features ul,.product-detailed .mode-grid{grid-template-columns:1fr}.base-included-note{align-items:flex-start;flex-direction:column}}