/* eKusanya UX 1.1: visual rebuild, desktop & mobile, after base app.css. No remote fonts/resources. */
.ux-v2{--shadow:0 14px 44px rgba(28,46,78,.055);--border:#e2e7f0;--ink:#17263d;--muted:#607089;--radius:17px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.5}
.ux-v2 h1,.ux-v2 h2,.ux-v2 h3{letter-spacing:-.04em;line-height:1.16}.ux-v2 button,.ux-v2 input,.ux-v2 select,.ux-v2 textarea{font:inherit}.ux-v2 a{transition:background-color .16s,color .16s,box-shadow .16s}
.ux-v2 .btn{border-radius:12px;min-height:44px;font-size:.88rem;font-weight:720;box-shadow:none}.ux-v2 .btn.primary{background:var(--primary);box-shadow:0 7px 18px color-mix(in srgb,var(--primary),transparent 82%)}.ux-v2 .btn.primary:hover{background:color-mix(in srgb,var(--primary),#07102a 12%)}.ux-v2 .card{border-radius:18px;box-shadow:var(--shadow)}.ux-v2 .card.pad{padding:clamp(17px,2.3vw,28px)}.ux-v2 .page-heading h1{font-size:clamp(1.58rem,2.4vw,2.15rem)}.ux-v2 .page-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--primary);font-size:.64rem;margin-bottom:7px}.ux-v2 .page-heading{margin-bottom:23px}.ux-v2 .page-heading p{line-height:1.5}.ux-v2 .kpi{box-shadow:0 9px 28px #182d4910;border-color:#e8edf6}.ux-v2 .kpi strong{font-size:clamp(1.1rem,2vw,1.55rem)}.ux-v2 .kpi span{font-weight:650}.ux-v2 th{font-size:.75rem;color:#51627b}.ux-v2 .content{max-width:1580px;padding-left:clamp(17px,2.7vw,44px);padding-right:clamp(17px,2.7vw,44px)}
/* Sidebar hierarchy: only the active section is expanded by default, all routes retained. */
.ux-v2 .sidebar{width:282px;background:linear-gradient(165deg,var(--navy),color-mix(in srgb,var(--navy),#050d1c 45%));padding:18px 13px 16px;gap:1px;scrollbar-width:thin;color:#e0eaf8}
.ux-v2 .sidebar>.brand{margin:4px 8px 20px;gap:12px}.ux-v2 .brand-icon{border-radius:14px;background:linear-gradient(140deg,var(--primary),var(--accent));flex:none}.ux-v2 .sidebar .brand strong{font-size:1.32rem;letter-spacing:-.055em}.ux-v2 .sidebar .brand small{font-size:.71rem;color:#aec1dc}.ux-v2 .sidebar-heading{margin:4px 14px 14px;font-size:.65rem;letter-spacing:.17em;font-weight:800;color:#829bbd}
.ux-v2 .sidebar-group{border:1px solid transparent;border-radius:13px;margin:1px 0 2px;min-width:0}.ux-v2 .sidebar-group[open]{background:#ffffff08;border-color:#ffffff0c}.ux-v2 .sidebar-group>summary{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#ccd9ec;font-weight:780;cursor:pointer;list-style:none;border-radius:12px;font-size:.79rem;min-height:43px}.ux-v2 .sidebar-group>summary::-webkit-details-marker{display:none}.ux-v2 .sidebar-group>summary:hover,.ux-v2 .sidebar-group[open]>summary{background:#ffffff13;color:#fff}.ux-v2 .sidebar-group>summary .ico{width:17px;height:17px;color:#a6bee2}.ux-v2 .sidebar-group>summary span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}.ux-v2 .group-chevron{font-size:1.3rem;font-weight:400;color:#91a9cb;transition:transform .2s}.ux-v2 .sidebar-group[open] .group-chevron{transform:rotate(180deg)}.ux-v2 .sidebar-group-items{padding:0 6px 8px 14px;display:grid;gap:2px}.ux-v2 .sidebar-group-items .nav-link{padding:9px 11px;margin:0;min-height:39px;color:#becde3;font-size:.8rem;line-height:1.24;gap:10px;border-radius:9px;font-weight:580}.ux-v2 .sidebar-group-items .nav-link .ico{width:16px;height:16px;color:#92accf}.ux-v2 .sidebar-group-items .nav-link:hover{background:#ffffff14;color:#fff}.ux-v2 .sidebar-group-items .nav-link.active{background:color-mix(in srgb,var(--primary),transparent 65%);box-shadow:inset 3px 0 var(--accent);color:#fff}.ux-v2 .sidebar-bottom{margin-top:auto;color:#9bb2cd;border-top:1px solid #ffffff16;padding:17px 14px 7px}.ux-v2 .sidebar-bottom small{display:block;color:#8da8c8;margin-top:3px}.ux-v2 .online-pulse{width:7px;height:7px;border-radius:50%;display:inline-block;background:#55cdae;box-shadow:0 0 0 3px #55cdae25;margin-right:6px}
.ux-v2 .topbar{height:76px;padding:0 clamp(18px,3vw,43px);background:rgba(255,255,255,.96);border-bottom-color:#edf0f5;backdrop-filter:blur(18px)}.ux-v2 .top-context strong{font-size:.93rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-v2 .topbar .icon-action{border-radius:12px;border-color:#e3eaf4}.ux-v2 .top-actions{gap:9px}.ux-v2 .language-switcher{display:inline-flex;align-items:center;gap:7px;margin:0;flex-shrink:0;background:#f1f5fb;border:1px solid #e4ebf5;padding:5px 9px;border-radius:12px;font-size:.79rem;white-space:nowrap}.ux-v2 .language-switcher span{font-size:1.05rem}.ux-v2 .language-switcher select{border:0;background:transparent;color:#1d3756;font-size:.8rem;max-width:110px;min-height:25px;padding:0;font-weight:750;cursor:pointer}.ux-v2 .lang-submit{display:none}.ux-v2 .language-switcher:focus-within{outline:2px solid var(--primary);outline-offset:1px}.ux-v2 .topbar .ws-switch select{max-width:145px;border-radius:12px;min-height:38px}
.ux-v2 .admin-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.ux-v2 .admin-shortcuts a{display:inline-flex;align-items:center;border:1px solid #dde6f2;background:#fff;border-radius:999px;padding:9px 15px;font-size:.78rem;font-weight:700;color:#405471}.ux-v2 .admin-shortcuts a:hover{background:#eaf0fa;color:var(--primary)}
/* Homepage with real hero photograph (if configured), no continuous loading logo. */
.ux-v2.public{background:#f8fafd;color:var(--ink)}.ux-v2 .public-header{position:sticky;top:0;z-index:90;padding:0 22px;height:78px;background:#fffffff2;backdrop-filter:blur(18px);border-bottom:1px solid #edf1f6}.ux-v2 .public-nav-wrap{width:min(1370px,100%);margin:0 auto;display:flex;align-items:center;gap:22px;justify-content:space-between}.ux-v2 .public-header .brand{margin:0;min-width:180px;color:var(--navy)!important;gap:11px}.ux-v2 .public-header .brand-icon{width:44px;height:44px;color:white;font-size:25px}.ux-v2 .public-header .brand strong{font-size:1.37rem;line-height:1}.ux-v2 .public-header .brand small{color:#61718c;margin-top:4px;font-size:.65rem}.ux-v2 .public-primary-nav{display:flex;align-items:center;gap:clamp(12px,2vw,29px);margin:auto;white-space:nowrap}.ux-v2 .public-primary-nav a,.ux-v2 .public-signin{color:#506079;font-size:.83rem;font-weight:700;white-space:nowrap}.ux-v2 .public-primary-nav a:hover,.ux-v2 .public-signin:hover{color:var(--primary)}.ux-v2 .public-actions{display:flex;align-items:center;gap:14px}.ux-v2 .public-actions .btn{min-height:41px;white-space:nowrap}.ux-v2 .public-actions .language-switcher{background:#fff}.ux-v2 .mobile-menu{display:none;position:relative}.ux-v2 .mobile-menu>summary{cursor:pointer;list-style:none;border-radius:11px;border:1px solid var(--border);width:40px;height:40px;display:grid;place-items:center;font-size:1.3rem}.ux-v2 .mobile-menu>summary::-webkit-details-marker{display:none}.ux-v2 .mobile-menu nav{position:absolute;right:0;top:47px;width:235px;padding:8px;border-radius:16px;box-shadow:0 16px 36px #15284533;border:1px solid var(--border);background:#fff;display:grid;z-index:100;gap:0}.ux-v2 .mobile-menu nav a{padding:11px 13px;color:#283950;border-radius:9px;font-size:.85rem;font-weight:700}.ux-v2 .mobile-menu nav a:hover{background:#f0f5fd}
.ux-v2 .marketing-hero{position:relative;background:radial-gradient(ellipse at 72% 8%,color-mix(in srgb,var(--primary),transparent 42%),transparent 40%),linear-gradient(127deg,#13233d,var(--navy) 62%,#1d3760);color:white;overflow:hidden;isolation:isolate}.ux-v2 .marketing-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0b .9px,transparent .9px);background-size:24px 24px;opacity:.7;z-index:-1}.ux-v2 .marketing-hero-inner{max-width:1380px;margin:0 auto;padding:clamp(64px,8vw,115px) clamp(24px,4vw,52px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:clamp(35px,5vw,85px);align-items:center}.ux-v2 .marketing-eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;font-weight:850;font-size:.69rem;color:#89e1d7}.ux-v2 .live-dot{width:7px;height:7px;border-radius:50%;background:#79e5ce;box-shadow:0 0 0 4px #79e5ce25}.ux-v2 .marketing-copy h1{max-width:770px;font-size:clamp(2.6rem,4.8vw,4.9rem);line-height:1.05;letter-spacing:-.065em;margin:23px 0}.ux-v2 .marketing-copy>p{max-width:640px;font-size:clamp(.96rem,1.3vw,1.13rem);line-height:1.73;color:#cfdaed}.ux-v2 .hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 22px}.ux-v2 .btn.hero-cta{background:#fff;color:#163454;min-height:53px;border-radius:12px;padding:14px 19px;box-shadow:0 12px 30px #00000029;font-size:.86rem}.ux-v2 .btn.hero-cta:hover{background:#edf7fa;color:#103960}.ux-v2 .btn.hero-ghost{border:1px solid #ffffff6b;background:#ffffff10;color:#fff;min-height:53px;padding:14px 19px}.ux-v2 .trust-points{display:flex;gap:13px 21px;flex-wrap:wrap;margin:27px 0 0}.ux-v2 .trust-points>span{display:inline-flex;align-items:center;gap:7px;font-size:.73rem;color:#d9e5f4;font-weight:650}.ux-v2 .trust-points .ico{width:16px;height:16px;color:#69ddd0}.ux-v2 .marketing-visual{min-width:0;position:relative}.ux-v2 .marketing-hero-photo{display:block;width:100%;height:clamp(330px,34vw,475px);object-fit:cover;border-radius:25px;border:1px solid #ffffff65;box-shadow:0 24px 75px #0005}.ux-v2 .preview-window{background:#fff;border-radius:25px;box-shadow:0 35px 85px #06102488,0 0 0 1px #c9d7eb77;overflow:hidden;transform:rotate(1.5deg)}.ux-v2 .preview-window-top{height:48px;background:#f6f8fd;border-bottom:1px solid #e9edf5;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#6b7a91}.ux-v2 .preview-dots{display:flex;gap:5px}.ux-v2 .preview-dots i{width:8px;height:8px;border-radius:50%;background:#d8e0eb}.ux-v2 .preview-dots i:first-child{background:#efafa9}.ux-v2 .preview-dots i:nth-child(2){background:#f0d39b}.ux-v2 .preview-dots i:last-child{background:#91d5bb}.ux-v2 .preview-window-body{padding:clamp(20px,3vw,35px);color:var(--ink)}.ux-v2 .preview-label{color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.14em;display:block;margin-bottom:9px}.ux-v2 .preview-window-body>strong{font-size:clamp(1.05rem,1.5vw,1.36rem);display:block}.ux-v2 .preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.ux-v2 .preview-stats>div{background:#f5f8fc;border-radius:12px;padding:12px 9px;min-width:0}.ux-v2 .preview-stats small{display:block;font-size:.65rem;margin-bottom:7px}.ux-v2 .preview-stats b{display:block;font-size:clamp(.69rem,1vw,.93rem);white-space:nowrap;letter-spacing:-.03em}.ux-v2 .preview-progress{height:8px;background:#e6edfa;border-radius:10px;overflow:hidden;margin:20px 0}.ux-v2 .preview-progress span{height:100%;display:block;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit}.ux-v2 .preview-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf1f7}.ux-v2 .preview-row>div{flex:1;min-width:0}.ux-v2 .preview-row b{display:block;font-size:.8rem}.ux-v2 .preview-row small{font-size:.67rem}.ux-v2 .preview-avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#e1eafd;color:var(--primary);font-weight:850}.ux-v2 .preview-avatar.alt{background:#ddf6ef;color:#168570}.ux-v2 .preview-pill{background:#fff3d8;color:#98601f;padding:6px 8px;border-radius:30px;font-size:.62rem;font-weight:800}.ux-v2 .preview-pill.clear{background:#dff8ed;color:#16815e}
.ux-v2 .homepage-proof{display:flex;justify-content:center;align-items:center;gap:40px;padding:27px;background:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap}.ux-v2 .homepage-proof strong{display:block;color:var(--navy);font-size:1.4rem}.ux-v2 .homepage-proof span,.ux-v2 .homepage-proof small{font-size:.75rem;color:#61708a}.ux-v2 .marketing-section{max-width:1280px;margin:0 auto;padding:clamp(68px,8vw,110px) 25px}.ux-v2 .marketing-section.compact{padding-top:25px;padding-bottom:75px}.ux-v2 .section-kicker{display:inline-block;font-size:.72rem;letter-spacing:.15em;font-weight:850;color:var(--primary);margin-bottom:15px}.ux-v2 .marketing-section>h2,.ux-v2 .marketing-split-heading h2{font-size:clamp(1.9rem,3.3vw,3.2rem);max-width:860px;letter-spacing:-.057em;margin-bottom:18px}.ux-v2 .marketing-section .section-lead{font-size:1.04rem;color:#617189;line-height:1.75;max-width:760px;margin-bottom:32px}.ux-v2 .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.ux-v2 .benefit-grid article{background:#fff;border:1px solid #e7ecf5;border-radius:20px;padding:29px;box-shadow:0 10px 30px #15274208}.ux-v2 .benefit-grid .benefit-icon{width:48px;height:48px;display:grid;place-items:center;background:#edf3ff;border-radius:14px;color:var(--primary);margin-bottom:24px}.ux-v2 .benefit-grid h3{font-size:1.15rem}.ux-v2 .benefit-grid p,.ux-v2 .case-grid p,.ux-v2 .modern-steps p{color:#5f6e82;font-size:.89rem;line-height:1.67}.ux-v2 .benefit-grid a{font-size:.82rem;font-weight:800;color:var(--primary)}.ux-v2 .marketing-split-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:40px;margin-bottom:29px}.ux-v2 .marketing-split-heading>p{font-size:.94rem;color:#687b92;line-height:1.7;margin:0 0 18px}.ux-v2 .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ux-v2 .case-card{position:relative;display:flex;flex-direction:column;gap:7px;min-height:198px;padding:26px;background:#fff;border:1px solid #e5ecf5;border-radius:18px;color:var(--ink);transition:transform .2s,box-shadow .2s}.ux-v2 .case-card:hover{transform:translateY(-4px);box-shadow:0 17px 40px #1a335617}.ux-v2 .case-card>span{font-size:1.8rem;color:var(--primary);height:45px}.ux-v2 .case-card strong{font-size:1.04rem}.ux-v2 .case-card p{margin:0}.ux-v2 .case-card b{position:absolute;right:21px;top:21px;color:#8fa1bc}.ux-v2 .steps-section{padding-top:15px}.ux-v2 .modern-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ux-v2 .modern-steps article{padding:18px 28px 26px;border-top:2px solid color-mix(in srgb,var(--primary),white 45%)}.ux-v2 .modern-steps article>span{display:block;color:var(--primary);font-weight:900;font-size:2.2rem;letter-spacing:-.08em;margin-bottom:21px}.ux-v2 .modern-steps h3{font-size:1.15rem}.ux-v2 .privacy-feature{display:flex;gap:38px;align-items:center;background:#eef3fc;border-radius:25px;padding:clamp(31px,5vw,70px);margin-bottom:85px}.ux-v2 .privacy-feature h2{font-size:clamp(1.6rem,2.7vw,2.6rem)}.ux-v2 .privacy-feature p{max-width:680px;color:#60728c;line-height:1.7}.ux-v2 .privacy-icon{width:105px;height:105px;border-radius:27px;background:#fff;color:var(--primary);display:grid;place-items:center;flex:none;box-shadow:0 12px 40px #16325517}.ux-v2 .privacy-icon .ico{width:48px;height:48px}.ux-v2 .marketing-cta{background:linear-gradient(125deg,var(--navy),color-mix(in srgb,var(--primary),var(--navy) 45%));display:flex;align-items:center;justify-content:space-between;gap:45px;padding:clamp(45px,6vw,79px) max(25px,calc((100% - 1150px)/2));color:white}.ux-v2 .marketing-cta>div:first-child{max-width:690px}.ux-v2 .marketing-cta span{font-size:.7rem;letter-spacing:.18em;color:#7ad9cb;font-weight:900}.ux-v2 .marketing-cta h2{font-size:clamp(1.9rem,3.5vw,3.3rem);margin:13px 0 12px;color:white}.ux-v2 .marketing-cta p{color:#d8e4f3;max-width:600px;font-size:.92rem}.ux-v2 .marketing-cta>div:last-child{display:grid;gap:13px;min-width:255px}.ux-v2 .link-white{color:white;font-size:.82rem;font-weight:780;text-align:center}
/* Content pages and strong typography */
.ux-v2 .content-hero{background:linear-gradient(125deg,#162b48,var(--navy));color:#fff;padding:clamp(54px,6vw,92px) max(25px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px}.ux-v2 .content-hero .section-kicker{color:#7adbd3}.ux-v2 .content-hero h1{font-size:clamp(2.2rem,4vw,3.9rem);margin:0 0 13px;max-width:800px;color:white}.ux-v2 .content-hero p{color:#d0dfef;font-size:1rem;max-width:650px}.ux-v2 .content-hero-graphic{width:95px;height:95px;border-radius:25px;background:#ffffff15;display:grid;place-items:center;flex:none}.ux-v2 .content-hero-graphic .ico{width:45px;height:45px}.ux-v2 .content-layout{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start;margin:clamp(26px,4vw,54px) auto;padding:0 22px}.ux-v2 .prose{font-size:1.01rem;color:#34445a;line-height:1.82;overflow-wrap:anywhere}.ux-v2 .prose h2{font-size:clamp(1.28rem,2vw,1.65rem);margin:1.3em 0 .55em;color:#1a3152}.ux-v2 .prose h3{font-size:1.14rem;margin:1.2em 0 .5em;color:#1a3152}.ux-v2 .prose p{margin:.65em 0 1.25em}.ux-v2 .prose ul{padding-left:26px;display:grid;gap:10px;margin:10px 0 25px}.ux-v2 .prose a{font-weight:740;text-decoration:underline;text-underline-offset:3px}.ux-v2 .prose strong{color:#1b3655}.ux-v2 .content-aside{position:sticky;top:103px;display:grid;gap:17px}.ux-v2 .content-aside .card{display:grid;gap:2px}.ux-v2 .content-aside h3{margin:0 0 11px}.ux-v2 .content-aside a:not(.btn){border-bottom:1px solid #edf1f7;padding:12px 4px;font-size:.86rem;color:#465b79;font-weight:650}.ux-v2 .content-aside a:hover{color:var(--primary)}.ux-v2 .content-help{background:#eaf1fd;border-radius:17px;padding:24px}.ux-v2 .content-help strong{font-size:1.03rem}.ux-v2 .content-help p{font-size:.86rem;color:#566c87}.ux-v2 .content-note{border:1px solid #f2d1a2;background:#fffaed;border-radius:12px;padding:12px;color:#72501c;font-size:.84rem}
.ux-v2 .public-footer{background:#112238;color:#d7e3f1;padding:60px 24px 30px;border:0}.ux-v2 .public-footer-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(230px,2.1fr) repeat(3,minmax(130px,1fr));gap:clamp(22px,3vw,60px);align-items:start;text-align:left}.ux-v2 .public-footer-inner>div{display:flex;flex-direction:column;gap:11px}.ux-v2 .footer-brand{font-weight:850;letter-spacing:-.055em;font-size:1.75rem;color:#fff!important}.ux-v2 .footer-dot{color:#5bd3c7}.ux-v2 .public-footer strong{display:block;font-size:.88rem;color:white;margin-bottom:7px}.ux-v2 .public-footer p{color:#abbed6;font-size:.87rem;line-height:1.7;max-width:320px}.ux-v2 .public-footer a{font-size:.83rem;color:#a8bed8}.ux-v2 .public-footer a:hover{color:white}.ux-v2 .footer-meta{color:#7894b1;font-size:.73rem;margin-top:18px}.ux-v2 .public-footer .language-switcher{background:#ffffff11;color:white;border-color:#ffffff22;width:max-content}.ux-v2 .public-footer select{color:white;background:#1b3654}
/* Brand Studio, content authoring and MFA QR */
.ux-v2 .brand-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ux-v2 .color-field{border:1px solid var(--border);border-radius:13px;padding:13px;display:grid;grid-template-columns:52px 1fr;gap:3px 11px;align-items:center}.ux-v2 .color-field input{width:48px;height:45px;border:0;background:none;grid-row:span 2;cursor:pointer}.ux-v2 .color-field span{font-size:.79rem;font-weight:700}.ux-v2 .color-field strong{font-size:.73rem;color:#8090a8}.ux-v2 .brand-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux-v2 .upload-card{border:1px solid #dfe8f4;background:#f9fbff;border-radius:14px;padding:13px;display:grid;gap:9px;min-width:0;cursor:pointer}.ux-v2 .upload-card:hover{border-color:var(--primary)}.ux-v2 .upload-preview{height:112px;background:linear-gradient(120deg,#e4ebf7,#f7f9fd);border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--primary)}.ux-v2 .upload-preview .ico{width:32px;height:32px}.ux-v2 .upload-preview img{width:100%;height:100%;object-fit:contain}.ux-v2 .upload-card strong{font-size:.81rem;line-height:1.3}.ux-v2 .upload-card small{font-size:.7rem}.ux-v2 .upload-card input[type=file]{font-size:.72rem;max-width:100%;color:#33455f}.ux-v2 .brand-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:19px}.ux-v2 .brand-slot{border:1px solid #e3eaf4;border-radius:12px;padding:9px;display:grid;gap:6px}.ux-v2 .brand-slot-img{height:100px;display:grid;place-items:center;background:#f4f7fc;border-radius:8px}.ux-v2 .brand-slot-img img{height:100%;width:100%;object-fit:contain}.ux-v2 .brand-slot span{font-size:.76rem;font-weight:700}.ux-v2 .brand-live-links{display:grid;gap:10px;margin:18px 0;font-size:.82rem}.ux-v2 .editor-language{border:1px solid #dde7f4;border-radius:12px;margin:11px 0;overflow:hidden}.ux-v2 .editor-language>summary{cursor:pointer;padding:15px;background:#f5f8ff;font-weight:790;color:#263f61}.ux-v2 .editor-language>.form-grid{padding:17px}.ux-v2 .editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:9px;background:#f0f4fb;border-radius:10px 10px 0 0}.ux-v2 .editor-toolbar button{padding:7px 11px;border:1px solid #d3deee;background:white;border-radius:7px;font-size:.78rem;color:#2c4565;font-weight:800}.ux-v2 .editor-preview{max-height:780px;overflow:auto;background:#f9fbff;border:1px solid #e6edf7;border-radius:13px;padding:22px}.ux-v2 .contact-form-card{max-width:750px;margin:auto}.ux-v2 .mfa-setup{display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr);gap:24px;padding:20px;border:1px solid #dce6f3;background:#f8fbff;border-radius:17px;margin:19px 0}.ux-v2 .mfa-qrcode{width:100%;max-width:235px;aspect-ratio:1;background:white;padding:10px;border:1px solid #dee6f1;border-radius:14px;display:grid;place-items:center}.ux-v2 .mfa-qrcode svg{width:100%;height:auto;display:block}.ux-v2 .mfa-qrcode p{font-size:.74rem;text-align:center;color:#677890}.ux-v2 .mfa-setup-guide ol{padding-left:22px;display:grid;gap:10px;font-size:.88rem;color:#3e526d}.ux-v2 .mfa-setup-guide details{margin-top:15px}.ux-v2 .mfa-setup-guide summary{color:var(--primary);font-weight:800;cursor:pointer}
/* Navigation/saving loader: only shown while transitioning or saving, not as homepage image. */
.ux-v2 .route-loader{position:fixed;inset:0;z-index:500;background:#0c1829b8;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.ux-v2 .route-loader[hidden]{display:none!important}.ux-v2 .route-loader-card{width:min(390px,100%);display:grid;justify-items:center;text-align:center;background:white;color:#243a57;border-radius:23px;padding:32px 25px;box-shadow:0 30px 80px #0004}.ux-v2 .route-loader-card p{font-weight:850;font-size:1.02rem;margin:20px 0 4px}.ux-v2 .route-loader-card small{color:#75869a}.ux-v2 .route-loader .ring-loader,.ux-v2 .saving-overlay .ring-loader{width:91px;height:91px;border-width:8px;box-shadow:0 7px 22px #15253b1a}.ux-v2 .ring-loader{border-top-color:var(--primary);border-right-color:var(--accent)}.ux-v2 .saving-overlay{z-index:510}
/* install and existing auth sections work with more generous spacing */
.ux-v2 .auth-card{box-shadow:0 25px 70px #182d5014;border:1px solid #e4eaf3;border-radius:22px}.ux-v2 .landing-section>h1,.ux-v2 .landing-section>h2{letter-spacing:-.05em}.ux-v2 .feature-card,.ux-v2 .steps>div{box-shadow:0 7px 21px #1531540a}.ux-v2 .public-footer .btn{color:white}
.ux-v2 .mobile-open-menu,.ux-v2 .mobile-menu-backdrop{display:none}
@media(max-width:1150px){.ux-v2 .public-primary-nav{gap:13px}.ux-v2 .public-actions{gap:10px}.ux-v2 .public-header .brand{min-width:145px}.ux-v2 .public-header .brand strong{font-size:1.22rem}.ux-v2 .public-primary-nav a{font-size:.77rem}}
@media(max-width:970px){.ux-v2 .public-primary-nav{display:none}.ux-v2 .mobile-menu{display:block}.ux-v2 .public-actions .public-signin{display:none}.ux-v2 .marketing-hero-inner{grid-template-columns:minmax(0,1fr) minmax(295px,.82fr);gap:30px}.ux-v2 .marketing-copy h1{font-size:clamp(2.4rem,5.2vw,4rem)}}
@media(max-width:900px){.ux-v2 .sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:151;transform:translateX(-110%);transition:transform .23s ease;box-shadow:8px 0 34px #0c1a323b;width:min(85vw,330px);max-height:100dvh}.ux-v2.menu-open .sidebar{transform:translateX(0)}.ux-v2 .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:149;background:#07132690;backdrop-filter:blur(2px)}.ux-v2 .mobile-menu-backdrop[hidden]{display:none}.ux-v2 .mobile-open-menu{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--border);background:white;color:var(--navy);border-radius:11px;font-size:1.25rem;flex:none}.ux-v2 .topbar{height:65px;padding:0 14px;gap:9px}.ux-v2 .top-context{margin-right:auto;min-width:0}.ux-v2 .top-context strong{max-width:210px}.ux-v2 .top-actions{gap:5px}.ux-v2 .topbar .ws-switch select{max-width:110px}.ux-v2 .bottomnav{border-top-color:#e4eaf3;box-shadow:0 -10px 25px #0d23450c}.ux-v2 .content{padding-bottom:calc(115px + env(safe-area-inset-bottom))}.ux-v2 .marketing-hero-inner{padding:64px 25px;grid-template-columns:1fr}.ux-v2 .marketing-copy h1{font-size:clamp(2.8rem,7vw,4.6rem)}.ux-v2 .marketing-visual{width:min(600px,100%);margin:auto}.ux-v2 .benefit-grid,.ux-v2 .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-v2 .content-layout{grid-template-columns:1fr}.ux-v2 .content-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.ux-v2 .marketing-cta{padding:58px 30px}}
@media(max-width:680px){.ux-v2 .top-actions .ws-switch,.ux-v2 .top-actions .icon-action{display:none}.ux-v2 .top-context strong{max-width:130px;font-size:.83rem}.ux-v2 .top-context small{font-size:.66rem}.ux-v2 .topbar .language-switcher{padding:5px}.ux-v2 .topbar .language-switcher select{max-width:84px;font-size:.7rem}.ux-v2 .topbar .user-bubble{width:34px;height:34px}.ux-v2 .marketing-hero-inner{padding:55px 19px}.ux-v2 .marketing-copy h1{font-size:clamp(2.35rem,10vw,3.6rem)}.ux-v2 .marketing-copy>p{font-size:.98rem}.ux-v2 .hero-buttons .btn{width:100%}.ux-v2 .marketing-visual{width:100%}.ux-v2 .preview-window{transform:none}.ux-v2 .preview-window-body{padding:19px}.ux-v2 .preview-stats{gap:6px}.ux-v2 .preview-stats>div{padding:10px 6px}.ux-v2 .preview-stats b{font-size:.64rem}.ux-v2 .marketing-section{padding:56px 17px}.ux-v2 .benefit-grid,.ux-v2 .case-grid,.ux-v2 .modern-steps{grid-template-columns:1fr}.ux-v2 .marketing-split-heading{grid-template-columns:1fr;gap:0}.ux-v2 .marketing-split-heading p{margin:0}.ux-v2 .privacy-feature{margin:0 17px 60px;flex-direction:column;align-items:flex-start;padding:28px}.ux-v2 .privacy-icon{width:70px;height:70px;border-radius:19px}.ux-v2 .privacy-icon .ico{width:30px;height:30px}.ux-v2 .marketing-cta{display:grid;gap:18px;padding:49px 20px}.ux-v2 .marketing-cta>div:last-child{min-width:0}.ux-v2 .public-header{height:69px;padding:0 12px}.ux-v2 .public-header .brand-icon{width:38px;height:38px}.ux-v2 .public-header .brand{min-width:0}.ux-v2 .public-header .brand strong{font-size:1.12rem}.ux-v2 .public-header .brand small{display:none}.ux-v2 .public-actions{gap:7px}.ux-v2 .public-actions .btn{font-size:.73rem;min-height:38px;padding:8px 10px}.ux-v2 .public-header .language-switcher{padding:4px}.ux-v2 .public-header .language-switcher span{display:none}.ux-v2 .public-header .language-switcher select{font-size:.7rem;max-width:81px}.ux-v2 .content-hero{padding:49px 20px}.ux-v2 .content-hero h1{font-size:clamp(1.95rem,7.5vw,3rem)}.ux-v2 .content-hero-graphic{display:none}.ux-v2 .content-layout{padding:0 14px;margin:20px auto}.ux-v2 .content-aside{grid-template-columns:1fr}.ux-v2 .public-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.ux-v2 .public-footer-inner>div:first-child{grid-column:1/-1}.ux-v2 .public-footer-inner>div:last-child{grid-column:1/-1}.ux-v2 .brand-color-grid,.ux-v2 .brand-upload-grid{grid-template-columns:1fr}.ux-v2 .mfa-setup{grid-template-columns:1fr}.ux-v2 .mfa-qrcode{margin:auto}.ux-v2 .admin-shortcuts{gap:5px}.ux-v2 .admin-shortcuts a{font-size:.71rem;padding:8px 11px}.ux-v2 .pad{padding:16px}.ux-v2 .bottomnav a,.ux-v2 .bottomnav button{font-size:.68rem}}
@media(max-width:360px){.ux-v2 .public-actions .btn{display:none}.ux-v2 .top-context strong{max-width:95px}.ux-v2 .language-switcher select{max-width:75px}}
@media(prefers-reduced-motion:reduce){.ux-v2 .sidebar,.ux-v2 .case-card,.ux-v2 .btn{transition:none!important}.ux-v2 .ring-loader,.ux-v2 .ring-loader span{animation:none!important}}

/* Optional background artwork remains separate from the actual homepage hero image. */
.ux-v2 .marketing-cta{background-image:linear-gradient(120deg,color-mix(in srgb,var(--navy),transparent 7%),color-mix(in srgb,var(--primary),var(--navy) 22%)),var(--site-background-picture,none);background-position:center;background-size:cover}
.ux-v2 .marketing-cta::selection{background:#fff;color:#112d52}
.ux-v2 .sidebar-group .nav-link.active .ico{color:#fff}
.ux-v2 .route-loader-card .ring-loader span img,.ux-v2 .saving-overlay .ring-loader span img{object-fit:contain;max-width:65%;max-height:65%}


/* Permanent, visible logout control and accessible account dropdown, desktop + mobile. */
.ux-v2 .sidebar-bottom{padding:12px 10px 8px}.ux-v2 .sidebar-account{display:flex;align-items:center;gap:10px;padding:5px 8px 12px;min-width:0}.ux-v2 .sidebar-user-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#ffffff24;color:white;font-weight:850;flex:none}.ux-v2 .sidebar-user-info{min-width:0;display:grid;gap:1px}.ux-v2 .sidebar-user-info strong{color:#fff;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-v2 .sidebar-user-info small{color:#9cb6d3;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.ux-v2 .sidebar-version{border-top:1px solid #ffffff18;margin-top:10px;padding:10px 7px 2px;color:#9bb2cd;font-size:.71rem}.ux-v2 .sidebar-version small{margin-top:2px;font-size:.68rem}
.ux-v2 .signout-form{margin:0;display:block}.ux-v2 .signout-button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:43px;border:1px solid transparent;border-radius:11px;background:none;color:inherit;font:inherit;font-size:.83rem;font-weight:780;padding:10px 13px;cursor:pointer;text-align:left;white-space:nowrap}.ux-v2 .signout-button .ico{width:17px;height:17px;flex:none}.ux-v2 .signout-sidebar .signout-button{color:#ffe4e1;background:rgba(255,92,92,.10);border-color:rgba(255,92,92,.14)}.ux-v2 .signout-sidebar .signout-button:hover,.ux-v2 .signout-sidebar .signout-button:focus-visible{background:rgba(255,92,92,.24);color:white;border-color:#f99a9a}
.ux-v2 .account-dropdown{position:relative;z-index:35;flex:none}.ux-v2 .account-dropdown>summary.user-bubble{display:grid;place-items:center;cursor:pointer;list-style:none;user-select:none}.ux-v2 .account-dropdown>summary::-webkit-details-marker{display:none}.ux-v2 .account-dropdown[open]>summary{outline:2px solid var(--primary);outline-offset:2px}.ux-v2 .account-dropdown-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(294px,calc(100vw - 22px));background:#fff;color:#263c57;border:1px solid #dfe8f5;box-shadow:0 17px 48px #101d3638;border-radius:15px;z-index:100;padding:10px;display:grid;gap:3px}.ux-v2 .account-dropdown-panel:before{content:"";position:absolute;right:17px;top:-7px;width:12px;height:12px;background:white;border-top:1px solid #dfe8f5;border-left:1px solid #dfe8f5;transform:rotate(45deg)}.ux-v2 .account-dropdown-user{display:grid;gap:3px;padding:10px 10px 13px;border-bottom:1px solid #e6ebf3;margin-bottom:4px;min-width:0}.ux-v2 .account-dropdown-user strong,.ux-v2 .account-dropdown-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-v2 .account-dropdown-user small{color:#657896;font-size:.76rem}.ux-v2 .account-dropdown-panel>a{display:flex;align-items:center;gap:9px;padding:11px 10px;color:#2e4264;text-decoration:none;border-radius:9px;font-weight:700;font-size:.81rem}.ux-v2 .account-dropdown-panel>a:hover{background:#f1f5fc}.ux-v2 .account-dropdown-panel .ico{width:17px;height:17px}.ux-v2 .signout-account{border-top:1px solid #e9eef6;padding-top:6px;margin-top:4px}.ux-v2 .signout-account .signout-button{color:#a62630}.ux-v2 .signout-account .signout-button:hover,.ux-v2 .signout-account .signout-button:focus-visible{background:#fff1f1;color:#821723}
.ux-v2 .signout-public .signout-button{min-height:38px;padding:7px 10px;background:#fff4f4;color:#a9293a;border-color:#f1d4d9}.ux-v2 .signout-public .signout-button:hover{background:#fbe6e7}.ux-v2 .signout-public-mobile{margin:4px 0 0;border-top:1px solid #e5ebf5;padding-top:5px}.ux-v2 .signout-public-mobile .signout-button{color:#ad2833;padding:13px 16px}
.ux-v2 .signout-button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
@media(max-width:970px){.ux-v2 .public-header .signout-public{display:none}}
@media(max-width:900px){.ux-v2 .sidebar{overflow-y:auto}.ux-v2 .sidebar-bottom{flex:none;margin-top:auto;padding-bottom:calc(11px + env(safe-area-inset-bottom))}}
@media(max-width:400px){.ux-v2 .account-dropdown-panel{right:-4px}.ux-v2 .sidebar-user-info small{font-size:.66rem}}

/* Voluntary MFA settings and isolated sign-in challenge. */
.ux-v2 .mfa-disable-details{margin-top:18px;border:1px solid #e0e8f5;border-radius:13px;padding:13px;background:#fbfcff}
.ux-v2 .mfa-disable-details summary{cursor:pointer;font-weight:800;color:#963746}
.ux-v2 .mfa-disable-details p{color:#617189;font-size:.87rem}
.ux-v2.mfa-challenge-body{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 2%,#d7e8ff,#f5f7fd 60%);padding:22px;box-sizing:border-box}
.ux-v2 .mfa-challenge-card{width:min(100%,440px);box-sizing:border-box;border-radius:23px;background:#fff;padding:clamp(22px,5vw,40px);box-shadow:0 18px 70px #233b5d22;border:1px solid #e7edf6;display:grid;gap:12px}
.ux-v2 .mfa-challenge-symbol{width:54px;height:54px;border-radius:16px;background:#285cc0;color:#fff;font-size:2.2rem;font-weight:850;display:grid;place-items:center}
.ux-v2 .mfa-challenge-card h1{font-size:1.65rem;margin:4px 0 0}
.ux-v2 .mfa-challenge-card p{color:#5b6880;font-size:.94rem;margin:0}
.ux-v2 .mfa-challenge-card .mfa-cancel{margin:0}
.ux-v2 .mfa-challenge-card .mfa-cancel button{width:100%;min-height:42px}
.ux-v2 .mfa-challenge-card small{color:#738097;font-size:.78rem}

/* Keep the sign-out button visible even when navigation contains many parent menus. */
.ux-v2 .sidebar{overflow:hidden}
.ux-v2 .sidebar-nav-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49617a transparent;padding:0 0 6px}
.ux-v2 .sidebar-bottom{flex:none;margin-top:0;background:linear-gradient(160deg,#132541,#0c1b33);border-radius:14px;padding:10px 9px 8px;box-shadow:0 -8px 20px #081a3529}
@media(max-width:900px){.ux-v2 .sidebar{overflow:hidden}.ux-v2 .sidebar-nav-scroll{overflow-y:auto}.ux-v2 .sidebar-bottom{padding-bottom:calc(9px + env(safe-area-inset-bottom))}}