:root{color:#1f2937;--bg-main:#f7fbff;--bg-card:#fff;--bg-soft:#eef7ff;--text-main:#1f2937;--text-soft:#5b6472;--primary:#5b8def;--primary-dark:#4476d9;--secondary:#e8f3ff;--border:#d8e6f5;--success:#dff7e8;--shadow:0 10px 30px #5078b414;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--max-width:1200px;background:#f7fbff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #edf7ff 0%, transparent 35%), radial-gradient(circle at top right, #f3f0ff 0%, transparent 30%), var(--bg-main);color:var(--text-main)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.top-nav{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:20px 24px 10px;display:flex}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{width:72px;height:52px;box-shadow:var(--shadow);background:#fff;border:1px solid #d8e6f5;border-radius:8px;overflow:hidden}.brand-mark img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .25s}.brand-block:hover .brand-mark img{transform:scale(1.08)}.brand-title{margin:0;font-size:1.3rem}.brand-subtitle{color:var(--text-soft);margin:2px 0 0;font-size:.92rem}.nav-links{flex-wrap:wrap;gap:10px;display:flex}.nav-link{color:var(--text-soft);background:#ffffffb3;border:1px solid #0000;border-radius:999px;padding:10px 16px;transition:all .2s}.nav-link:hover{border-color:var(--border);background:#fff}.active-link{color:var(--primary-dark);border-color:var(--border);background:#fff;font-weight:600}.page-container{max-width:var(--max-width);margin:0 auto;padding:12px 24px 40px}.page-section{flex-direction:column;gap:24px;display:flex}.hero-card,.content-card,.info-card,.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-card{padding:32px}.content-card{padding:28px}.info-card,.feature-card{padding:24px}.section-header{flex-direction:column;gap:8px;display:flex}.eyebrow{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.page-title{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.page-text{max-width:760px;color:var(--text-soft);margin:0;font-size:1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.button-row{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.primary-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:600;transition:all .2s;display:inline-flex}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark)}.secondary-button{background:var(--secondary);color:var(--primary-dark);border:1px solid var(--border)}.secondary-button:hover{background:#fff}.small-button{width:fit-content;margin-top:14px}h3{margin-top:0;margin-bottom:8px;font-size:1.1rem}p{margin-top:0;margin-bottom:0}@media (width<=768px){.top-nav{padding:18px 16px 8px}.page-container{padding:10px 16px 28px}.hero-card,.content-card,.info-card,.feature-card{padding:20px}.nav-links{width:100%}}.info-card-content{flex-direction:column;gap:8px;display:flex}.home-page{flex-direction:column;gap:24px;display:flex}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:28px;min-height:420px;padding:28px 0;display:grid}.home-hero-copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.home-title{color:#172033;max-width:720px;margin:0;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.02}.home-lede{color:#4f5d73;max-width:650px;margin:0;font-size:1.15rem}.home-hero-actions{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.home-preview{background:linear-gradient(135deg,#edfbf8e6,#fff7e6e6),#fff;border:1px solid #d6e6ef;border-radius:8px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.home-preview-logo{border-radius:8px;width:min(86%,420px);transition:transform .3s,box-shadow .3s;position:absolute;top:18px;box-shadow:0 18px 45px #304c5d21}.home-preview:hover .home-preview-logo{transform:translateY(-6px)scale(1.02);box-shadow:0 24px 55px #304c5d2e}.home-preview-orbit{pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute;inset:auto 18px 18px}.home-preview-orbit span{color:#31546b;background:#ffffffbd;border:1px solid #ffffffc2;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:800}.home-preview-card{background:#ffffffeb;border:1px solid #d7e1e7;border-radius:8px;gap:12px;width:min(86%,360px);margin-top:132px;padding:22px;display:grid;position:relative;box-shadow:0 14px 35px #304c5d1c}.home-preview-label{color:#247267;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.home-preview-card h3,.home-panel h3,.home-support-copy h3{color:#172033;margin:0;font-size:1.4rem}.home-step-row{background:#fff;border:1px solid #e2e8ee;border-radius:8px;grid-template-columns:32px 1fr;align-items:center;gap:10px;min-height:46px;padding:8px;display:grid}.home-step-row span{color:#315f8d;background:#edf7ff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.home-step-row p{color:#354255;font-weight:650}.home-step-row.is-done span{color:#247247;background:#dff7e8}.home-step-row.is-active{background:#fff9ed;border-color:#f4bd68}.home-panel,.home-support-copy,.home-support-tool{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px}.home-panel{gap:20px;padding:28px;display:grid}.home-journey-tabs,.home-mode-buttons{flex-wrap:wrap;gap:10px;display:flex}.home-tab,.home-mode-button{color:#31546b;cursor:pointer;min-height:44px;font:inherit;background:#f8fbfd;border:1px solid #cddde8;border-radius:8px;padding:10px 14px;font-weight:750}.home-tab.is-selected,.home-mode-button.is-selected{color:#16594f;background:#e7f7f2;border-color:#247267}.home-journey-display{background:#fbfefc;border:1px solid #d9e6dc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:150px;padding:22px;display:grid}.home-journey-display p{color:#4f5d73;font-size:1.05rem}.home-journey-display strong{color:#6e4b10;text-align:center;background:#fff3d7;border-radius:8px;place-items:center;min-width:150px;min-height:72px;padding:12px;display:grid}.home-support-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:20px;display:grid}.home-support-copy,.home-support-tool{flex-direction:column;justify-content:center;gap:14px;padding:28px;display:flex}.home-support-copy p,.home-support-tool p{color:#4f5d73;font-size:1.05rem}.home-support-tool{background:#f9fcff}.home-support-tool>p{background:#fff;border:1px solid #d9e6ee;border-radius:8px;min-height:70px;padding:18px;font-weight:700}.home-values{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.login-page{background:linear-gradient(135deg,#edfbf8f2,#f6f9fff2),#f8fbff;grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr);align-items:center;gap:32px;min-height:100vh;padding:32px 24px;display:grid}.login-visual{background:linear-gradient(160deg,#fff8e5f2,#e7f7f2f2),#fff;border:1px solid #d6e6ef;border-radius:8px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.login-visual img{border-radius:8px;width:min(86%,520px);transition:transform .3s;position:absolute;top:26px;box-shadow:0 20px 52px #304c5d24}.login-visual:hover img{transform:translateY(-5px)}.login-visual-card{background:#ffffffe6;border:1px solid #d9e6dc;border-radius:8px;gap:8px;width:min(78%,320px);padding:24px;display:grid;position:absolute;bottom:36px;box-shadow:0 18px 42px #304c5d1f}.login-visual-card p,.login-visual-card span{color:#4f5d73;margin:0;font-weight:700}.login-visual-card strong{color:#172033;font-size:2.2rem;line-height:1.05}.login-card{background:#fff;border:1px solid #d9e4ef;border-radius:8px;gap:24px;width:100%;max-width:560px;padding:34px;display:grid;box-shadow:0 20px 50px #2738661a}.login-header{gap:10px;display:grid}.login-header h1{color:#172033;margin:0;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.04}.login-header p:not(.eyebrow){color:#5e687c;margin:0;font-size:1.08rem}.login-profile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.login-profile-button{color:#2f3b4f;text-align:left;cursor:pointer;min-height:86px;font:inherit;background:#f8fbfd;border:1px solid #d9e4ef;border-radius:8px;grid-template-columns:44px 1fr;grid-template-areas:"icon role""icon name";align-items:center;gap:4px 12px;padding:14px;display:grid}.login-profile-button span{color:#315f8d;background:#edf7ff;border-radius:8px;grid-area:icon;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.login-profile-button strong{grid-area:role}.login-profile-button small{color:#5e687c;grid-area:name;font-weight:650}.login-profile-button.is-selected{background:#e7f7f2;border-color:#247267}.login-profile-button.is-selected span{color:#fff;background:#247267}.login-demo-pin-box{color:#65460c;background:#fff8e8;border:1px solid #f4d58d;border-radius:8px;gap:6px;padding:14px 16px;display:grid}.login-demo-pin-box strong{color:#4c3608}.login-demo-pin-box p{font-weight:750}.login-form{gap:16px;display:grid}.login-form label{color:#495466;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:800;display:flex}.login-form label span{color:#247267;font-size:.9rem}.login-form input{color:#2f3554;background-color:#f8faff;border:1.5px solid #d9dfec;border-radius:8px;outline:none;width:100%;height:58px;padding:0 18px;font-size:1.05rem}.login-form input:focus{border-color:#5b8def;box-shadow:0 0 0 3px #5b8def26}.login-form .primary-button{border:0;border-radius:8px;width:100%;min-height:58px;font-size:1.05rem}.login-home-button{border-radius:8px;width:100%;min-height:54px;font-size:1.02rem}.login-form .primary-button:disabled{cursor:wait;opacity:.75}.login-error{background:#fff4f4;border:1px solid #ffd1d1;border-radius:8px;padding:14px 16px}.login-error p{color:#c62828;font-weight:700}.login-note{color:#667085;font-size:.95rem}@media (width<=860px){.home-hero,.home-support-grid,.login-page{grid-template-columns:1fr}.login-visual{min-height:260px}.home-journey-display{grid-template-columns:1fr}}@media (width<=520px){.home-hero{min-height:auto;padding-top:12px}.home-preview{min-height:390px}.home-preview-card{margin-top:150px}.home-preview-orbit{flex-wrap:wrap}.brand-mark{width:64px;height:46px}.home-panel,.home-support-copy,.home-support-tool,.login-card{padding:20px}.login-page{padding:18px}.home-tab,.home-mode-button{flex:100%}}