/* Shared OPCNESW ocean theme. */
:root{--bg:#f3f8fb;--card:#fff;--tx:#12364b;--mu:#4f6a7b;--ac:#08688b;--bd:#d5e4ec;--soft:#e8f3f8;--shadow:0 8px 28px rgba(12,55,79,.055);color-scheme:light}
:root[data-theme="dark"]{--bg:#0c202d;--card:#122d3c;--tx:#eaf5fa;--mu:#b1cbd8;--ac:#76d0e6;--bd:#294a5c;--soft:#183b4d;--shadow:0 8px 28px rgba(0,0,0,.12);color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0c202d;--card:#122d3c;--tx:#eaf5fa;--mu:#b1cbd8;--ac:#76d0e6;--bd:#294a5c;--soft:#183b4d;--shadow:0 8px 28px rgba(0,0,0,.12);color-scheme:dark}}
body,.account-page{background:var(--bg);color:var(--tx);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.w,.account-page .w{max-width:1160px;padding:30px 28px 48px}
.top,.account-header{align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--bd)}
#t1,.account-brand{font:750 26px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.045em;color:var(--tx);margin:0}
.account-brand{display:inline-flex;align-items:center;gap:12px}
.account-brand::before{content:"";width:27px;height:27px;flex-shrink:0;border:1px solid var(--ac);border-radius:50%;background:linear-gradient(145deg,transparent 45%,var(--ac) 46%,var(--ac) 51%,transparent 52%)}
.account-nav{gap:6px;max-width:100%}
.account-nav a{padding:8px 11px;border-radius:6px;color:var(--mu);text-decoration:none;font-size:13px;font-weight:600;transition:background .18s,color .18s}
.account-nav a:hover{background:var(--soft);color:var(--ac)}
.account-nav a[aria-current="page"]{background:var(--soft);color:var(--ac)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ac);outline-offset:4px}
.ocean-hero{position:relative;isolation:isolate;overflow:hidden;margin:28px 0 24px;padding:44px 40px 40px;border:1px solid #236a87;border-radius:12px;background:linear-gradient(118deg,#10394f 0%,#125e7a 65%,#187a94 100%);color:#fff;box-shadow:var(--shadow)}
.ocean-hero::before{content:"";position:absolute;z-index:-1;right:-110px;bottom:-165px;width:580px;height:280px;border:1px solid rgba(179,228,240,.38);border-radius:50%;transform:rotate(-12deg);box-shadow:0 -28px 0 -27px rgba(179,228,240,.25),0 -62px 0 -61px rgba(179,228,240,.2),0 -105px 0 -104px rgba(179,228,240,.18)}
.ocean-hero::after{content:"";position:absolute;z-index:-1;right:13%;top:28px;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle,rgba(203,240,245,.22),rgba(203,240,245,0) 70%)}
.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#b9e6f0;margin:0 0 14px}
.ocean-hero h2{font:600 clamp(28px,4vw,44px)/1.2 Georgia,serif;letter-spacing:-.025em;color:#fff;margin:0 0 18px;max-width:700px}
.ocean-hero .sub{color:#d6eaf2;max-width:650px;font-size:16px;margin:0}
.note,.account-notice{background:var(--soft);border-color:var(--bd);border-left-color:var(--ac);padding:16px 20px;line-height:1.7;color:var(--mu)}
#q{padding:15px 18px;margin:4px 0 16px;border-radius:8px;box-shadow:var(--shadow)}
#q::placeholder{color:var(--mu);opacity:1}
.chips{gap:8px;margin-bottom:30px}
.chip{padding:8px 14px;border-radius:6px;font-weight:500;font-size:13px}
.chip:hover{border-color:var(--ac)}
.chip.on{background:var(--ac);border-color:var(--ac);color:var(--bg)}
#out h2{font-size:17px;font-weight:650;color:var(--tx);margin:30px 0 14px;letter-spacing:.005em}
.g{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
a.c{padding:22px;border-radius:10px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s}
a.c:hover{border-color:var(--ac);box-shadow:0 10px 26px rgba(12,55,79,.12)}
.n{font-size:15px;font-weight:650;line-height:1.45;color:var(--tx)}
.d{font-size:13px;line-height:1.7;margin-top:9px}
.t{background:var(--soft);padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-top:14px}
.pricing{margin-top:36px;padding-top:0;border-top:0}
.pricing>h1{font:600 clamp(28px,4vw,40px)/1.2 Georgia,serif;margin-bottom:16px;color:var(--tx)}
.pricing-intro{max-width:690px;font-size:16px;line-height:1.7;margin-bottom:30px}
.plans{gap:20px}
.plan{padding:28px 24px;border-radius:10px;box-shadow:var(--shadow);border-top:3px solid var(--ac)}
.plan h3{font-size:17px;margin-bottom:24px;color:var(--tx)}
.price{font-size:32px;color:var(--tx);letter-spacing:-.025em}
.plan dt{letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.plan dd{padding-bottom:18px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.billing-detail{line-height:1.7}
.membership-terms{line-height:1.8;max-width:900px}
.quote-button,.account-button{border-radius:6px;background:var(--ac);color:var(--bg)}
.quote-button:disabled,.account-button:disabled{background:var(--soft);color:var(--mu);border:1px solid var(--bd)}
.account-panel{max-width:660px;margin-top:40px;padding:32px;border-radius:10px;border-top:3px solid var(--ac);box-shadow:var(--shadow)}
.account-panel h1{font:600 32px/1.2 Georgia,serif;color:var(--tx);letter-spacing:-.025em}
.account-panel legend,.account-panel label,.account-details dt{color:var(--tx)}
.account-panel input{border-radius:6px;padding:13px 14px}
.account-panel input:disabled{background:var(--bg);border-color:var(--bd)}
.account-details>div{padding:17px 0}
footer,.account-page footer{border-top:1px solid var(--bd);padding-top:22px;margin-top:42px;line-height:1.8;color:var(--mu)}
@media(max-width:900px){.g{grid-template-columns:repeat(2,minmax(0,1fr))}.plans{grid-template-columns:1fr}.top,.account-header{align-items:flex-start}.account-nav{gap:4px}.plan{padding:24px}.plan dl{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.plan dt:nth-of-type(1){grid-column:1;grid-row:1}.plan dd:nth-of-type(1){grid-column:1;grid-row:2}.plan dt:nth-of-type(2){grid-column:2;grid-row:1}.plan dd:nth-of-type(2){grid-column:2;grid-row:2}}
@media(max-width:600px){.w,.account-page .w{padding:22px 18px 36px}.top,.account-header{gap:16px;padding-bottom:20px}.account-nav a{padding:7px 8px;font-size:12px}.ocean-hero{padding:30px 24px;margin-top:22px}.ocean-hero .sub{font-size:14px}.hero-eyebrow{font-size:10px}.g{grid-template-columns:1fr}a.c{padding:20px}.note,.account-notice{padding:14px 16px}.account-panel{padding:24px 20px;margin-top:26px}.account-details>div{grid-template-columns:1fr;gap:4px}.price{font-size:28px}.plan dl{display:block}.account-panel h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.account-nav a,a.c{transition:none}}

/* Windows-inspired typography, scenic depth, and translucent surfaces. */

:root{--glass:rgba(255,255,255,.88);--header-glass:rgba(249,253,255,.82);--scene-wash:rgba(236,246,250,.68)}
:root[data-theme="dark"]{--glass:rgba(16,43,59,.93);--header-glass:rgba(12,33,47,.92);--scene-wash:rgba(6,24,38,.86)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--glass:rgba(16,43,59,.93);--header-glass:rgba(12,33,47,.92);--scene-wash:rgba(6,24,38,.86)}}
body,.account-page{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);background-image:linear-gradient(var(--scene-wash),var(--scene-wash)),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22sky%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23cbe7f0%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23eef7f9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2364a9c2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22sea%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2399cedc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23185c7a%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22light%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22shore%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23347b91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23133a52%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22mist%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2218%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23sky)%22%20d%3D%22M0%200h1600v1000H0z%22%2F%3E%3Cellipse%20cx%3D%221010%22%20cy%3D%22220%22%20rx%3D%22650%22%20ry%3D%22370%22%20fill%3D%22url(%23light)%22%2F%3E%3Cpath%20d%3D%22M0%20495%2095%20456%20182%20470%20285%20402%20352%20440%20420%20425%20540%20470%20675%20478%20820%20455%20935%20479%201100%20433%201165%20454%201310%20398%201430%20452%201600%20430v570H0Z%22%20fill%3D%22%237baebb%22%20opacity%3D%22.37%22%2F%3E%3Cpath%20d%3D%22M0%20536%2095%20522%20260%20548%20402%20520%20534%20537%20744%20514%20890%20530%201030%20502%201200%20527%201440%20478%201600%20504v496H0Z%22%20fill%3D%22%23a0c7cf%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M0%20548Q780%20515%201600%20545v455H0Z%22%20fill%3D%22url(%23sea)%22%2F%3E%3Cellipse%20cx%3D%221020%22%20cy%3D%22550%22%20rx%3D%22530%22%20ry%3D%2245%22%20fill%3D%22%23f0f8f8%22%20opacity%3D%22.5%22%20filter%3D%22url(%23mist)%22%2F%3E%3Cpath%20d%3D%22M740%20552q235-15%20440%200M630%20590q300-12%20690%200M400%20655q450-20%20930%200M280%20755q540-26%201080%200M180%20895q680-33%201350%200%22%20fill%3D%22none%22%20stroke%3D%22%23d3edf0%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M0%20590q100-35%20205%2035t180%2078q155%2026%20190%2092-130-42-230%2026T0%201000Z%22%20fill%3D%22url(%23shore)%22%20opacity%3D%22.82%22%2F%3E%3Cpath%20d%3D%22M1600%20575q-100%2070-182%2066t-175%2091q-74%2076-172%2094%20137%2027%20270-6t259%2067Z%22%20fill%3D%22%23245e78%22%20opacity%3D%22.63%22%2F%3E%3Cpath%20d%3D%22M0%20648q105%200%20215%2066t145%2038q134%2030%20185%2054M1600%20654q-144%208-205%2068t-288%20107%22%20fill%3D%22none%22%20stroke%3D%22%23bddfe3%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");background-size:cover;background-position:center;background-attachment:fixed}
.top,.account-header{padding:20px 24px;background:var(--header-glass);border:1px solid var(--bd);border-radius:12px;box-shadow:0 4px 20px rgba(13,53,77,.04);backdrop-filter:blur(18px)}
#t1,.account-brand{font-family:"Segoe UI",sans-serif;letter-spacing:.025em;font-weight:650}
.account-nav a{border-radius:7px;font-weight:500}
.ocean-hero{padding:52px 40px;background-image:linear-gradient(90deg,rgba(7,42,63,.93),rgba(13,69,91,.68) 60%,rgba(25,79,99,.24)),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22sky%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23cbe7f0%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23eef7f9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2364a9c2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22sea%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2399cedc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23185c7a%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22light%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22shore%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23347b91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23133a52%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22mist%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2218%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23sky)%22%20d%3D%22M0%200h1600v1000H0z%22%2F%3E%3Cellipse%20cx%3D%221010%22%20cy%3D%22220%22%20rx%3D%22650%22%20ry%3D%22370%22%20fill%3D%22url(%23light)%22%2F%3E%3Cpath%20d%3D%22M0%20495%2095%20456%20182%20470%20285%20402%20352%20440%20420%20425%20540%20470%20675%20478%20820%20455%20935%20479%201100%20433%201165%20454%201310%20398%201430%20452%201600%20430v570H0Z%22%20fill%3D%22%237baebb%22%20opacity%3D%22.37%22%2F%3E%3Cpath%20d%3D%22M0%20536%2095%20522%20260%20548%20402%20520%20534%20537%20744%20514%20890%20530%201030%20502%201200%20527%201440%20478%201600%20504v496H0Z%22%20fill%3D%22%23a0c7cf%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M0%20548Q780%20515%201600%20545v455H0Z%22%20fill%3D%22url(%23sea)%22%2F%3E%3Cellipse%20cx%3D%221020%22%20cy%3D%22550%22%20rx%3D%22530%22%20ry%3D%2245%22%20fill%3D%22%23f0f8f8%22%20opacity%3D%22.5%22%20filter%3D%22url(%23mist)%22%2F%3E%3Cpath%20d%3D%22M740%20552q235-15%20440%200M630%20590q300-12%20690%200M400%20655q450-20%20930%200M280%20755q540-26%201080%200M180%20895q680-33%201350%200%22%20fill%3D%22none%22%20stroke%3D%22%23d3edf0%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M0%20590q100-35%20205%2035t180%2078q155%2026%20190%2092-130-42-230%2026T0%201000Z%22%20fill%3D%22url(%23shore)%22%20opacity%3D%22.82%22%2F%3E%3Cpath%20d%3D%22M1600%20575q-100%2070-182%2066t-175%2091q-74%2076-172%2094%20137%2027%20270-6t259%2067Z%22%20fill%3D%22%23245e78%22%20opacity%3D%22.63%22%2F%3E%3Cpath%20d%3D%22M0%20648q105%200%20215%2066t145%2038q134%2030%20185%2054M1600%20654q-144%208-205%2068t-288%20107%22%20fill%3D%22none%22%20stroke%3D%22%23bddfe3%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");background-size:cover;background-position:center 55%;border-color:rgba(94,155,178,.4);border-radius:12px}
.ocean-hero::before,.ocean-hero::after{display:none}
.ocean-hero h2{font-family:"Segoe UI",sans-serif;font-weight:600;font-size:clamp(30px,4vw,44px);line-height:1.2;max-width:650px;letter-spacing:-.035em}
.hero-eyebrow{letter-spacing:.12em}
.note,.account-notice{background:var(--glass);backdrop-filter:blur(16px)}
a.c,.plan,.account-panel{background:var(--glass);border-radius:12px;backdrop-filter:blur(18px);box-shadow:0 6px 24px rgba(12,48,70,.065)}
#q{background:var(--glass);backdrop-filter:blur(18px);border-radius:8px}
.chip{background:var(--glass);border-radius:8px;backdrop-filter:blur(12px)}
.chip.on{background:var(--ac)}
.pricing>h1,.account-panel h1{font-family:"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.03em}
.plan{border-top-width:2px}
.account-panel{border-top-width:2px}
footer,.account-page footer{background:var(--header-glass);padding:20px 24px;border:1px solid var(--bd);border-radius:10px;backdrop-filter:blur(18px)}
@media(max-width:600px){.top,.account-header{padding:18px 16px;gap:14px}.ocean-hero{padding:36px 24px}.ocean-hero h2{font-size:30px}.account-nav{gap:3px}.account-nav a{padding:7px;font-size:12px}body,.account-page{background-attachment:scroll}footer,.account-page footer{padding:18px}}

/* Compact homepage directory, ready for more resources. */
.directory-page .w{max-width:1440px;padding:24px 24px 36px}
.directory-page .top{padding:16px 20px}
.directory-page .ocean-hero{padding:28px 30px;margin:20px 0 16px}
.directory-page .ocean-hero h2{font-size:clamp(26px,3vw,34px);margin-bottom:10px}
.directory-page .hero-eyebrow{margin-bottom:10px}
.directory-page .ocean-hero .sub{font-size:14px;max-width:800px}
.directory-page .note{padding:10px 14px;margin-bottom:14px;font-size:12px}
.directory-page #q{padding:11px 14px;margin:0 0 12px;font-size:14px;box-shadow:none}
.directory-page .chips{gap:6px;margin-bottom:18px}
.directory-page .chip{padding:6px 11px;font-size:12px}
.directory-page #out h2{font-size:15px;margin:22px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--bd)}
.directory-page .g{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.directory-page a.c{min-width:0;padding:12px 14px;border-radius:8px;box-shadow:none;backdrop-filter:none}
.directory-page a.c:hover{background:var(--card);box-shadow:0 3px 10px rgba(12,55,79,.06)}
.directory-page .n{font-size:13px;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.directory-page .d{font-size:12px;line-height:1.5;margin-top:5px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.directory-page .t{font-size:10px;line-height:1.5;padding:2px 6px;margin-top:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.directory-page footer{margin-top:28px;padding:16px 20px}
@media(max-width:1200px){.directory-page .g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.directory-page .g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.directory-page .w{padding:18px 14px 28px}.directory-page .g{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-page .top{padding:16px}.directory-page .ocean-hero{padding:24px 20px}.directory-page a.c{padding:11px}.directory-page .chip{min-height:36px}}
@media(max-width:380px){.directory-page .g{grid-template-columns:1fr}.directory-page .n{min-height:0}.directory-page .d{min-height:0}}