@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.leading-none{--tw-leading:1;line-height:1}.break-all{word-break:break-all}.text-current{color:currentColor}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--op-offwhite:#fafbfc;--op-gray-light:#eceef1;--op-azure:#005bf5;--op-charcoal:#0f1214;--bg:var(--op-offwhite);--fg:var(--op-charcoal);--muted:#6b7280;--line:#dcdfe4;--accent:var(--op-azure);--radius:10px;--max:920px;--font-heading:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--touch-target-min:44px;--chart-height-mobile:280px;--chart-height-tablet:350px;--chart-height-desktop:400px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0;line-height:1.6;overflow-x:hidden}.wrap{max-width:var(--max);padding:var(--spacing-md);width:100%;margin:0 auto}@media (min-width:640px){.wrap{padding:var(--spacing-lg)var(--spacing-md)}}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--fg);margin:0 0 10px;font-weight:500}h1,h2{font-weight:500}h3,h4{font-weight:400}p{font-family:var(--font-body);margin:0 0 12px;line-height:1.6}.muted{color:var(--muted)}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(18px,3.4vw,28px);box-shadow:0 1px 3px #0f12140a}.actions{gap:10px;margin-top:20px;display:flex}button{appearance:none;background:var(--op-azure);color:#fff;font-family:var(--font-body);cursor:pointer;min-height:var(--touch-target-min);border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s}button:hover{background:#0047cc;box-shadow:0 4px 12px #005bf540}@media (hover:none){button:hover{background:var(--op-azure);box-shadow:none}}button:focus{outline:2px solid var(--op-azure);outline-offset:2px}button:active{transform:scale(.98)}button.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}button.ghost:hover{background:var(--op-gray-light);box-shadow:none}.center{text-align:center}.xl{font-family:var(--font-heading);font-size:clamp(22px,2.8vw,30px);font-weight:500}.lead{font-family:var(--font-body);font-size:clamp(16px,2.2vw,18px)}.field{margin:18px 0}label{font-family:var(--font-body);color:var(--fg);margin:0 0 6px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password]{width:100%;font-family:var(--font-body);color:var(--fg);border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--op-azure);box-shadow:0 0 0 3px #005bf51a}input::placeholder{color:#9ca3af}select{width:100%;font-family:var(--font-body);color:var(--fg);border:1px solid var(--line);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") right 12px center/16px no-repeat;border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--op-azure);box-shadow:0 0 0 3px #005bf51a}select option{padding:8px}.scale5{grid-template-columns:repeat(5,1fr);align-items:start;gap:10px;margin-top:18px;display:grid}.scaleItem{flex-direction:column;align-items:center;gap:8px;display:flex}.scaleItem input{opacity:0;pointer-events:none;position:absolute}.dot{border:2px solid var(--op-charcoal);border-radius:50%;width:22px;height:22px;transition:background .2s,border-color .2s;display:inline-block}.scaleItem input:focus+.dot{outline:2px solid var(--op-azure);outline-offset:2px}.scaleItem input:checked+.dot{background:var(--op-azure);border-color:var(--op-azure)}.scaleLbl{font-family:var(--font-body);color:#6b7280;text-align:center;min-height:2.2em;font-size:12px;line-height:1.2}.tooltip{cursor:help;vertical-align:middle;align-items:center;display:inline-flex;position:relative}.qinfo{vertical-align:middle;margin-left:8px}.tooltip .i{border:1px solid var(--op-charcoal);width:18px;height:18px;color:var(--op-charcoal);border-radius:50%;justify-content:center;align-items:center;margin-top:0;font-size:12px;line-height:1;display:inline-flex}.tip{border:1px solid var(--line);min-width:260px;max-width:520px;color:var(--fg);font-family:var(--font-body);z-index:10;background:#fff;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;display:none;position:absolute;top:-6px;left:26px;transform:translateY(-100%);box-shadow:0 8px 24px #0f12141f}@media (max-width:640px){.tip{width:calc(100vw - 32px);min-width:auto;max-width:calc(100vw - 32px);position:fixed;bottom:80px;transform:none;top:auto!important;left:16px!important;right:16px!important}.tooltip.flip .tip{left:16px!important;right:16px!important}}.tooltip:hover .tip{display:block}.tooltip.flip .tip{left:auto;right:26px}.catTitle{text-align:center;font-family:var(--font-heading);letter-spacing:.02em;color:var(--fg);margin-bottom:12px;font-size:clamp(20px,2.2vw,26px);font-weight:500;display:block}.qmeta{align-items:center;gap:10px;margin-bottom:8px;display:flex}.qnum{font-family:var(--font-heading);letter-spacing:.02em;color:var(--muted);font-weight:600}.qtitle{font-family:var(--font-heading);margin:0;display:block}.progress{background:var(--op-gray-light);border-radius:999px;height:6px;margin:18px 0;overflow:hidden}.progress>span{background:var(--op-azure);width:0%;height:100%;transition:width .3s;display:block}.spacer{height:6px}.grid2{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:720px){.grid2{grid-template-columns:1fr 1fr}}.chartBox{width:100%;max-width:500px;height:var(--chart-height-mobile);margin:0 auto;position:relative}@media (min-width:640px){.chartBox{height:var(--chart-height-tablet)}}@media (min-width:1024px){.chartBox{height:var(--chart-height-desktop)}}.actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.sliderBlock{display:none}.recs{margin-top:24px}.recs h3{font-family:var(--font-heading);margin:0 0 8px;font-size:18px;font-weight:500}.rec-list{grid-template-columns:1fr;gap:12px;display:grid}.rec-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.rec-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rec-cat{font-family:var(--font-heading);color:var(--fg);font-weight:600}.rec-prio{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.rec-prio.high{color:#fff;background:#ef4444}.rec-prio.medium{color:#fff;background:#f97316}.rec-prio.low{color:#fff;background:#10b981}.rec-prio.critical{color:#fff;background:#b91c1c}.rec-prio.important{color:#fff;background:#ea580c}.rec-prio.foundational{color:#fff;background:#166534}.rec-gap{color:var(--muted);margin-bottom:8px;font-size:13px}.rec-actions{font-family:var(--font-body);margin:8px 0 0;padding-left:18px}.rec-focus{font-family:var(--font-body);color:var(--fg);margin:6px 0;font-weight:600}.rec-outcome{color:var(--muted);font-style:italic;font-family:var(--font-body);margin-top:8px}.sources-info{background:var(--op-gray-light);border:1px solid var(--line);font-size:14px;font-family:var(--font-body);border-radius:8px;margin-bottom:6px;padding:6px}.sources-info h4{font-family:var(--font-heading);color:var(--fg);margin:0 0 8px;font-size:16px}.sources-info p{margin:0}.step{display:none}.step.active{display:block}.processing{z-index:9999;background:#fafbfce6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.processing .box{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;max-width:420px;padding:20px 24px;box-shadow:0 12px 28px #0f12141f}.spinner{border:3px solid var(--op-azure);border-top-color:#0000;border-radius:50%;width:28px;height:28px;margin-bottom:10px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav-overlay{z-index:998;opacity:0;visibility:hidden;background:#0f121480;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-drawer{background:var(--bg);z-index:999;flex-direction:column;width:min(300px,85vw);transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0f12141a}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-header{padding:var(--spacing-md);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.mobile-nav-links{padding:var(--spacing-md)0;flex:1;overflow-y:auto}.mobile-nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--fg);min-height:var(--touch-target-min);font-size:16px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--op-gray-light)}.mobile-nav-link.active{background:var(--op-gray-light);color:var(--accent);font-weight:600}.mobile-nav-footer{padding:var(--spacing-md);border-top:1px solid var(--line)}.hamburger-btn{width:var(--touch-target-min);height:var(--touch-target-min);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.hamburger-icon{flex-direction:column;gap:5px;display:flex}.hamburger-icon span{background:var(--fg);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-btn.open .hamburger-icon span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open .hamburger-icon span:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-icon span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hide-mobile{display:none}.show-mobile{display:flex}@media (min-width:768px){.hide-mobile{display:flex}.show-mobile{display:none}}.no-horizontal-scroll{max-width:100vw;overflow-x:hidden}.mobile-flex-wrap{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.responsive-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}.mobile-stack{gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:768px){.mobile-stack{flex-direction:row;align-items:center}}.mobile-full-width{width:100%}@media (min-width:640px){.mobile-full-width{width:auto}}.text-responsive-sm{font-size:13px}.text-responsive-base{font-size:14px}@media (min-width:640px){.text-responsive-sm{font-size:14px}.text-responsive-base{font-size:15px}}a.touch-link{min-height:var(--touch-target-min);padding:var(--spacing-xs)var(--spacing-sm);align-items:center;display:inline-flex}.chart-container-responsive{width:100%;height:var(--chart-height-mobile);position:relative}@media (min-width:640px){.chart-container-responsive{height:var(--chart-height-tablet)}}@media (min-width:1024px){.chart-container-responsive{height:var(--chart-height-desktop)}}html.embed-mode,html.embed-mode body{height:auto;min-height:auto;overflow:visible}html.embed-mode body{display:block}html.embed-mode .min-h-screen{min-height:auto}html.embed-mode #root{height:auto;min-height:auto}html.embed-mode .wrap{padding-bottom:var(--spacing-xl)}html.embed-mode nav[style*=sticky]{position:relative!important}html.embed-mode .mobile-nav-overlay,html.embed-mode .mobile-nav-drawer,html.embed-mode .processing{position:absolute}.action-button-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:6px;min-height:36px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.action-button-danger:hover{color:#fff;background:#dc2626}.action-button-danger:disabled{cursor:not-allowed;opacity:.6}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
