.legacy-nav .nav-item{font-size:14px;font-weight:600;padding:12px 0;white-space:nowrap}.nav-item small{display:block;font-size:10px;font-weight:400;color:#67727e;margin-top:5px}.floating-tools>button{width:64px}.floating-tools span{font-size:9px}.apps-modal{width:min(620px,calc(100% - 32px));max-width:620px;border-radius:8px;background:#eef1f4ed;backdrop-filter:blur(24px)}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px;margin:30px 0 10px}.app-launch{display:flex;align-items:center;flex-direction:column;gap:10px;background:none;font-size:12px;padding:8px}.app-launch svg{width:46px;height:46px;padding:11px;background:#fff9;border:1px solid #fff;border-radius:8px;color:#364451;box-shadow:0 4px 12px #27344512}.app-launch:hover svg{background:#fff;transform:translateY(-2px)}body.dark .apps-modal{background:#181818ed}body.dark .app-launch svg{background:#292929;border-color:#3c3c3c;color:#ededed}body.dark .nav-item small{color:#aaa}.brand-intro{padding:64px 5% 36px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.brand-intro h1{font-size:64px;margin:14px 0}.brand-intro p{line-height:1.9;max-width:480px;color:#67727e}.brand-menu{display:flex;gap:28px;padding:20px 5%;border-bottom:1px solid #d8dde2;overflow:auto}.brand-menu a{white-space:nowrap;font-size:13px}.brand-section{padding:50px 5%;scroll-margin-top:30px}.brand-section h2{font-size:28px;margin:12px 0 24px}.brand-section>p{color:#67727e;line-height:1.9}.brand-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-cover{width:100%;aspect-ratio:27/20;object-fit:cover;background:#e3e7eb}.project-item h3{font-size:20px;margin:18px 0 8px}.project-item p{font-size:13px;color:#67727e;line-height:1.8}.project-item a{font-size:13px}.brand-service{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.brand-service article{border-top:1px solid #cbd1d8;padding:24px 0}.brand-service h3{font-size:18px}.brand-service p{font-size:14px;line-height:1.9;color:#67727e}.brand-access{display:flex;gap:30px;align-items:center;padding:30px 0;border-top:1px solid #cbd1d8}.brand-access p{line-height:1.8;flex:1}.brand-access button{background:transparent;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px}.model-tabs{display:flex;gap:8px;margin-bottom:28px}.model-tabs button{padding:12px 20px;background:#e5e9ed;border-radius:4px}.model-tabs button[aria-selected=true]{background:#25282c;color:#fff}body.dark .brand-intro p,body.dark .project-item p,body.dark .brand-service p{color:#b4b4b4}body.dark .model-tabs button{background:#242424;color:#eee}body.dark .model-tabs button[aria-selected=true]{background:#ededed;color:#171717}@media(max-width:760px){.legacy-nav .nav-item{font-size:9px;white-space:normal;line-height:1.5}.nav-item small{font-size:8px}.floating-tools>button{width:58px}.brand-intro{grid-template-columns:1fr;gap:10px;padding-top:36px}.brand-intro h1{font-size:40px}.brand-menu{gap:22px}.brand-cases,.brand-service{grid-template-columns:1fr}.brand-section{padding-top:32px;padding-bottom:32px}.brand-access{align-items:flex-start;flex-direction:column;gap:8px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.brand-section h2{font-size:24px}}
