* { margin: 0; padding: 0; box-sizing: border-box; }
    :root {
      --bg: #0b0d11;
      --surface: #11141a;
      --surface-2: #151920;
      --line: #242a34;
      --text: #f4f6f8;
      --muted: #9da5b1;
      --soft: #cbd1d9;
      --blue: #2f6fed;
      --blue-light: #6f9bff;
      --yellow: #edad2f;
      --max: 1180px;
    }

    html { scroll-behavior: smooth; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: 100%;
    }
    a { color: inherit; }
    img { max-width: 100%; display: block; }

    .site-header {
      position: fixed;
      inset: 0 0 auto;
      z-index: 50;
      border-bottom: 1px solid rgba(255,255,255,.08);
      background: rgba(8,10,14,.78);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
    .nav {
      width: min(calc(100% - 48px), var(--max));
      height: 72px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .wordmark {
      text-decoration: none;
      font-size: 1.18rem;
      font-weight: 800;
      letter-spacing: .12em;
    }
    .nav-links { display: flex; align-items: center; gap: 28px; }
    .nav-links a {
      color: #c9ced6;
      text-decoration: none;
      font-size: .9rem;
      font-weight: 600;
      transition: color .15s ease;
    }
    .nav-links a:hover { color: #fff; }
    .nav-cta, .button-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      background: var(--blue);
      color: #fff !important;
      border: 1px solid #477ff0;
      border-radius: 7px;
      font-weight: 750;
      box-shadow: 0 10px 30px rgba(47,111,237,.16);
      transition: transform .15s ease, background .15s ease;
    }
    .nav-cta { padding: 10px 17px; font-size: .82rem !important; letter-spacing: .03em; }
    .nav-cta:hover, .button-primary:hover { transform: translateY(-1px); background: #3a78f0; }

    .menu-toggle {
      display: none;
      width: 42px;
      height: 42px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: rgba(17,20,26,.82);
      color: #fff;
      cursor: pointer;
      font-size: 1.15rem;
    }

    .hero {
      min-height: 900px;
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: #101721 url("/static/images/brutus_home.png") center center / cover no-repeat;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(7,9,13,.88) 0%, rgba(7,9,13,.67) 35%, rgba(7,9,13,.18) 67%, rgba(7,9,13,.12) 100%),
        linear-gradient(180deg, rgba(7,9,13,.30) 0%, rgba(7,9,13,.05) 55%, rgba(11,13,17,.92) 100%);
    }
    .hero-content {
      position: relative;
      z-index: 2;
      width: min(calc(100% - 48px), var(--max));
      margin: 0 auto;
      padding: 150px 0 120px;
    }
    .eyebrow {
      color: var(--blue-light);
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      margin-bottom: 22px;
    }
    .hero h1 {
      max-width: 790px;
      font-size: clamp(3.25rem, 6.3vw, 6.2rem);
      line-height: .98;
      letter-spacing: -.045em;
      font-weight: 760;
    }
    .hero h1 span { color: var(--yellow); }
    .hero-copy {
      max-width: 630px;
      margin-top: 28px;
      color: #d2d7df;
      font-size: clamp(1.08rem, 1.5vw, 1.28rem);
      line-height: 1.65;
    }
    .hero-actions { display: flex; gap: 14px; align-items: center; margin-top: 38px; }
    .button-primary { padding: 14px 25px; }
    .button-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 22px;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 7px;
      color: #fff;
      text-decoration: none;
      font-weight: 650;
      background: rgba(11,13,17,.22);
    }
    .hero-note {
      margin-top: 18px;
      color: #aeb5bf;
      font-size: .84rem;
    }

    .section { padding: 108px 24px; }
    .section-inner { max-width: var(--max); margin: 0 auto; }
    .section-heading { max-width: 760px; }
    .section-heading.center { text-align: center; margin: 0 auto; }
    .section-heading h2 {
      font-size: clamp(2.25rem, 4vw, 3.75rem);
      line-height: 1.08;
      letter-spacing: -.035em;
      font-weight: 720;
    }
    .section-heading p {
      margin-top: 18px;
      color: var(--muted);
      font-size: 1.05rem;
      line-height: 1.7;
    }

    .problem-strip {
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: #0d1015;
    }
    .problem-grid {
      max-width: var(--max);
      margin: 0 auto;
      padding: 34px 24px;
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      align-items: center;
      gap: 18px;
    }
    .problem-grid strong { font-size: .82rem; letter-spacing: .1em; color: #dfe3e9; text-transform: uppercase; }
    .problem-grid span { color: var(--muted); font-size: .92rem; }

    .steps {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 54px;
    }
    .step {
      min-height: 260px;
      padding: 30px;
      background: linear-gradient(180deg, #14181f 0%, #101319 100%);
      border: 1px solid var(--line);
      border-radius: 10px;
    }
    .step-num { color: var(--yellow); font-size: .78rem; font-weight: 800; letter-spacing: .14em; }
    .step h3 { margin-top: 48px; font-size: 1.35rem; }
    .step p { margin-top: 12px; color: var(--muted); line-height: 1.65; }

    .visual-break {
      width: 100%;
      aspect-ratio: 1821 / 861;
      background: #0b0d11 url("/static/images/brutus_home2.png") center / cover no-repeat;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .product-split {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 76px;
      align-items: start;
    }
    .product-points { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .product-point {
      padding: 22px;
      border: 1px solid var(--line);
      background: var(--surface);
      border-radius: 8px;
    }
    .product-point h3 { font-size: 1rem; }
    .product-point p { margin-top: 7px; color: var(--muted); font-size: .9rem; line-height: 1.55; }
    .text-link {
      display: inline-block;
      margin-top: 26px;
      color: #8eb0ff;
      text-decoration: none;
      font-weight: 700;
    }

    .trust { background: #0e1116; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .trust-grid {
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: 72px;
      align-items: center;
    }
    .trust-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
    .trust-item { padding: 21px 0; border-bottom: 1px solid var(--line); }
    .trust-item strong { display: block; font-size: 1rem; }
    .trust-item span { display: block; margin-top: 5px; color: var(--muted); font-size: .9rem; line-height: 1.55; }

    .pricing-teaser { text-align: center; }
    .price-row {
      max-width: 920px;
      margin: 48px auto 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid var(--line);
      border-radius: 10px;
      overflow: hidden;
      background: var(--surface);
    }
    .price-mini { padding: 30px 24px; }
    .price-mini + .price-mini { border-left: 1px solid var(--line); }
    .price-mini.featured { background: #151b27; }
    .price-mini h3 { font-size: 1.1rem; }
    .price { margin-top: 12px; font-size: 1.8rem; font-weight: 750; }
    .price small { font-size: .82rem; color: var(--muted); font-weight: 500; }
    .price-mini p { margin-top: 10px; color: var(--muted); font-size: .9rem; line-height: 1.55; }

    .final-cta {
      position: relative;
      overflow: hidden;
      padding: 120px 24px;
      text-align: center;
      background: linear-gradient(180deg, #0b0d11, #10151d);
    }
    .final-cta::before {
      content: "";
      position: absolute;
      width: 520px;
      height: 520px;
      left: 50%; top: 50%;
      transform: translate(-50%,-50%);
      background: radial-gradient(circle, rgba(47,111,237,.12), transparent 66%);
      pointer-events: none;
    }
    .final-cta-inner { position: relative; max-width: 760px; margin: 0 auto; }
    .final-cta h2 { font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.08; letter-spacing: -.04em; }
    .final-cta p { margin: 18px auto 0; color: var(--muted); max-width: 620px; font-size: 1.04rem; }
    .final-cta .button-primary { margin-top: 30px; }

    .footer { border-top: 1px solid var(--line); padding: 44px 24px 34px; }
    .footer-inner { max-width: var(--max); margin: 0 auto; }
    .footer-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; }
    .footer-brand strong { display: block; letter-spacing: .12em; }
    .footer-brand span { display: block; margin-top: 8px; color: var(--muted); font-size: .86rem; }
    .footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 22px; }
    .footer-links a { color: var(--muted); text-decoration: none; font-size: .86rem; }
    .footer-links a:hover { color: #fff; }
    .footer-bottom { margin-top: 38px; padding-top: 22px; border-top: 1px solid var(--line); color: #737b87; font-size: .8rem; }

    @media (max-width: 900px) {
      .nav-links {
        display: none;
        position: absolute;
        top: 72px;
        left: 0;
        right: 0;
        padding: 22px 24px 28px;
        background: rgba(8,10,14,.97);
        border-bottom: 1px solid var(--line);
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
      }
      .nav-links.open { display: flex; }
      .nav-links a { padding: 12px 4px; }
      .nav-links .nav-cta { margin-top: 8px; }
      .menu-toggle { display: block; }
      .hero { min-height: 820px; background-position: 58% center; }
      .hero::before { background: linear-gradient(90deg, rgba(7,9,13,.9), rgba(7,9,13,.52) 68%, rgba(7,9,13,.3)); }
      .hero h1 { max-width: 650px; }
      .problem-grid { grid-template-columns: 1fr 1fr; }
      .problem-grid strong { grid-column: 1 / -1; }
      .product-split, .trust-grid { grid-template-columns: 1fr; gap: 48px; }
    }

    @media (max-width: 640px) {
      .nav { width: min(calc(100% - 32px), var(--max)); height: 64px; }
      .nav-links { top: 64px; }
      .hero { min-height: 760px; background-position: 64% center; }
      .hero::before { background: linear-gradient(180deg, rgba(7,9,13,.54) 0%, rgba(7,9,13,.76) 48%, rgba(11,13,17,.96) 100%); }
      .hero-content { width: min(calc(100% - 36px), var(--max)); padding: 118px 0 70px; align-self: flex-end; text-align: center; }
      .hero h1 { font-size: clamp(2.7rem, 13vw, 4.2rem); margin-left: auto; margin-right: auto; }
      .hero-copy { font-size: 1rem; margin-left: auto; margin-right: auto; }
      .hero-actions { align-items: stretch; flex-direction: column; max-width: 300px; margin-left: auto; margin-right: auto; }
      .button-primary, .button-secondary { width: 100%; }
      .section { padding: 78px 20px; }
      .problem-grid { grid-template-columns: 1fr; padding: 28px 20px; text-align: center; }
      .problem-grid strong { grid-column: auto; }
      .steps, .product-points, .price-row { grid-template-columns: 1fr; }
      .product-split > .section-heading,
      .trust-grid > .section-heading { text-align: center; margin-left: auto; margin-right: auto; }
      .product-points { text-align: center; }
      .trust-list { text-align: center; }
      .step { min-height: 220px; }
      .step h3 { margin-top: 34px; }
      .visual-break { aspect-ratio: auto; min-height: 420px; background-position: 51% center; }
      .price-mini + .price-mini { border-left: 0; border-top: 1px solid var(--line); }
      .footer-top { flex-direction: column; }
      .footer-links { justify-content: flex-start; gap: 16px 20px; }
      .final-cta { padding: 90px 20px; }
    }

    /* Shared interior-page system */
    .page-hero {
      padding: 178px 24px 92px;
      border-bottom: 1px solid var(--line);
      background:
        radial-gradient(circle at 78% 22%, rgba(47,111,237,.10), transparent 28%),
        linear-gradient(180deg, #0c0f14 0%, #0b0d11 100%);
    }
    .page-hero-inner { max-width: var(--max); margin: 0 auto; }
    .page-hero h1 { max-width: 880px; font-size: clamp(3rem, 6vw, 5.7rem); line-height: .99; letter-spacing: -.045em; font-weight: 760; }
    .page-hero p { max-width: 690px; margin-top: 25px; color: var(--soft); font-size: clamp(1.05rem, 1.6vw, 1.24rem); line-height: 1.7; }
    .page-hero .hero-actions { margin-top: 34px; }
    .quiet-kicker { color: var(--blue-light); font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 20px; }
    .content-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin-top:48px; }
    .content-card { padding:28px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
    .content-card h3 { font-size:1.08rem; }
    .content-card p { margin-top:10px; color:var(--muted); line-height:1.65; font-size:.93rem; }
    .content-card .mini { display:block; margin-bottom:16px; color:var(--yellow); font-size:.74rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .rule-layout { display:grid; grid-template-columns: .72fr 1.28fr; gap:70px; align-items:start; }
    .rule-groups { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .rule-card { padding:24px; border:1px solid var(--line); background:var(--surface); border-radius:8px; }
    .rule-card h3 { font-size:1rem; }
    .rule-card ul { list-style:none; margin-top:12px; display:grid; gap:7px; color:var(--muted); font-size:.9rem; }
    .rule-card li::before { content:'— '; color:#667080; }
    .workflow-line { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:48px; border:1px solid var(--line); background:var(--line); border-radius:9px; overflow:hidden; }
    .workflow-node { padding:28px 24px; background:#101319; }
    .workflow-node b { color:var(--yellow); font-size:.75rem; letter-spacing:.12em; }
    .workflow-node h3 { margin-top:18px; font-size:1.08rem; }
    .workflow-node p { margin-top:8px; color:var(--muted); font-size:.88rem; line-height:1.55; }
    .dark-band { background:#0e1116; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .statement { max-width:900px; margin:0 auto; text-align:center; }
    .statement h2 { font-size:clamp(2.35rem,4.6vw,4.4rem); line-height:1.05; letter-spacing:-.04em; }
    .statement p { max-width:720px; margin:20px auto 0; color:var(--muted); font-size:1.05rem; line-height:1.7; }
    .pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:52px; align-items:stretch; }
    .plan { display:flex; flex-direction:column; padding:32px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
    .plan.featured { background:#151b27; border-color:#34425d; }
    .plan-tag { min-height:22px; color:var(--blue-light); font-size:.73rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .plan h3 { margin-top:12px; font-size:1.35rem; }
    .plan-price { margin-top:12px; font-size:2.3rem; font-weight:760; letter-spacing:-.03em; }
    .plan-price small { color:var(--muted); font-size:.85rem; font-weight:500; letter-spacing:0; }
    .plan-copy { min-height:70px; margin-top:12px; color:var(--muted); font-size:.92rem; line-height:1.6; }
    .plan ul { list-style:none; margin:25px 0 30px; padding-top:20px; border-top:1px solid var(--line); display:grid; gap:11px; color:#cbd1d9; font-size:.9rem; }
    .plan li::before { content:'✓'; margin-right:9px; color:#7ca2ff; }
    .plan .button-primary, .plan .button-secondary { margin-top:auto; width:100%; }
    .fineprint { max-width:900px; margin:28px auto 0; color:#737b87; text-align:center; font-size:.82rem; line-height:1.6; }
    .faq { max-width:900px; margin:48px auto 0; border-top:1px solid var(--line); }
    .faq-item { padding:24px 0; border-bottom:1px solid var(--line); }
    .faq-item h3 { font-size:1rem; }
    .faq-item p { margin-top:8px; color:var(--muted); line-height:1.65; font-size:.92rem; }
    .security-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:48px; }
    .security-card { padding:28px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
    .security-card h3 { font-size:1.05rem; }
    .security-card p { margin-top:9px; color:var(--muted); line-height:1.65; font-size:.92rem; }
    .security-card strong { color:#fff; }
    .about-split { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start; }
    .prose h2 { font-size:clamp(2.2rem,4vw,3.6rem); line-height:1.08; letter-spacing:-.035em; }
    .prose p { margin-top:18px; color:var(--muted); font-size:1rem; line-height:1.75; }
    .principles { display:grid; gap:0; border-top:1px solid var(--line); }
    .principle { padding:22px 0; border-bottom:1px solid var(--line); }
    .principle b { display:block; }
    .principle span { display:block; margin-top:6px; color:var(--muted); font-size:.9rem; line-height:1.6; }
    .contact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }
    .contact-options { display:grid; gap:12px; }
    .contact-option { display:block; padding:24px; border:1px solid var(--line); border-radius:8px; background:var(--surface); text-decoration:none; }
    .contact-option:hover { border-color:#394252; }
    .contact-option b { display:block; }
    .contact-option span { display:block; margin-top:6px; color:var(--muted); font-size:.9rem; line-height:1.55; }
    .legal-wrap { max-width:860px; margin:0 auto; }
    .legal-wrap h2 { margin-top:44px; font-size:1.35rem; }
    .legal-wrap h2:first-child { margin-top:0; }
    .legal-wrap p, .legal-wrap li { color:var(--muted); line-height:1.75; font-size:.94rem; }
    .legal-wrap p { margin-top:12px; }
    .legal-wrap ul { margin:12px 0 0 20px; display:grid; gap:7px; }
    .active-nav { color:#fff !important; }

    @media (max-width: 900px) {
      .content-grid, .pricing-grid { grid-template-columns:1fr; }
      .rule-layout, .about-split, .contact-grid { grid-template-columns:1fr; gap:48px; }
      .workflow-line { grid-template-columns:1fr 1fr; }
    }
    @media (max-width: 640px) {
      .page-hero { padding:132px 20px 72px; text-align:center; }
      .page-hero h1, .page-hero p { margin-left:auto; margin-right:auto; }
      .page-hero .hero-actions { justify-content:center; flex-direction:column; max-width:300px; margin-left:auto; margin-right:auto; }
      .rule-layout > .section-heading, .prose, .contact-grid > .section-heading { text-align:center; }
      .rule-groups, .workflow-line, .security-grid { grid-template-columns:1fr; }
      .rule-card, .security-card { text-align:center; }
      .content-grid { text-align:center; }
      .pricing-grid { text-align:center; }
      .plan ul { text-align:left; }
      .about-split { text-align:center; }
      .principles { text-align:center; }
      .contact-options { text-align:center; }
      .legal-wrap { text-align:left; }
    }

    .visual-break-template {
    background-image: url('/static/images/brutus_home3.png');
}