/* Shared navigation: native disclosures remain usable without JavaScript. */
.header-inner{position:relative;gap:20px;min-height:96px}
.brand{width:160px}
.main-navigation{display:flex;align-items:center;gap:4px;margin-left:12px;flex-shrink:0}
.nav-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:15px 10px;font-size:12px;font-weight:700;white-space:nowrap;border-radius:7px}
.nav-disclosure>summary::-webkit-details-marker{display:none}
.nav-disclosure>summary:after{content:'⌄';font-size:14px;font-weight:400;line-height:1;transition:transform .15s}
.nav-disclosure[open]>summary:after{transform:rotate(180deg)}
.nav-disclosure>summary:hover,.nav-disclosure[open]>summary{color:var(--blue);background:var(--soft)}
.nav-panel{position:absolute;top:100%;left:0;right:0;z-index:60;display:grid;gap:30px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:0 0 17px 17px;box-shadow:0 18px 35px #10233f24;white-space:normal}
.nav-mega{grid-template-columns:220px 230px minmax(0,1fr)}
.nav-feature{background:var(--soft-blue);border-radius:11px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}
.nav-feature h2{font-size:44px;line-height:1.07}.nav-feature .eyebrow{font-size:8px}.nav-feature .button{padding:12px 16px}
.nav-route-list{display:flex;flex-direction:column;gap:8px}
.nav-route-list>a{display:flex;flex-direction:column;gap:4px;border-radius:8px;padding:12px;font-size:13px}
.nav-route-list>a:hover{background:var(--soft-blue)}
.nav-route-list strong{font-size:14px;font-weight:700;line-height:1.5}
.nav-route-list span{font-size:11px;line-height:1.6;color:var(--muted)}
.nav-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px 17px;font-size:11px}
.nav-category-list>.eyebrow{grid-column:1/-1;margin-bottom:8px;font-size:9px}
.nav-category-list>a{padding:8px 0;display:flex;justify-content:space-between;gap:8px;line-height:1.5;border-bottom:1px solid var(--border)}
.nav-category-list>a span{color:var(--blue)}
.nav-work{grid-template-columns:1fr 1.8fr}.nav-explore{left:270px;right:auto;width:360px;padding:20px}
.header-search{display:flex;align-items:center;min-width:180px;max-width:295px;flex:1;margin-left:auto;background:var(--soft);border:1px solid var(--border);border-radius:30px;padding:4px 5px 4px 14px;gap:5px}
.header-search input{width:70px;flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font-size:12px;padding:8px 0;outline-offset:2px}
.header-search select{border:0;border-left:1px solid var(--border);background:transparent;color:var(--ink);font-size:11px;padding:7px 3px 7px 7px;width:82px}
.header-search button{display:flex;align-items:center;justify-content:center;border:0;width:31px;height:31px;border-radius:50%;background:#2855e8;color:white;font-size:25px;line-height:1;flex-shrink:0}
.header-search button:hover{background:#2045c0}
.account-nav{gap:9px;font-size:12px;flex-shrink:0}
.account-nav>.button{min-height:41px;min-width:66px;padding:10px 13px;font-size:11px;border-radius:8px}
.account-nav>.signup-link{border-left:1px solid #2855e8}
.account-nav>.header-post{font-size:11px;font-weight:700;padding:10px 13px;white-space:nowrap;min-height:41px;gap:5px}
.account-nav>.header-post span{margin-left:0;font-size:16px;color:currentColor}
.account-menu{position:relative}.account-menu>summary{padding:8px;gap:7px}.account-menu>summary .avatar{width:28px;height:28px}
.account-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:65;display:flex;flex-direction:column;gap:2px;width:275px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 16px 35px #10233f24;font-weight:400;white-space:normal}
.account-panel>strong{font-size:13px;padding:8px 10px 12px;border-bottom:1px solid var(--border);margin-bottom:5px;overflow-wrap:anywhere}
.account-panel>a,.account-panel .text-button{padding:10px;border-radius:6px;font-size:12px}.account-panel>a:hover{background:var(--soft-blue)}.account-panel form{border-top:1px solid var(--border);margin-top:6px;padding-top:5px}.account-panel .text-button{width:100%;color:var(--danger)}
.mobile-menu-button:not([hidden]){display:none}
.how-photo{background-image:url('../images/backgrounds/how-it-works.webp');background-size:cover;background-position:center;background-color:#e4dfd6;padding-block:72px}
.how-photo .how-grid{gap:90px;align-items:center}
.how-photo .how-grid>div{padding:33px;background:rgba(16,35,63,.91);border:1px solid #ffffff38;border-radius:16px;box-shadow:0 12px 35px #10233f20;backdrop-filter:blur(5px)}
.how-photo .how-grid h2{font-size:64px}.how-photo .how-grid>div>p{color:#e0e7f3;font-size:13px}
.how-photo .how-steps{gap:14px}
.how-photo .how-steps>li{padding:22px;background:rgba(247,248,252,.94);border:1px solid #fff9;border-radius:13px;box-shadow:0 8px 24px #10233f10;color:#10233f}
.how-photo .how-steps li>span{background:#e7ecfc;border-color:#bac8ed;color:#2855e8}
.how-photo .how-steps h3{font-size:16px}.how-photo .how-steps p{color:#46566c;font-size:12px}
@media(max-width:1190px) and (min-width:1051px){.header-inner{gap:12px}.brand{width:142px}.main-navigation{margin-left:0}.nav-disclosure>summary{font-size:11px;padding-inline:7px}.account-nav>.header-post{display:none}.header-search{min-width:170px}.nav-mega{grid-template-columns:190px 210px minmax(0,1fr)}}
@media(max-width:1050px){.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:12px 18px;padding-block:15px;min-height:0}.brand{grid-column:1;grid-row:1;width:160px}.account-nav{grid-column:2;grid-row:1;justify-content:flex-end;margin:0}.account-nav>.header-post{display:none}.header-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;margin:0;min-height:43px}.header-search input{font-size:14px}.header-search select{width:95px;font-size:12px}.mobile-menu-button:not([hidden]){display:block;grid-column:3;grid-row:1;width:38px;height:38px}.main-navigation{display:flex;grid-column:1/-1;grid-row:3;gap:0;flex-direction:column;align-items:stretch;margin:0}.js .main-navigation{display:none;position:absolute;left:0;right:0;top:100%;z-index:55;max-height:calc(100dvh - 160px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:0 0 13px 13px;padding:12px;box-shadow:0 16px 30px #10233f24}.js .main-navigation[data-open=true]{display:flex}.main-navigation>details{border-bottom:1px solid var(--border)}.main-navigation>details:last-child{border-bottom:0}.main-navigation>details>summary{font-size:14px;justify-content:space-between;padding:14px}.nav-panel{position:static;display:grid;box-shadow:none;border:0;border-radius:0;padding:12px;gap:20px;max-height:none}.nav-mega{grid-template-columns:1fr 1.5fr}.nav-feature{display:none}.nav-work{grid-template-columns:1fr 1.5fr}.nav-explore{width:auto;display:block}.nav-category-list{font-size:11px;gap:8px 16px}.nav-route-list>a{padding:10px}.account-panel{top:calc(100% + 10px)}.how-photo .how-grid{gap:35px}.how-photo .how-grid h2{font-size:58px}}
@media(max-width:750px){.how-photo{padding-block:45px;background-position:40% center}.how-photo .how-grid{gap:22px}.how-photo .how-grid>div{padding:27px}.how-photo .how-steps>li{padding:22px}.how-photo .how-grid h2{font-size:61px}.nav-mega,.nav-work{grid-template-columns:1fr}.nav-category-list{padding:12px}.header-inner{gap:12px}}
@media(max-width:480px){.brand{width:132px}.header-inner{padding-block:12px;gap:10px}.account-nav{gap:6px}.account-nav>.button{min-width:53px;min-height:36px;font-size:10px;padding:9px 10px}.mobile-menu-button:not([hidden]){width:33px;height:36px}.account-menu-label{display:none}.account-menu>summary{padding:4px}.account-panel{width:260px;right:-43px}.header-search{min-height:41px}.header-search input{font-size:16px}.header-search select{font-size:11px;width:88px}.nav-category-list{grid-template-columns:1fr;font-size:12px}.how-photo .how-grid h2{font-size:55px}.how-photo .how-grid>div{padding:24px}.how-photo .how-steps>li{padding:20px;gap:14px}}