.home-start .site-header { height: 75px; border-top: 0; }
.home-start .site-nav { width: calc(100% - 48px); max-width: none; height: 74px; grid-template-columns: 1fr auto 1fr; }
.home-start .site-nav__brand { color: #091c47; font-size: 24px; gap: 20px; }
.home-start .site-nav__links { gap: 48px; font-size: 16px; color: #0a1945; }
.home-start .site-nav__links > a { padding: 25px 0 21px; }
.home-start .start-nav-active { color: #004cff; border-bottom: 2px solid #426aff; }
.home-start .header-cta { display: none; }
.home-start .theme-toggle { width: 69px; height: 43px; color: #071a44; }
.home-start .theme-toggle::before { content: '☼'; font-size: 22px; }
html[data-theme="dark"] .home-start .theme-toggle::before { content: '◐'; }
.home-start .theme-toggle { display: flex; justify-content: center; gap: 9px; }
.start-nav-menu { position: relative; }
.start-nav-menu summary { list-style: none; cursor: pointer; padding: 24px 0; }
.start-nav-menu summary::-webkit-details-marker { display: none; }
.start-nav-menu summary span { margin-left: 10px; }
.start-nav-menu > div { position: absolute; top: 100%; left: -18px; z-index: 30; min-width: 220px; padding: 8px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 12px 30px #10265720; }
.home-start .start-nav-menu > div a { display: block; padding: 11px 12px; border-radius: 7px; }
.start-nav-menu > div a:hover { background: var(--blue-100); }
.start-hero { padding: 24px 0 0; background: radial-gradient(ellipse at 12% 25%,#e8f0ff80,transparent 55%),radial-gradient(ellipse at 95% 50%,#f0e9ff70,transparent 60%); }
.start-hero h1 { text-align: center; color: #0a1a43; font-size: 36px; line-height: 1.25; letter-spacing: -.035em; font-weight: 750; margin: 0 20px 7px; }
.start-subtitle { text-align: center; color: #6d7c9d; font-size: 17px; margin: 0 20px 24px; }
.start-cards { max-width: 1336px; width: calc(100% - 64px); margin: auto; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.07fr) minmax(0,1fr); gap: 30px; }
.start-card { display: block; position: relative; text-decoration: none; min-width: 0; border: 1px solid #dde3f0; border-radius: 15px; overflow: hidden; background: #ffffffeb; transition: border-color .18s,box-shadow .18s,transform .18s; }
.start-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px #1c50ae14; border-color: #8ba6ff; }
.start-card.is-selected { border-color: #3c68ff; box-shadow: 0 2px 5px #416aff1c; }
.start-card:focus-visible { outline: 3px solid #7295ff; outline-offset: 4px; }
.start-card__art { height: 216px; position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(ellipse at center,#d5e5ff,#eef4ff); }
.start-card--excel .start-card__art { background: linear-gradient(135deg,#f4faf6,#ecf9f1); }
.start-card--label .start-card__art { background: linear-gradient(135deg,#f8f5ff,#f1ebff); }
.start-card__art > svg { width: 100%; height: 100%; font-family: Inter,Arial,sans-serif; fill: #0b1731; }
.start-card__check { display: none; position: absolute; top: 12px; right: 11px; background: #0054ff; border: 2px solid #e1edff; box-shadow: 0 0 0 4px #ffffff70; width: 29px; height: 29px; border-radius: 50%; color: white; place-items: center; font-size: 17px; }
.is-selected .start-card__check { display: grid; }
.start-card__caption { min-height: 83px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.start-card__caption h2 { margin: 0 0 5px; font-size: 18px; letter-spacing: -.02em; font-weight: 700; color: #071940; }
.start-card__caption p { margin: 0; font-size: 13px; line-height: 1.4; color: #52668d; }
.start-card__arrow { font-size: 28px; color: #0054ff; }
.start-trust { display: flex; justify-content: center; align-items: center; gap: 24px; color: #52668d; min-height: 58px; font-size: 13px; }
.start-trust span { display: inline-flex; align-items: center; gap: 12px; }
.start-trust svg { width: 20px; height: 20px; fill: none; stroke: #324d83; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.start-trust i { font-style: normal; }
.home-start .workspace { margin-top: 0; }
html[data-theme="dark"] .home-start .site-nav__brand,html[data-theme="dark"] .home-start .site-nav__links,html[data-theme="dark"] .home-start .theme-toggle,html[data-theme="dark"] .start-hero h1 { color: #e2ecff; }
html[data-theme="dark"] .start-hero { background: radial-gradient(ellipse at 15% 30%,#20365170,transparent 65%),radial-gradient(ellipse at 90% 40%,#302c4970,transparent 60%); }
html[data-theme="dark"] .start-card { background: #1c2b3e; border-color: #3a506b; }
html[data-theme="dark"] .start-card.is-selected { border-color: #669aff; }
html[data-theme="dark"] .start-card__caption h2 { color: #e2ecff; }
html[data-theme="dark"] .start-card__caption p,html[data-theme="dark"] .start-trust,html[data-theme="dark"] .start-subtitle { color: #afc0d7; }
html[data-theme="dark"] .start-trust svg { stroke: #9db7df; }
html[data-theme="dark"] .start-card__art { background: #c5d6f0; }
html[data-theme="dark"] .start-card--excel .start-card__art { background: #cedfd5; }
html[data-theme="dark"] .start-card--label .start-card__art { background: #dbd1ef; }
@media(max-width:1100px) { .home-start .site-nav__links { gap:24px; font-size:14px; } .home-start .site-nav__brand { font-size:20px; gap:10px; } .start-cards { gap:18px; } .start-card__art { height:185px; } .start-card__caption { padding:16px 14px; } }
@media(max-width:800px) { .home-start .site-header { height:auto; } .home-start .site-nav { height:auto; min-height:74px; grid-template-columns:1fr auto; gap:0; } .home-start .site-nav__links { grid-row:2; grid-column:1/-1; display:flex; justify-content:center; flex-wrap:wrap; gap:25px; } .home-start .site-nav__actions { grid-row:1; grid-column:2; } .home-start .site-nav__links > a,.start-nav-menu summary { padding:14px 0; } .start-hero h1 { font-size:30px; } .start-cards { width:calc(100% - 36px); gap:12px; } .start-card__art { height:145px; } .start-card__caption h2 { font-size:16px; } .start-card__caption p { font-size:12px; } .start-trust { gap:15px; } }
@media(max-width:600px) { .home-start .site-nav { width:calc(100% - 32px); } .home-start .site-nav__brand { font-size:19px; } .home-start .site-nav__links { gap:18px; font-size:12px; } .start-hero h1 { font-size:28px; } .start-subtitle { font-size:15px; } .start-cards { grid-template-columns:1fr; max-width:420px; } .start-card__art { height:190px; } .start-card__caption { min-height:75px; } .start-trust { flex-wrap:wrap; padding:20px 18px; gap:12px 20px; } .start-trust i { display:none; } .start-nav-menu > div { left:auto; right:0; } }
@media(prefers-reduced-motion:reduce) { .start-card { transition:none; } .start-card:hover { transform:none; } }