:root{--navy:#091222;--ink:#101c2b;--coral:#eb786a;--coral-soft:#ffdad3;--blue-soft:#e7eefa;--fog:#f3f5f7;--silver:#d5dce1;--slate:#526170;--white:#ffffff;--success:#1b8066;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{background:#dfe4e8}body{margin:0;color:var(--ink);background:radial-gradient(circle at 0 0,rgba(235,120,106,.16),transparent 30rem),#dfe4e8}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}.eyebrow{display:block;color:var(--coral);font-size:10px;letter-spacing:.16em}.eyebrow,.logo{font-weight:900}.logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:white;background:var(--navy);font-size:25px}.small-logo{width:38px;height:38px;border-radius:12px;font-size:16px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,440px);padding:34px;border-radius:30px;background:white;box-shadow:0 30px 90px rgba(8,19,37,.2)}.login-card .eyebrow{margin-top:28px}.login-card h1{margin:10px 0;color:var(--navy);font-size:38px;line-height:1;letter-spacing:-.05em}.login-card p{color:var(--slate);font-size:13px;line-height:1.55}.login-card form{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.form-view label>span:first-child,.login-card label span{display:block;margin:0 0 7px 3px;color:var(--slate);font-size:10px;font-weight:800}.form-view input,.form-view select,.form-view textarea,.login-card input{width:100%;padding:14px;border:1px solid var(--silver);border-radius:13px;background:#fbfcfd;outline:0}.form-view input:focus,.form-view select:focus,.form-view textarea:focus,.login-card input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(235,120,106,.13)}.form-view form>button,.login-card button{min-height:51px;border:0;border-radius:13px;color:white;background:var(--navy);font-weight:900}.login-card small{display:block;margin-top:20px;color:var(--slate);font-size:10px;line-height:1.5}.form-error{padding:11px;border-radius:11px;color:#812b25;background:var(--coral-soft);font-size:11px}.demo-page{width:min(100%,560px);min-height:100vh;margin:0 auto;padding-bottom:90px;overflow:hidden;background:var(--fog);box-shadow:0 0 70px rgba(8,19,37,.16)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:72px;justify-content:space-between;padding:12px 19px;border-bottom:1px solid rgba(213,220,225,.75);background:rgba(243,245,247,.91);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px;padding:0;border:0;background:transparent;text-align:left}.brand small,.brand strong{display:block}.brand strong{font-size:13px}.brand small{margin-top:3px;color:var(--slate);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.demo-badge{padding:7px 9px;border-radius:999px;color:#7a2b24;background:var(--coral-soft);font-size:9px;font-weight:900;letter-spacing:.1em}.cases-view,.form-view,.home-view,.role-screen,.test-view{padding:18px 18px 34px;animation:appear .24s ease both}@keyframes appear{0%{opacity:0;transform:translateY(7px)}}.role-screen{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center}.cases-view h1,.form-view h1,.role-screen h1,.test-view h1{margin:10px 0;color:var(--navy);font-size:clamp(36px,10vw,48px);line-height:1;letter-spacing:-.05em}.form-view>p,.role-screen>p{color:var(--slate);font-size:13px;line-height:1.5}.role-grid{display:grid;grid-gap:10px;gap:10px;margin-top:25px}.role-grid button{display:grid;grid-template-columns:42px 1fr;grid-gap:12px;gap:12px;padding:15px;text-align:left;border:1px solid var(--silver);border-radius:18px;background:white}.role-grid button>span{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:white;background:var(--navy);font-size:10px;font-weight:800}.role-grid strong{align-self:end}.role-grid small{color:var(--slate);font-size:10px}.hero{min-height:290px;display:flex;position:relative;overflow:hidden;padding:30px 25px;border-radius:28px;color:white;background:var(--navy);box-shadow:0 18px 45px rgba(8,19,37,.17)}.hero>div:first-child{position:relative;z-index:2;max-width:340px}.hero h1{margin:11px 0;font-size:clamp(36px,10vw,50px);line-height:.98;letter-spacing:-.055em}.hero p{max-width:290px;color:rgba(255,255,255,.69);font-size:13px;line-height:1.5}.hero button{margin-top:13px;padding:12px 15px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:white;background:rgba(255,255,255,.08);font-size:11px;font-weight:800}.hero-graphic span{position:absolute;right:-70px;width:260px;height:100px;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-13deg)}.hero-graphic span:first-child{top:58px}.hero-graphic span:nth-child(2){top:95px}.hero-graphic i{position:absolute;right:45px;top:88px;width:13px;height:13px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 8px rgba(235,120,106,.13)}.safety-banner{display:flex;align-items:center;gap:12px;margin:13px 0 27px;padding:15px 17px;border:1px solid var(--silver);border-radius:18px;background:white}.safety-banner>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--success);background:rgba(27,128,102,.12);font-weight:900}.safety-banner small,.safety-banner strong{display:block}.safety-banner strong{font-size:12px}.safety-banner small{margin-top:3px;color:var(--slate);font-size:10px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.section-title h2{margin:6px 0 0;font-size:23px;letter-spacing:-.04em}.section-title button{border:0;color:var(--coral);background:transparent;font-size:10px;font-weight:900}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:11px;gap:11px}.action-grid button{min-height:145px;display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--silver);border-radius:19px;text-align:left;background:white}.action-grid button>span{display:grid;place-items:center;width:33px;height:33px;margin-bottom:auto;border:1px solid;border-radius:50%;font-size:11px;font-weight:900}.action-grid small,.action-grid strong{display:block}.action-grid strong{font-size:18px;letter-spacing:-.03em}.action-grid small{margin-top:4px;color:var(--slate);font-size:10px}.action-grid .dark{color:white;background:var(--navy);border-color:var(--navy)}.action-grid .coral{color:white;background:var(--coral);border-color:var(--coral)}.action-grid .coral small,.action-grid .dark small{color:rgba(255,255,255,.68)}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.summary-strip div{padding:13px;border-radius:14px;background:white;border:1px solid var(--silver)}.summary-strip span,.summary-strip strong{display:block}.summary-strip strong{color:var(--navy);font-size:22px}.summary-strip span{color:var(--slate);font-size:9px}.back{margin:3px 0 30px;padding:10px 12px;border:1px solid var(--silver);border-radius:12px;background:white;font-size:11px;font-weight:800}.success-notice,.warning{margin:18px 0;padding:14px;border-radius:14px;color:#875000;background:#fff3dc;font-size:11px;line-height:1.5}.warning.critical{color:#7a2b24;background:var(--coral-soft)}.success-notice{color:#0d654f;background:#e4f5ef}.form-view form{display:grid;grid-gap:14px;gap:14px;margin-top:18px;padding:20px;border-radius:24px;background:white;box-shadow:0 15px 40px rgba(8,19,37,.09)}.form-view textarea{resize:vertical}.form-view input[readonly]{color:var(--slate);background:#eef1f3;cursor:not-allowed}.form-view .form-error{margin:0;line-height:1.5}.consent{display:flex;align-items:flex-start;gap:9px;color:var(--slate);font-size:10px;line-height:1.45}.consent input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--coral)}.consent span{margin:0!important;font-weight:500!important}.case-list{display:grid;grid-gap:11px;gap:11px;margin-top:20px}.case-list article{padding:18px;border:1px solid var(--silver);border-radius:19px;background:white}.case-head{display:flex;justify-content:space-between;gap:12px}.case-head small{color:var(--slate);font-size:9px}.case-list h3{margin:14px 0 5px;font-size:15px}.case-list p{margin:0;color:var(--slate);font-size:11px}.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.case-tags span{padding:6px 8px;border-radius:999px;color:var(--navy);background:var(--blue-soft);font-size:9px;font-weight:800}.case-list dl{display:grid;grid-gap:8px;gap:8px;margin:15px 0 0;padding-top:13px;border-top:1px solid var(--fog)}.case-list dl div{display:grid;grid-template-columns:90px 1fr;grid-gap:10px;gap:10px}.case-list dt{color:var(--slate);font-size:9px}.case-list dd{margin:0;font-size:10px}.empty{margin-top:20px;padding:40px 20px;border-radius:20px;text-align:center;color:var(--slate);background:white;font-size:12px}.clear-history{margin:5px 0 2px;padding:9px 11px;border:1px solid #e8aaa2;border-radius:11px;color:#7a2b24;background:var(--coral-soft);font-size:10px;font-weight:800}.checklist{display:grid;grid-gap:9px;gap:9px;margin-top:23px}.checklist label{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--silver);border-radius:16px;background:white}.checklist input{width:18px;height:18px;accent-color:var(--coral)}.checklist span{display:flex;align-items:center;gap:10px;font-size:12px}.checklist b{color:var(--coral);font-size:9px}.feedback-note{margin-top:18px;padding:18px;border-radius:17px;color:rgba(255,255,255,.75);background:var(--navy);font-size:11px;line-height:1.55}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;width:min(100%,560px);display:grid;grid-template-columns:repeat(5,1fr);transform:translateX(-50%);padding:8px;border-top:1px solid var(--silver);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:13px;color:#7e8a96;background:transparent;font-size:18px}.bottom-nav small{font-size:8px;font-weight:800}.bottom-nav .active{color:var(--navy)}.bottom-nav .nav-main{color:white;background:var(--navy)}@media (min-width:720px){body{padding:28px 0}.demo-page{min-height:calc(100vh - 56px);border-radius:32px}.bottom-nav{bottom:28px;border-radius:0 0 32px 32px}}