:root{--font-body:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--navy:#10233d;--navy-deep:#0b1829;--gold:#c9a24a;--gold-soft:#c9a24a33;--parchment:#f6efe2;--parchment-deep:#eadfcd;--ink:#1c2431;--muted:#5d6574;--line:#10233d24;--shadow:0 28px 80px #10233d29}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #c9a24a29, transparent 36%), radial-gradient(circle at right 20%, #10233d1f, transparent 24%), linear-gradient(180deg, #fbf7ef 0%, var(--parchment) 40%, #f2e9db 100%)}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;position:relative;overflow:hidden}.page-glow{filter:blur(16px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}.page-glow-left{background:radial-gradient(circle,#c9a24a47,#0000 68%);width:16rem;height:16rem;top:4rem;left:-4rem}.page-glow-right{background:radial-gradient(circle,#10233d29,#0000 70%);width:18rem;height:18rem;top:15rem;right:-5rem}.page-frame{z-index:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0 2rem;position:relative}.topbar{color:var(--navy);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.75rem;padding:.75rem 0 2rem;font-size:1.05rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--gold), #f4d88c);width:.95rem;height:.95rem;box-shadow:0 0 0 6px var(--gold-soft);border-radius:50%}.hero{max-width:44rem;padding:1.8rem 0 2.6rem}.eyebrow{color:var(--navy);letter-spacing:.24em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700}.hero h1{color:var(--navy-deep);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,7vw,5.4rem);line-height:.96}.lead{max-width:37rem;color:var(--muted);margin:1.35rem 0 0;font-size:clamp(1.03rem,1.4vw,1.18rem);line-height:1.75}.feature{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:stretch;gap:1.2rem;padding:.5rem 0 1.25rem;display:grid}.feature-copy,.feature-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2b3;border-radius:1.7rem}.feature-copy{padding:2rem}.feature-label{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:0 0 .6rem;font-size:.8rem;font-weight:700}.feature-copy h2{color:var(--navy-deep);font-family:var(--font-display);margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05}.feature-description{max-width:34rem;color:var(--muted);margin:1rem 0 1.5rem;font-size:1.04rem;line-height:1.75}.cta{background:linear-gradient(135deg, var(--navy), #1d3f68);color:#fff7e7;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:3.2rem;padding:.9rem 1.4rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 18px 32px #10233d33}.cta:hover{transform:translateY(-1px);box-shadow:0 22px 36px #10233d3d}.cta:focus-visible{outline-offset:3px;outline:3px solid #c9a24a73}.note{color:var(--muted);margin:1rem 0 0;font-size:.96rem}.feature-panel{justify-content:center;align-items:flex-end;min-height:100%;padding:1.25rem;display:flex;position:relative;overflow:hidden}.panel-ring{background:radial-gradient(circle at 50% 18%,#c9a24a38,#0000 32%),linear-gradient(#fffaf28c,#f6efe2e6);border:1px solid #c9a24a52;border-radius:1.5rem;position:absolute;inset:1.5rem}.panel-card{z-index:1;color:#f8f1e3;background:#10233df2;border-radius:1.35rem;width:min(100%,20rem);padding:1.4rem;position:relative;box-shadow:0 22px 48px #10233d47}.panel-kicker{color:#d2b56b;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.panel-title{font-family:var(--font-display);margin-top:.55rem;font-size:1.9rem;line-height:1.05;display:block}.panel-meta{color:#f8f1e3b8;margin-top:.7rem;font-size:.96rem;line-height:1.5;display:block}.footer{color:#10233db3;text-align:center;padding:1.3rem 0 .25rem;font-size:.92rem}@media (max-width:860px){.page-frame{width:min(100%,100% - 1rem)}.hero{padding-bottom:1.8rem}.feature{grid-template-columns:1fr}.feature-copy,.feature-panel{border-radius:1.4rem}.feature-copy{padding:1.5rem}}@media (max-width:560px){.page-frame{width:calc(100% - .75rem);padding-top:.85rem}.topbar{padding-bottom:1.25rem;font-size:.96rem}.hero h1{font-size:clamp(2.45rem,14vw,3.6rem)}.lead{font-size:1rem}.feature-copy{padding:1.25rem}.feature-copy h2{font-size:1.85rem}.cta{width:100%}}