/* Standalone clay-style preview; production pages do not load this file. */
:root{--ink:#304456;--sub:#63778a;--canvas:#eef3f5;--blue:#d3e8fc;--mint:#d6eee5;--shadow:10px 10px 24px #c9d5dc99,-8px -8px 22px #ffffff;--clay:inset 5px 5px 10px #ffffffc9,inset -5px -6px 12px #a9bed044,8px 10px 20px #bccbd477}
body{background:var(--canvas);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}p{color:var(--sub)}h1,h2,h3{color:var(--ink);font-weight:600}h1{font-size:52px;letter-spacing:-1px}h1 span{color:#4b889e}.eyebrow{color:#527b8b;letter-spacing:1px}.lead strong{color:#3f7d87}.small,.num{color:#6c8191}.wrap{max-width:1180px}header{height:96px;border:0;max-width:1180px}.brand{color:#354e63;letter-spacing:1px}.brand i{color:#6f9cae}.brand span{color:#71869b!important}nav{color:#5c7082;gap:28px}nav a:hover{color:#304d65}.contact,.primary,.secondary{border:0;border-radius:18px;padding:12px 22px;min-height:48px;font-weight:600;box-shadow:var(--clay);transition:box-shadow .18s,color .18s}.primary,.contact{background:#d0e8fa;color:#315e7e!important}.secondary{background:#edf3f6;color:#557282}.primary:hover,.secondary:hover,.contact:hover{box-shadow:inset 3px 3px 8px #a9bed055,inset -3px -3px 8px #fff;transform:none}.actions{gap:16px}.home-ad-slot{padding-top:8px}.home-ad-banner{border-radius:22px;border:5px solid #edf4f7;box-shadow:var(--shadow);height:140px}.hero{padding:40px 0 36px;gap:36px}.hero .eyebrow{font-size:12px}.hero .lead{font-size:15px;line-height:1.9}.route-map{border-radius:32px;box-shadow:var(--clay);background:#e0ecf3!important;padding:12px}.route-map svg>rect:first-of-type{fill:#e4edf4;stroke:none}.route-map svg>rect:nth-of-type(2){opacity:.4}.route-map svg>g[fill="#1a2d3c"]{fill:#c5d8df;stroke:#a7c4d1}.route-map svg rect[fill="#101c2c"]{fill:#f2f6fa;stroke-opacity:.15}.route-map svg rect[fill="#101c2c"]+text{font-weight:600}.route-map svg path[stroke="#58bfff"]{stroke:#548ab8}.route-map svg path[stroke="#c4a1ff"]{stroke:#a47eaf}.route-map svg [fill="#58bfff"]{fill:#548ab8}.route-map svg [fill="#c4a1ff"]{fill:#9a75a9}.route-map svg [fill="#dce8f5"]{fill:#3f667b}.route-map svg [fill="#a7b6cc"]{fill:#73859b}.route-map svg text{font-family:"Microsoft YaHei",sans-serif}.route-map svg>g[transform]>rect{filter:drop-shadow(0 2px 2px #a7bac055)}#services{padding-top:8px;padding-bottom:48px}.section-top{margin-bottom:28px}.section-top h2{font-size:30px}.section-top p{font-size:14px}.cards{gap:24px}.card,.featured-service{background:#e8edf7;border:0;border-radius:30px;box-shadow:var(--clay);padding:28px;transition:box-shadow .2s}.featured-service{background:#dcedf4}.cards>.card:nth-child(2){background:#e7e3f3}.cards>.card:nth-child(3){background:#dfeee7}.card:hover{transform:none;border:0;box-shadow:inset 4px 4px 9px #ffffffdd,inset -5px -6px 12px #9caec344,10px 14px 24px #b2c3cf88}.icon{width:52px;height:52px;border:0;border-radius:17px;color:#5b8196;background:#f4f7fb;box-shadow:inset 2px 2px 4px #fff,inset -3px -3px 7px #b8cad366,4px 5px 10px #b0c4d355;font-size:26px}.service-badge{background:transparent;border:0;color:#647d91;padding:0;font-size:12px;margin-top:16px}.card h3{font-size:24px}.card p{font-size:14px;min-height:100px}.tags span{background:#f5f8fa80;border:0;border-radius:8px;color:#607487;padding:4px 8px}.arrow{color:#4f7185;border-color:#8199ab33}.domain-spotlight{background:#e0eee8;border:0;border-radius:32px;padding:36px;box-shadow:var(--clay);margin-bottom:56px}.domain-spotlight h2{font-size:32px}.domain-examples>div{background:#edf5f1;border:0;border-radius:22px;box-shadow:inset 3px 3px 7px #fff,inset -4px -4px 9px #b4c8c255,5px 6px 12px #afc5bc55}.domain-examples strong{color:#508078;font-weight:600}.domain-examples span,.domain-examples small{color:#70877e}.domain-examples p{color:#7c8f87}.solution{background:#e7edf1;border:0;border-radius:40px;margin:0 20px;box-shadow:inset 4px 4px 12px #cbd6df88,inset -4px -4px 12px #ffffff99}.solution section{padding-top:40px;padding-bottom:40px}.scenarios h3{font-size:20px}.steps>div{border-top-color:#afc0cc}.steps p{color:var(--sub)}.cta{background:#dcebf5;border:0;border-radius:28px;box-shadow:var(--clay);padding:32px;margin-bottom:48px}.cta h2{font-size:26px}.float{background:#d6e9ed;color:#416a7d;border:0;border-radius:18px;box-shadow:var(--clay);font-weight:600}.foot{color:#73879a}footer{border-color:#d3dfe5}.brand i{font-style:normal}.mobile-toggle{color:#496a80}.orb-dot{animation:none}a:focus-visible,button:focus-visible{outline:2px solid #588eab;outline-offset:5px}
@media(max-width:800px){header{height:80px}.brand>span{display:none}.home-ad-banner{border-width:3px;border-radius:16px;height:auto}.hero{padding:28px 0 24px;gap:28px}.hero h1{font-size:40px}.route-map{border-radius:24px;padding:8px}.section-top h2{font-size:26px}.cards{gap:24px}.card{padding:24px;border-radius:26px}.card p{min-height:0}.domain-spotlight{padding:24px;border-radius:26px}.domain-spotlight h2{font-size:28px}.solution{margin:0 8px;border-radius:28px}.cta{padding:24px;border-radius:24px}.cta h2{font-size:24px}nav{background:#edf3f6;border-radius:0 0 24px 24px;box-shadow:0 12px 20px #c0ccd580}.float{right:12px;bottom:12px;font-size:12px;padding:10px 14px}}

/* Warm clay palette experiment; original clay preview is preserved. */
:root{--ink:#51463e;--sub:#7b6b5f;--canvas:#f5f0e8;--blue:#f3d5bd;--mint:#dfe5cb;--shadow:10px 10px 24px #d3c5b699,-8px -8px 22px #fffdf7;--clay:inset 5px 5px 10px #fffdf4cc,inset -5px -6px 12px #bca58b44,8px 10px 20px #c9b8a577}
.brand{color:#665043}.brand i{color:#bc8061}.brand span{color:#97806e!important}nav{color:#816c5b}nav a:hover{color:#553f30}h1 span{color:#b56d4b}.eyebrow{color:#9b7155}.lead strong{color:#956747}.small,.num{color:#97816b}.primary,.contact{background:#efc9ad;color:#704b34!important}.secondary{background:#f5ebdd;color:#80634b}.route-map{background:#eee0ce!important}.route-map svg>rect:first-of-type{fill:#efe3d3}.route-map svg>g[fill="#1a2d3c"]{fill:#d2c2a8;stroke:#b9a78b}.route-map svg rect[fill="#101c2c"]{fill:#fcf5e9;stroke-opacity:.15}.route-map svg path[stroke="#58bfff"]{stroke:#b47d52}.route-map svg path[stroke="#c4a1ff"]{stroke:#7f9062}.route-map svg [fill="#58bfff"]{fill:#a47049}.route-map svg [fill="#c4a1ff"]{fill:#748556}.route-map svg [fill="#dce8f5"]{fill:#786045}.route-map svg [fill="#a7b6cc"]{fill:#8b7c64}.card,.featured-service{background:#f2d9c4}.cards>.card:nth-child(2){background:#e4e6ce}.cards>.card:nth-child(3){background:#eddfcd}.icon{color:#9c7557;background:#fbf1e3}.service-badge{color:#937b62}.tags span{background:#fffbef80;color:#8b735a}.arrow{color:#92704f;border-color:#a78d7133}.domain-spotlight{background:#e5e7d4}.domain-examples>div{background:#f1f2e5;box-shadow:inset 3px 3px 7px #fffff4,inset -4px -4px 9px #b8bea255,5px 6px 12px #b4b99e55}.domain-examples strong{color:#7b8459}.domain-examples span,.domain-examples small,.domain-examples p{color:#89916f}.solution{background:#eee5d9;box-shadow:inset 4px 4px 12px #d4c7b888,inset -4px -4px 12px #fffaf299}.steps>div{border-top-color:#cebea9}.cta{background:#efddc6}.float{background:#e6d8bd;color:#7d6245}.foot{color:#9a826c}footer{border-color:#dfd3c3}.mobile-toggle{color:#88694d}a:focus-visible,button:focus-visible{outline-color:#a87d54}@media(max-width:800px){nav{background:#f4ebdd}}
/* Navigation buttons match the clay contact control, in sage rather than peach. */
nav>a:not(.contact){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;background:#e1e6d2;color:#65704b;border:0;border-radius:18px;box-shadow:inset 5px 5px 10px #fbfff0cc,inset -5px -6px 12px #a3ae8844,8px 10px 20px #c1c8ac66;font-weight:600;line-height:24px;white-space:nowrap;transition:box-shadow .18s,color .18s,background-color .18s}nav{gap:16px}nav>a:not(.contact):hover,nav>a:not(.contact)[aria-current=page]{background:#d8e0c3;color:#4f6038;box-shadow:inset 3px 3px 8px #a9b59166,inset -3px -3px 8px #fffff1}nav>a:not(.contact):focus-visible{outline:2px solid #7c8e5f;outline-offset:4px}@media(min-width:801px) and (max-width:1080px){header .brand>span{display:none}nav{gap:12px}nav>a:not(.contact){padding:12px 14px}}@media(max-width:800px){nav{gap:12px}nav>a:not(.contact){width:100%}}
/* Soft cotton-cloud wordmark, applied to this preview only. */
.brand{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;color:#687e87;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:26px;font-weight:600;letter-spacing:1px;line-height:1.1;text-shadow:0 1px 0 #fff}.brand i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:36px;color:#8fa6ac;flex-shrink:0}.brand i svg{width:42px;height:36px;overflow:visible;filter:drop-shadow(2px 4px 3px #c7c2b480)}.brand .cloud-word{position:relative;display:inline-block;padding:12px 8px 10px;z-index:0;font-weight:600;letter-spacing:1.5px;color:#728b94;text-shadow:0 1px 0 #ffffff}.brand .cloud-word::before{content:"";position:absolute;inset:0 -2px;background:#fffdf7;border-radius:46% 44% 40% 42%;z-index:-1;box-shadow:inset 2px 4px 5px #fff,inset -3px -4px 7px #dce6e666,3px 5px 9px #c8c4b755}.brand .cloud-word::after{content:"";position:absolute;width:45px;height:26px;left:18px;top:-7px;background:#fffdf7;border-radius:50%;z-index:-1;box-shadow:43px 2px 0 1px #fffdf7}.brand>span:not(.cloud-word){font-family:"Segoe UI",sans-serif;font-size:9px!important;font-weight:500;letter-spacing:1.2px!important;color:#9c9384!important;margin-left:4px!important;text-shadow:none;line-height:1.6;max-width:76px;white-space:normal}.foot .brand .cloud-word{font-size:20px;padding:10px 8px}.foot .brand .cloud-word::after{width:32px;height:20px;box-shadow:32px 2px 0 1px #fffdf7}@media(max-width:1080px){header .brand>span:not(.cloud-word){display:none}header .brand>.cloud-word{display:inline-block!important}}@media(max-width:800px){.brand{font-size:24px;gap:8px}.brand i{width:36px}.brand i svg{width:36px}.brand>.cloud-word{display:inline-block!important}.brand .cloud-word{padding:10px 8px}.brand .cloud-word::after{height:22px;top:-5px}.brand>span:not(.cloud-word){display:none}}
/* Rounded, softly embossed bilingual hero title. */
.hero h1{font-family:"Arial Rounded MT Bold","Trebuchet MS","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:50px;line-height:1.38;font-weight:600;letter-spacing:.015em;color:#79614f;text-shadow:0 2px 0 #fffaf2,0 -1px 0 #bca38a55,2px 4px 5px #b7a48e36;margin:16px 0 20px}.hero h1>span{display:inline-block;color:#8b9772;font-family:"Arial Rounded MT Bold","Trebuchet MS","Malgun Gothic","Microsoft YaHei",sans-serif;font-size:.94em;font-weight:600;letter-spacing:.025em;text-shadow:0 2px 0 #fffff3,0 -1px 0 #68774d33,2px 4px 5px #a1ac8438}.hero h1::after{content:"";display:block;width:64px;height:8px;margin-top:16px;border-radius:8px;background:#dfc4a8;box-shadow:inset 1px 2px 3px #fff4e6,inset -1px -2px 3px #c4a48655,2px 3px 5px #d0bea755}@media(max-width:800px){.hero h1{font-size:38px;letter-spacing:0;line-height:1.4}.hero h1>span{letter-spacing:.01em}.hero h1::after{width:48px;height:6px;margin-top:12px}}
/* Clay detail pages: warm surfaces and readable specifications. */
h2,h3,.devices-title,.mail-split h2,.domain-story-copy h3,.case-copy h3{font-family:"Trebuchet MS","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-weight:600;letter-spacing:0}p,.case-copy p,.case-copy li,.domain-story-copy p,.domain-story-copy li{color:var(--sub)}.case-copy strong,.domain-story-copy strong,.privacy-checks strong{color:var(--ink)}.text-link,.domain-story-link,.product-source,.mail-note a{color:#8c6542}.spec-note,.idc-caption,.mail-note,.demo-note,figcaption,.domain-story figcaption{color:#8e7d69;font-size:12px}.device-card,.compat-grid article,.line-grid article,.privacy-section,.infra-panel,.stack{background:#eee3d2;border:0;border-radius:26px;box-shadow:var(--clay)}.device-card{display:flex;flex-direction:column}.device-card:nth-child(2){background:#e5e7d3}.device-card:nth-child(3){background:#efdbca}.product-stage{background:#f2eadc;border-radius:26px 26px 0 0;height:256px;padding:32px 24px 16px;box-shadow:inset 3px 4px 10px #fff8eccc,inset -3px -3px 10px #c5b59a44}.product-label{color:#8c735b;border:0;background:#fff9edb3;padding:4px 10px;border-radius:10px}.product-body{padding:24px;display:flex;flex-direction:column;flex:1}.product-body .eyebrow{font-size:12px;letter-spacing:.5px}.product-body h3{font-size:25px}.product-body dl{font-size:13px}.product-body dl>div{border-color:#beaa8c44}.product-body dt{color:#8d785f}.product-body dd{color:#66513c}.product-ask{color:#805c3e;margin-top:auto;background:#f7edde}.product-body>p{min-height:64px}.product-source{display:inline-block;margin-bottom:20px}.compatibility,.resource-section,.idc-page #servers,.mail-service{border-color:#cfbea94d}.compat-grid article{padding:28px}.compat-icon{color:#8e9c70}.protocols span{color:#937d65}.protocols b{color:#6f7954}.case-copy li::marker,.domain-story-copy li::marker{color:#98a47a}.screenshot,.domain-story img,.mail-shot,.desktop-frame{background:#ece2d2;border:4px solid #f8f0e3;border-radius:22px;box-shadow:var(--clay)}.screenshot{padding:8px}.screenshot img{border-radius:12px;background:#f9f4ea}.screenshot span{background:#f4ecdde8;color:#826b52;border-radius:8px;padding:6px 10px;font-size:11px;bottom:16px;right:16px}.domain-story img{padding:8px}.mail-shot{color:#89725d}.mail-shot span{padding:12px}.desktop-frame{padding:10px}.desktop-frame .window-bar{background:#ece2d2}.window-bar span{color:#8b765f}.window-bar i{background:#b9a286}.window-bar i:first-child{background:#9ca77c}.bulk-labels{color:#899565}.mail-list li{border-color:#cfbea966}.mail-list span{color:#8b7761}.mail-split .service-lead{color:#9a785b}.mail-service>.mail-split>div>.eyebrow{color:#88704f;font-weight:600;letter-spacing:0;font-size:24px}.mail-split h2{font-size:36px;line-height:1.5}.address-example{background:#eee5d5;border:0;border-radius:20px;box-shadow:inset 3px 3px 7px #cfbea966,inset -3px -3px 7px #fffcf2;padding:20px 24px}.address-example>span{color:#9b896e;letter-spacing:1px}.address-example strong{font-weight:600;color:#78634f;overflow-wrap:anywhere}.address-example strong span{color:#8a986a}.address-example small{color:#9a896f}.line-grid h3{color:#89734f}.line-grid article{padding:24px}.privacy-section{padding:32px!important}.privacy-checks p{border-color:#beaa8c44}.privacy-checks strong{color:#796044}.idc-page #domains .domain-privacy-callout{background:#e7e8d6;border:0;border-radius:18px;box-shadow:var(--clay);padding:20px 24px}.domain-privacy-callout .domain-privacy-highlight{color:#78815a;font-weight:600;font-size:22px}.domain-sample{color:#8d7959;border-color:#cbbb9f}.idc-page a:focus-visible,.idc-page button:focus-visible,.idc-page summary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #9c7a53;outline-offset:5px}.stack-items span{color:#8c7b62}.stack-items>div{border-color:#cbbb9f66}#image-viewer{background:#f4ecdf;color:#806e59;border:2px solid #fff7ed;border-radius:24px;box-shadow:var(--shadow)}#image-viewer::backdrop{background:#594c3eaa;backdrop-filter:blur(6px)}.close-viewer{color:#82694e;min-width:44px;min-height:40px;cursor:pointer}.foot{gap:20px}.foot>div:first-child{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.foot>div:first-child>span{margin-left:0!important}.brand .cloud-word{white-space:nowrap}.brand>span:not(.cloud-word){flex-shrink:0}nav>a:not(.contact){font-size:14px}.detail-grid .card{background:#eee3d2}.detail-grid .card:nth-child(2){background:#e5e7d3}.detail-grid .card p{min-height:0}.mail-gallery{gap:24px}
@media(max-width:800px){.product-stage{height:264px}.product-body>p{min-height:0}.product-ask{margin-top:16px}.device-card,.compat-grid article,.line-grid article,.privacy-section{border-radius:22px}.product-stage{border-radius:22px 22px 0 0}.mail-split h2{font-size:30px}.privacy-section{padding:24px!important}.mail-service>.mail-split>div>.eyebrow{font-size:23px}.foot>div:first-child>span{width:100%;font-size:12px}.foot .brand{align-self:flex-start}.foot{gap:24px}.float{bottom:12px;right:12px}.address-example{padding:16px}.address-example strong{font-size:23px}.domain-privacy-callout .domain-privacy-highlight{font-size:21px}.mail-list li{grid-template-columns:88px 1fr}.bulk-labels{flex-wrap:wrap;gap:12px}.brand>span:not(.cloud-word){display:none}header .brand>.cloud-word{display:inline-block!important}}

/* Homepage bilingual service links, using the main menu clay treatment. */
.hero h1.hero-service-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:20px 0 28px;text-shadow:none}.hero h1.hero-service-links::after{display:none}.hero-service-links>a{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;min-height:64px;border-radius:18px;background:#e1e6d2;color:#65704b;font-size:36px;line-height:1.35;font-weight:600;letter-spacing:0;text-shadow:none;box-shadow:inset 5px 5px 10px #fbfff0cc,inset -5px -6px 12px #a3ae8844,8px 10px 20px #c1c8ac66;transition:box-shadow .18s,color .18s,background-color .18s}.hero-service-links>a:hover{background:#d8e0c3;color:#4f6038;box-shadow:inset 3px 3px 8px #a9b59166,inset -3px -3px 8px #fffff1}.hero-service-links>a:focus-visible{outline:2px solid #7c8e5f;outline-offset:4px}.hero-service-links>a[lang=ko]{font-family:"Trebuchet MS","Malgun Gothic","Microsoft YaHei",sans-serif}@media(max-width:800px){.hero h1.hero-service-links{gap:14px;margin:16px 0 24px}.hero-service-links>a{font-size:30px;padding:14px 20px;min-height:56px}}

/* Rounded raised clay title buttons, stacked in two rows. */
.hero h1.hero-service-links{flex-direction:column;align-items:flex-start;gap:18px}.hero-service-links>a{border-radius:32px;padding:18px 30px;background:#e5ead7;color:#65704b;box-shadow:inset 7px 7px 15px #fbfff0,inset -7px -8px 16px #bdc8a477,9px 12px 24px #bec7a95c;text-shadow:0 1px 0 #ffffff70}.hero-service-links>a:hover{background:#dfe7cf;box-shadow:inset 5px 5px 12px #f6fbe7,inset -5px -6px 12px #b3c19677,5px 7px 16px #bac5a64d}.hero-service-links>a:active{box-shadow:inset 4px 4px 10px #b0bd9677,inset -4px -4px 10px #fcfff2}@media(max-width:800px){.hero-service-links>a{padding:16px 24px;border-radius:28px}.hero h1.hero-service-links{gap:16px}}

/* Organic clay service labels: a soft, asymmetric silhouette. */
.hero h1.hero-service-links{gap:18px;align-items:flex-start;padding:4px 0}.hero-service-links>a{position:relative;isolation:isolate;background:transparent;box-shadow:none!important;border-radius:0;padding:16px 28px;color:#65704b;text-shadow:0 1px 0 #ffffffa0;transition:color .18s,transform .18s}.hero-service-links>a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:30px 48px 34px 22px / 28px 32px 38px 34px;background:#e4e9d5;box-shadow:inset 5px 6px 12px #fcfff0,inset -5px -6px 12px #bcc8a366,5px 8px 14px #bdc5a743;transform:rotate(-1.5deg);transition:box-shadow .18s,transform .18s}.hero-service-links>a[lang=ko]{margin-left:24px;color:#8b765c}.hero-service-links>a[lang=ko]::before{background:#eee0ca;border-radius:44px 26px 40px 30px / 30px 36px 28px 38px;box-shadow:inset 5px 6px 12px #fff9ec,inset -5px -6px 12px #cdb99a66,5px 8px 14px #cdb99a43;transform:rotate(1deg)}.hero-service-links>a:hover{background:transparent;transform:translateY(-2px);color:#52633d}.hero-service-links>a:hover::before{transform:rotate(0);box-shadow:inset 5px 6px 12px #ffffffbb,inset -5px -6px 12px #b4bf9f55,6px 10px 18px #b9c1a653}.hero-service-links>a:active{transform:translateY(1px)}@media(max-width:800px){.hero-service-links>a{padding:14px 24px}.hero-service-links>a[lang=ko]{margin-left:20px}.hero h1.hero-service-links{gap:16px}}@media(prefers-reduced-motion:reduce){.hero-service-links>a,.hero-service-links>a::before{transition:none}}
/* Technical bilingual title treatment within the warm clay page. */
.hero h1.hero-service-links{gap:16px;padding:4px 0}.hero-service-links>a,.hero-service-links>a[lang=ko]{font-family:"Bahnschrift","DIN Alternate","Microsoft YaHei UI","Malgun Gothic",sans-serif;font-size:36px;font-weight:600;letter-spacing:2px;line-height:1.3;color:#486579;margin-left:0;padding:16px 28px 16px 24px;text-shadow:0 1px 0 #fff;transform:none;border-left:3px solid #799eaa;border-radius:0;background:none}.hero-service-links>a::before,.hero-service-links>a[lang=ko]::before{inset:0;transform:none;border-radius:0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(135deg,#e7f0f0,#cbdcde);box-shadow:inset 1px 2px 2px #fff,inset -2px -2px 3px #9cb6bc55}.hero-service-links>a::after{content:"";position:absolute;width:32px;height:3px;right:16px;bottom:8px;background:repeating-linear-gradient(90deg,#7194a5 0 6px,transparent 6px 9px);opacity:.7}.hero-service-links>a[lang=ko]{color:#536c76;font-size:34px;letter-spacing:2px;border-left-color:#87a6a0}.hero-service-links>a[lang=ko]::before{background:linear-gradient(135deg,#edf2eb,#d2e0d9)}.hero-service-links>a:hover,.hero-service-links>a[lang=ko]:hover{color:#234a60;background:none;transform:translateX(3px)}.hero-service-links>a:hover::before{transform:none;box-shadow:inset 1px 2px 2px #fff,inset -2px -2px 3px #83a6ad88}.hero-service-links>a:focus-visible{outline:2px solid #648c9f;outline-offset:5px}.hero-service-links>a:active{transform:translateX(1px)}@media(max-width:800px){.hero-service-links>a{font-size:30px;padding:14px 24px 14px 20px}.hero-service-links>a[lang=ko]{font-size:29px;letter-spacing:1px;margin-left:0}.hero h1.hero-service-links{gap:14px}}

/* Mobile navigation remains visible, with compact desktop-style buttons. */
@media(max-width:800px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:20px 22px 16px;gap:20px}.mobile-toggle{display:none!important}header nav,header nav.open{display:flex!important;position:static;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}header nav>a:not(.contact),header nav>.contact{width:auto;flex:0 0 auto;min-height:40px;padding:8px 12px;font-size:12px;line-height:24px;border-radius:14px}header nav>a:not(.contact){box-shadow:inset 3px 3px 7px #fbfff0cc,inset -3px -4px 8px #a3ae8844,4px 5px 10px #c1c8ac55}.hero{padding-top:20px}.hero .lead{margin-top:0}}

.mobile-header-contact{display:none}@media(min-width:801px){#services .services-intro-note{display:none}#services .section-top{margin-bottom:20px}#services{padding-top:8px}}@media(max-width:800px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 8px}header>.mobile-header-contact{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:10px 12px;min-height:40px;white-space:nowrap;justify-self:end}header>nav{grid-column:1/-1}header nav>.contact{display:none!important}}