:root{--bg: #edf2ff;--bg-deep: #102868;--panel: rgba(255, 255, 255, .9);--panel-strong: #fffdf8;--panel-border: rgba(21, 52, 143, .12);--text: #11265d;--muted: #5d6d9b;--accent: #204ccf;--accent-strong: #15348f;--warning: #bd8a1f;--danger: #a33f2f;--shadow: 0 24px 60px rgba(16, 40, 104, .14);--radius-lg: 24px;--radius-md: 18px;--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-display: "Baskerville", "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(32,76,207,.24),transparent 30%),radial-gradient(circle at top right,rgba(208,166,53,.22),transparent 28%),linear-gradient(180deg,#f6f9ff,#eef3ff 52%,#f8f3e4);overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{height:100vh;min-height:0;padding:24px;overflow:hidden}.frame{display:grid;grid-template-columns:minmax(276px,316px) minmax(0,1fr);gap:24px;height:calc(100vh - 48px);min-height:0}.sidebar{position:relative;align-self:start;display:flex;flex-direction:column;height:calc(100vh - 48px);min-height:0;min-width:0;padding:28px;border-radius:30px;background:linear-gradient(180deg,#102868fa,#14368feb),linear-gradient(145deg,rgba(223,183,76,.24),transparent);color:#f7f4ef;box-shadow:var(--shadow);overflow:hidden;z-index:2;container-type:inline-size}.brand{margin-bottom:28px;max-width:100%;flex:0 0 auto}.brand-lockup{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;min-width:0;max-width:100%;z-index:20}.brand-mark-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:radial-gradient(circle at 30% 25%,rgba(255,233,171,.32),transparent 38%),linear-gradient(160deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1a,0 18px 40px #0000002e;outline:none;z-index:25}.brand-mark-wrap:hover,.brand-mark-wrap:focus-visible{transform:translateY(-1px)}.brand-mark{width:42px;height:42px;filter:drop-shadow(0 10px 18px rgba(10,20,24,.24))}.brand-copy{display:grid;gap:8px;min-width:0;max-width:100%;overflow:visible}.brand h1{margin:0;font-family:var(--font-display);font-size:clamp(1.08rem,.94rem + .44vw,1.36rem);line-height:1.08;letter-spacing:0;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.brand p{margin:0;color:#f7f4efc2;line-height:1.42;font-size:.86rem;max-width:100%;text-wrap:pretty;overflow-wrap:anywhere}.brand-tooltip{position:absolute;left:calc(100% + 14px);top:50%;z-index:80;width:280px;padding:12px 14px;border-radius:16px;background:#10242a;color:#f7f4eff0;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 44px #060e1247;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-6px);transition:opacity .16s ease,transform .16s ease;line-height:1.45;font-size:.9rem}.label-with-help{display:inline-flex;align-items:center;gap:8px}.help-tip-wrap{position:relative;display:inline-flex;align-items:center;outline:none}.help-tip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#122f781f;color:var(--blue-700);font-size:.72rem;font-weight:700;cursor:help}.help-tip-card{position:absolute;left:50%;top:calc(100% + 10px);z-index:12;display:grid;gap:6px;width:min(260px,78vw);padding:12px 14px;border-radius:16px;background:#10242a;color:#f7f4eff0;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 44px #060e1247;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-6px);transition:opacity .16s ease,transform .16s ease}.help-tip-card a{color:#ffd35d;font-weight:600}.help-tip-wrap:hover .help-tip-card,.help-tip-wrap:focus-visible .help-tip-card{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.field-help{margin-top:6px;color:var(--ink-muted);font-size:.87rem}.field-help.success{color:#0d7c49}.field-help.error{color:#a23434}.policy-card{padding:12px 14px;border-radius:18px;background:#122f780f;border:1px solid rgba(18,47,120,.08);display:grid;gap:4px}.brand-tooltip:before{content:"";position:absolute;left:-8px;top:calc(50% - 8px);width:16px;height:16px;transform:rotate(45deg);background:inherit;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark-wrap:hover .brand-tooltip,.brand-mark-wrap:focus-visible .brand-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.nav{display:grid;gap:10px;margin-top:28px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.nav-link{display:flex;align-items:center;justify-content:flex-start;padding:14px 16px;border-radius:16px;color:#f7f4efe6;background:#ffffff0a;border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease}.nav-link:hover,.nav-link.active{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff1a}.section-nav{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;background:#f6f9ffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#15348f0f;border:1px solid rgba(21,52,143,.1);color:var(--text);font-size:.9rem;font-weight:700}.sidebar-footer{display:grid;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);flex:0 0 auto}.status-stack{display:grid;gap:12px;min-width:0}.status-panel{width:100%;min-width:0;max-width:100%;padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff05}.status-panel strong{display:block;margin-bottom:4px}.status-panel div{min-width:0;color:#f7f4efd1;overflow-wrap:anywhere}.sidebar-actions{display:grid;gap:10px}.sidebar-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:0;padding:14px 16px;border-radius:16px;color:#f7f4efe6;background:#ffffff0a;border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease}.sidebar-action:hover{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff1a}.mobile-topbar,.mobile-nav-overlay{display:none}.mobile-menu-button,.mobile-close-button{min-width:44px;min-height:44px}.content{display:flex;flex-direction:column;gap:24px;height:calc(100vh - 48px);min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.hero{position:relative;flex:0 0 auto;z-index:10;isolation:isolate;overflow:hidden;display:grid;gap:14px;align-content:start;min-height:clamp(150px,14vh,220px);padding:28px 30px;border-radius:30px;background:linear-gradient(135deg,#fffffff0,#f7faffc7),linear-gradient(135deg,#204ccf1a,#dfb74c14);border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow)}.page-body{display:grid;gap:24px;align-content:start;min-width:0}.page-body>*{position:relative;z-index:0;min-width:0}.hero:after{content:"";position:absolute;inset:auto -12% -45% auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(223,183,76,.28),transparent 70%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero h2{margin:0;font-family:var(--font-display);font-size:clamp(1.85rem,2.35vw,2.75rem);line-height:1.08;overflow-wrap:anywhere}.hero p{max-width:64ch;margin:0;color:var(--muted);line-height:1.6}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.workspace-switcher,.compact-control{display:inline-flex;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:8px 10px;border:1px solid rgba(18,32,39,.12);border-radius:8px;background:#ffffffdb;color:var(--text);font-size:.88rem}.workspace-switcher span{font-weight:700;white-space:nowrap}.workspace-switcher select{max-width:min(320px,60vw);border:0;background:transparent;color:inherit;font:inherit}.compact-control.danger{border-color:#ae363640;color:#8f2727}.grid,.stats-grid,.details-grid{display:grid;gap:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel{padding:22px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-in .26s ease;scroll-margin-top:72px;min-width:0;overflow-wrap:anywhere}.panel h3,.panel h4{margin:0 0 12px;font-family:var(--font-display)}.secure-browser-shell{display:grid;gap:18px}.secure-browser-meta{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.secure-browser-frame-wrap{display:grid;gap:14px}.secure-browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.secure-browser-frame{width:100%;height:min(76vh,900px);min-height:560px;border:1px solid rgba(21,52,143,.14);border-radius:24px;background:#0a172f;box-shadow:inset 0 1px #ffffff0a}.metric-value{font-size:clamp(1.35rem,1.1rem + 1vw,2rem);font-weight:700;letter-spacing:0;line-height:1.05;white-space:pre-line;overflow-wrap:normal;word-break:normal}.muted{color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border-radius:999px;font-size:.86rem;font-weight:600;background:#12202714;overflow-wrap:anywhere;white-space:normal}.pill.ok{background:#204ccf24;color:var(--accent-strong)}.pill.warn{background:#bd8a1f2e;color:var(--warning)}.pill.danger{background:#a33f2f29;color:var(--danger)}.button,.button-ghost,.button-subtle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 26px #204ccf3d}.button-ghost{background:#15348f0d;border-color:#15348f1f;color:var(--text)}.button-subtle{background:transparent;color:#f7f4efeb}.button:hover,.button-ghost:hover,.button-subtle:hover{transform:translateY(-1px)}.button:disabled,.button-ghost:disabled,.button-subtle:disabled,.segment:disabled{cursor:not-allowed;opacity:.64;transform:none}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:grid;gap:8px}.field.inline-field{min-width:160px;max-width:240px}.field span{font-size:.9rem;font-weight:600}.field input,.field textarea,.field select{width:100%;padding:14px 15px;border-radius:16px;border:1px solid rgba(18,32,39,.12);background:#ffffffdb}.field textarea{min-height:112px;resize:vertical}.checkbox-field{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;border:1px solid rgba(18,32,39,.12);background:#ffffffdb}.checkbox-field input{width:auto;margin:0}.checkbox-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}.checkbox-row input{width:auto}.list,.stack{display:grid;gap:12px}ul.list{padding-left:18px}.item-card{padding:16px;border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid rgba(18,32,39,.08)}.selectable-card{width:100%;text-align:left;color:inherit;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.selectable-card:hover,.selectable-card.active{transform:translateY(-1px);border-color:#2049b257;box-shadow:0 14px 28px #111f351f}.activity-feed{display:grid;gap:12px;max-height:680px;overflow:auto;padding-right:4px}.activity-counters{margin-top:12px}.activity-event{padding:14px;border-radius:18px;background:#ffffffbd;border:1px solid rgba(18,32,39,.08)}.activity-event.warn{border-color:#b37c006b;background:#fff7ded1}.activity-event.error{border-color:#a8303070;background:#ffededdb}.item-card h4{margin:0 0 6px}.item-card h5{margin:0 0 6px;font-size:.95rem}.item-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:.92rem;min-width:0}.item-meta span,.insight-row>*,.metric-card,.metric-value,.banner,.item-card{min-width:0;overflow-wrap:anywhere}.analyst-card{display:grid;gap:14px}.analyst-card-head,.insight-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;justify-content:space-between}.summary-hero{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.score-stack{display:grid;gap:10px;justify-items:end}.list.compact{gap:6px}.evidence-card{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1px solid rgba(18,32,39,.08);background:#ffffffb8}.evidence-card .pill-row{justify-content:flex-end}.ai-transparency-card{border-color:#1f7a722e;background:#f4faf8c7}.evidence-explainability-panel .analyst-card{border-color:#204ccf2e}.evidence-explainability-inline{margin-top:12px;padding:12px;border:1px solid rgba(32,76,207,.14);border-radius:10px;background:#ffffff94}.evidence-explainability-inline>p{margin:10px 0}.evidence-explainability-disclosure{margin-top:10px}.evidence-preview{margin-top:16px;border-radius:8px;border:1px solid rgba(18,32,39,.08);overflow:hidden;background:#fffc}.evidence-preview img{display:block;width:100%;max-height:680px;object-fit:contain}.evidence-disclosure{margin-top:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(18,32,39,.08);background:#ffffffb8}.evidence-disclosure summary{cursor:pointer;list-style:none;color:var(--accent-strong);font-weight:700}.evidence-disclosure summary::-webkit-details-marker{display:none}.score-badge{min-width:110px;padding:14px 16px;border-radius:20px;text-align:center;border:1px solid rgba(18,32,39,.08);background:#1220270a}.score-badge strong{display:block;font-size:1.8rem;line-height:1}.score-badge span{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.score-badge.critical{background:#a33f2f24}.score-badge.high{background:#c25e2824}.score-badge.moderate{background:#b4530924}.score-badge.low{background:#1f7a721f}.score-badge.minimal{background:#1f7a7233}.risk-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid transparent}.risk-pill.critical{color:#7a1f18;background:#a33f2f2e;border-color:#a33f2f38}.risk-pill.high{color:#8a3c11;background:#c25e282e;border-color:#c25e283d}.risk-pill.moderate{color:#8a4e0b;background:#b4530929;border-color:#b4530938}.risk-pill.low,.risk-pill.minimal{color:var(--accent-strong);background:#1f7a7229;border-color:#1f7a7238}.risk-pill.neutral{color:var(--muted);background:#1220270f;border-color:#12202714}.explanation-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.explanation-card{padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(18,32,39,.08)}.explanation-card p{margin:0;color:var(--muted);line-height:1.55}.dimension-grid{display:grid;gap:12px;margin-top:12px}.dimension-row{display:grid;gap:8px;padding:14px 16px;border-radius:8px;border:1px solid rgba(18,32,39,.08);background:#ffffffad}.dimension-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;font-size:.92rem}.dimension-head p{margin:4px 0 0}.dimension-score-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;color:var(--muted);font-weight:700}.dimension-expand{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:8px;border:1px solid rgba(31,122,114,.24);color:var(--accent-strong);background:#1f7a7214;cursor:pointer;font-weight:800}.dimension-expand:focus-visible{outline:3px solid rgba(31,122,114,.28);outline-offset:2px}.dimension-track{height:10px;overflow:hidden;border-radius:999px;background:#12202714}.dimension-fill{height:100%;border-radius:inherit;background:#12202733}.dimension-fill.critical{background:var(--danger)}.dimension-fill.high{background:#c25e28}.dimension-fill.moderate{background:var(--warning)}.dimension-fill.low,.dimension-fill.minimal{background:var(--accent)}.dimension-detail-panel{display:grid;gap:14px;margin-top:8px;padding-top:14px;border-top:1px solid rgba(18,32,39,.08)}.dimension-detail-summary{display:grid;gap:8px}.dimension-detail-summary h5,.dimension-detail-block h5{margin:0 0 6px;font-size:.95rem}.dimension-detail-summary p,.dimension-detail-block p{margin:0;color:var(--muted);line-height:1.55}.dimension-detail-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dimension-detail-block{min-width:0;padding:12px 14px;border-radius:8px;border:1px solid rgba(18,32,39,.08);background:#12202706}.dimension-detail-block ul{margin:0;padding-left:18px}.dimension-evidence-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;min-width:0}.progress-track{height:14px;overflow:hidden;border-radius:999px;background:#12202714;border:1px solid rgba(18,32,39,.06)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d28b3d,#1f7a72);transition:width .22s ease}.progress-fill.complete{background:linear-gradient(90deg,#2f9d7c,#1f7a72)}.progress-fill.failed{background:linear-gradient(90deg,#c25e28,#a33f2f)}.timeline-item{padding:12px 14px;border-radius:16px;background:#ffffffa3;border:1px solid rgba(18,32,39,.08)}.timeline-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:baseline}.raw-disclosure{margin-top:14px}.raw-disclosure summary{cursor:pointer;color:var(--accent-strong);font-weight:700;list-style:none}.raw-disclosure summary::-webkit-details-marker{display:none}.raw-disclosure .json-block{margin-top:12px}.code-block,.json-block{overflow:auto;padding:16px;border-radius:18px;background:#13292f;color:#f7f4ef;font-family:SFMono-Regular,SFMono,Menlo,monospace;font-size:.88rem;line-height:1.55}.json-block{max-height:520px}.segment-row{display:flex;flex-wrap:wrap;gap:10px}.segment{min-height:40px;padding:0 14px;border-radius:999px;background:#1220270d;border:1px solid transparent}.segment.active{background:#1f7a7224;border-color:#1f7a7238;color:var(--accent-strong)}.banner{padding:14px 16px;border-radius:16px;background:#1f7a721a;color:var(--accent-strong)}.banner.warn{background:#b453091a;color:var(--warning)}.banner.danger{background:#a33f2f1a;color:var(--danger)}.empty{padding:24px;border-radius:var(--radius-lg);border:1px dashed rgba(18,32,39,.16);color:var(--muted);text-align:center}.split-login{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:calc(100vh - 48px);overflow-y:auto;min-height:0}.login-card{min-height:100%}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0a141875;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;padding:24px;border-radius:28px;background:linear-gradient(135deg,#fffaf1f5,#ffffffe6),linear-gradient(135deg,rgba(31,122,114,.08),transparent);border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 70px #08101442}.modal-head h3{margin:14px 0 8px;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1}.modal-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:18px}.login-brand{display:inline-grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px;padding:10px 14px;border-radius:20px;background:#fff6;border:1px solid rgba(18,32,39,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(100%,36rem)}.login-brand strong,.login-brand span{display:block;min-width:0}.login-brand strong{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.02em;overflow-wrap:anywhere}.login-brand span{margin-top:2px;color:var(--muted);font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.login-brand-mark{width:48px;height:48px;flex:0 0 auto}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.frame{grid-template-columns:1fr;height:auto;gap:16px}.sidebar{display:none}.mobile-topbar{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:32;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;margin-bottom:16px;padding:8px 10px 8px 12px;border-radius:22px;background:#ffffffeb;border:1px solid rgba(21,52,143,.12);box-shadow:0 18px 38px #1028681f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-topbar-brand{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.mobile-topbar-brand strong,.mobile-topbar-brand span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-brand strong{font-family:var(--font-display);line-height:1.05}.mobile-topbar-brand span{color:var(--muted);font-size:.82rem;line-height:1.25}.mobile-brand-mark{width:40px;height:40px}.mobile-menu-button,.mobile-close-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(21,52,143,.14);border-radius:999px;background:#15348f0f;color:var(--text)}.mobile-menu-button{flex:0 0 auto;flex-direction:column;gap:5px;width:48px;padding:0}.mobile-menu-button span{width:20px;height:2px;border-radius:999px;background:currentColor}.mobile-close-button{padding:0 16px;font-weight:700}.mobile-nav-overlay{position:fixed;inset:0;z-index:60;display:none;overflow:hidden;pointer-events:none;visibility:hidden;contain:layout paint}.mobile-nav-overlay.open{display:block;pointer-events:auto;visibility:visible}.mobile-nav-backdrop{position:absolute;inset:0;width:100%;min-height:100%;padding:0;border:0;background:#0a141800;transition:background .18s ease}.mobile-nav-overlay.open .mobile-nav-backdrop{background:#0a141875}.mobile-nav-drawer{position:absolute;inset:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) auto;display:flex;flex-direction:column;width:min(92vw,380px);max-width:calc(100vw - max(20px,env(safe-area-inset-left)) - max(10px,env(safe-area-inset-right)));max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));padding:18px;border-radius:26px;background:linear-gradient(180deg,#102868fa,#14368ff0),linear-gradient(145deg,rgba(223,183,76,.22),transparent);color:#f7f4ef;box-shadow:0 28px 70px #08101457;overflow:hidden;transform:translate(calc(100% + 24px));transition:transform .2s ease}.mobile-nav-overlay.open .mobile-nav-drawer{transform:translate(0)}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-width:0;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-list{margin-top:16px;padding-right:4px;max-height:none}.mobile-nav-drawer .sidebar-footer{margin-top:18px;padding-top:18px}.mobile-nav-drawer .mobile-topbar-brand span,.mobile-nav-drawer .mobile-topbar-brand strong,.mobile-nav-drawer .mobile-close-button{color:#f7f4eff0}.mobile-nav-drawer .mobile-close-button{border-color:#ffffff1f;background:#ffffff0f}.split-login{max-height:none;overflow:visible}.content{height:auto;overflow:visible;padding-right:0}.brand-lockup{grid-template-columns:58px minmax(0,1fr)}.brand-tooltip{left:0;right:auto;top:calc(100% + 12px);width:min(320px,calc(100vw - 72px));transform:translateY(-6px)}.brand-tooltip:before{left:24px;top:-8px;border-left:1px solid rgba(255,255,255,.08);border-bottom:none;border-top:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}.brand-mark-wrap:hover .brand-tooltip,.brand-mark-wrap:focus-visible .brand-tooltip{transform:translateY(0)}.secure-browser-frame{height:min(72dvh,820px);min-height:520px}}@media(max-width:720px){.app-shell{padding:14px}.hero,.panel,.sidebar{padding:20px}.grid.two,.stats-grid,.stats-grid.compact,.details-grid,.secure-browser-meta,.modal-grid,.form-grid.two,.explanation-grid,.dimension-detail-grid{grid-template-columns:minmax(0,1fr)}.brand-lockup{grid-template-columns:54px minmax(0,1fr)}.brand-mark-wrap{width:54px;height:54px}.brand-mark{width:40px;height:40px}.brand h1{font-size:clamp(1rem,4.5vw,1.22rem)}.login-brand{grid-template-columns:1fr}.modal-overlay{padding:14px}.modal-card{width:min(100vw - 28px,760px);padding:20px}.secure-browser-meta{grid-template-columns:1fr}.secure-browser-toolbar{align-items:stretch}.secure-browser-toolbar .button-row{width:100%;margin-top:0}.secure-browser-toolbar .button,.secure-browser-toolbar .button-ghost{flex:1 1 100%;justify-content:center}.secure-browser-frame{height:min(70dvh,720px);min-height:420px;border-radius:18px}}@media(prefers-reduced-motion:reduce){.mobile-nav-backdrop,.mobile-nav-drawer,.nav-link,.sidebar-action,.button,.button-ghost,.button-subtle{transition:none}}@media print{body{overflow:visible;background:#fff}.app-shell,.frame,.content{height:auto;overflow:visible;padding:0}.mobile-topbar,.mobile-nav-overlay,.sidebar{display:none!important}.frame{display:block}}
