@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--yellow:#ffd400;--yellow-hot:#ffe76a;--black:#11110f;--paper:#f6f5f0;--muted:#77766f;--line:#deddd6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.site-header{height:86px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5;border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.8px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--yellow);border-radius:50%;font-size:17px;position:relative}.brand-mark span{font-size:10px;position:absolute;right:3px;bottom:5px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}.site-header nav a{color:#66645f}.site-header nav a:hover,.site-header nav a.active{color:var(--black)}.site-header nav a.active:after{content:'';height:3px;background:var(--yellow);display:block;margin-top:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 20px;border-radius:5px;font-weight:700;font-size:12px;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:var(--black)}.button-outline{border-color:#b8b6ad}.button span{font-size:17px}.menu-toggle{display:none;background:none;border:0;font-size:23px}.hero{background:var(--black);color:white;min-height:590px;padding:74px 6.2% 0;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.hero-copy{z-index:2;max-width:520px}.eyebrow,.section-kicker,.card-number,.word-tag{font-size:10px;letter-spacing:1.6px;font-weight:700}.eyebrow{color:#b9b8b0;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--yellow)}h1,h2,h3,p{margin-top:0}.hero h1,.translator-main h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6.1vw,82px);line-height:.99;letter-spacing:-5px;margin:28px 0 22px;font-weight:700}.hero h1 em,h2 em,.translator-main h1 em{font-style:normal;color:var(--yellow)}.hero-lead{font-size:16px;line-height:1.75;color:#c8c7c1;max-width:415px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:12px;color:#e0dfd8}.text-link span{margin-left:9px;color:var(--yellow)}.hero-note{display:flex;gap:12px;align-items:center;margin-top:54px;font-size:11px;line-height:1.6;color:#aaa99f}.hero-note strong{color:white}.note-icon{width:35px;height:35px;border:1px solid #4a4943;color:var(--yellow);border-radius:50%;display:grid;place-items:center;font-size:18px}.hero-art{position:relative;min-height:440px}.sun{position:absolute;top:2%;right:14%;width:270px;height:270px;border-radius:50%;background:var(--yellow)}.outline-map{position:absolute;top:8%;right:12%;width:270px;height:330px;border:3px solid var(--yellow);border-radius:46% 39% 42% 37%;transform:rotate(11deg);z-index:1;background:rgba(17,17,15,.88);clip-path:polygon(26% 0,74% 3%,94% 18%,87% 38%,100% 57%,78% 73%,67% 100%,45% 91%,26% 78%,10% 60%,0 37%,16% 18%)}.map-line{position:absolute;left:10%;top:44%;width:90%;height:4px;background:var(--yellow);transform:rotate(-38deg)}.map-star{position:absolute;top:40%;left:35%;color:var(--yellow);font-size:54px}.industrial{position:absolute;bottom:17%;left:0;width:100%;height:175px;opacity:.7}.tower{position:absolute;left:18%;bottom:12px;width:100px;height:140px;border-top:8px solid #a6a59e}.tower:before,.tower:after{content:'';position:absolute;top:0;height:140px;width:8px;background:#a6a59e;transform-origin:top}.tower:before{left:14px;transform:rotate(25deg)}.tower:after{right:14px;transform:rotate(-25deg)}.tower i{position:absolute;left:30px;top:8px;width:38px;height:38px;border:7px solid #a6a59e;border-radius:50%;z-index:2}.tower b{position:absolute;left:48px;top:50px;height:83px;width:6px;background:#a6a59e;z-index:2}.tower span{position:absolute;left:0;top:72px;width:100px;height:6px;background:#a6a59e;transform:rotate(-10deg)}.buildings{position:absolute;bottom:0;left:48%;height:140px;display:flex;align-items:end;gap:8px}.buildings i{display:block;width:34px;background:#77766f;height:60px}.buildings i:nth-child(2){height:110px;width:42px}.buildings i:nth-child(3){height:85px}.buildings i:nth-child(4){height:48px}.hill{position:absolute;bottom:-50px;left:5%;width:110%;height:100px;border-top:4px solid #77766f;border-radius:50%}.art-caption{position:absolute;right:0;bottom:7%;font-size:9px;letter-spacing:2px;color:#c5c4bc}.art-caption span{color:var(--yellow);padding:0 7px}.hero-bottom{position:absolute;bottom:0;left:6.2%;right:6.2%;height:48px;border-top:1px solid #35352f;display:flex;justify-content:space-between;align-items:center;color:#929188;font-size:9px;letter-spacing:1.4px}.section{padding:95px 8%}.section-kicker{color:#77766f;margin-bottom:23px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.intro h2,.words-section h2,.mission h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4.5vw,58px);line-height:1.05;letter-spacing:-2.7px;margin-bottom:0}.intro h2 em,.words-section h2 em,.mission h2 em{color:#a18a00}.large-copy{font-size:19px;line-height:1.6;font-weight:600;max-width:490px}.intro-grid div>p:not(.large-copy){font-size:13px;line-height:1.9;color:#68675f;max-width:490px}.arrow-link{display:inline-flex;gap:24px;align-items:center;margin-top:14px;padding-bottom:8px;border-bottom:1px solid #b5b3aa;font-size:12px;font-weight:700}.arrow-link span{font-size:17px}.region-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.region-card{min-height:255px;padding:25px 28px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.region-upper{background:#e9e6dc}.region-lower{background:#e6e2d4}.card-number{font-size:9px;color:#77766f}.region-symbol{position:absolute;right:30px;top:22px;font-size:94px;line-height:1;color:#c7b800;font-family:'Space Grotesk',sans-serif;opacity:.8}.region-card h3{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-1px;margin-bottom:8px}.region-card p{font-size:12px;color:#66645d;max-width:270px;line-height:1.7;margin-bottom:0}.card-arrow{position:absolute;right:25px;bottom:24px;font-size:22px}.words-section{background:#e9e7df}.words-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.words-heading .arrow-link{margin-bottom:5px;white-space:nowrap}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.word-card{background:#f8f7f2;min-height:200px;padding:20px;position:relative}.word-tag{font-size:8px;color:#88867c}.word-card h3{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-1px;margin:40px 0 8px}.word-card p{font-size:11px;color:#77766f;line-height:1.6}.word-index{position:absolute;right:18px;top:17px;font-size:10px;color:#a5a399}.word-card-dark{background:var(--black);color:white}.word-card-dark .word-tag{color:var(--yellow)}.word-card-dark h3{font-size:23px;margin-top:30px}.word-card-dark p{color:#bdbcb5}.word-card-dark>a{position:absolute;right:18px;bottom:16px;color:var(--yellow);font-size:21px}.disclaimer{font-size:10px;line-height:1.6;color:#89877e;margin:18px 0 0}.mission{background:var(--black);color:white;display:grid;grid-template-columns:100px 1fr 180px;gap:40px;align-items:center}.mission-mark{height:74px;width:74px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--black);font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;position:relative}.mission-mark span{position:absolute;right:10px;bottom:9px;font-size:15px}.mission h2{font-size:47px;margin-bottom:20px}.mission h2 em{color:var(--yellow)}.mission p{font-size:12px;line-height:1.9;color:#c3c2bb;max-width:530px}.mission .button{margin-top:10px}.mission-stamp{border:1px solid #4c4b44;border-radius:50%;height:160px;width:160px;display:grid;align-content:center;text-align:center;transform:rotate(9deg);font-size:15px;font-weight:700;line-height:1.35;letter-spacing:1px}.mission-stamp span{color:var(--yellow)}.footer{padding:28px 6.2%;display:flex;align-items:center;gap:30px;border-top:1px solid #dddcd4}.footer>p{margin:0;color:#77766f;font-size:11px}.footer-links{display:flex;gap:22px;margin-left:auto;font-size:11px;color:#66645f}.footer small{font-size:9px;color:#89877e;margin-left:15px}.translator-main{max-width:1050px;margin:auto;padding:70px 28px 100px}.translator-main h1{font-size:clamp(45px,6vw,70px);letter-spacing:-4px;margin:20px 0}.translator-main h1 em{color:#a18a00}.translator-intro{color:#747269;line-height:1.8;font-size:14px;max-width:620px;margin-bottom:35px}.translator-box{background:white;border:1px solid #e3e1d9;box-shadow:0 15px 50px #17170f0c;padding:24px;border-radius:10px}.language-row{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:18px;margin-bottom:15px;font-size:12px;color:#77766f}.language-row label strong{display:block;font-size:15px;color:var(--black);margin-top:5px}.swap-button{border:0;background:var(--yellow);width:42px;height:42px;border-radius:50%;font-size:22px;cursor:pointer}.textareas{display:grid;grid-template-columns:1fr 1fr;gap:15px}.text-panel{border:1px solid #deddd6;border-radius:7px;min-height:230px;padding:15px;display:flex;flex-direction:column}.text-panel textarea{resize:vertical;min-height:170px;border:0;outline:0;width:100%;font-size:14px;line-height:1.7;color:var(--black)}.text-panel textarea::placeholder{color:#aaa89f}.output-text{min-height:170px;white-space:pre-wrap;font-size:14px;line-height:1.7}.output-text.empty{color:#aaa89f}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#99978d;font-size:10px;margin-top:auto}.subtle-button{border:0;background:transparent;color:#55544d;cursor:pointer;font-size:11px}.translator-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.demo-label{font-size:11px;color:#77766f}.demo-label:first-letter{color:#b09b00}.examples{margin-top:60px}.examples h2{font-family:'Space Grotesk',sans-serif;font-size:32px;letter-spacing:-1.5px}.example-list{border-top:1px solid var(--line)}.example{width:100%;display:grid;grid-template-columns:1fr 30px 1fr;text-align:left;align-items:center;gap:15px;padding:17px 8px;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}.example span:first-child{color:#6e6c64}.example span:nth-child(2){color:#9d8a00}.example strong{font-size:14px}.example:hover{background:#eeece3}.translator-page .footer{background:#fff}
@media(max-width:800px){.site-header{height:72px;padding:0 5%}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:20px 6%;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a.active:after{display:none}.header-cta{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:55px 6% 0;min-height:790px}.hero h1{font-size:60px;letter-spacing:-3.5px}.hero-art{min-height:330px;margin-top:10px}.sun{width:200px;height:200px;right:18%}.outline-map{width:215px;height:270px;right:16%;top:5%}.industrial{bottom:13%;transform:scale(.8);transform-origin:left bottom}.art-caption{bottom:4%}.hero-bottom{left:6%;right:6%}.section{padding:65px 6%}.intro-grid{grid-template-columns:1fr;gap:25px}.intro h2,.words-section h2{font-size:43px}.region-cards{grid-template-columns:1fr;margin-top:35px}.region-card{min-height:220px}.words-heading{align-items:flex-start;flex-direction:column}.word-grid{grid-template-columns:1fr 1fr}.word-card{min-height:180px;padding:16px}.word-card h3{font-size:24px;margin-top:35px}.mission{grid-template-columns:65px 1fr;gap:22px}.mission-mark{width:60px;height:60px}.mission h2{font-size:38px}.mission-stamp{display:none}.footer{flex-wrap:wrap;gap:15px;padding:25px 6%}.footer-links{margin-left:0;width:100%;order:3}.footer small{margin-left:auto}.translator-main{padding:50px 5% 70px}.translator-box{padding:15px}.textareas{grid-template-columns:1fr}.text-panel{min-height:190px}.text-panel textarea,.output-text{min-height:135px}.language-row{grid-template-columns:1fr 42px 1fr;gap:8px}.example{grid-template-columns:1fr 20px 1fr;font-size:11px}.example strong{font-size:12px}}
@media(max-width:420px){.hero h1{font-size:52px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-note{margin-top:35px}.word-grid{grid-template-columns:1fr 1fr}.word-card h3{font-size:21px}.mission{grid-template-columns:1fr}.mission-mark{display:none}.translator-main h1{font-size:44px}.translator-actions{align-items:flex-start;gap:15px;flex-direction:column}.footer small{width:100%;margin:0}}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'DM Sans', sans-serif; background: #f5f3e9; color: var(--white); }
.demo {
  min-height: 55vh;
  padding: 9vw 12vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  color: #17170f;
  background:
    radial-gradient(circle at 85% 25%, rgba(248,213,43,.26), transparent 27%),
    linear-gradient(135deg, #faf9f2, #eeecdf);
}
.demo-tag { display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.demo-tag span { width: 8px; height: 8px; border-radius: 50%; background: #d6b600; box-shadow: 0 0 0 5px #f8d52b35; }
.demo h1 { margin: 22px 0 12px; font: 800 clamp(42px, 7vw, 88px)/.98 'Manrope', sans-serif; letter-spacing: -.075em; }
.demo h1 em { color: #9d8200; font-style: normal; }
.demo p { color: #656354; font-size: 15px; }
.demo-button { display: inline-flex; align-items: center; gap: 25px; margin-top: 20px; padding: 14px 19px; border-radius: 5px; background: #17170f; color: var(--yellow); text-decoration: none; font-weight: 700; font-size: 12px; transition: transform .25s, background .25s; }
.demo-button:hover { transform: translateY(-3px); background: #343016; }
.mysilesia-footer { position: relative; isolation: isolate; overflow: hidden; padding: 75px max(6vw, calc((100vw - 1440px)/2)) 22px; background: var(--black); color: var(--white); }
.yellow-beam { position: absolute; z-index: -1; width: 560px; height: 280px; left: 15%; top: -235px; border-radius: 50%; background: var(--yellow); filter: blur(120px); opacity: .12; pointer-events: none; }
.footer-shell { max-width: 1440px; margin: auto; }
.footer-main { display: grid; grid-template-columns: 1.25fr .8fr .9fr 1.25fr; gap: clamp(25px, 4vw, 64px); padding-bottom: 58px; }
.logo { display: inline-flex; align-items: center; gap: 10px; color: var(--white); text-decoration: none; font: 800 27px/1 'Manrope', sans-serif; letter-spacing: -.07em; }
.logo-symbol { display: grid; place-items: center; width: 40px; height: 40px; background: var(--yellow); color: #17170f; font-size: 25px; letter-spacing: -.1em; transform: skew(-5deg); }
.logo-symbol span { color: #fff; }
.logo-word span { color: var(--yellow); }
.brand-description { max-width: 300px; margin: 22px 0 23px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.social-row { display: flex; gap: 9px; }
.social-row a { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid var(--line); border-radius: 4px; color: var(--yellow); background: rgba(255,255,255,.025); transition: transform .25s, color .25s, background .25s, border-color .25s; }
.social-row a:hover { transform: translateY(-4px); color: #11110d; background: var(--yellow); border-color: var(--yellow); }
.social-row svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.social-row svg .solid { fill: currentColor; stroke: none; }
.local-badge { display: flex; align-items: center; gap: 9px; margin-top: 25px; color: #a6a496; font-size: 10px; }
.local-badge b { color: var(--yellow); font-weight: 600; }
.badge-icon { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #f8d52b60; border-radius: 50%; color: var(--yellow); }
.footer-links h2 { margin: 5px 0 24px; color: var(--yellow); font: 800 11px 'Manrope', sans-serif; text-transform: uppercase; letter-spacing: .15em; }
.footer-links a { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: fit-content; margin-bottom: 17px; color: #b1b0a2; font-size: 12px; text-decoration: none; transition: color .2s, transform .2s; }
.footer-links a span { color: var(--yellow); opacity: 0; transform: translate(-4px, 4px); transition: .2s; }
.footer-links a:hover { color: var(--yellow-hot); transform: translateX(3px); }
.footer-links a:hover span { opacity: 1; transform: translate(0); }
.contact-card { padding: 24px; border: 1px solid #f8d52b42; border-radius: 5px; background: linear-gradient(145deg, #242216, #171710 75%); box-shadow: 0 20px 60px #0002; }
.card-topline { display: flex; align-items: center; gap: 8px; color: var(--yellow); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 12px #f8d52b99; }
.contact-card h2 { margin: 19px 0 10px; font: 800 clamp(25px, 2vw, 32px)/1.12 'Manrope', sans-serif; letter-spacing: -.06em; }
.contact-card h2 em { color: var(--yellow); font-style: normal; }
.contact-card p { margin: 0 0 20px; color: #aaa99b; font-size: 11px; line-height: 1.8; }
.contact-link { display: flex; justify-content: space-between; align-items: center; padding: 13px 15px; color: #11110d; background: var(--yellow); font-size: 12px; font-weight: 800; text-decoration: none; transition: background .2s, transform .2s; }
.contact-link span { font-size: 17px; }
.contact-link:hover { background: var(--yellow-hot); transform: translateY(-2px); }
.card-note { display: block; margin-top: 13px; color: #777666; font-size: 9px; }
.footer-highlight { display: flex; align-items: center; gap: 17px; padding: 23px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.highlight-icon { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; background: var(--yellow); color: #17170f; font-size: 23px; }
.highlight-copy { flex: 1; }
.highlight-copy > span { color: var(--yellow); font-size: 8px; font-weight: 800; letter-spacing: .17em; }
.highlight-copy p { margin: 6px 0 0; color: #aaa99b; font-size: 12px; }
.highlight-copy strong { color: var(--white); }
.explore-link { display: inline-flex; align-items: center; gap: 20px; color: var(--yellow); font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: gap .2s; }
.explore-link:hover { gap: 27px; }
.explore-link span { font-size: 16px; }
.footer-bottom { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 28px; padding-top: 19px; }
.footer-bottom p { margin: 0; color: #858475; font-size: 10px; line-height: 1.8; }
.footer-bottom strong { color: #dedccc; }
.legal-links { display: flex; gap: 19px; flex-wrap: wrap; }
.legal-links a { color: #858475; font-size: 10px; text-decoration: none; transition: color .2s; }
.legal-links a:hover { color: var(--yellow); }
.back-top { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); color: var(--yellow); text-decoration: none; font-size: 19px; transition: background .2s, color .2s, transform .2s; }
.back-top:hover { background: var(--yellow); color: #11110d; transform: translateY(-3px); }
@media (max-width: 1100px) { .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; } .contact-card { max-width: 430px; } }
@media (max-width: 650px) {
  .mysilesia-footer { padding: 52px 22px 20px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 34px 18px; padding-bottom: 38px; }
  .brand-area, .contact-card { grid-column: 1 / -1; }
  .brand-description { max-width: 380px; }
  .footer-highlight { align-items: flex-start; flex-wrap: wrap; }
  .highlight-copy { min-width: calc(100% - 65px); }
  .explore-link { margin-left: 60px; }
  .footer-bottom { grid-template-columns: 1fr auto; gap: 13px; }
  .legal-links { grid-column: 1 / -1; grid-row: 2; gap: 14px; }
  .back-top { grid-column: 2; grid-row: 1; }
}
@media (max-width: 360px) { .footer-main { grid-template-columns: 1fr; } .brand-area, .contact-card { grid-column: auto; } .footer-links { padding-top: 5px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }