*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--navy:#020b1a;--navy-mid:#051228;--navy-border:#0d2545;--blue:#0ea5e9;--cyan:#06b6d4;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--font:'Montserrat',sans-serif}
    body{font-family:var(--font);background:#fff;color:#1e293b;line-height:1.6}
    header{background:var(--navy);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--navy-border)}
    .hi{max-width:1320px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
    .lm{display:flex;align-items:center;gap:.6rem;text-decoration:none}
    .li{width:34px;height:34px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff}
    .lt{font-weight:700;font-size:1.05rem;color:#fff}.lt span{color:var(--blue)}
    nav{display:flex;gap:.15rem}nav a{color:#94a3b8;text-decoration:none;font-size:.83rem;font-weight:500;padding:.4rem .8rem;border-radius:6px;transition:all .2s}nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
    .btn{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border-radius:8px;font-family:var(--font);font-size:.83rem;font-weight:600;text-decoration:none;transition:all .2s;background:var(--blue);color:#fff}
    .btn:hover{background:#38bdf8;transform:translateY(-1px)}
    .bb{background:var(--navy-mid);border-bottom:1px solid var(--navy-border);padding:.65rem 0}
    .bc{max-width:1320px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:500;color:#334155}
    .bc a{color:var(--blue);text-decoration:none}.bcs{color:#1e3a5f}
    .ph{background:var(--navy);padding:3.5rem 0;position:relative;overflow:hidden}
    .ph::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(14,165,233,.1) 0%,transparent 65%)}
    .phi{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}
    .ph-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.2);border-radius:100px;padding:.3rem .85rem;font-size:.72rem;font-weight:600;color:var(--blue);margin-bottom:1rem}
    .ph h1{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:.75rem}
    .ph-meta{display:flex;gap:2rem;flex-wrap:wrap}
    .ph-meta-item{font-size:.78rem;color:#475569;display:flex;align-items:center;gap:.4rem}

    /* License tier selector */
    .tier-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem 0}
    .tier-bar-inner{max-width:1100px;margin:0 auto;padding:0 2rem}
    .tier-bar-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:.85rem}
    .tier-tabs{display:flex;gap:.6rem;flex-wrap:wrap}
    .tier-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;border:1.5px solid #e2e8f0;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;color:#64748b;background:#fff}
    .tier-tab:hover{border-color:var(--blue);color:var(--blue)}
    .tier-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}
    .tier-tab span{font-size:.72rem;font-weight:700;background:rgba(255,255,255,.15);padding:.1rem .4rem;border-radius:4px}
    .tier-tab.active span{background:rgba(14,165,233,.2);color:var(--blue)}
    .tier-tab.starter span{background:rgba(16,185,129,.1);color:var(--green)}
    .tier-tab.starter.active span{background:rgba(16,185,129,.2);color:var(--green)}
    .tier-tab.pro span{background:rgba(14,165,233,.1);color:var(--blue)}
    .tier-tab.enterprise span{background:rgba(124,58,237,.1);color:#7c3aed}

    /* Comparison table */
    .comparison{max-width:1100px;margin:2rem auto;padding:0 2rem}
    .comp-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}
    .comp-table th{background:#f8fafc;padding:.85rem 1.25rem;font-size:.72rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #e2e8f0;text-align:center}
    .comp-table th:first-child{text-align:left}
    .comp-table td{padding:.8rem 1.25rem;font-size:.82rem;border-bottom:1px solid #f1f5f9;text-align:center;color:#475569}
    .comp-table td:first-child{font-weight:600;color:#0f172a;text-align:left;border-right:1px solid #f1f5f9}
    .comp-table tr:last-child td{border-bottom:none}
    .comp-table tr:hover td{background:#fafcff}
    .yes{color:var(--green);font-weight:700}.no{color:#cbd5e1}
    .col-starter{background:rgba(16,185,129,.03)}
    .col-pro{background:rgba(14,165,233,.03)}
    .col-ent{background:rgba(124,58,237,.03)}
    .comp-table th.col-pro{background:rgba(14,165,233,.08);color:var(--blue)}

    .wrap{max-width:1100px;margin:0 auto;padding:2rem 2rem 4rem;display:grid;grid-template-columns:250px 1fr;gap:3rem;align-items:start}
    .toc{position:sticky;top:88px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem}
    .toc-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:.85rem}
    .toc ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}
    .toc ul a{display:block;font-size:.76rem;font-weight:500;color:#64748b;text-decoration:none;padding:.28rem .45rem;border-radius:5px;transition:all .15s}
    .toc ul a:hover{color:var(--blue);background:rgba(14,165,233,.06)}
    .doc h2{font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.3px;margin-top:2.5rem;margin-bottom:.85rem;padding-top:.75rem;border-top:2px solid #f1f5f9;display:flex;align-items:center;gap:.5rem}
    .doc h2:first-child{margin-top:0;border-top:none}
    .doc h3{font-size:.92rem;font-weight:700;color:#0f172a;margin-top:1.25rem;margin-bottom:.5rem}
    .doc h4{font-size:.85rem;font-weight:700;color:#0f172a;margin-top:1rem;margin-bottom:.35rem}
    .doc p{font-size:.875rem;color:#475569;line-height:1.8;margin-bottom:.85rem}
    .doc ul,.doc ol{margin:.5rem 0 .85rem 1.4rem}
    .doc li{font-size:.875rem;color:#475569;line-height:1.75;margin-bottom:.3rem}
    .doc a{color:var(--blue);text-decoration:none}.doc a:hover{text-decoration:underline}
    .hbox{background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1rem 0;font-size:.83rem;color:#0369a1;line-height:1.65}
    .wbox{background:#fefce8;border:1px solid #fde68a;border-left:4px solid var(--amber);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1rem 0;font-size:.83rem;color:#92400e;line-height:1.65}
    .rbox{background:#fff5f5;border:1px solid #fecaca;border-left:4px solid var(--red);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1rem 0;font-size:.83rem;color:#dc2626;line-height:1.65}
    .gbox{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid var(--green);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1rem 0;font-size:.83rem;color:#15803d;line-height:1.65}

    /* License scope cards */
    .scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 0}
    .scope-card{border-radius:12px;padding:1.25rem;border:1.5px solid}
    .scope-starter{background:rgba(16,185,129,.04);border-color:rgba(16,185,129,.25)}
    .scope-pro{background:rgba(14,165,233,.04);border-color:rgba(14,165,233,.25)}
    .scope-ent{background:rgba(124,58,237,.04);border-color:rgba(124,58,237,.2)}
    .scope-badge{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:.2rem .6rem;border-radius:4px;margin-bottom:.6rem}
    .scope-starter .scope-badge{background:rgba(16,185,129,.15);color:var(--green)}
    .scope-pro .scope-badge{background:rgba(14,165,233,.15);color:var(--blue)}
    .scope-ent .scope-badge{background:rgba(124,58,237,.12);color:#7c3aed}
    .scope-price{font-size:1.3rem;font-weight:900;color:#0f172a;margin-bottom:.3rem;letter-spacing:-.5px}
    .scope-name{font-size:.82rem;font-weight:700;color:#0f172a;margin-bottom:.6rem}
    .scope-items{display:flex;flex-direction:column;gap:.3rem}
    .scope-item{font-size:.73rem;color:#475569;display:flex;align-items:flex-start;gap:.35rem;line-height:1.4}
    .sc-yes{color:var(--green);flex-shrink:0;font-size:.7rem;margin-top:.1rem}
    .sc-no{color:#cbd5e1;flex-shrink:0;font-size:.7rem;margin-top:.1rem}

    footer{background:var(--navy);border-top:1px solid var(--navy-border);padding:2rem 0}
    .foot{max-width:1320px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
    .foot p{color:#334155;font-size:.78rem}
    .flinks{display:flex;gap:1.5rem}
    .flinks a{color:#334155;text-decoration:none;font-size:.78rem}.flinks a:hover{color:#94a3b8}
    @media(max-width:900px){.wrap{grid-template-columns:1fr}.toc{position:static}.scope-grid{grid-template-columns:1fr}}
    @media(max-width:768px){nav{display:none}.ph-meta{flex-direction:column;gap:.5rem}.comp-table{font-size:.72rem}.tier-tabs{flex-direction:column}}