:root{--brand:#0082FB;--ink:#152238;--muted:#67768b;--border:#e5eaf2;--bg:#f1f4f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ea9b20;outline-offset:3px}.stage{padding:clamp(12px,3.8vw,50px);min-height:100svh;display:grid;place-items:center}.app{width:min(1380px,100%);min-height:min(860px,calc(100svh - 56px));background:#fff;border:1px solid #e6ebf3;border-radius:28px;display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;box-shadow:0 18px 72px #1e3a6510}.side{border-left:1px solid var(--border);padding:27px 16px 20px;display:flex;flex-direction:column}.side-label{font-size:16px;font-weight:bold;color:var(--ink);padding:5px 12px 14px}.menu{display:grid;gap:3px}.menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#53647a;font-size:13px}.menu a:hover,.menu a:focus-visible{background:#f2f8ff;color:var(--brand)}.menu a.current{background:#edf6ff;color:#0071dd;font-weight:700}.symbol{width:23px;text-align:center;font-size:16px;color:var(--brand);font-weight:bold}.side-end{margin-top:auto;border-top:1px solid var(--border);padding:18px 12px 3px;color:#8290a1;font-size:11px}.main{min-width:0;display:flex;flex-direction:column}.top{height:70px;border-bottom:1px solid #f1f3f7;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px)}.header-logo{margin-right:auto}.header-logo img{display:block;width:48px;height:48px;object-fit:contain}.content{width:min(980px,calc(100% - 64px));margin:auto;display:flex;flex-direction:column;align-items:center;flex:1;padding:clamp(35px,7vh,90px) 0 30px}.theme-control{display:flex;align-items:center;justify-content:center}.theme-toggle{direction:ltr;position:relative;width:48px;height:26px;border:1px solid #cbd9eb;border-radius:30px;background:#e9f3ff;padding:3px;cursor:pointer;transition:background .2s,border-color .2s}.toggle-thumb{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#d69520;font-size:12px;line-height:1;box-shadow:0 2px 7px #14233829;transition:transform .2s}.theme-toggle[aria-checked="true"] .toggle-thumb{transform:translateX(21px);color:#1765b5}.theme-toggle[aria-checked="true"]{background:#16457d;border-color:#295995}.eyebrow{color:var(--brand);font-size:12px;font-weight:bold;margin:24px 0 8px}.content h1{text-align:center;font-size:clamp(29px,3.4vw,49px);letter-spacing:-.035em;line-height:1.5;margin:0}.content>p{text-align:center;font-size:14px;color:var(--muted);margin:11px 0 32px}.search{display:flex;align-items:center;width:min(650px,100%);background:white;border:1px solid #dfe6ef;border-radius:17px;padding:8px;box-shadow:0 12px 38px #23457812}.search:focus-within{border-color:var(--brand)}.search input{flex:1;min-width:0;border:0;outline:0;padding:11px 14px;background:transparent;color:var(--ink);font:inherit;font-size:14px}.search button{border:0;background:var(--brand);color:white;padding:10px 24px;border-radius:11px;font:inherit;font-size:13px;cursor:pointer}.search button:hover{background:#006bd2}.cat-area{width:100%;margin-top:auto;padding-top:clamp(36px,7vh,76px)}.cat-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.cat-heading h2{font-size:15px;margin:0}.cat-heading a{font-size:12px;color:var(--brand)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.card{display:flex;align-items:center;gap:11px;min-height:76px;border:1px solid var(--border);border-radius:13px;padding:12px;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover,.card:focus-visible{border-color:#a9d7ff;box-shadow:0 8px 20px #2389e51b;transform:translateY(-2px)}.icon{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;font-weight:bold;font-size:17px;color:#0079e7;background:#eaf5ff}.card span:last-child{font-size:13px;font-weight:bold;line-height:1.45}.bottom{border-top:1px solid #f2f4f7;padding:11px 32px;color:#98a4b4;font-size:10px;text-align:center}@media(max-width:850px){.app{grid-template-columns:185px minmax(0,1fr)}.side{padding-inline:10px}.content{width:calc(100% - 36px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.stage{padding:0;display:block}.app{border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:100svh}.side{border-left:0;border-bottom:1px solid var(--border);padding:10px 14px}.side-label{display:none}.side-end{display:none}.menu{display:flex;gap:5px;overflow:auto;scrollbar-width:thin;padding-bottom:4px}.menu a{white-space:nowrap;padding:7px 9px;font-size:11px}.symbol{width:auto;font-size:12px}.top{display:flex;order:-1;height:58px;padding-inline:18px}.header-logo img{width:42px;height:42px}.content{padding:39px 0 28px}.eyebrow{margin-top:18px}.content h1{font-size:29px}.content>p{font-size:13px;margin-bottom:25px}.cat-area{padding-top:57px}.card{min-height:69px;padding:9px;gap:8px}.icon{width:32px;height:32px;font-size:14px}.card span:last-child{font-size:11px}.bottom{padding-inline:14px}}@media(max-width:370px){.cards{grid-template-columns:1fr 1fr}.search button{padding-inline:12px}}

body.tz-hero-draft.dark{--ink:#edf4ff;--muted:#a9b9ce;--border:#2b3e57;--bg:#091525}body.tz-hero-draft.dark .app,body.tz-hero-draft.dark .side,body.tz-hero-draft.dark .main{background:#101e32}body.tz-hero-draft.dark .top,body.tz-hero-draft.dark .bottom{border-color:var(--border)}body.tz-hero-draft.dark .menu a{color:#c1cde0}body.tz-hero-draft.dark .menu a:hover,body.tz-hero-draft.dark .menu a:focus-visible{background:#182f4c;color:#8bcaff}body.tz-hero-draft.dark .search,body.tz-hero-draft.dark .card{background:#172b43;border-color:var(--border)}body.tz-hero-draft.dark .search input{color:var(--ink)}body.tz-hero-draft.dark .search input::placeholder{color:#9aabc0}body.tz-hero-draft.dark .icon{background:#203f60;color:#89c9ff}body.tz-hero-draft.dark .side-end{color:var(--muted)}body.tz-hero-draft.dark .header-logo img{filter:brightness(0) invert(1)}@media(prefers-reduced-motion:reduce){.theme-toggle,.toggle-thumb,.card{transition:none}}

/* Fit the complete desktop hero in the first viewport. */
@media(min-width:901px){.stage{padding:28px;min-height:100svh}.app{height:calc(100svh - 56px);min-height:0}.side{padding-top:18px}.side-label{padding-bottom:8px}.menu a{padding-block:7px}.top{height:56px;flex:none}.content{min-height:0;padding:clamp(10px,2.5vh,23px) 0 19px}.eyebrow{margin:11px 0 3px}.content h1{font-size:clamp(28px,3vw,42px)}.content>p{margin:5px 0 16px}.search{padding:5px}.search input{padding-block:8px}.search button{padding-block:8px}.cat-area{padding-top:clamp(12px,3vh,28px)}.cat-heading{margin-bottom:9px}.cards{gap:8px}.card{min-height:55px;padding:8px}.icon{width:34px;height:34px}}
.symbol svg,.icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.symbol{display:grid;place-items:center;flex:none}.icon svg{width:22px;height:22px}@media(max-width:900px){.app{height:auto;min-height:100svh}.symbol svg{width:15px;height:15px}.icon svg{width:19px;height:19px}}

body.tz-hero-draft{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.7}body.tz-hero-draft .app{box-sizing:border-box}body.tz-hero-draft .content h1{color:var(--ink)}body.tz-hero-draft.dark .card,body.tz-hero-draft.dark .card span:last-child,body.tz-hero-draft.dark .cat-heading h2{color:var(--ink)}

/* Draft-only typography and OceanWP form reset. */
body.tz-hero-draft,body.tz-hero-draft button,body.tz-hero-draft input{font-family:Estedad,sans-serif}
body.tz-hero-draft .search{box-sizing:border-box;overflow:hidden;align-items:center}
body.tz-hero-draft .search input[type="search"]{display:block;flex:1 1 0;min-width:0;width:0;max-width:none;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--ink);font-family:Estedad,sans-serif}
body.tz-hero-draft .search input[type="search"]:focus{border:0;box-shadow:none;outline:0}
body.tz-hero-draft .search button[type="submit"]{display:block;flex:0 0 auto;width:auto;max-width:none;height:auto;margin:0;border:0;box-shadow:none;line-height:1.5;white-space:nowrap;font-family:Estedad,sans-serif}

/* Center the hero copy within the available desktop space; the theme switch stays in place. */
@media (min-width:901px){
  body.tz-hero-draft .content>.eyebrow{margin-top:clamp(24px,8vh,88px)}
  body.tz-hero-draft .header-logo img{width:54px;height:54px;max-height:54px;object-fit:contain}
}
@media (max-width:900px){body.tz-hero-draft .header-logo img{width:48px;height:48px;object-fit:contain}}

/* A single header row with an accessible collapsible navigation on phone and tablet. */
.menu-toggle{display:none}
@media(max-width:900px){
  body.tz-hero-draft .app{position:relative}
  body.tz-hero-draft .side{position:static;flex:none;width:0;height:0;padding:0;margin:0;border:0}
  body.tz-hero-draft .top{height:64px;min-height:64px;padding-inline:18px}
  body.tz-hero-draft .menu-toggle{position:absolute;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;top:10px;right:16px;width:44px;height:44px;margin:0;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer}
  body.tz-hero-draft .menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:var(--ink)}
  body.tz-hero-draft .side .menu{position:absolute;z-index:21;top:61px;right:14px;left:auto;display:none;width:min(260px,calc(100vw - 28px));max-height:min(70svh,520px);overflow-y:auto;overflow-x:hidden;padding:9px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 18px 45px #152c4b25}
  body.tz-hero-draft .side .menu.is-open{display:grid;gap:2px}
  body.tz-hero-draft .side .menu a{display:flex;min-height:43px;font-size:14px;white-space:normal}
  body.tz-hero-draft.dark .menu-toggle,body.tz-hero-draft.dark .side .menu{background:#101e32}
}