@font-face { font-family: Outfit; src: url("/assets/fonts/Outfit-Variable.woff2") format("woff2"); font-weight: 300 800; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("/assets/fonts/DMSans-Variable.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
.published-layout {--font-display: "Outfit", system-ui, sans-serif; --font-body: "DM Sans", system-ui, sans-serif; --container: 1180px; --container-narrow: 760px;}
html[data-theme="dark"] .published-layout {--bg: #06060b; --surface: #0e0e16; --elevated: #15151f; --text: #eef1f6; --muted: #9aa3b2; --accent: #2563eb; --accent-2: #7c3aed; --accent-3: #06b6d4; --accent-text: #60a5fa; --accent-grad: linear-gradient(120deg,#7c3aed,#2563eb,#06b6d4); --btn-grad: linear-gradient(120deg,#7c3aed,#2563eb); --accent-soft: rgba(124,58,237,0.14); --border: rgba(255,255,255,0.08); --border-strong: rgba(255,255,255,0.14); --card-bg: rgba(255,255,255,0.04); --card-blur: saturate(1.2) blur(16px); --radius: 14px; --radius-lg: 22px; --btn-radius: 12px; --shadow: 0 18px 50px rgba(0,0,0,0.45); --glow: 0 0 40px rgba(37,99,235,0.35); --header-bg: rgba(8,8,14,0.72); --chip-bg: rgba(255,255,255,0.05); --on-accent: #ffffff; --table-stripe: rgba(255,255,255,0.02); --check: #06b6d4; --cross: #7a8294;}
html[data-theme="light"] .published-layout {--bg: #faf9f5; --surface: #f4f1e9; --elevated: #fffefa; --text: #141413; --muted: #67665f; --accent: #b95232; --accent-2: #b95232; --accent-3: #1f6fb2; --accent-text: #84361f; --accent-grad: #b95232; --btn-grad: #b95232; --accent-soft: rgba(185,82,50,.10); --border: #dedcd1; --border-strong: #c9c5b9; --card-bg: #fffefa; --card-blur: none; --radius: 14px; --radius-lg: 18px; --btn-radius: 12px; --shadow: 0 18px 44px rgba(52,43,35,.09); --glow: 0 10px 28px rgba(185,82,50,.14); --header-bg: rgba(250,249,245,.95); --chip-bg: rgba(185,82,50,.07); --on-accent: #ffffff; --table-stripe: rgba(20,20,19,.025); --check: #53791c; --cross: #918e85;}
html[data-theme="light"] .published-layout ::selection {background: rgb(243, 223, 213); color: rgb(20, 20, 19);}
.published-layout *,.published-layout ::before,.published-layout ::after {box-sizing: border-box; margin: 0px; padding: 0px;}
.published-layout {scroll-behavior: smooth; text-size-adjust: 100%; scroll-padding-top: 84px;}
.published-layout {font-family: var(--font-body); background: var(--bg); color: var(--text); line-height: 1.6; font-size: 16px; overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; transition: background 0.4s, color 0.4s;}
.published-layout img {max-width: 100%; display: block;}
.published-layout a {color: inherit; text-decoration: none;}
.published-layout ul {list-style: none;}
.published-layout button {font-family: inherit; cursor: pointer;}
.published-layout ::selection {background: var(--accent-2); color: rgb(255, 255, 255);}
.published-layout .container {width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: 1.5rem;}
.published-layout .section {padding: 6rem 0px; position: relative;}
@media (max-width: 768px){.published-layout .section {padding: 4rem 0px;}}
.published-layout .display-md,.published-layout h1,.published-layout h2,.published-layout h3,.published-layout h4 {font-family: var(--font-display); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: var(--text);}
.published-layout .display-md {font-size: clamp(1.6rem, 3vw, 2.3rem);}
.published-layout .grad-text {background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
html[data-theme="light"] .published-layout .grad-text {background: none; color: var(--accent-text); -webkit-text-fill-color: currentcolor; animation: auto ease 0s 1 normal none running none !important;}
.published-layout .eyebrow {display: inline-block; font-family: var(--font-display); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(96, 165, 250); padding: 0.4rem 0.85rem; border: 1px solid var(--border-strong); border-radius: 999px; background: var(--chip-bg); margin-bottom: 1.1rem;}
html[data-theme="light"] .published-layout .eyebrow {color: var(--accent-text);}
@keyframes drift1 { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(40px, 30px) scale(1.08); }
}
@keyframes drift2 { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(-35px, 25px) scale(1.05); }
}
@keyframes drift3 { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(25px, -30px) scale(1.1); }
}
@media (prefers-reduced-motion: reduce){.published-layout {scroll-behavior: auto;}}
.published-layout .contact-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start;}
@media (max-width: 880px){.published-layout .contact-grid {grid-template-columns: 1fr; gap: 2rem;}}
.published-layout .contact-info > p {color: var(--muted); margin-bottom: 2rem; line-height: 1.7;}
.published-layout .contact-items {display: flex; flex-direction: column; gap: 1.4rem;}
.published-layout .contact-item {display: flex; gap: 1rem; align-items: flex-start;}
.published-layout .contact-item-icon {width: 46px; height: 46px; flex: 0 0 auto; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: var(--accent-soft); border: 1px solid var(--border-strong); color: var(--accent-3);}
html[data-theme="light"] .published-layout .contact-item-icon {color: var(--accent-text); border-radius: 16px;}
.published-layout .contact-item-icon svg {width: 22px; height: 22px;}
.published-layout .contact-item-label {font-family: var(--font-display); font-weight: 600; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); margin-bottom: 0.2rem;}
.published-layout .contact-item-val {font-size: 1rem; color: var(--text); line-height: 1.5;}
.published-layout .contact-item-val a {color: var(--text); transition: color 0.2s;}
.published-layout .contact-item-val a:hover {color: var(--accent);}
.published-layout .contact-map {border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow); height: 100%; min-height: 420px;}
.published-layout .contact-map iframe {width: 100%; height: 100%; min-height: 420px; border: 0px; display: block;}
.published-layout [data-reveal] {opacity: 0; transform: translateY(24px); transition: opacity 0.7s, transform 0.7s;}
.published-layout [data-reveal].revealed {opacity: 1; transform: none;}
.published-layout [data-reveal-delay="1"] {transition-delay: 0.08s;}
.published-layout [data-reveal-delay="2"] {transition-delay: 0.16s;}
.published-layout [data-reveal-delay="3"] {transition-delay: 0.24s;}
.published-layout [data-reveal-delay="4"] {transition-delay: 0.32s;}
.published-layout [data-reveal-delay="5"] {transition-delay: 0.4s;}
@media (prefers-reduced-motion: reduce){.published-layout [data-reveal] {opacity: 1; transform: none; transition: none;}}
.published-layout a:focus-visible,.published-layout button:focus-visible,.published-layout iframe:focus-visible {outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px;}
html[data-theme="light"] .published-layout a:focus-visible,html[data-theme="light"] .published-layout button:focus-visible,html[data-theme="light"] .published-layout iframe:focus-visible {outline-color: var(--accent-text);}
.published-layout .surface-bg {background: var(--surface); transition: background 0.4s;}
html[data-theme="dark"] .published-layout {--grid-line: rgba(255,255,255,0.045); --hero-spot: radial-gradient(ellipse at center, rgba(124,58,237,.18), rgba(37,99,235,.10) 42%, transparent 70%);}
html[data-theme="light"] .published-layout {--grid-line: rgba(20,20,19,.045); --hero-spot: radial-gradient(ellipse at center, rgba(185,82,50,.10), rgba(31,111,178,.06) 46%, transparent 72%);}
@keyframes pulseDot { 
  0% { transform: scale(1); opacity: 0.7; }
  70%, 100% { transform: scale(3.4); opacity: 0; }
}
html[data-theme="dark"] .published-layout {--mockup-bg: rgba(14,14,22,0.66);}
html[data-theme="light"] .published-layout {--mockup-bg: rgba(255,254,250,.94);}
@keyframes floaty { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-9px); }
}
html[data-theme="dark"] .published-layout {--img-tint: linear-gradient(180deg, rgba(6,6,11,.25), rgba(6,6,11,.62));}
html[data-theme="light"] .published-layout {--img-tint: linear-gradient(180deg, rgba(185,82,50,.04), rgba(250,249,245,.24));}
html[data-theme="dark"] .published-layout {--media-overlay: linear-gradient(180deg, rgba(6,6,11,.10), rgba(6,6,11,.55));}
html[data-theme="light"] .published-layout {--media-overlay: linear-gradient(180deg, rgba(250,249,245,.02), rgba(20,20,19,.18));}
html[data-theme="dark"] .published-layout {--band-overlay: linear-gradient(110deg, rgba(6,6,11,.92) 30%, rgba(6,6,11,.55) 70%, rgba(6,6,11,.85));}
html[data-theme="light"] .published-layout {--band-overlay: linear-gradient(110deg, rgba(250,249,245,.96) 30%, rgba(244,241,233,.72) 70%, rgba(185,82,50,.20));}
html[data-theme="dark"] .published-layout {--sheen: rgba(255,255,255,0.06);}
html[data-theme="light"] .published-layout {--sheen: rgba(185,82,50,.08);}
@keyframes nodePop { 
  0% { transform: scale(0.8); }
  60% { transform: scale(1.08); }
  100% { transform: scale(1); }
}
.published-layout .grad-text {background-size: 160% 100%;}
@keyframes gradShift { 
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.published-layout .wa-qr {display: flex; align-items: center; gap: 1rem; margin-top: 1.6rem; padding: 1rem 1.2rem; border-radius: var(--radius); background: var(--card-bg); border: 1px solid var(--border); max-width: 340px;}
.published-layout .wa-qr img {width: 96px; height: 96px; border-radius: 8px; background: rgb(255, 255, 255); padding: 6px; flex: 0 0 auto;}
.published-layout .wa-qr span {font-size: 0.88rem; color: var(--muted);}
@media (max-width: 860px){.published-layout .wa-qr {display: none;}}
html[data-theme="light"] .published-layout {--bg: #faf9f5; --surface: #f4f1e9; --elevated: #fffefa; --text: #141413; --muted: #67665f; --accent: #b95232; --accent-2: #b95232; --accent-3: #1f6fb2; --accent-text: #84361f; --accent-grad: #b95232; --btn-grad: #b95232; --accent-soft: rgba(185,82,50,.10); --border: #dedcd1; --border-strong: #c9c5b9; --card-bg: #fffefa; --card-blur: none; --radius: 14px; --radius-lg: 18px; --btn-radius: 12px; --shadow: 0 18px 44px rgba(52,43,35,.09); --glow: 0 10px 28px rgba(185,82,50,.14); --header-bg: rgba(250,249,245,.95); --chip-bg: rgba(185,82,50,.07); --on-accent: #fff; --table-stripe: rgba(20,20,19,.025); --check: #53791c; --cross: #918e85;}
html[data-theme="light"] .published-layout ::selection {background: rgb(243, 223, 213); color: rgb(20, 20, 19);}
html[data-theme="light"] .published-layout .grad-text {background: none; color: var(--accent-text); -webkit-text-fill-color: currentcolor; animation: auto ease 0s 1 normal none running none !important;}
@keyframes client-loop{100% { transform: translateX(-50%); }}

.published-layout .article-body a:not(.btn) {color: var(--accent-text); text-decoration: underline; text-underline-offset: 0.2em;}
html[data-theme="light"] .published-layout.public-polish .section {padding-block: clamp(4.5rem, 7vw, 7rem);}
html[data-theme="light"] .published-layout.home-polish #contact {padding-block: clamp(5rem, 8vw, 7.5rem);}
html[data-theme="light"] .published-layout.home-polish #contact .contact-grid {grid-template-columns: minmax(0px, 0.9fr) minmax(440px, 1.1fr); gap: clamp(3rem, 8vw, 8rem); align-items: stretch;}
html[data-theme="light"] .published-layout.home-polish #contact .contact-info h2 {max-width: 10ch; font-size: clamp(2.75rem, 4.8vw, 4.5rem); line-height: 0.96; letter-spacing: -0.04em;}
html[data-theme="light"] .published-layout.home-polish #contact .contact-info > p {max-width: 54ch; font-size: 1.05rem;}
html[data-theme="light"] .published-layout.home-polish #contact .contact-items {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 1.5rem; border-top: 1px solid var(--border-strong);}
html[data-theme="light"] .published-layout.home-polish #contact .contact-item {min-height: 130px; padding: 1.4rem 0px; border-bottom: 1px solid var(--border-strong);}
html[data-theme="light"] .published-layout.home-polish #contact .contact-map {min-height: 640px; border-radius: 16px; box-shadow: rgba(30, 42, 55, 0.12) 12px 18px 48px;}
html[data-theme="light"] .published-layout.home-polish #contact .wa-qr {border: 1px solid var(--border-strong); background: transparent;}
@media (max-width: 960px){html[data-theme="light"] .published-layout.home-polish #contact .contact-grid {grid-template-columns: 1fr;}
html[data-theme="light"] .published-layout.home-polish #contact .contact-map {min-height: 480px;}}
@media (max-width: 680px){html[data-theme="light"] .published-layout.public-polish .section {padding-block: 4.25rem;}
html[data-theme="light"] .published-layout.home-polish #contact .contact-items {grid-template-columns: 1fr;}
html[data-theme="light"] .published-layout.home-polish #contact .contact-info h2 {font-size: clamp(2.75rem, 13vw, 3.7rem);}
html[data-theme="light"] .published-layout.home-polish #contact .contact-map {min-height: 380px;}}