:root { --blue: #1e5fc4; --blue-dark: #124493; --blue-soft: #eef6ff; --blue-pale: #f7fbff; --ink: #152848; --muted: #687a96; --line: #dce6f2; --white: #ffffff; --green: #16ae70; --mono: "DM Mono", ui-monospace, monospace; --sans: "Manrope", "Noto Sans KR", Arial, sans-serif; } * { box-sizing: border-box; } html { scroll-behavior: smooth; background: var(--white); } body { min-width: 320px; margin: 0; color: var(--ink); background: var(--white); font-family: var(--sans); line-height: 1.6; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: none; } button, input, select, textarea { font: inherit; } img { max-width: 100%; height: auto; } .shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; } .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; background: var(--ink); color: var(--white); transform: translateY(-160%); } .skip-link:focus { transform: translateY(0); outline: 2px solid var(--blue); outline-offset: 3px; } :focus-visible { outline: 3px solid #4e90ed; outline-offset: 4px; } .utility-bar { background: #f5f8fc; border-bottom: 1px solid #e7edf5; color: var(--muted); } .utility-bar__inner { display: flex; min-height: 35px; align-items: center; justify-content: space-between; gap: 22px; font-size: 10px; font-weight: 600; letter-spacing: -.01em; } .utility-bar p { display: flex; align-items: center; gap: 7px; margin: 0; } .utility-bar__pulse { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px #dbeaff; } .utility-bar nav { display: flex; align-items: center; gap: 20px; } .utility-bar nav a:hover { color: var(--blue); } .site-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--line); background: #fffffff2; backdrop-filter: blur(13px); } .site-header__main { display: grid; grid-template-columns: auto 1fr auto; min-height: 78px; align-items: center; gap: 42px; } .wordmark { display: inline-flex; align-items: center; gap: 9px; color: #1753ae; font-family: var(--sans); font-size: 21px; font-weight: 800; letter-spacing: -.075em; white-space: nowrap; } .wordmark__mark { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 9px; background: linear-gradient(135deg, #286dcd, #184c9f); color: white; font-family: Georgia, serif; font-size: 20px; font-style: italic; font-weight: 700; letter-spacing: -.09em; box-shadow: inset 0 1px #ffffff80; } .main-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.2vw, 30px); } .main-nav a { position: relative; padding: 28px 0 25px; color: #314663; font-size: 12px; font-weight: 700; letter-spacing: -.04em; } .main-nav a::after { position: absolute; bottom: 18px; left: 50%; width: 0; height: 2px; content: ""; background: var(--blue); transform: translateX(-50%); transition: width .2s ease; } .main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--blue); } .main-nav a:hover::after, .main-nav a[aria-current="page"]::after { width: 100%; } .header-cta { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 20px; padding: 8px 15px; border-radius: 4px; background: linear-gradient(135deg, #2d72d6, #1854b4); color: white; box-shadow: 0 7px 15px #1552ae28; font-size: 11px; font-weight: 700; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease; } .header-cta:hover { box-shadow: 0 10px 22px #1552ae3e; transform: translateY(-1px); } .hero { position: relative; overflow: hidden; border-bottom: 1px solid #dfe9f5; background: linear-gradient(113deg, #f9fcff 0%, #eff7ff 48%, #e8f3ff 100%); } .hero::before { position: absolute; top: -54%; right: -8%; width: min(62vw, 900px); height: min(62vw, 900px); border-radius: 50%; content: ""; background: radial-gradient(circle, #d6ebff 0, #dff0ff88 38%, transparent 70%); } .hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(420px, .97fr); min-height: 445px; align-items: center; gap: 48px; padding: 50px 22px; } .hero__copy { padding-left: 4px; } .eyebrow, .section-kicker { margin: 0 0 13px; color: var(--blue); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .055em; } .eyebrow { display: flex; align-items: center; gap: 7px; } .eyebrow__icon { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 5px; background: #d9eaff; font-size: 14px; letter-spacing: 0; } .hero h1 { margin: 0; color: #13294d; font-size: clamp(37px, 4.25vw, 56px); font-weight: 800; letter-spacing: -.072em; line-height: 1.23; word-break: keep-all; } .hero h1 strong { color: #0e55bc; font-weight: 800; } .hero__copy > p:not(.eyebrow) { margin: 16px 0 22px; color: #536a8c; font-size: 14px; line-height: 1.85; word-break: keep-all; } .hero__actions { display: flex; align-items: center; gap: 10px; } .button { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 21px; border: 1px solid transparent; border-radius: 4px; padding: 10px 17px; font-size: 11px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .button:hover { transform: translateY(-1px); } .button--primary { border-color: var(--blue); background: var(--blue); color: white; box-shadow: 0 8px 16px #1f5fc633; } .button--primary:hover { background: var(--blue-dark); box-shadow: 0 10px 20px #1f5fc645; } .button--secondary { border-color: #d2dfef; background: #ffffffd6; color: #2057a8; } .button--secondary:hover { background: white; } .hero__features { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 23px 0 0; padding: 0; color: #587293; font-size: 10px; font-weight: 600; list-style: none; } .hero__features li { display: flex; align-items: center; gap: 6px; } .hero__features li > span { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: #d8e9ff; color: var(--blue); font-size: 10px; } .hero__visual { position: relative; min-height: 330px; } .hero__orb { position: absolute; border-radius: 50%; background: linear-gradient(135deg, #d7edff, #a5cfff); opacity: .7; filter: blur(.1px); } .hero__orb--one { top: 1%; right: -9%; width: 190px; height: 190px; } .hero__orb--two { bottom: 3%; left: -7%; width: 115px; height: 115px; background: #cee7ff; } .network-window { position: relative; z-index: 1; width: min(100%, 430px); margin: 11px auto 0; overflow: hidden; border: 1px solid #cfdeee; border-radius: 10px; background: #fff; box-shadow: 0 22px 42px #154e9430, 16px 16px 0 #c4defa90; transform: rotate(-.7deg); } .network-window::before, .network-window::after { position: absolute; z-index: -1; content: ""; border-radius: 10px; background: #e3f0ff; } .network-window::before { top: -26px; left: -31px; width: 95%; height: 92%; transform: rotate(-8deg); } .network-window::after { right: -21px; bottom: -28px; width: 76%; height: 86%; transform: rotate(8deg); } .network-window__bar { display: flex; height: 40px; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid #e4edf7; background: #f7fbff; color: #7390b4; font-family: var(--mono); font-size: 8px; letter-spacing: .05em; } .network-window__bar span { display: flex; gap: 4px; } .network-window__bar span i { width: 6px; height: 6px; border-radius: 50%; background: #a5c3e8; } .network-window__bar span i:first-child { background: #ec7272; }.network-window__bar span i:nth-child(2) { background: #f2c46a; }.network-window__bar span i:nth-child(3) { background: #54b785; } .network-window__bar b { color: #5c789d; font-size: 8px; font-weight: 500; }.network-window__bar em { color: #56b987; font-size: 8px; font-style: normal; } .network-window__body { padding: 22px; } .network-window__headline { display: grid; grid-template-columns: 1.35fr 1fr; gap: 8px; margin-bottom: 18px; }.network-window__headline span { display: block; height: 10px; border-radius: 20px; background: #dce9f8; }.network-window__headline span:nth-child(2) { width: 70%; }.network-window__headline small { grid-column: 1/-1; color: #91a8c2; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; } .network-window__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.network-window__cards > span { display: grid; min-height: 105px; place-items: center; padding: 9px; border: 1px solid #dce8f6; border-radius: 5px; background: linear-gradient(145deg, #f3f8ff, #e7f1fc); }.network-window__cards b { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: white; color: var(--blue); box-shadow: 0 4px 9px #4779b220; font-family: var(--mono); font-size: 17px; }.network-window__cards i { display: block; width: 76%; height: 5px; border-radius: 10px; background: #b8d3ef; }.network-window__footer { display: flex; gap: 9px; margin-top: 18px; }.network-window__footer i { display: block; height: 5px; flex: 1; border-radius: 10px; background: #e2ecf8; }.network-window__footer i:first-child { flex: 1.6; background: #b5d0ee; } .hero__visual-note { position: absolute; z-index: 2; top: -7px; right: -15px; margin: 0; color: #5180ae; font-size: 11px; font-style: italic; font-weight: 700; line-height: 1.7; transform: rotate(-9deg); }.hero__visual-note strong { color: var(--blue); }.hero__visual-note span { display: block; padding-left: 25px; font-size: 27px; font-style: normal; line-height: .8; } .section { padding: 59px 0; }.section--directory { padding-top: 50px; }.section--categories { padding: 22px 0 54px; }.section--status { padding: 50px 0 32px; }.section--updates { padding: 36px 0 58px; }.section--faq { padding: 35px 0 65px; } .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 25px; }.section-heading h2 { margin: 0; color: #1a3154; font-size: 23px; font-weight: 800; letter-spacing: -.065em; line-height: 1.35; }.section-heading p:not(.section-kicker) { margin: 3px 0 0; color: var(--muted); font-size: 11px; word-break: keep-all; }.section-heading > a { display: inline-flex; align-items: center; gap: 11px; padding-bottom: 3px; border-bottom: 1px solid #a7c4ea; color: var(--blue); font-size: 11px; font-weight: 800; white-space: nowrap; }.section-heading--compact { margin-bottom: 17px; } .destination-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.destination { display: flex; min-width: 0; min-height: 274px; flex-direction: column; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: white; box-shadow: 0 5px 16px #214d8720; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }.destination:hover { border-color: #a8c9ee; box-shadow: 0 11px 25px #214d8730; transform: translateY(-3px); }.destination__top { display: flex; min-height: 20px; align-items: flex-start; justify-content: space-between; gap: 8px; }.destination__index, .destination__status, .destination__foot { font-family: var(--mono); font-size: 9px; letter-spacing: -.015em; }.destination__index { color: #7993b5; }.destination__status { display: inline-flex; align-items: center; gap: 5px; border-radius: 20px; padding: 3px 6px; background: #eaf8f1; color: #16825a; }.destination__status i, .network-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }.destination__link { display: flex; min-height: 172px; flex: 1; flex-direction: column; justify-content: space-between; gap: 14px; padding: 14px 1px 10px; }.destination__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 6px; }.destination__logo { display: block; width: auto; max-width: 142px; height: 28px; margin-bottom: 5px; object-fit: contain; object-position: left center; }.destination__logo--monochrome { filter: brightness(0) saturate(100%) invert(25%) sepia(20%) saturate(1250%) hue-rotate(175deg) brightness(94%) contrast(89%); }.destination__logo--carriage { width: 112px; height: 56px; margin: -8px 0 -3px; object-fit: cover; object-position: center; }.destination__logo--banner { width: 152px; height: 38px; object-fit: cover; object-position: center; }.destination__name { color: #193d72; font-family: var(--mono); font-size: 18px; font-weight: 500; letter-spacing: -.04em; }.destination__description { color: var(--muted); font-size: 11px; word-break: keep-all; }.destination__meta { display: flex; align-items: center; justify-content: space-between; color: #8194ad; font-family: var(--mono); font-size: 9px; }.destination__arrow { color: var(--blue); font-size: 18px; transition: transform .2s ease; }.destination:hover .destination__arrow { transform: translate(3px, -3px); }.destination__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px solid #eaf0f6; color: #72869f; }.destination__foot time { color: #99a9ba; font-size: 8px; } .category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }.category-card { display: flex; min-height: 86px; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 6px; background: white; color: #25426a; transition: border-color .2s, box-shadow .2s, transform .2s; }.category-card:hover { border-color: #98bde8; box-shadow: 0 8px 20px #315f9630; transform: translateY(-2px); }.category-card__icon { display: grid; width: 35px; height: 42px; place-items: center; color: var(--blue); font-size: 35px; font-weight: 400; line-height: 1; }.category-card > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }.category-card strong { color: #1e3962; font-size: 13px; letter-spacing: -.05em; word-break: keep-all; }.category-card small { margin-top: 3px; color: var(--muted); font-size: 9px; white-space: nowrap; }.category-card > i { color: #57799f; font-size: 16px; font-style: normal; } .status-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; background: white; }.status-table-wrap table { width: 100%; min-width: 700px; border-collapse: collapse; }.status-table-wrap th, .status-table-wrap td { padding: 13px 16px; border-bottom: 1px solid #e6edf5; text-align: left; }.status-table-wrap thead { background: #f5f9fe; }.status-table-wrap thead th { color: #4d6686; font-size: 10px; font-weight: 700; }.status-table-wrap tbody tr:last-child :is(th, td) { border-bottom: 0; }.status-table-wrap tbody th { color: #1d3c6b; font-family: var(--mono); font-size: 11px; }.status-table-wrap tbody th a:hover { color: var(--blue); }.status-table-wrap tbody td { color: #627793; font-size: 11px; }.network-state { display: inline-flex; align-items: center; gap: 6px; color: #16845b; font-size: 10px; font-weight: 700; }.network-open { display: inline-flex; align-items: center; gap: 5px; color: var(--blue); font-size: 10px; font-weight: 800; }.network-open:hover { text-decoration: underline; text-underline-offset: 3px; } .timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); }.timeline-item { position: relative; min-width: 0; padding: 22px 18px 0; border-left: 1px solid #e1e9f2; }.timeline-item:first-child { padding-left: 0; border-left: 0; }.timeline-item:last-child { padding-right: 0; }.timeline-item__dot { position: absolute; top: -6px; left: -5px; width: 11px; height: 11px; border: 2px solid var(--blue); border-radius: 50%; background: white; }.timeline-item:first-child .timeline-item__dot { left: 0; background: var(--blue); box-shadow: 0 0 0 3px #e0eeff; }.timeline-item time { color: #294c79; font-family: var(--mono); font-size: 9px; font-weight: 500; }.timeline-item__site { margin: 7px 0 3px; color: #52729a; font-size: 10px; font-weight: 800; }.timeline-item__site span { margin-left: 5px; color: #8ca5c4; font-family: var(--mono); font-size: 8px; font-weight: 400; }.timeline-item h3 { margin: 0 0 5px; color: #1c385f; font-size: 12px; letter-spacing: -.05em; line-height: 1.55; word-break: keep-all; }.timeline-item > p:last-child { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; word-break: keep-all; } .faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 18px; }.faq-grid details { border: 1px solid var(--line); border-radius: 5px; background: white; }.faq-grid summary { display: flex; min-height: 46px; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 14px; cursor: pointer; color: #294668; font-size: 11px; font-weight: 700; list-style: none; }.faq-grid summary::-webkit-details-marker { display: none; }.faq-grid summary span { color: #55789f; font-size: 15px; transition: transform .2s; }.faq-grid details[open] summary { border-bottom: 1px solid #e5edf6; color: var(--blue); }.faq-grid details[open] summary span { transform: rotate(180deg); }.faq-grid details p { margin: 0; padding: 10px 14px 14px; color: var(--muted); font-size: 10px; line-height: 1.75; word-break: keep-all; }.site-notice { margin: 17px 0 0; color: #8191a8; font-size: 9px; line-height: 1.7; word-break: keep-all; } .site-footer { margin-top: 5px; border-top: 1px solid #213450; background: #162a46; color: #c9d6e6; }.site-footer__inner { display: flex; min-height: 135px; align-items: center; justify-content: space-between; gap: 30px; }.wordmark--footer { color: #fff; font-size: 19px; }.wordmark--footer .wordmark__mark { background: #eef6ff; color: #1d56aa; }.site-footer__inner > div p { margin: 9px 0 0; color: #94a6bd; font-family: var(--mono); font-size: 8px; letter-spacing: .04em; }.site-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 11px 21px; }.site-footer nav a { color: #bcc9d8; font-size: 10px; }.site-footer nav a:hover { color: white; }.site-footer__inner > p { margin: 0; color: #8295ae; font-family: var(--mono); font-size: 9px; } @media (max-width: 1000px) { .site-header__main { grid-template-columns: auto 1fr; gap: 24px; }.header-cta { display: none; }.main-nav { justify-content: flex-end; }.hero__inner { grid-template-columns: 1fr .88fr; gap: 24px; }.hero h1 { font-size: 42px; }.destination-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 0; }.timeline-item:nth-child(3) { padding-left: 0; border-left: 0; }.timeline-item:nth-child(3) .timeline-item__dot { left: 0; } } @media (max-width: 720px) { .shell { width: min(100% - 32px, 560px); }.utility-bar__inner { min-height: 31px; font-size: 8px; }.utility-bar nav { gap: 12px; }.site-header__main { min-height: 64px; grid-template-columns: 1fr auto; }.wordmark { font-size: 18px; }.wordmark__mark { width: 24px; height: 24px; border-radius: 8px; font-size: 18px; }.main-nav { display: none; }.header-cta { display: inline-flex; min-height: 34px; gap: 7px; padding: 7px 10px; font-size: 9px; }.hero__inner { grid-template-columns: 1fr; min-height: 0; padding: 37px 0 35px; }.hero__copy { padding: 0; }.hero h1 { font-size: clamp(31px, 9.1vw, 43px); }.hero__copy > p:not(.eyebrow) { font-size: 12px; }.hero__visual { min-height: 255px; margin: 5px 10px 0; }.network-window { width: min(100%, 355px); margin-left: auto; }.network-window__body { padding: 16px; }.network-window__cards > span { min-height: 75px; }.network-window__cards b { width: 29px; height: 29px; border-radius: 9px; font-size: 13px; }.hero__visual-note { top: -7px; right: -5px; font-size: 9px; }.section, .section--directory, .section--status, .section--updates, .section--faq { padding: 35px 0; }.section--categories { padding: 4px 0 34px; }.section-heading { align-items: flex-start; margin-bottom: 18px; }.section-heading h2 { font-size: 21px; }.section-heading p:not(.section-kicker) { font-size: 10px; }.section-heading > a { margin-top: 17px; font-size: 9px; }.destination { min-height: 243px; }.category-card { min-height: 77px; padding: 11px; }.category-card__icon { width: 29px; font-size: 29px; }.category-card strong { font-size: 11px; }.category-card small { font-size: 8px; }.timeline-item { padding: 18px 12px 0; }.timeline-item h3 { font-size: 11px; }.timeline-item > p:last-child { font-size: 9px; }.faq-grid { grid-template-columns: 1fr; gap: 8px; }.site-footer__inner { min-height: 0; flex-direction: column; align-items: flex-start; padding: 30px 0; }.site-footer nav { justify-content: flex-start; }.site-footer__inner > p { margin-top: -12px; } } @media (max-width: 420px) { .utility-bar nav a:nth-child(2) { display: none; }.hero__actions { align-items: stretch; flex-direction: column; }.button { min-height: 43px; }.hero__features { gap: 8px 14px; font-size: 9px; }.destination-grid { gap: 9px; }.destination { padding: 11px; }.destination__link { min-height: 153px; }.destination__name { font-size: 15px; }.destination__description { font-size: 9px; }.destination__meta { font-size: 8px; }.destination__logo--banner { width: 124px; }.destination__logo--carriage { width: 90px; }.category-grid { grid-template-columns: 1fr; }.category-card { min-height: 70px; }.timeline { grid-template-columns: 1fr; gap: 22px; }.timeline-item, .timeline-item:nth-child(3) { padding-left: 17px; border-left: 1px solid #e1e9f2; }.timeline-item:first-child { padding-left: 17px; border-left: 1px solid #e1e9f2; }.timeline-item__dot, .timeline-item:first-child .timeline-item__dot, .timeline-item:nth-child(3) .timeline-item__dot { left: -6px; }.section-heading > a { display: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } } .network-window::before,.network-window::after{display:none} :root{--sans:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;--mono:ui-monospace,"Cascadia Code",monospace;--muted:#5d708c} body{font-size:15px;overflow-wrap:break-word}.shell{max-width:1240px}.utility-bar__inner{font-size:11px}.utility-bar a{display:inline-flex;align-items:center;min-height:36px}.main-nav a{font-size:13px}.header-cta{font-size:12px;min-height:44px}.mobile-menu{display:none}.button{min-height:46px;border-radius:8px;font-size:13px;gap:12px;cursor:pointer}.hero__inner{min-height:475px;padding:56px 12px;gap:65px}.hero h1{font-size:clamp(40px,4.2vw,57px);letter-spacing:-.065em}.hero__copy>p:not(.eyebrow){font-size:16px;line-height:1.85}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.08em}.hero__features{font-size:12px;gap:12px 18px}.hero__visual{min-height:340px}.network-window{max-width:435px;transform:rotate(-1deg);border-radius:14px}.network-window__bar{height:38px}.network-window__bar b,.network-window__bar em{font-size:10px}.network-window__body{padding:24px}.preview-label{font:10px var(--mono);letter-spacing:.1em;color:#7289a6;margin:0 0 9px}.preview-count{display:flex;align-items:center;gap:20px;margin-bottom:17px}.preview-count>strong{font:600 46px var(--mono);color:var(--blue)}.preview-count>span{font-size:14px;font-weight:700}.preview-count small{font-size:11px;color:var(--muted);font-weight:400}.preview-sites{display:grid;gap:0}.preview-sites>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f8;padding:10px 0;gap:10px;font:600 12px var(--mono)}.preview-footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.section{padding:52px 0}.section--categories{padding-top:8px}.section-heading h2{font-size:25px}.section-heading p:not(.section-kicker){font-size:13px;margin-top:6px;line-height:1.75}.section-heading>a{font-size:12px;min-height:32px}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.directory-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px 18px;box-shadow:0 4px 14px #1d447407;transition:box-shadow .2s,border-color .2s}.directory-card:hover{border-color:#a0c3ed;box-shadow:0 9px 22px #1d447412}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:22px}.site-monogram{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d5e4f7;border-radius:12px;background:linear-gradient(140deg,#f5f9ff,#e6f0ff);color:#2357a8;font:600 23px var(--mono)}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 8px;border-radius:20px;font:600 11px var(--sans);line-height:1.5;color:#526984;background:#edf2f7}.badge--online{background:#e9f7f0;color:#167449}.badge--check{background:#fff3db;color:#8b5a10}.badge--stale{background:#ffece8;color:#963d2d}.badge>span{font-size:8px}.card-category{font-size:11px;color:var(--blue);font-weight:600;margin:0 0 7px}.directory-card h3{font-size:20px;letter-spacing:-.045em;margin:0 0 7px;color:#1d365a}.directory-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.card-description{font-size:13px;color:var(--muted);margin:0 0 8px}.domain{font:11px var(--mono);color:#75869c;overflow-wrap:anywhere;margin:0 0 20px}.card-observation{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding:13px 0;border-top:1px solid #e9eef5}.card-observation>span{font-size:12px;color:#445d7b}.card-observation time{font:10px var(--mono);color:var(--muted)}.card-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:4px}.external-small{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;color:var(--muted);border-radius:6px}.external-small:hover{background:#f4f8fe;color:var(--blue)}.category-card{min-height:94px;border-radius:10px;gap:16px;padding:17px}.category-card strong{font-size:14px}.category-card small{font-size:12px;margin-top:5px;white-space:normal}.category-card__icon{font-size:34px}.soft-section{background:#f7faff;border-top:1px solid #e7eef8;border-bottom:1px solid #e7eef8}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 24px}.summary-grid>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px 22px}.summary-grid>div>span{display:block;color:var(--muted);font-size:12px}.summary-grid strong{display:block;font-size:32px;line-height:1.3;margin-top:9px;letter-spacing:-.04em;font-weight:650}.summary-grid small{font-size:12px;font-weight:400;color:var(--muted);margin-left:7px}.summary-grid .summary-time{font-size:24px;line-height:1.72}.status-table-wrap{border-radius:10px}.status-table-wrap table{min-width:860px}.status-table-wrap th,.status-table-wrap td{padding:17px}.status-table-wrap thead th{font-size:12px}.status-table-wrap tbody th,.status-table-wrap tbody td{font-size:13px}.status-table-wrap tbody td{font-variant-numeric:tabular-nums}.subtext{display:block;color:var(--muted);font-size:11px;margin-top:4px}.caption{font-size:12px;color:var(--muted);line-height:1.85;margin-top:15px}.empty-state{padding:33px 24px;border:1px dashed #cfdded;border-radius:12px;background:#fbfdff;color:var(--muted);text-align:center}.empty-state>span{font-size:27px;color:#799cc9}.empty-state h3{font-size:15px;font-weight:600;color:#496381;margin:6px 0}.empty-state p{margin:5px 0;font-size:13px}.event-list{padding:0;margin:0;list-style:none}.event-list li{display:grid;grid-template-columns:190px 1fr;gap:30px;position:relative;border-left:1px solid #d6e2f0;padding:0 0 28px 26px;margin-left:6px}.event-list li:last-child{padding-bottom:5px}.event-list li:before{position:absolute;content:"";width:9px;height:9px;border:3px solid #e0edff;border-radius:50%;background:var(--blue);left:-8px;top:5px}.event-list time{font:12px var(--mono);color:var(--muted);padding-top:5px}.event-site{font-size:15px;font-weight:700;color:var(--blue)}.event-list p{font-size:14px;line-height:1.8;margin:5px 0}.event-list small{font-size:11px;color:var(--muted)}.collection-section{border-block:1px solid #e5edf7;background:#fbfdff}.collection-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.collection-layout h2{font-size:29px;line-height:1.45;letter-spacing:-.055em;margin:0 0 24px}.text-link{color:var(--blue);font-size:14px;text-underline-offset:4px}.text-link:hover{text-decoration:underline}.collection-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}.collection-steps li{display:flex;gap:18px;align-items:flex-start}.collection-steps li>span{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#eaf2ff;color:var(--blue);border-radius:10px;font:12px var(--mono)}.collection-steps h3{font-size:15px;margin:0 0 3px}.collection-steps p{font-size:13px;margin:0;color:var(--muted);line-height:1.8}.faq-grid{gap:12px}.faq-grid details{border-radius:9px}.faq-grid summary{padding:16px;font-size:13px;min-height:54px;line-height:1.7}.faq-grid details p{font-size:13px;padding:16px;line-height:1.85}.site-footer__inner{min-height:130px;gap:25px}.site-footer__inner>div p{font-family:var(--sans);font-size:12px}.site-footer nav{gap:8px 20px}.site-footer nav a{display:flex;align-items:center;min-height:44px;font-size:12px}.site-footer__inner>p{font-size:11px}.footer-notice{margin-top:0;padding-bottom:24px;color:#9eb1c9;font-size:11px}.breadcrumbs{padding-top:24px}.breadcrumbs ol{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted)}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:10px;color:#b1bfce}.breadcrumbs a:hover{color:var(--blue)}.page-content{padding-top:30px;padding-bottom:65px;min-height:55vh}.page-heading{margin-bottom:32px}.page-heading h1{font-size:36px;line-height:1.35;letter-spacing:-.06em;margin:0 0 13px}.page-heading>p:not(.section-kicker){font-size:15px;line-height:1.9;color:var(--muted);max-width:800px}.title-line{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.title-line h1{margin-bottom:0}.title-line .badge{font-size:12px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:25px 0 38px}.overview-grid>div{padding:20px 24px;border-bottom:1px solid #e7eef6;background:#f9fbfe}.overview-grid dt{font-size:12px;color:var(--muted);margin-bottom:7px}.overview-grid dd{margin:0;font-size:14px;font-weight:600}.break-url{overflow-wrap:anywhere}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px}.detail-section{margin:0 0 38px}.detail-section h2,.guide-callout h2{font-size:21px;margin:0 0 14px;letter-spacing:-.04em}.detail-section h3{font-size:15px;margin:24px 0 12px}.detail-section p{font-size:14px;line-height:1.95;color:#526681}.information-list{margin:18px 0}.information-list>div{display:grid;grid-template-columns:135px minmax(0,1fr);padding:12px 0;border-bottom:1px solid #e6edf6;gap:16px;font-size:13px}.information-list dt{color:var(--muted)}.information-list dd{margin:0;overflow-wrap:anywhere}.detail-aside{align-self:start;background:#f5f9ff;border:1px solid #e0eaf8;border-radius:12px;padding:25px}.detail-aside h2{font-size:17px;margin:0 0 12px}.detail-aside p{font-size:13px;line-height:1.9;color:var(--muted)}.detail-aside .text-link{display:block;padding:8px 0;min-height:44px}.detail-aside h3{font-size:14px;margin-top:24px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags>span{border:1px solid #dfE7f1;background:#f7faff;border-radius:5px;font-size:12px;padding:5px 9px;max-width:100%;overflow-wrap:anywhere}.observation-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.observation-list article{display:grid;grid-template-columns:215px 1fr auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8eef6}.observation-list article:last-child{border:0}.observation-list time,.observation-list small{font-size:12px;color:var(--muted)}.observation-list p{margin:0}.external-panel{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:30px;background:#edf5ff;border:1px solid #d8e7fa;border-radius:12px}.external-panel h2{font-size:21px;margin:0 0 8px}.external-panel p{font-size:13px;margin:0;color:var(--muted)}.external-panel .button{flex-shrink:0}.search-form{display:flex;align-items:flex-end;gap:14px;padding:23px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.search-form>div:first-child{flex:1}.search-form>div{min-width:0}.search-form label{display:block;font-size:12px;color:#536984;margin-bottom:7px}.search-form input,.search-form select{min-height:46px;border:1px solid #cddbeb;background:white;border-radius:6px;padding:10px 12px;width:100%;color:var(--ink);font-size:14px}.search-form .text-link{padding:11px 0;white-space:nowrap}.result-count{font-size:13px;color:var(--muted);margin:25px 0 16px}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-tabs a{border:1px solid var(--line);border-radius:24px;min-height:44px;padding:10px 17px;font-size:13px}.filter-tabs a[aria-current]{background:var(--blue);color:white;border-color:var(--blue)}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:32px;font-size:13px}.guide-callout{background:#f4f8ff;border:1px solid #dce8f9;border-radius:12px;padding:26px;margin-top:30px}.guide-callout p{font-size:14px;line-height:1.9;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{border:1px solid var(--line);border-radius:12px;padding:30px;background:#f9fbff}.guide-card h2{font-size:23px}.guide-card p{font-size:14px;color:var(--muted);line-height:1.9}.prose{max-width:800px}.prose p,.prose li{font-size:15px;line-height:2;color:#526681}.prose h2{margin:34px 0 12px;font-size:22px;letter-spacing:-.03em}.prose a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.prose li{margin:10px 0}.error-banner{padding:20px 24px;margin-top:24px;border:1px solid #efd49b;border-radius:10px;background:#fff8e9;color:#715326;font-size:14px;line-height:1.9} @media(min-width:1450px){.hero__inner{padding-block:65px}.section{padding-block:60px}} @media(max-width:1080px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__inner{gap:30px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.main-nav{gap:18px}.main-nav a{font-size:12px}.summary-grid>div{padding:18px}.summary-grid .summary-time{font-size:22px}.card-actions{flex-direction:row;gap:16px}.card-actions>.button{flex:1}.external-small{padding-inline:6px}} @media(max-width:720px){.shell{width:calc(100% - 32px);max-width:560px}.utility-bar__inner{font-size:10px;gap:12px;min-height:35px}.utility-detail{display:none}.utility-bar nav a{font-size:10px}.site-header__main{display:flex;justify-content:space-between;min-height:66px;gap:15px}.main-nav,.header-cta{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:13px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:7px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:52px;right:0;width:220px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 25px #12294d22;padding:9px}.mobile-menu nav a{display:flex;align-items:center;min-height:45px;padding:9px 14px;font-size:14px}.hero__inner{padding:37px 0 44px;gap:32px}.hero h1{font-size:44px;line-height:1.22}.hero__copy>p:not(.eyebrow){font-size:14px}.hero__features{font-size:11px;gap:10px 14px}.hero__actions{flex-direction:row}.hero__actions>.button{font-size:12px;padding-inline:13px;flex:1}.hero__visual{min-height:0;margin:0 7px 8px}.network-window{width:100%;max-width:420px;transform:none;margin:0 auto;box-shadow:0 16px 30px #154e9419,8px 8px 0 #c4defa80}.network-window__body{padding:20px}.preview-count{margin-bottom:10px}.preview-count>strong{font-size:40px}.preview-sites>div{padding:8px 0}.section{padding:36px 0}.section--categories{padding-top:4px}.section-heading{gap:12px}.section-heading h2{font-size:23px}.section-heading p:not(.section-kicker){font-size:12px}.section-heading>a{display:inline-flex;margin-top:0;font-size:11px;min-height:44px;align-self:center;white-space:nowrap}.section-kicker{font-size:10px}.directory-grid{grid-template-columns:1fr;gap:16px}.directory-card{padding:22px}.card-top{margin-bottom:17px}.directory-card h3{font-size:23px}.card-category{font-size:12px}.card-description{font-size:14px}.card-observation{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.card-actions{margin-top:8px;gap:22px}.card-actions .button{min-height:48px}.card-actions .external-small{min-height:48px;min-width:85px;font-size:13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card{padding:14px;gap:10px;flex-wrap:wrap;min-height:105px}.category-card__icon{width:28px;font-size:28px}.category-card strong{font-size:13px}.category-card small{font-size:11px}.category-card>i{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-grid>div{padding:16px}.summary-grid strong{font-size:29px}.summary-grid .summary-time{font-size:20px;line-height:1.87}.summary-grid>div>span{font-size:11px}.status-table-wrap{border-radius:8px}.status-table-wrap thead{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal}.status-table-wrap th,.status-table-wrap td{padding:15px}.empty-state{padding:27px 17px}.empty-state h3{font-size:14px}.empty-state p{font-size:12px}.collection-layout{grid-template-columns:1fr;gap:29px}.collection-layout h2{font-size:27px;margin-bottom:17px}.collection-steps{gap:20px}.faq-grid summary{font-size:13px}.site-footer__inner{gap:16px;padding:30px 0 12px}.site-footer nav{gap:3px 20px}.site-footer__inner>p{margin:0}.footer-notice{font-size:10px;line-height:1.9;padding-bottom:28px}.page-content{padding-top:25px;padding-bottom:40px}.page-heading h1{font-size:30px}.page-heading>p:not(.section-kicker){font-size:14px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:22px 30px}.overview-grid>div{padding:16px}.overview-grid dt{font-size:11px}.overview-grid dd{font-size:13px}.detail-layout{grid-template-columns:1fr;gap:0}.detail-aside{margin:0 0 32px}.information-list>div{grid-template-columns:95px minmax(0,1fr);gap:13px}.detail-section h2{font-size:21px}.detail-section p{font-size:14px}.observation-list article{grid-template-columns:1fr;gap:4px;padding:15px}.external-panel{padding:23px;align-items:stretch;flex-direction:column;gap:20px}.external-panel h2{font-size:20px}.search-form{flex-wrap:wrap;padding:18px;gap:12px}.search-form>div:first-child{flex-basis:100%}.search-form>div:nth-child(2){flex:1 1 100%}.search-form>button{flex:1}.search-form>.text-link{min-width:70px;text-align:center}.event-list li{grid-template-columns:1fr;gap:7px;padding-left:20px;padding-bottom:26px}.event-list p{font-size:13px}.filter-tabs{gap:7px}.filter-tabs a{padding:10px 13px;font-size:12px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:24px}.guide-card h2{font-size:21px}.guide-callout{padding:22px}.prose p,.prose li{font-size:14px}.prose h2{font-size:21px}.error-banner{padding:18px;font-size:13px}} @media(max-width:360px){.hero h1{font-size:39px}.utility-bar nav a:nth-child(2){display:none}.category-grid{grid-template-columns:1fr}.category-card{min-height:80px;flex-wrap:nowrap}.card-observation{align-items:flex-start;flex-direction:column}.summary-grid>div{padding:13px}.summary-grid .summary-time{font-size:18px}.title-line{gap:12px}.section-heading>a{font-size:10px}.hero__actions{gap:8px}.hero__actions>.button{padding-inline:9px;font-size:11px}.overview-grid{grid-template-columns:1fr}}