
:root{
  --ink:#023047; --navy:#0b1f3a; --blue:#1f79a1; --blue2:#0f4f8a; --muted:#355b6b;
  --line:#e6eef2; --card:#f6f9fb; --accent:#ffc023; --gold:#c9972e; --bg:#ffffff;
  --max:1180px; --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#fff 48%,#f7fbff 100%)}
a{color:inherit;text-decoration:none} p{margin:0;color:var(--muted);line-height:1.65} ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.6}.wrap{max-width:var(--max);margin:0 auto;padding:22px 22px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 20px;border-bottom:1px solid var(--line)}.brand img{height:62px;width:auto;display:block}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:13px;letter-spacing:.055em;text-transform:uppercase}.nav a{padding:10px 11px;border-radius:999px;color:var(--navy)}.nav a:hover{background:var(--card)}.nav .navCta{background:var(--navy);color:#fff}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:42px 0 18px}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.dot{width:10px;height:10px;border-radius:99px;background:var(--accent)}h1{margin:16px 0 14px;font-size:clamp(2.25rem,5vw,4.55rem);line-height:.98;letter-spacing:-.045em;color:var(--ink)}h2{margin:0 0 14px;font-size:clamp(1.85rem,3vw,3rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink)}h3{margin:0 0 10px;font-size:1.05rem;color:var(--ink)}.lead{font-size:clamp(1.08rem,1.4vw,1.3rem);max-width:760px}.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;font-weight:800;letter-spacing:.02em;border:1px solid transparent;font-size:13px;text-transform:uppercase}.btnPrimary{background:var(--blue);color:#fff}.btnPrimary:hover{filter:brightness(.95)}.btnNavy{background:var(--navy);color:#fff}.btnGhost{background:#fff;border-color:var(--line);color:var(--ink)}.btnGhost:hover{background:var(--card)}.heroCard{position:relative;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 16px 50px rgba(2,48,71,.08)}.heroCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.tag{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.profile{display:grid;grid-template-columns:128px 1fr;gap:18px;padding:22px;align-items:center}.profile img{width:128px;height:128px;border-radius:999px;object-fit:cover;border:4px solid #e7c46a;box-shadow:0 12px 28px rgba(2,48,71,.12)}.name{font-weight:900;font-size:1.25rem;color:var(--ink)}.role{color:var(--muted);font-size:15px;margin-top:5px}.panelImage{height:140px;background:radial-gradient(circle at 20% 10%,rgba(255,192,35,.45),transparent 20%),linear-gradient(135deg,#05243a,#1f79a1 55%,#d8edf6);position:relative;overflow:hidden}.panelImage:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.35);border-radius:16px}.panelImage:after{content:"";position:absolute;width:280px;height:280px;border:38px solid rgba(255,255,255,.12);border-radius:999px;right:-70px;top:-90px}.section{padding:34px 0;border-top:1px solid var(--line);margin-top:24px}.sectionIntro{max-width:820px;margin-bottom:20px}.grid{display:grid;gap:16px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;box-shadow:0 8px 22px rgba(2,48,71,.035)}.cardAccent{border-top:5px solid var(--blue)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800;margin-bottom:10px}.bigQuote{font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.offer{display:grid;grid-template-columns:1fr .85fr;gap:18px;align-items:stretch}.offerBox{border:1px solid #d8e8ef;border-radius:22px;background:linear-gradient(135deg,#fff,#f4fbff);padding:26px}.price{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;color:var(--navy)}.listClean{padding-left:0;list-style:none}.listClean li{padding:9px 0 9px 28px;position:relative}.listClean li:before{content:"";position:absolute;left:0;top:17px;width:10px;height:10px;border-radius:999px;background:var(--accent)}.visual{min-height:260px;border-radius:22px;background:linear-gradient(135deg,#0b1f3a,#1f79a1);position:relative;overflow:hidden}.visual .node{position:absolute;border-radius:999px;border:2px solid rgba(255,255,255,.75);background:rgba(255,255,255,.12)}.visual .n1{width:90px;height:90px;left:34px;top:36px}.visual .n2{width:130px;height:130px;right:54px;top:62px}.visual .n3{width:70px;height:70px;left:42%;bottom:38px}.visual .line{position:absolute;height:2px;background:rgba(255,255,255,.45);transform-origin:left center}.visual .l1{width:280px;left:105px;top:84px;transform:rotate(15deg)}.visual .l2{width:245px;right:115px;top:160px;transform:rotate(150deg)}.visualText{position:absolute;left:28px;right:28px;bottom:28px;color:#fff}.visualText strong{display:block;font-size:1.35rem;line-height:1.1}.visualText span{display:block;color:#dbeef5;margin-top:7px;line-height:1.45}.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;color:var(--muted);font-size:13px}.miniLinks{display:flex;gap:10px;flex-wrap:wrap}.miniLinks a{padding:8px 11px;border-radius:10px;border:1px solid var(--line);background:#fff}.pageTitle{padding:34px 0 12px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}.imageCard{min-height:360px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#f8fbfd,#e8f4fa)}.imageCard svg{width:100%;height:100%;display:block}.callout{border-left:5px solid var(--accent);background:#fff;border-radius:16px;padding:20px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.aboutHead{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center}.aboutHead img{width:220px;height:220px;border-radius:999px;object-fit:cover;border:5px solid #e7c46a}.demoFrame{border:0;width:100%;height:calc(100vh - 112px);min-height:720px;display:block;background:#0f172a}.demoPage{margin:0;background:#0f172a}.demoTop{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid var(--line);padding:12px 22px}.demoTop img{height:44px}.mobileOnly{display:none}
@media (max-width:900px){.wrap{padding:16px 16px 38px}.topbar{align-items:flex-start}.brand img{height:48px}.nav{font-size:12px;gap:4px}.hero,.offer,.split,.aboutHead{grid-template-columns:1fr}.grid3,.grid2{grid-template-columns:1fr}.profile{grid-template-columns:96px 1fr}.profile img{width:96px;height:96px}.panelImage{height:110px}.desktopOnly{display:none}.mobileOnly{display:inline-flex}.demoFrame{height:calc(100vh - 84px);min-height:620px}.demoTop img{height:34px}.demoTop{padding:10px 14px}}
