*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
.blind { display: none !important; }
:root {
  --black: #000000;
  --off-black: #080808;
  --near-black: #0d0d0d;
  --white: #ffffff;
  --grey-dim: #444444;
  --grey-mid: #666666;
  --grey-soft: #999999;
  --grey-light: #bbbbbb;
  --mint: #00D9A8;
  --mint-rgb: 0, 217, 168;
  --mint-dim: #00D9A8;
  --mint-hover: #00C99B;
  --mono: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --body: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --page-max: 1520px;
  --page-pad: clamp(1.25rem, 4vw, 4rem);
}

html { scroll-behavior: smooth; }

body {
  background: var(--black);
  color: var(--white);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }

/* ══════════════════════════════════════
   SHARED HEADER (matches StoryLine page)
══════════════════════════════════════ */
.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: rgba(255,255,255,0.34);
  border-bottom: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 10px 28px rgba(0,0,0,0.045);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  transition: transform 0.32s ease, background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, backdrop-filter 0.22s ease;
  will-change: transform;
}
.site-header.header-hidden { transform: translateY(calc(-100% - 12px)); }
.site-header.header-hidden {
  transform: none !important;
}
.site-header.header-on-hero {
  background: transparent ;
  border-bottom-color: transparent ;
  box-shadow: none;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.site-header.header-on-hero .pt-logo-img { filter: brightness(0) invert(1); }
.site-header.header-on-hero .pt-nav-link { color: rgba(255,255,255,0.88); }
.site-header.header-on-hero .pt-nav-item:hover .pt-nav-link { color: var(--mint); }
.site-header.header-on-hero .pt-lang-toggle { border-color: rgba(255,255,255,0.24); }
.site-header.header-on-hero .pt-lang-btn { color: rgba(255,255,255,0.72); }
.site-header.header-on-hero .pt-lang-btn.active { background: #ffffff; color: #07110f; }
.site-header.header-on-hero .pt-hamburger span { background: #ffffff; }

.pt-nav {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2.5rem);
  height: 68px;
  display: flex;
  align-items: center;
}

.pt-brand { display: flex; align-items: center; flex-shrink: 0; margin-right: 2.5rem; }
.pt-logo-img { height: 34px; width: auto; object-fit: contain; transition: filter 0.22s ease; }

.pt-nav-links { display: flex; align-items: center; flex: 1; }
.pt-nav-item { position: relative; }

.pt-nav-link {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 0 1.1rem; height: 68px;
  font-size: 0.93rem; font-weight: 600; color: #1a1a1a;
  border-bottom: 2.5px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}

.pt-nav-link svg { width: 10px; height: 7px; stroke: currentColor; stroke-width: 1.8; fill: none; }
.pt-nav-item:hover .pt-nav-link { color: var(--mint); }
.pt-nav-link.pt-active { border-bottom-color: #1a1a1a; }

.pt-has-dropdown:hover .pt-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }

.pt-dropdown {
  position: absolute; top: calc(100% + 1px); left: 0;
  min-width: 200px; background: #fff;
  border: 1px solid #e8e8e8; border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.10);
  padding: 0.6rem 0;
  opacity: 0; visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.18s, transform 0.18s, visibility 0.18s;
  z-index: 200;
}

.pt-dropdown-link {
  display: block; padding: 0.5rem 1.1rem;
  font-size: 0.9rem; font-weight: 500; color: #374151;
  transition: background 0.12s, color 0.12s;
}
.pt-dropdown-link:hover { background: #f5fffe; color: var(--mint-dim); }
.pt-dropdown-link-arrow { display: inline-block; transform: rotate(-45deg); position: relative; top: 1px; }
.pt-dropdown-heading {
  display: block; padding: 0.3rem 1.1rem 0.2rem;
  font-size: 0.75rem; font-weight: 700; color: #9ca3af;
  letter-spacing: 0.07em; text-transform: uppercase;
}

.pt-dropdown-solution {
  min-width: 340px;
  padding: 0.5rem 0;
}

.pt-sol-section { padding: 0.6rem 0.75rem; }

.pt-sol-divider {
  height: 1px;
  background: #f0f0f0;
  margin: 0 0.75rem;
}

.pt-sol-card {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.13s;
  margin-bottom: 0.2rem;
}

.pt-sol-card:last-child { margin-bottom: 0; }
.pt-sol-card:hover { background: #f5fffe; }

.pt-sol-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pt-sol-icon svg { width: 22px; height: 22px; }
.pt-sol-icon-storyline { background: #f0fdf9; }
.pt-sol-icon-security { background: #e8faf5; color: var(--mint-dim); }
.pt-sol-icon-mono { background: #ede9fe; }

.pt-sol-mono-letter {
  font-family: var(--display);
  font-size: 1.3rem;
  font-weight: 900;
  background: linear-gradient(135deg, #7c3aed, #06b6d4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1;
}

.pt-sol-text { display: flex; flex-direction: column; gap: 2px; }

.pt-sol-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
}

.pt-sol-arrow { font-size: 1rem; color: #9ca3af; margin-left: 3px; }
.pt-sol-desc { font-size: 0.8rem; color: #6b7280; line-height: 1.4; }

.pt-nav-actions { display: flex; align-items: center; gap: 0.65rem; margin-left: auto; flex-shrink: 0; }

.pt-lang-toggle { display: flex; align-items: center; border: 1.5px solid #e0e0e0; border-radius: 999px; overflow: hidden; height: 34px; transition: border-color 0.22s ease; }
.pt-lang-btn { padding: 0 0.85rem; height: 100%; border: none; background: transparent; font-size: 0.78rem; font-weight: 700; color: #9ca3af; cursor: pointer; letter-spacing: 0.04em; transition: background 0.15s, color 0.15s; }
.pt-lang-btn.active { background: #1a1a1a; color: #fff; border-radius: 999px; }

.pt-btn-demo {
  display: inline-flex; align-items: center;
  height: 38px; padding: 0 1.25rem; border-radius: 999px;
  background: var(--mint); color: #fff;
  font-size: 0.82rem; font-weight: 800; letter-spacing: 0.05em;
  text-decoration: none; white-space: nowrap;
  transition: background 0.15s, transform 0.12s;
}
.pt-btn-demo:hover { background: var(--mint-hover); transform: translateY(-1px); }

/* Mobile hamburger + slide-down menu */
.pt-hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; background:none; border:none; cursor:pointer; margin-left:auto; padding:9px; }
.pt-hamburger span { display:block; height:2px; width:26px; background:#1f2225; border-radius:2px; transition:transform .25s, opacity .2s; }
.pt-hamburger.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.pt-hamburger.is-open span:nth-child(2){ opacity:0; }
.pt-hamburger.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.pt-mobile-menu { display:none; }
@media (max-width: 900px) {
  .pt-nav-links { display:none; }
  .pt-nav-actions { display:none; }
  .pt-hamburger { display:flex; }
  .pt-mobile-menu { display:block; max-height:0; overflow:hidden; transition:max-height .35s ease; background:#fff; }
  .pt-mobile-menu.open { max-height:88vh; border-top:1px solid #eee; border-bottom:1px solid #e8e8e8; box-shadow:0 14px 28px rgba(0,0,0,.10); overflow-y:auto;}
  .pt-mm-inner { padding:0.75rem clamp(1.25rem,5vw,2rem) 1.5rem; }
  .pt-mm-group { padding:.55rem 0; border-bottom:1px solid #f1f1f1; }
  .pt-mm-h { font-family:var(--mono); font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:#9aa0a3; margin:.2rem 0 .35rem; }
  .pt-mm-link { display:block; padding:.5rem 0; color:#1f2225; text-decoration:none; font-size:1rem; }
  .pt-mm-link:hover { color:var(--mint); }
  .pt-mm-actions { display:flex; flex-direction:column; gap:.75rem; padding-top:1.1rem; }
  .pt-mm-demo { display:inline-flex; align-items:center; justify-content:center; height:46px; border-radius:999px; text-decoration:none; font-weight:700; font-size:.85rem; letter-spacing:.04em; background:var(--mint); color:#fff; }
  .pt-mm-lang { display:flex; border:1.5px solid #e0e0e0; border-radius:999px; overflow:hidden; width:fit-content; }
  .pt-mm-lang button { padding:.45rem 1.1rem; border:none; background:none; font-size:.8rem; cursor:pointer; color:#555; }
  .pt-mm-lang button.active { background:var(--mint); color:#fff; }
}

.pt-footer { background:#000 !important; color:#f3f4f6 !important; position:relative !important; z-index:1 !important; font-family:var(--body, var(--font-body, "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)) !important; }
.pt-footer-main { max-width:1500px !important; margin:0 auto !important; padding:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,5vw,3.5rem) !important; display:grid !important; grid-template-columns:1.35fr repeat(4,minmax(120px,1fr)) auto !important; gap:2rem 2.5rem !important; align-items:start !important; }
.pt-foot-brand .pt-foot-logo { display:inline-flex !important; align-items:center !important; }
.pt-foot-logo img { display:block !important; height:30px !important; width:auto !important; object-fit:contain !important; }
.pt-foot-h { font-weight:700 !important; font-size:.95rem !important; letter-spacing:.03em !important; margin:0 0 1.1rem !important; color:#fff !important; }
.pt-foot-link { display:block !important; color:#a7b0b6 !important; text-decoration:none !important; font-size:.9rem !important; margin-bottom:.75rem !important; }
.pt-foot-actions { display:flex !important; flex-direction:column !important; align-items:flex-end !important; gap:1.25rem !important; }
.pt-foot-social { display:flex !important; justify-content:flex-end !important; gap:.6rem !important; }
.pt-foot-social a { width:34px !important; height:34px !important; border-radius:50% !important; background:#1f2225 !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:.7rem !important; font-weight:700 !important; line-height:1 !important; text-decoration:none !important; box-shadow:none !important; }
.pt-foot-social img { display:block !important; width:17px !important; height:17px !important; object-fit:contain !important; filter:brightness(0) invert(1) !important; }
.pt-foot-social .pt-social-youtube img, .pt-foot-social .pt-social-kakao img { width:18px !important; height:18px !important; }
.pt-foot-social .pt-social-blog { width:34px !important; border-radius:50% !important; overflow:hidden !important; }
.pt-foot-social .pt-social-blog img { width:17px !important; height:17px !important; max-width:none !important; object-fit:contain !important; filter:brightness(0) invert(1) !important; }
.pt-footer-bottom { background:#000 !important; color:#9aa0a3 !important; border-top:1px solid rgba(255,255,255,.12) !important; }
.pt-footer-bottom-inner { max-width:1500px !important; margin:0 auto !important; padding:.9rem clamp(1.5rem,5vw,3.5rem) !important; display:flex !important; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:.5rem !important; font-size:.82rem !important; }
.pt-footer-bottom a { color:#cfd3d5 !important; text-decoration:none !important; }
.pt-foot-legal-sep { margin:0 .6rem !important; color:#555 !important; }
@media (max-width:900px){ .pt-nav-links,.pt-nav-actions{display:none !important;} .pt-hamburger{display:flex !important;} .pt-mobile-menu{display:block !important; max-height:0 !important; overflow:hidden !important; transition:max-height .35s ease !important; background:#fff !important;} 
.pt-mobile-menu.open{max-height:88vh !important; overflow-y:auto !important; border-top:1px solid #eee !important; border-bottom:1px solid #e8e8e8 !important; box-shadow:0 14px 28px rgba(0,0,0,.10) !important;} .pt-mm-inner{padding:.75rem clamp(1.25rem,5vw,2rem) 1.5rem !important;} .pt-mm-group{padding:.55rem 0 !important; border-bottom:1px solid #f1f1f1 !important;} .pt-mm-h{font-family:var(--mono, monospace) !important; font-size:.64rem !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#9aa0a3 !important; margin:.2rem 0 .35rem !important;} .pt-mm-link{display:block !important; padding:.5rem 0 !important; color:#1f2225 !important; text-decoration:none !important; font-size:1rem !important;} .pt-mm-actions{display:flex !important; flex-direction:column !important; gap:.75rem !important; padding-top:1.1rem !important;} .pt-mm-demo{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:46px !important; border-radius:999px !important; text-decoration:none !important; font-weight:700 !important; font-size:.85rem !important; letter-spacing:.04em !important; background:var(--mint, #30E9BD) !important; color:#fff !important;} .pt-mm-lang{display:flex !important; border:1.5px solid #e0e0e0 !important; border-radius:999px !important; overflow:hidden !important; width:fit-content !important;} .pt-mm-lang button{padding:.45rem 1.1rem !important; border:0 !important; background:none !important; font-size:.8rem !important; cursor:pointer !important; color:#555 !important;} .pt-mm-lang button.active{background:var(--mint, #30E9BD) !important; color:#fff !important;} .pt-footer-main{grid-template-columns:1fr 1fr !important;} .pt-foot-actions{align-items:flex-start !important; grid-column:1 / -1 !important;} }
@media (max-width:560px){ .pt-footer-main{grid-template-columns:1fr !important;} .pt-footer-bottom-inner{flex-direction:column !important; align-items:flex-start !important;} }

.pt-footer { background:#000; color:#f3f4f6; position:relative; z-index:1; font-family: var(--font-body, "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); }
.pt-footer-main { max-width:1500px; margin:0 auto; padding: clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,5vw,3.5rem); display:grid; grid-template-columns:1.35fr repeat(4, minmax(120px, 1fr)) auto; gap:2rem 2.5rem; align-items:start; }
.pt-foot-brand .pt-foot-logo { display:inline-flex; align-items:center; }
.pt-foot-logo img { display:block; height:30px; width:auto; object-fit:contain; }
.pt-foot-email { margin-top:1.4rem; font-size:.9rem; color:#b8c0c5; }
.pt-foot-email b { color:#fff; }
.pt-foot-h { font-weight:800; font-size:.95rem; letter-spacing:.03em; margin:0 0 1.1rem; color:#fff; }
.pt-foot-link { display:block; color:#a7b0b6; text-decoration:none; font-size:.9rem; margin-bottom:.75rem; transition:color .2s; }
.pt-foot-link:hover { color:#30E9BD; }
.pt-foot-actions { display:flex; flex-direction:column; align-items:flex-end; gap:1.25rem; }
.pt-foot-social { display:flex; gap:.6rem; }
.pt-foot-social a { width:34px; height:34px; border-radius:50%; background:#1f2225; color:#fff; display:flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:700; text-decoration:none; transition:background .2s; }
.pt-foot-social a:hover { background:#30E9BD; color:#000; }
.pt-footer-bottom { background:#000; color:#9aa0a3; border-top:1px solid rgba(255,255,255,0.12); }
.pt-footer-bottom-inner { max-width:1500px; margin:0 auto; padding:.9rem clamp(1.5rem,5vw,3.5rem); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; font-size:.82rem; }
.pt-footer-bottom a { color:#cfd3d5; text-decoration:none; }
.pt-footer-bottom a:hover { color:#fff; }
.pt-foot-legal-sep { margin:0 .6rem; color:#555; }
@media (max-width:900px){
  .pt-footer-main { grid-template-columns:1fr 1fr; }
  .pt-foot-actions { align-items:flex-start; grid-column:1 / -1; flex-direction:row; justify-content:space-between; }
}
@media (max-width:560px){
  .pt-footer-main { grid-template-columns:1fr; }
  .pt-footer-bottom-inner { flex-direction:column; align-items:flex-start; }
}

.site-header { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; z-index:1000 !important; background:rgba(255,255,255,.95) !important; border-bottom:1px solid rgba(0,0,0,.06) !important; box-shadow:0 2px 20px rgba(0,0,0,.04) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; }
.site-header.header-hidden { transform:translateY(calc(-100% - 12px)) !important; }
.site-header.header-on-hero { background:transparent; border-bottom-color:transparent; box-shadow:none; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.site-header.header-on-hero .pt-logo-img { filter:brightness(0) invert(1) !important; }
.site-header.header-on-hero .pt-nav-link { color:rgba(255,255,255,.88) !important; }
.site-header.header-on-hero .pt-nav-item:hover .pt-nav-link { color:var(--mint, #30E9BD) !important; }
.site-header.header-on-hero .pt-lang-toggle { border-color:rgba(255,255,255,.24) !important; }
.site-header.header-on-hero .pt-lang-btn { color:rgba(255,255,255,.72) !important; }
.site-header.header-on-hero .pt-lang-btn.active { background:#fff !important; color:#07110f !important; }
.site-header.header-on-hero .pt-hamburger span { background:#fff !important; }
.pt-nav { max-width:1520px !important; margin:0 auto !important; padding:0 clamp(1rem,3vw,2.5rem) !important; height:68px !important; display:flex !important; align-items:center !important; }
.pt-brand { display:flex !important; align-items:center !important; flex-shrink:0 !important; margin-right:2.5rem !important; }
.pt-logo-img { height:34px !important; width:auto !important; object-fit:contain !important; }
.pt-nav-links { display:flex !important; align-items:center !important; flex:1 !important; }
.pt-nav-link { display:inline-flex !important; align-items:center !important; gap:5px !important; padding:0 1.1rem !important; height:68px !important; font-size:.93rem !important; font-weight:600 !important; color:#1a1a1a !important; border-bottom:2.5px solid transparent !important; text-decoration:none !important; }
.pt-nav-link svg { width:10px !important; height:7px !important; stroke:currentColor !important; stroke-width:1.8 !important; fill:none !important; }
.pt-nav-item:hover .pt-nav-link { color:var(--mint, #30E9BD) !important; }
.pt-dropdown { position:absolute !important; top:calc(100% + 1px) !important; left:0 !important; min-width:200px !important; background:#fff !important; border:1px solid #e8e8e8 !important; border-radius:10px !important; box-shadow:0 8px 32px rgba(0,0,0,.10) !important; padding:.6rem 0 !important; opacity:0 !important; visibility:hidden !important; transform:translateY(6px) !important; z-index:200 !important; }
.pt-has-dropdown:hover .pt-dropdown { opacity:1 !important; visibility:visible !important; transform:translateY(0) !important; }
.pt-dropdown-link { display:block !important; padding:.5rem 1.1rem !important; font-size:.9rem !important; font-weight:500 !important; color:#374151 !important; text-decoration:none !important; }
.pt-dropdown-link:hover { background:#f5fffe !important; color:var(--mint-dim, #16c79a) !important; }
.pt-nav-actions { display:flex !important; align-items:center !important; gap:.65rem !important; margin-left:auto !important; flex-shrink:0 !important; }
.pt-lang-toggle { display:flex !important; align-items:center !important; border:1.5px solid #e0e0e0 !important; border-radius:999px !important; overflow:hidden !important; height:34px !important; }
.pt-lang-btn { padding:0 .85rem !important; height:100% !important; border:0 !important; background:transparent !important; font-size:.78rem !important; font-weight:700 !important; color:#9ca3af !important; cursor:pointer !important; letter-spacing:.04em !important; }
.pt-lang-btn.active { background:#1a1a1a !important; color:#fff !important; border-radius:999px !important; }
.pt-btn-demo { display:inline-flex !important; align-items:center !important; height:38px !important; padding:0 1.25rem !important; border-radius:999px !important; background:var(--mint, #30E9BD) !important; color:#fff !important; font-size:.82rem !important; font-weight:800 !important; letter-spacing:.05em !important; text-decoration:none !important; white-space:nowrap !important; }
.pt-hamburger { display:none !important; flex-direction:column !important; justify-content:center !important; gap:5px !important; width:44px !important; height:44px !important; background:none !important; border:0 !important; cursor:pointer !important; margin-left:auto !important; padding:9px !important; }
.pt-hamburger span { display:block !important; height:2px !important; width:26px !important; background:#1f2225 !important; border-radius:2px !important; }
.pt-hamburger.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg) !important; }
.pt-hamburger.is-open span:nth-child(2){ opacity:0 !important; }
.pt-hamburger.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg) !important; }
.pt-mobile-menu { display:none !important; position: fixed; top: 67px; width: 100%; z-index: 99; }
@media (max-width:900px){ .pt-nav-links,.pt-nav-actions{display:none !important;} .pt-hamburger{display:flex !important;} .pt-mobile-menu{display:block !important; max-height:0 !important; overflow:hidden !important; transition:max-height .35s ease !important; background:#fff !important;} 
.pt-mobile-menu.open{max-height:88vh !important; overflow-y:auto !important; border-top:1px solid #eee !important; border-bottom:1px solid #e8e8e8 !important; box-shadow:0 14px 28px rgba(0,0,0,.10) !important;} .pt-mm-inner{padding:.75rem clamp(1.25rem,5vw,2rem) 1.5rem !important;} .pt-mm-group{padding:.55rem 0 !important; border-bottom:1px solid #f1f1f1 !important;} .pt-mm-h{font-family:var(--mono, monospace) !important; font-size:.64rem !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#9aa0a3 !important; margin:.2rem 0 .35rem !important;} .pt-mm-link{display:block !important; padding:.5rem 0 !important; color:#1f2225 !important; text-decoration:none !important; font-size:1rem !important;} .pt-mm-actions{display:flex !important; flex-direction:column !important; gap:.75rem !important; padding-top:1.1rem !important;} .pt-mm-demo{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:46px !important; border-radius:999px !important; text-decoration:none !important; font-weight:700 !important; font-size:.85rem !important; letter-spacing:.04em !important; background:var(--mint, #30E9BD) !important; color:#fff !important;} .pt-mm-lang{display:flex !important; border:1.5px solid #e0e0e0 !important; border-radius:999px !important; overflow:hidden !important; width:fit-content !important;} .pt-mm-lang button{padding:.45rem 1.1rem !important; border:0 !important; background:none !important; font-size:.8rem !important; cursor:pointer !important; color:#555 !important;} .pt-mm-lang button.active{background:var(--mint, #30E9BD) !important; color:#fff !important;} .pt-footer-main{grid-template-columns:1fr 1fr !important;} .pt-foot-actions{align-items:flex-start !important; grid-column:1 / -1 !important;} }
@media (max-width:560px){ .pt-footer-main{grid-template-columns:1fr !important;} .pt-footer-bottom-inner{flex-direction:column !important; align-items:flex-start !important;} }

/* Header: match home page */
.site-header {
    background: #f7f7f5 !important;
    border-bottom: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: transform 0.32s ease !important;
  }
  .site-header.header-on-hero {
    background: transparent  !important;
    background-color: transparent  !important;
    border-bottom: 0  !important;
    border-bottom-color: transparent  !important;
    box-shadow: none  !important;
    backdrop-filter: none  !important;
    -webkit-backdrop-filter: none  !important;
  }
  .site-header .pt-logo-img,
  .site-header.header-on-hero .pt-logo-img { filter: none !important; }
  .site-header.header-on-hero .pt-nav-link { color: rgba(26,26,26,.86) !important; }
  .site-header.header-on-hero .pt-nav-item:hover .pt-nav-link { color: var(--mint-dim) !important; }
  .site-header.header-on-hero .pt-lang-toggle { border-color: rgba(26,26,26,.18) !important; }
  .site-header.header-on-hero .pt-lang-btn { color: rgba(26,26,26,.64) !important; }
  .site-header.header-on-hero .pt-lang-btn.active { background: #111827 !important; color: #fff !important; }
  .site-header.header-on-hero .pt-hamburger span { background: #101714 !important; }

  .site-header {
    background: rgba(255,255,255,.74) !important;
    border-bottom: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: 0 10px 30px rgba(15,23,42,.07) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
    transition: transform .32s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, backdrop-filter .22s ease !important;
  }
  .site-header.header-hidden {
    transform: none !important;
  }
  .site-header .pt-logo-img,
  .site-header.header-on-hero .pt-logo-img {
    filter: none !important;
  }
  .site-header .pt-nav-link,
  .site-header.header-on-hero .pt-nav-link {
    color: rgba(10,15,14,.88) !important;
  }
  .site-header .pt-nav-item:hover .pt-nav-link,
  .site-header.header-on-hero .pt-nav-item:hover .pt-nav-link {
    color: var(--mint-dim, #16c79a) !important;
  }
  .site-header .pt-lang-toggle,
  .site-header.header-on-hero .pt-lang-toggle {
    border-color: rgba(15,23,42,.18) !important;
    background: rgba(255,255,255,.54) !important;
  }
  .site-header .pt-lang-btn,
  .site-header.header-on-hero .pt-lang-btn {
    color: rgba(15,23,42,.62) !important;
  }
  .site-header .pt-lang-btn.active,
  .site-header.header-on-hero .pt-lang-btn.active {
    background: #111827 !important;
    color: #fff !important;
  }
  .site-header .pt-hamburger span,
  .site-header.header-on-hero .pt-hamburger span {
    background: #101714 !important;
  }
  .pt-mobile-menu.open {
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  }
  
  .site-header .pt-nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }
  .site-header .pt-lang-toggle,
  .site-header.header-on-hero .pt-lang-toggle {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: none !important;
  }
  .site-header .pt-lang-btn,
  .site-header.header-on-hero .pt-lang-btn {
    height: 100% !important;
    padding: 0 0.85rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #9ca3af !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    box-shadow: none !important;
  }
  .site-header .pt-lang-btn.active,
  .site-header.header-on-hero .pt-lang-btn.active {
    background: #1a1a1a !important;
    color: #fff !important;
    border-radius: 6px !important;
  }
  .site-header .pt-btn-demo,
  .site-header.header-on-hero .pt-btn-demo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 1.25rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #00D9A8 !important;
    color: #fff !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }
  .site-header .pt-btn-demo:hover,
  .site-header.header-on-hero .pt-btn-demo:hover {
    background: #00C99B !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
  }
  .pt-mm-demo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #00D9A8 !important;
    color: #fff !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
  }
  .pt-mm-lang {
    display: flex !important;
    width: fit-content !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .pt-mm-lang button {
    padding: 0.45rem 1.1rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #555 !important;
    font-size: 0.8rem !important;
    cursor: pointer !important;
  }
  .pt-mm-lang button.active {
    background: #00D9A8 !important;
    color: #fff !important;
    border-radius: 6px !important;
  }
  @media (max-width: 900px) {
    .site-header .pt-nav-actions { display: none !important; }
  }

  .site-header.move { 
    background: rgba(255,255,255,.74) !important;
    border-bottom: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: 0 10px 30px rgba(15,23,42,.07) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
    transition: transform .32s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, backdrop-filter .22s ease !important;
  }