:root{
      --bg:#eeeeee;
      --paper:#f7f7f7;
      --card:#fbfbfb;
      --blue:#75b3e5;
      --blue2:#6ca9dc;
      --blue-soft:rgba(117,179,229,.13);
      --line:rgba(117,179,229,.92);
      --line-soft:rgba(117,179,229,.32);
      --text:#5f88af;
      --muted:#89a7c1;
      --shadow:0 20px 70px rgba(93,142,184,.11);
      --radius:44px;
      --max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#eeeeee 0%,#f4f4f4 100%);color:var(--text)}
    a{color:inherit;text-decoration:none}
    button,select{font:inherit}
    .container{width:min(var(--max),calc(100% - 42px));margin:0 auto}
    .logo-svg{display:block;width:248px;max-width:48vw;height:auto}
    .logo-svg.large{width:min(620px,92%)}
    .logo-stroke{stroke:var(--blue);stroke-width:20;stroke-linecap:round;stroke-linejoin:round;fill:none}
    .logo-fill{fill:var(--blue)}
    .logo-text{fill:var(--blue);font-family:Helvetica,Arial,sans-serif;font-size:92px;font-weight:500;letter-spacing:-2px}
    .logo-r{font-size:27px;font-weight:400;letter-spacing:0}

    .nav-wrap{padding:20px 0 0}
    .nav{border:2px solid var(--line);border-radius:999px;background:rgba(250,250,250,.76);box-shadow:var(--shadow);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
    .nav-links a{font-size:13px;font-weight:700;color:var(--text);border:1.4px solid transparent;border-radius:999px;padding:10px 13px}
    .nav-links a:hover,.nav-links a.active{border-color:var(--line);background:#fff}
    .badge{border:1.4px solid var(--line);border-radius:999px;padding:10px 13px;font-size:12px;font-weight:700;color:var(--text);white-space:nowrap}

    .hero{padding:26px 0 18px}
    .shell{border:2px solid var(--line);border-radius:var(--radius);background:rgba(248,248,248,.82);box-shadow:var(--shadow);padding:34px}
    .hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:30px;align-items:stretch}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text)}
    h1{margin:18px 0;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.062em;font-weight:500;color:var(--blue2)}
    h2{margin:0;font-size:clamp(30px,3.7vw,48px);line-height:1;letter-spacing:-.055em;font-weight:500;color:var(--blue2)}
    h3{margin:0;font-weight:500;color:var(--blue2);letter-spacing:-.035em}
    p{line-height:1.62;color:var(--text)}
    .lead{font-size:17px;max-width:710px;margin:0 0 24px}
    .buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
    .btn{border:1.5px solid var(--line);background:transparent;border-radius:999px;min-height:50px;padding:0 18px;color:var(--text);font-weight:700;cursor:pointer}
    .btn.primary{background:var(--blue);color:white}
    .pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .pill{border:1.5px solid var(--line);background:rgba(255,255,255,.64);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--text)}
    .logo-stage{border:2px solid var(--line);border-radius:38px;background:#fafafa;min-height:275px;display:flex;align-items:center;justify-content:center;padding:28px;margin-bottom:14px}
    .micro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .micro{border:1.5px solid var(--line);border-radius:22px;background:#fbfbfb;padding:16px;min-height:116px}
    .micro span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:8px}
    .micro strong{display:block;font-size:17px;line-height:1.25;font-weight:500;color:var(--blue2)}
    .micro p{margin:8px 0 0;font-size:13px;line-height:1.5}

    section{padding:16px 0}
    .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
    .section-head p{margin:10px 0 0;max-width:760px;font-size:15px}
    .tag{border:1.5px solid var(--line);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}
    .one-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .line-card,.module,.step,.panel,.highlight{border:1.5px solid var(--line);border-radius:28px;background:rgba(255,255,255,.68);padding:20px}
    .line-card span,.label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:8px}
    .line-card strong{font-size:20px;line-height:1.25;font-weight:500;color:var(--blue2)}

    .workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
    .step{min-height:205px}
    .step-num{width:34px;height:34px;border:1.5px solid var(--line);border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--blue2)}
    .step h3{font-size:18px;margin:15px 0 8px}
    .step p{font-size:14px;margin:0}
    .step small{display:block;margin-top:12px;font-size:12px;line-height:1.5;color:var(--muted)}

    .modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .module-icon{width:46px;height:46px;border:1.5px solid var(--line);border-radius:17px;display:grid;place-items:center;color:var(--blue2);font-size:22px;margin-bottom:16px}
    .module h3{font-size:22px;margin-bottom:8px}
    .module p{font-size:14px;margin:0 0 13px}
    .module ul{margin:0;padding-left:18px;color:var(--text);font-size:14px;line-height:1.75}

    .dash-grid{display:grid;grid-template-columns:360px 1fr;gap:16px}
    .stack{display:grid;gap:14px}
    select{width:100%;border:1.5px solid var(--line);border-radius:18px;padding:14px 15px;background:#fff;color:var(--text)}
    .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .kpi{border:1.5px solid var(--line);border-radius:22px;background:#fff;padding:16px}
    .kpi span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
    .kpi strong{display:block;margin-top:8px;font-size:28px;font-weight:500;color:var(--blue2);letter-spacing:-.04em}
    .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
    .tab{border:1.5px solid var(--line);border-radius:999px;background:transparent;padding:10px 14px;color:var(--text);font-weight:700;cursor:pointer}
    .tab.active{background:var(--blue);color:#fff}
    .tab-panel{display:none}.tab-panel.active{display:block}
    .rank-list{display:grid;gap:12px}
    .rank{border:1.5px solid var(--line);border-radius:23px;padding:16px;background:#fff}
    .rank-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
    .rank-name{font-size:18px;font-weight:500;color:var(--blue2)}
    .score{border:1.5px solid var(--line);border-radius:999px;padding:7px 11px;font-weight:700;color:var(--blue2)}
    .bars{display:grid;gap:9px;margin-top:14px}
    .bar-row{display:grid;gap:5px}.bar-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text)}
    .bar{height:7px;background:var(--blue-soft);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--blue);border-radius:999px}
    .node-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.node{border:1.5px solid var(--line);border-radius:999px;padding:10px 13px;background:#fff;font-size:13px;font-weight:700;color:var(--blue2)}
    .insight{border:1.5px solid var(--line);border-radius:26px;background:#fff;padding:18px;margin-top:14px}
    .insight strong{font-size:24px;line-height:1.2;font-weight:500;color:var(--blue2)}
    .insight p{font-size:15px;margin:10px 0 0}
    .highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.highlight strong{display:block;font-size:18px;font-weight:500;color:var(--blue2);line-height:1.25}.highlight p{font-size:14px;margin:8px 0 0}
    .footer{padding:0 0 30px}.footer .shell{border-radius:999px;padding:16px 20px;text-align:center;font-size:13px}

    @media(max-width:1100px){.hero-grid,.dash-grid,.one-lines,.modules,.highlights{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:760px){.container{width:min(var(--max),calc(100% - 20px))}.nav{border-radius:30px;align-items:flex-start;flex-direction:column}.shell{border-radius:32px;padding:22px}.workflow{grid-template-columns:1fr}.kpis,.micro-grid{grid-template-columns:1fr}h1{font-size:43px}.logo-svg{max-width:76vw}.section-head{align-items:flex-start;flex-direction:column}}