:root{--purple:#6f4be8;--purple-dark:#5d35cc;--purple-light:#815ff0;--purple-50:#f7f3ff;--purple-100:#eee7ff;--purple-950:#28164f;--ink:#26222d;--muted:#6f6877;--border:#e6e0ec;--green:#26734d;--green-bg:#f2fbf6;--red:#a33f4a;--red-bg:#fff5f6}
*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:none}body{overflow-x:hidden;background:#fbfaff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(111,75,232,.25);outline-offset:2px}.msc-emergency{font-family:Arial,Helvetica,sans-serif}.motricialy-emergency-header{height:74px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1200px)/2));gap:24px}.motricialy-emergency-header>a{font-weight:800;font-size:22px;color:#232323;text-decoration:none}.motricialy-emergency-header nav{margin-left:auto;display:flex;gap:20px}.motricialy-emergency-header nav a{font-size:13px;color:#555;text-decoration:none}.motricialy-emergency-footer{min-height:120px;padding:34px max(20px,calc((100% - 1200px)/2));background:#202020;color:#ddd}.motricialy-emergency-footer strong{display:block;color:#fff;font-size:20px;margin-bottom:7px}.motricialy-emergency-footer span{font-size:13px}
.retirement-app{min-height:700px;background:linear-gradient(#fff 0,#fbfaff 25%,#fbfaff 100%);padding:0 20px 88px}.hero-section{max-width:980px;margin:0 auto;text-align:center;padding:58px 0 30px}.hero-eyebrow,.section-label{display:inline-flex;color:var(--purple);font-size:11px;font-weight:850;letter-spacing:.11em}.hero-section h1{margin:11px 0 13px;font-size:48px;line-height:1.08;letter-spacing:-.04em;color:#211d29}.hero-subtitle{max-width:780px;margin:0 auto;color:#67606e;font-size:16px;line-height:1.62}.trust-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:17px;color:#85808a;font-size:12px}.trust-row span:not(:last-child)::after{content:'•';margin-left:14px;color:#c0b9c9}
.tool-shell{max-width:1180px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 52px rgba(41,24,76,.075);overflow:hidden}.tool-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fcfbfe;border-bottom:1px solid #eee9f3}.tool-title-wrap{display:flex;align-items:baseline;gap:9px}.tool-title-wrap strong{font-size:14px}.tool-title-wrap span{color:#8c8493;font-size:11px}.top-actions{display:flex;gap:8px;align-items:center}.ghost-button,.secondary-button{border:1px solid #ddd5e8;background:#fff;color:#5c4e6b;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:750;cursor:pointer}.ghost-button:hover,.secondary-button:hover{border-color:#bcaef2;color:var(--purple-dark);background:#fcfaff}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)}.input-card{padding:23px}.result-card{padding:23px;background:#faf8ff;border-left:1px solid #eee9f4}.group-title{margin:0 0 13px;color:#332a3e;font-size:13px;font-weight:850}.input-groups{display:grid;gap:18px}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:6px}.field span{font-size:11px;font-weight:800;color:#61596a}.field small{font-size:10px;color:#99919e}.field input,.field select{width:100%;min-height:43px;padding:8px 10px;border:1px solid #ddd7e6;border-radius:9px;background:#fff;color:#2f2936}.field input:focus,.field select:focus{border-color:#947df2;box-shadow:0 0 0 3px rgba(111,75,232,.08);outline:0}.input-divider{height:1px;background:#eeeaf2}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:19px}.primary-button{border:1px solid var(--purple-dark);background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 7px 16px rgba(93,53,204,.18)}.primary-button:hover{filter:brightness(.98);transform:translateY(-1px)}.form-note{margin:0;color:#8b8491;font-size:10.5px;line-height:1.45}.status-message{max-width:1180px;margin:13px auto 0;padding:11px 13px;border-radius:10px;border:1px solid #e4dff0;background:#fff;color:#696171;font-size:12px}.status-message.success{border-color:#d3eadc;background:#f6fcf8;color:#3d7054}.status-message.error{border-color:#f0d5d8;background:#fff7f7;color:#9a4650}
.result-kicker{color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.11em}.result-card h2{margin:6px 0 17px;font-size:20px;color:#34254e}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:13px;border:1px solid #e7e0f0;border-radius:12px;background:#fff}.metric.wide{grid-column:1/-1}.metric span{display:block;color:#817888;font-size:10.5px;font-weight:750}.metric strong{display:block;margin-top:5px;color:#2d2636;font-size:22px;line-height:1.15}.metric.positive{border-color:#cfe8da;background:var(--green-bg)}.metric.positive strong{color:var(--green)}.metric.negative{border-color:#efd4d9;background:var(--red-bg)}.metric.negative strong{color:var(--red)}.metric small{display:block;margin-top:5px;color:#857d8b;font-size:10.5px;line-height:1.45}.progress-box{margin-top:13px;padding:13px;border:1px solid #e5def0;border-radius:12px;background:#fff}.progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.progress-head span{font-size:11px;font-weight:800;color:#645a70}.progress-head strong{font-size:16px;color:#4d2eaa}.progress-track{height:8px;margin:9px 0;background:#ece7f3;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#967cf4,#6f4be8);border-radius:99px;transition:width .3s ease}.progress-fill.good{background:linear-gradient(90deg,#54a476,#337c57)}.progress-box p,.result-explain{margin:7px 0 0;color:#7b7282;font-size:10.5px;line-height:1.5}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.result-card:not(.has-result) .result-actions{opacity:.55;pointer-events:none}.privacy-strip{max-width:1180px;margin:14px auto 0;border:1px solid #dcebe2;background:#f7fcf9;border-radius:12px;padding:12px 14px;color:#406c52;font-size:11.5px}.privacy-strip strong{margin-right:6px}
.projection-section{max-width:1180px;margin:24px auto 0}.projection-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:10px}.projection-head h2{margin:0;font-size:20px}.projection-head p{margin:5px 0 0;color:#7d7484;font-size:11.5px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:13px;background:#fff}.projection-table{width:100%;border-collapse:collapse;min-width:760px;font-size:11px}.projection-table th,.projection-table td{padding:10px 11px;text-align:right;border-bottom:1px solid #eeeaf2}.projection-table th:first-child,.projection-table td:first-child,.projection-table th:nth-child(2),.projection-table td:nth-child(2){text-align:left}.projection-table th{background:#faf8fd;color:#635b69;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.projection-table tr:last-child td{border-bottom:0}.phase-pill{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:10px;font-weight:800}.phase-pill.saving{background:#f0ebff;color:#5d35cc}.phase-pill.retired{background:#edf7f1;color:#367152}
.landing-content{max-width:980px;margin:74px auto 0}.seo-section{margin-top:76px}.section-heading .section-label{padding:6px 9px;border:1px solid #e4dcfa;border-radius:999px;background:#f8f4ff}.section-heading h2{margin:10px 0 0;color:var(--purple-950);font-size:30px;line-height:1.18;letter-spacing:-.025em}.purple-rule{display:block;width:48px;height:3px;margin:13px 0 28px;border-radius:4px;background:linear-gradient(90deg,var(--purple),#bdaff4)}.steps-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps-grid article,.feature-grid article{position:relative;overflow:hidden;border:1px solid #e5def0;border-radius:14px;padding:20px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.steps-grid article:hover,.feature-grid article:hover{transform:translateY(-3px);border-color:#cbbdf4;box-shadow:0 10px 25px rgba(71,44,130,.08)}.step-number{display:inline-flex;margin-bottom:13px;color:#8b72e4;font-size:11px;font-weight:900}.steps-grid h3,.feature-grid h3{margin:0 0 7px;color:#30263f;font-size:15px}.steps-grid p,.feature-grid p{margin:0;color:#736b79;font-size:12px;line-height:1.62}.feature-grid article{background:linear-gradient(145deg,#fff,#fbf8ff)}.feature-grid article::after{content:'';position:absolute;right:-24px;top:-24px;width:72px;height:72px;border-radius:50%;background:#eee7ff;opacity:.85;transition:transform .18s ease}.feature-grid article:hover::after{transform:scale(1.14)}.guidance-card{border:1px solid #e1daf0;border-radius:16px;background:linear-gradient(135deg,#fbf8ff,#fff);padding:22px}.guidance-card p{margin:0;color:#665d70;font-size:13px;line-height:1.72}.guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.guidance-grid div{padding:14px;border-radius:11px;background:#fff;border:1px solid #e8e1f1}.guidance-grid strong{display:block;color:#422d76;font-size:13px}.guidance-grid span{display:block;margin-top:4px;color:#7c7384;font-size:11px;line-height:1.5}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid #e5deed;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .18s ease,background .18s ease}.faq-list details:hover{border-color:#cdbff3}.faq-list details[open]{background:#faf7ff;border-left:4px solid var(--purple)}.faq-list summary{cursor:pointer;list-style:none;padding:15px 17px;font-size:13px;font-weight:800;color:#3b3343}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:0;padding:0 17px 15px;color:#706779;font-size:12px;line-height:1.65}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.related-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px 16px 20px;border:1px solid #e4deed;border-radius:12px;background:#fff;color:#30273c;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.related-card::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:4px;background:#8d70eb;transition:top .18s ease,bottom .18s ease}.related-card:hover{transform:translateY(-2px);border-color:#cbbdf3;box-shadow:0 8px 18px rgba(64,39,118,.07)}.related-card:hover::before{top:7px;bottom:7px}.related-card strong{display:block;font-size:13px}.related-card small{display:block;margin-top:4px;color:#817988;font-size:10.5px;line-height:1.4}.related-arrow{color:var(--purple);font-size:18px;transition:transform .18s ease}.related-card:hover .related-arrow{transform:translateX(2px)}
@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.result-card{border-left:0;border-top:1px solid #eee9f4}.field-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.guidance-grid{grid-template-columns:1fr}.motricialy-emergency-header nav{display:none}}
@media(max-width:620px){.retirement-app{padding:0 14px 64px}.hero-section{padding:40px 2px 24px}.hero-section h1{font-size:38px}.hero-subtitle{font-size:14px}.trust-row span:not(:last-child)::after{display:none}.tool-topbar,.projection-head{align-items:flex-start;flex-direction:column}.input-card,.result-card{padding:17px}.field-grid,.field-grid.two,.result-grid,.steps-grid,.feature-grid,.related-grid{grid-template-columns:1fr}.metric.wide{grid-column:auto}.section-heading h2{font-size:25px}.seo-section{margin-top:58px}.landing-content{margin-top:58px}.steps-grid article:hover,.feature-grid article:hover,.related-card:hover{transform:none}.projection-head{gap:7px}.motricialy-emergency-header{height:64px;padding:0 16px}.motricialy-emergency-footer{padding:26px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Motricialy v1.0.8 approved card interaction tokens */
.steps-grid article:hover,.feature-grid article:hover{border-color:#d5c8ef}
.faq-list details:hover{background:#faf8ff}.faq-list details[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 #815ff0}
.related-card:hover{border-color:#e5ddfb}.related-card:hover::before{width:5px}.related-card:focus-visible,.steps-grid article:focus-visible,.feature-grid article:focus-visible,.faq-list summary:focus-visible{outline:3px solid rgba(129,95,240,.24);outline-offset:2px}