:root{--red:#e51b23;--dark:#16181d;--muted:#667085;--line:#e5e7eb;--soft:#f7f8fa;--warn:#fff7e8;--danger:#fff0f0}*{box-sizing:border-box}html{background:#f5f6f8}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:linear-gradient(180deg,#fff,#f5f6f8 36%);line-height:1.45}.page-shell{width:min(1040px,calc(100% - 32px));margin:auto;padding:34px 0 50px}.site-header{display:flex;align-items:center;gap:22px;margin-bottom:24px}.logo{width:92px;height:92px;object-fit:contain;border-radius:16px;background:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--red);margin:0 0 5px}.site-header h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:0}.subtitle{margin:8px 0 0;color:var(--muted)}.hero-note{background:#fff;border-left:4px solid var(--red);padding:16px 18px;border-radius:10px;box-shadow:0 8px 30px rgba(20,25,35,.06);margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px rgba(20,25,35,.07)}.form-card{padding:26px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.section-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}.section-title h2{font-size:20px;margin:0}.section-title p{margin:2px 0 0;font-size:13px;color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{font-size:13px;font-weight:700;color:#344054}input,select{width:100%;margin-top:7px;border:1px solid #d0d5dd;border-radius:10px;padding:12px 13px;font-size:15px;background:#fff;color:#101828;outline:none;transition:.2s}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,27,35,.1)}input:disabled{background:#f2f4f7;color:#475467}.optional{font-weight:500;color:#98a2b3}.divider{height:1px;background:var(--line);margin:26px 0}.consent{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:13px;font-weight:500;color:#475467}.consent input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--red)}.primary-btn,.secondary-btn{border:0;border-radius:11px;padding:13px 18px;font-size:15px;font-weight:800;cursor:pointer}.primary-btn{width:100%;background:var(--red);color:#fff}.primary-btn:disabled{opacity:.65;cursor:wait}.secondary-btn{background:#f2f4f7;color:#344054;margin-top:20px}.error-box{background:#fff1f1;color:#a30008;border:1px solid #ffc7ca;border-radius:10px;padding:12px;margin-bottom:14px}.result-card{margin-top:22px;padding:28px}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.result-top h2{font-size:28px;margin:0}.result-top p{margin:6px 0;color:var(--muted)}.dimension-chip{background:#f2f4f7;border-radius:999px;padding:9px 14px;font-weight:800;white-space:nowrap}.hero-result{text-align:center;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #ffd5d7;border-radius:16px;padding:24px;margin:24px 0}.hero-result p{margin:0;color:#475467;font-weight:700}.hero-result strong{display:block;font-size:clamp(42px,7vw,64px);line-height:1;color:var(--red);margin:10px 0}.hero-result small{font-size:18px;color:#475467}.hero-result span{color:#667085}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.metrics>div{background:var(--soft);border-radius:12px;padding:14px}.metrics span,.summary-grid span{display:block;font-size:12px;color:#667085;margin-bottom:5px}.metrics b{font-size:16px}.assessment{margin:16px 0;padding:14px;border-radius:10px;background:#eef8f2;color:#205c37}.assessment.warn{background:var(--warn);color:#7a4a00}.assessment.danger{background:var(--danger);color:#9c0000}.input-summary{margin-top:20px}.disclaimer h3,.input-summary h3{margin-bottom:10px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.summary-grid p{margin:0;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:12px}.basis-box,.disclaimer,.running-in{margin-top:14px;border-radius:12px;padding:16px}.basis-box{background:#f8fafc;border:1px solid #e4e7ec}.basis-box p{margin:0 0 10px}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;border:1px solid #e4e7ec;padding:10px;border-radius:8px;margin:8px 0;font-size:13px}.running-in{background:#fff8e6;border:1px solid #ffe0a3;color:#6c4800}.disclaimer{background:#f9fafb;border:1px solid #e4e7ec;color:#475467}.disclaimer p{margin:0;font-size:13px}footer{text-align:center;color:#98a2b3;font-size:12px;padding:26px 0 0}@media(max-width:760px){.page-shell{width:min(100% - 20px,1040px);padding-top:20px}.site-header{align-items:flex-start}.logo{width:70px;height:70px}.grid.two,.metrics,.summary-grid{grid-template-columns:1fr}.result-top{display:block}.dimension-chip{display:inline-block;margin-top:10px}.form-card,.result-card{padding:18px}.site-header h1{font-size:29px}}.bearing-field{position:relative}.bearing-suggestions{position:absolute;z-index:40;top:calc(100% + 3px);left:0;right:0;background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 14px 35px rgba(16,24,40,.16);overflow:hidden;max-height:330px;overflow-y:auto}.bearing-suggestion{width:100%;border:0;border-bottom:1px solid #eef0f3;background:#fff;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;color:#101828}.bearing-suggestion:last-child{border-bottom:0}.bearing-suggestion:focus,.bearing-suggestion:hover{background:#fff5f5;outline:none}.bearing-suggestion span{min-width:0;display:flex;flex-direction:column;gap:2px}.bearing-suggestion b{font-size:14px}.bearing-suggestion small{font-weight:500;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px}.bearing-suggestion em{font-style:normal;font-size:12px;font-weight:700;color:#475467;white-space:nowrap}.suggestion-status{padding:12px;color:#667085;font-size:13px;font-weight:500}.basis-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:12px 0}.basis-values>div{background:#fff;border:1px solid #e4e7ec;border-radius:9px;padding:10px}.basis-values span{display:block;font-size:11px;color:#667085;margin-bottom:4px}.basis-values b{font-size:13px;color:#344054}@media(max-width:760px){.bearing-suggestion{align-items:flex-start}.bearing-suggestion em{font-size:11px}.bearing-suggestion small{max-width:180px}.basis-values{grid-template-columns:1fr}}.result-actions{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.result-actions p{margin:0;color:#667085;font-size:12px}.print-btn{border:0;border-radius:11px;padding:13px 18px;background:#16181d;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.print-btn:hover{opacity:.9}.site-footer{gap:14px}.contact-details,.site-footer{display:flex;flex-direction:column}.contact-details{gap:3px;color:#667085;font-size:13px}.contact-details b{color:#344054;font-size:14px}@media(max-width:760px){.result-actions{display:block}.result-actions p{margin-top:8px}}@media print{@page{margin:12mm}body,html{background:#fff!important}body{font-family:Arial,Helvetica,sans-serif;color:#111}.page-shell{width:100%;max-width:none;padding:0;margin:0}.form-card,.hero-note,.no-print{display:none!important}.site-header{margin-bottom:14px;gap:14px}.logo{width:64px;height:64px}.site-header h1{font-size:25px}.subtitle{font-size:12px}.result-card{display:block!important;margin:0;padding:18px;border:1px solid #ddd;box-shadow:none;page-break-inside:avoid;break-inside:avoid}.hero-result{padding:16px;margin:16px 0}.hero-result strong{font-size:40px}.metrics{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}.assessment,.basis-box,.disclaimer,.running-in{page-break-inside:avoid;break-inside:avoid}.site-footer{padding-top:14px;color:#555}.contact-details{color:#333}}