:root{color-scheme:light;--ink:#111d31;--muted:#556379;--blue:#1063f5;--background:#f7f9fd}
*{box-sizing:border-box}
html{min-width:320px;background:var(--background)}
body{margin:0;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 80% 34%,#edf3ff 0,transparent 48%),var(--background)}
.page{width:min(1040px,100%);min-height:100svh;margin-inline:auto;padding:38px 48px 30px;display:flex;flex-direction:column}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:block;width:188px;height:68px}
.domain{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.01em}
main{margin-block:auto;padding:60px 0 74px}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:28px}
.intro{max-width:680px}
.eyebrow{margin:0 0 20px;color:var(--blue);font-weight:600;font-size:14px;letter-spacing:.01em}
h1{font-size:clamp(36px,4.3vw,55px);line-height:1.13;letter-spacing:-.047em;font-weight:650;margin:0;text-wrap:balance}
.signpost{width:204px;height:auto;flex:0 0 204px;transform:rotate(2deg)}
.destinations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}
.destination{display:flex;align-items:center;gap:17px;min-height:128px;padding:28px 25px;border-radius:19px;text-decoration:none;border:1px solid transparent;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.primary{background:var(--blue);color:#fff;box-shadow:0 8px 24px #1063f518}
.secondary{background:#fff;color:var(--ink);border-color:#dce5f1}
.card-icon{width:28px;height:28px;flex:0 0 28px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.secondary .card-icon{color:var(--blue)}
.card-copy{min-width:0;display:flex;flex-direction:column;gap:8px}
.card-title{font-size:19px;font-weight:650;letter-spacing:-.02em}
.card-url{font-size:13px;color:#fff;overflow-wrap:anywhere}
.secondary .card-url{color:var(--muted)}
.card-arrow{width:24px;height:24px;margin-left:auto;flex:0 0 24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.destination:focus-visible,.home-link:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(hover:hover){.destination:hover{transform:translateY(-3px);box-shadow:0 12px 26px #16385c14}.primary:hover{background:#0757df}.secondary:hover{background:#f0f5ff}}
.site-footer{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.footer-dot{width:5px;height:5px;background:#7da6e9;border-radius:50%}
.error-main{max-width:650px}
.error-main h1{margin-bottom:24px}
.error-main p{color:var(--muted);line-height:1.7}
.home-link{color:var(--blue);font-weight:600;text-underline-offset:4px}
@media(min-width:1200px){main{padding-top:82px;padding-bottom:100px}}
@media(max-width:760px){.page{padding:25px 28px}.logo{width:166px;height:60px}.domain{font-size:12px}.welcome{gap:15px}.signpost{width:145px;flex-basis:145px}.destinations{gap:14px;margin-top:36px}.destination{gap:12px;padding:23px 19px}.card-icon{width:24px;height:24px;flex-basis:24px}.card-title{font-size:17px}.card-url{font-size:12px}.card-arrow{width:20px;flex-basis:20px}.desktop-break{display:none}}
@media(max-width:580px){.page{padding:23px 23px 26px}.site-header{gap:10px}.logo{width:151px;height:55px}.domain{font-size:11px}main{padding:40px 0 44px}.welcome{flex-direction:column-reverse;align-items:flex-start;gap:23px}.signpost{width:128px;height:132px;flex-basis:auto;align-self:center}.intro{width:100%}.eyebrow{margin-bottom:14px}h1{font-size:38px;line-height:1.13;letter-spacing:-.043em}.destinations{grid-template-columns:1fr;gap:12px;margin-top:31px}.destination{min-height:104px;padding:22px;gap:17px}.card-title{font-size:18px}.card-url{font-size:13px}.card-arrow{width:24px;flex-basis:24px}.site-footer{font-size:11px}}
@media(max-width:360px){.page{padding-inline:18px}.logo{width:135px;height:49px}.domain{font-size:10px}h1{font-size:34px}.destination{padding:21px 18px;gap:13px}.card-url{font-size:12px}}
@media(prefers-reduced-motion:reduce){.destination{transition:none}.destination:hover{transform:none}}