:root{--dark:#053d34;--deep:#062d2a;--mint:#d3f4e8;--paper:#fbfbf8;--ink:#153b33;--muted:#667d75;--line:#dbe7e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.top{background:var(--deep);padding:19px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}.brand small{display:block;font-size:10px;letter-spacing:.16em;color:#91c7bb}.brand strong{display:block;font-size:17px;letter-spacing:.06em}.brand span{color:#a9e6d4}.links{display:flex;gap:20px}.links a{font-size:13px;color:#c7efe5;text-decoration:none}.links a:hover{text-decoration:underline}main{max-width:1200px;margin:auto;padding:0 26px}.hero{padding:75px 0 55px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:#297565}.hero h1{font-size:clamp(38px,5.1vw,74px);letter-spacing:-.045em;line-height:1.08;font-weight:680;margin:14px 0 18px}.hero h1 i,.chapter h2 i{font-weight:390;font-style:normal;color:#348570}.lede{font-size:19px;line-height:1.58;max-width:780px;color:#546b62}.meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.meta span{border:1px solid #cae6dc;border-radius:100px;padding:5px 13px;font-size:12px;color:#285d50}.frame{margin:35px 0;border:1px solid var(--line);background:#fff;padding:35px;border-radius:15px}.auth-head{display:flex;justify-content:space-between;gap:20px}.auth-head h2{font-size:29px;margin:6px 0}.auth-head p{max-width:780px;color:var(--muted)}.lock{height:max-content;background:var(--mint);border-radius:30px;padding:8px 14px;font-size:11px;font-weight:800}.forms{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}.forms form{background:#f4f9f6;padding:22px;border:1px solid var(--line);border-radius:12px}.forms h3{margin:0 0 12px}.forms label{display:block;font-size:13px;font-weight:600;margin:12px 0}.forms input{margin-top:6px;display:block;width:100%;padding:11px;border:1px solid #b6cdc3;border-radius:7px}.forms button,.bar button,.planbtn{margin-top:14px;background:var(--dark);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:700}.forms button.light{background:#d5f1e7;color:var(--deep)}.alert{font-size:13px;color:#a43f29}.bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:13px;color:var(--muted)}.bar button{margin:0;border:1px solid #bad8c9;color:var(--dark);background:transparent}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-top:22px}.tabs button{padding:15px 22px;border:0;border-radius:9px 9px 0 0;color:var(--dark);background:#eaf4ee;font-weight:750}.tabs button.selected{background:var(--dark);color:#fff}.module{padding:36px 0 75px}.chapter{max-width:890px}.chapter h2{font-size:clamp(29px,3.8vw,50px);letter-spacing:-.035em;line-height:1.15;margin:8px 0 14px}.chapter p{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:30px 0 40px}.kpi{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px;min-height:120px}.kpi b{font-size:30px;color:var(--dark);display:block;letter-spacing:-.04em}.kpi strong{font-size:13px;line-height:1.3;display:block}.kpi span{color:var(--muted);font-size:11px;display:block;margin-top:7px}.figure-head{display:flex;justify-content:space-between;align-items:end;gap:18px}.figure-head h3{font-size:25px;margin:4px 0}.figure-head p{margin:0;color:var(--muted)}.figure-head label{font-size:12px;font-weight:700;min-width:270px}.figure-head select{width:100%;display:block;padding:11px;border:1px solid #b6cec3;border-radius:7px;background:#fff}.chart-card,.detail-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;margin:20px 0}.chart-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.chart-title h3{font-size:21px;margin:0}.chart-title span{font-size:12px;color:var(--muted)}.bars{margin-top:20px}.bar-row{display:grid;grid-template-columns:minmax(150px,260px) 1fr 106px;gap:13px;align-items:center;margin:10px 0}.bar-label{font-size:13px}.bar-track{height:16px;background:#edf4f0;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#227e6c,#76cbb0);border-radius:5px;transition:width .2s}.bar-num{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.footnote{color:var(--muted);font-size:12px;margin:16px 0 0}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{margin:0}.detail-card h3{margin:0 0 8px}.detail-card p{color:var(--muted)}.big-number{background:#e9f6f0;border-radius:10px;padding:20px;margin:20px 0}.big-number b{font-size:30px;display:block}.big-number span{font-size:12px;color:#52776b}.detail-card li{margin:8px 0}.caution{margin-top:30px;padding:20px 25px;border-left:4px solid #82bca9;background:#eef6f1;border-radius:3px}.caution p{margin:5px 0 0;color:#506c62}.plan-overview{display:flex;gap:12px;margin:25px 0}.plan-overview div{background:#fff;border:1px solid var(--line);padding:15px 22px;min-width:180px;border-radius:10px}.plan-overview strong{font-size:27px;display:block}.plan-overview span{font-size:11px;color:var(--muted)}.plan-notice{background:#fff6e8;color:#73572c;padding:14px 18px;border-radius:9px;font-size:13px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.plan{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.plan-media{height:204px;background:#f1f5f2;display:flex;align-items:center;justify-content:center;text-align:center;color:#507368;font-size:14px;position:relative}.plan-media img{width:100%;height:100%;object-fit:contain}.plan-inner{padding:20px}.plan-inner h3{margin:0 0 6px;font-size:18px}.plan-inner p{color:var(--muted);font-size:13px;min-height:62px}.plan-status{font-size:11px;color:#688175}.planbtn{margin:10px 0 0;width:100%}.planbtn:disabled{background:#dae6e0;color:#697d74;cursor:not-allowed}.plan-links{display:flex;gap:8px}.plan-links button{flex:1}footer{border-top:1px solid var(--line);padding:24px max(25px,calc((100vw - 1200px)/2));color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}@media(max-width:850px){.kpis{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:repeat(2,1fr)}.forms,.lower-grid{grid-template-columns:1fr}.top{padding:20px}.hero{padding:45px 0}.bar-row{grid-template-columns:130px 1fr 80px}.figure-head{align-items:stretch;flex-direction:column}.figure-head label{width:100%}}@media(max-width:540px){.top,.links{flex-direction:column;align-items:flex-start}.kpis,.plans{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr 80px;gap:4px}.bar-label{grid-column:1/3}.bar-track{grid-column:1}.bar-num{grid-column:2;grid-row:auto}.plan-overview{flex-direction:column}.tabs button{padding:12px;font-size:12px}.frame{padding:20px}footer{flex-direction:column}}

/* Original supplied brand asset: preserve proportions and colours. */
.ypsomed-logo{display:inline-block;width:180px;max-width:100%;height:auto;vertical-align:middle;object-fit:contain}.login-original-logo{display:block;width:220px;margin:12px 0 20px}[hidden]{display:none!important}@media(max-width:760px){.ypsomed-logo{width:140px}}