:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0c1b34;background:#f5f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #37bfd4;outline-offset:3px}[hidden]{display:none!important}.app{height:100%;display:flex}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;padding:10px;color:#11263f}.skip-link:focus{top:10px}.sidebar{width:244px;flex:none;background:#0e2139;color:#c8d6e6;display:flex;flex-direction:column;padding:28px 12px 20px;z-index:20}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px 28px}.brand{border:0;background:none;color:#fff;display:flex;align-items:center;gap:13px;text-align:left;padding:0}.brand-icon{color:#53d4e2;display:flex}.brand strong{display:block;font-size:25px;letter-spacing:.13em;line-height:1}.brand small{display:block;font-size:9px;line-height:1.5;letter-spacing:.14em;color:#95a9c0;margin-top:7px;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:15px;border:0;background:transparent;color:#c8d6e6;text-align:left;padding:13px 16px;min-height:50px;border-radius:8px;font-size:13px;line-height:1.25}.nav-item svg{flex:none;color:#b4c9dd}.nav-item:hover{background:#193550;color:#fff}.nav-item.selected{background:#1d3b5d;color:#fff}.nav-item.selected svg{color:#79e0e8}.side-foot{display:flex;align-items:center;gap:8px;margin:auto 15px 0;padding-top:22px;font-size:11px;color:#9aadc1}.side-foot-note{margin-left:auto;color:#8399af}.status-dot{width:7px;height:7px;background:#49ced0;border-radius:50%}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.mobile-header{display:none}.main{min-height:0;overflow:auto;flex:1}.home-content{max-width:1500px;margin:auto;padding:46px 48px 30px}.page-heading{display:flex;justify-content:space-between;gap:24px}.section-label,.hero-label{font-size:11px;letter-spacing:.13em;font-weight:800}.section-label{margin:0 0 12px;color:#193354}.page-heading h1{font-size:clamp(30px,3.1vw,45px);line-height:1.12;letter-spacing:-.04em;margin:0;color:#0b1932}.lead{font-size:16px;color:#64748a;margin:13px 0 0;line-height:1.5}.top-signature{display:flex;gap:14px;align-items:flex-start;white-space:nowrap;font-size:11px;letter-spacing:.1em;color:#718198}.top-signature strong{font-size:14px;letter-spacing:0;color:#13223a}.top-signature span{border-left:1px solid #bfcbd7;padding-left:14px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:260px;margin-top:27px;border-radius:9px;background:#102943;color:#fff;padding:34px 44px}.hero-copy{position:relative;z-index:1;max-width:610px}.hero-label{color:#55d8e8}.hero h2{font-size:clamp(31px,3vw,44px);line-height:1.05;letter-spacing:-.035em;margin:11px 0 10px}.hero p{font-size:16px;line-height:1.5;color:#d0dfec;max-width:580px;margin:0}.primary-button{border:0;border-radius:7px;background:#50d1d7;color:#07203a;padding:14px 22px;min-width:210px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:15px;font-weight:750;margin-top:24px}.primary-button:hover{background:#78e2e3}.hero-art{position:absolute;right:6%;color:#42d0e0;display:flex;align-items:center;justify-content:center;width:250px;height:250px}.art-ring{position:absolute;border:1px solid #2d5b7c;border-radius:50%;width:330px;height:330px;opacity:.55}.ring-two{width:420px;height:420px;opacity:.3}.tools-section{margin-top:27px}.tools-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.tools-heading h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0}.tools-heading>span{font-size:12px;color:#7a8a9d}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:start;gap:15px;min-height:158px;padding:19px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#0d203b;text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}.tool-card:hover{border-color:#71bccd;box-shadow:0 8px 22px #14385612;transform:translateY(-2px)}.tool-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;background:#d9f1ff;color:#15588b}.tool-icon.tone-1{background:#d2f4f2;color:#087277}.card-body{min-width:0;padding-top:4px}.card-body strong{display:block;font-size:15px;line-height:1.3;letter-spacing:-.015em}.card-body>span{display:block;margin-top:14px;color:#66768a;font-size:13px;line-height:1.5}.card-arrow{margin-top:6px;color:#25445c}.storage-note{font-size:12px;color:#6c8090;margin:22px 0 0}.frames{height:100%;display:flex;flex-direction:column}.tool-toolbar{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:#fff;border-bottom:1px solid #dbe5ef;color:#19344b;font-size:12px}.tool-toolbar>div{display:flex;align-items:center;gap:10px;min-width:0}.tool-toolbar strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.toolbar-separator{color:#b4c3cb}.back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;color:#587488}.tool-toolbar a{display:flex;align-items:center;gap:6px;color:#126b7a;text-decoration:none;white-space:nowrap}.frames iframe{border:0;display:block;width:100%;flex:1;min-height:0;background:#fff}.mobile-overlay,.mobile-close.icon-button{display:none}.icon-button{border:0;background:transparent;color:inherit;padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}@media(max-width:1100px){.home-content{padding:36px 30px}.top-signature{display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:2%;opacity:.8}.hero-copy{max-width:70%}}@media(max-width:760px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;visibility:hidden;transform:translate(-100%);transition:transform .2s ease;box-shadow:8px 0 35px #05162733}.sidebar-open{visibility:visible;transform:translate(0)}.mobile-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:19;background:#06152899;border:0;width:100%}.mobile-close.icon-button{display:inline-flex;color:#fff}.mobile-header{height:58px;display:flex;align-items:center;gap:14px;background:#10243c;color:#fff;padding:0 15px;flex:none}.mobile-header strong{letter-spacing:.12em;font-size:16px}.mobile-header strong span{font-size:10px;font-weight:600;color:#a9c1d4;margin-left:6px}.home-content{padding:28px 20px}.page-heading h1{font-size:31px}.lead{font-size:14px}.hero{padding:28px 24px;min-height:235px}.hero-copy{max-width:100%}.hero-art{right:-95px;opacity:.18}.hero p{font-size:14px}.tool-grid{grid-template-columns:1fr 1fr}.tool-card{min-height:145px;grid-template-columns:45px minmax(0,1fr) 14px;gap:10px;padding:15px}.tool-icon{width:45px;height:45px}.tool-icon svg{width:23px}.card-body strong{font-size:14px}.card-body>span{font-size:12px;margin-top:9px}.tools-heading>span{display:none}.tool-toolbar{padding:0 12px}.tool-toolbar a{font-size:0}.tool-toolbar a svg{width:18px;height:18px}}@media(max-width:450px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:115px}.hero h2{font-size:31px}.primary-button{width:100%}.tools-section{margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}