/* FinE Investment Planning landing site — no external dependencies or scripts. */
:root{color-scheme:light;--ink:#1b1f24;--muted:#4a5360;--navy:#1f4e8c;--navy-deep:#153c70;--paper:#fff;--wash:#f3f5f8;--line:#c9ced6;--pale:#eaf1fa;--focus:#c08100}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--navy)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip{position:absolute;left:-200vw;top:0;padding:.6rem 1rem;background:#fff;color:#000;z-index:10}.skip:focus{left:12px;top:10px}
.wrap{max-width:1060px;margin:0 auto;padding-left:24px;padding-right:24px}.topbar{background:#fff;border-bottom:1px solid var(--line)}
.navinner{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:15px 24px;flex-wrap:wrap}.brand{color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:-.015em}.brand span{font-weight:500;color:var(--muted)}
.navlinks{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:5px}.navlinks a{font-size:.91rem;font-weight:600;text-decoration:none}.navlinks a:hover{text-decoration:underline}
.hero{background:linear-gradient(155deg,#f4f7fb 0%,#fff 80%);border-bottom:1px solid #e5e9ef;padding:64px 0 60px}
.eyebrow{font-size:.82rem;letter-spacing:.08em;font-weight:800;color:var(--navy);text-transform:uppercase}.hero h1{font-size:clamp(2.1rem,5vw,3.7rem);letter-spacing:-.045em;line-height:1.13;margin:13px 0 20px;max-width:870px}.hero h1 em{color:var(--navy);font-style:normal}
.lead{font-size:1.16rem;max-width:800px;color:#343f4b;margin:0 0 28px}.pills{display:flex;flex-wrap:wrap;gap:9px}.pill{display:inline-block;border:1px solid #b9c9de;border-radius:99px;padding:5px 12px;background:#fff;font-size:.84rem;font-weight:600;color:#2c4055}
main section{scroll-margin-top:24px}.section{padding-top:48px;padding-bottom:14px}h2{font-size:1.75rem;letter-spacing:-.025em;line-height:1.25;margin:0 0 10px}.sub{color:var(--muted);margin:0 0 22px;max-width:800px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff;box-shadow:0 5px 20px rgba(20,50,80,.045)}
.card h3{font-size:1.42rem;margin:6px 0 12px;letter-spacing:-.02em}.card p{margin:0 0 22px;color:#3b4652}.card .mini{font-size:.78rem;font-weight:750;color:var(--navy);letter-spacing:.075em;text-transform:uppercase}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.button{display:inline-block;text-decoration:none;border:2px solid var(--navy);background:var(--navy);color:#fff;padding:10px 17px;border-radius:7px;font-weight:750;line-height:1.35}.button:hover{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}.button.secondary{background:#fff;color:var(--navy)}.button.secondary:hover{background:var(--pale)}
.text-link{font-size:.92rem;font-weight:600}.linklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.linkbox{border:1px solid var(--line);padding:18px 20px;border-radius:9px;color:var(--ink);text-decoration:none;display:flex;gap:16px;align-items:center;justify-content:space-between}.linkbox:hover{border-color:var(--navy);background:var(--pale)}.linkbox b{color:var(--navy);display:block}.linkbox small{display:block;color:var(--muted);margin-top:4px}.linkbox .chev{font-size:1.5rem;color:var(--navy)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.step{border-left:3px solid var(--navy);padding-left:16px}.step b{display:block;margin-bottom:5px}.step p{font-size:.94rem;color:var(--muted);margin:0}
.notice{border-left:4px solid #7b592c;background:#fff8ed;padding:15px 19px;margin:24px 0;border-radius:0 8px 8px 0}.notice p{margin:0}.small{font-size:.89rem;color:var(--muted)}
.footer{border-top:1px solid var(--line);margin-top:58px;background:var(--wash)}.footer .wrap{padding-top:26px;padding-bottom:27px}.footer p{margin:0 0 10px;font-size:.84rem;color:#3a4756}.footer a{font-weight:600}
.doc-head{padding:38px 0 26px;background:var(--wash);border-bottom:1px solid var(--line)}.doc-head h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.23;letter-spacing:-.028em;margin:10px 0}.doc-head p{color:var(--muted);max-width:760px}.doc-wrap{max-width:900px;margin:0 auto;padding:22px 24px 30px}
.document{overflow-wrap:anywhere}.document h1{font-size:1.45rem;margin:12px 0 20px}.document h2{font-size:1.25rem;margin:28px 0 12px}.document p{margin:12px 0}.document ul,.document ol{padding-left:25px}.document li{margin:9px 0}.document blockquote{padding:5px 17px;border-left:4px solid var(--navy);background:var(--wash);margin:22px 0}.document table{border-collapse:collapse;width:100%;min-width:680px;font-size:.94rem}.document td,.document th{border:1px solid var(--line);padding:10px 13px;vertical-align:top;text-align:left}.document th{background:var(--wash)}.document .table-scroll{max-width:100%;overflow-x:auto;margin:22px 0}.document code{background:#eaeef2;border-radius:3px;padding:1px 4px;font-size:.9em}.document input[type=checkbox]{accent-color:var(--navy);margin-right:8px}
.after-steps{margin-top:23px}.doc-actions{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0 10px}.doc-return{margin-top:30px;font-weight:650}
@media(max-width:750px){.cards,.linklist,.steps{grid-template-columns:1fr}.hero{padding:38px 0}.section{padding-top:35px}.wrap{padding-left:18px;padding-right:18px}.navinner{padding:13px 18px}.card{padding:20px}}
@media(forced-colors:active){.button{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.button.secondary{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.card,.linkbox{border:1px solid CanvasText}.pill{border:1px solid CanvasText}}
@media print{.topbar,.doc-actions,.doc-return,.footer,.skip{display:none}.document table{min-width:0;font-size:.78rem}.document td,.document th{padding:5px 7px}.doc-wrap{max-width:none}}
