@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --gold:#ECB743;--gold2:#F2C95A;--gold3:#C9972E;--bg:#070B14;--bg2:#0A111E;--card:#101827;--line:rgba(255,255,255,.095);--text:#F8FAFC;--soft:#CBD5E1;--muted:#94A3B8;--purple:#8B5CF6;--green:#22C55E;--red:#F87171;--max:1180px;--shadow:0 28px 90px rgba(0,0,0,.42);--display:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100vw - 44px));margin:0 auto}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
body:before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 5% 18%,rgba(236,183,67,.16),transparent 24%),radial-gradient(circle at 92% 12%,rgba(139,92,246,.18),transparent 31%),radial-gradient(circle at 72% 86%,rgba(236,183,67,.08),transparent 28%),linear-gradient(145deg,#070B14 0%,#0B1220 52%,#060A12 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%,rgba(236,183,67,.025));pointer-events:none}
.nav{height:74px;position:sticky;top:0;z-index:50;background:rgba(7,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.brand img{height:39px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{padding:10px 13px;border-radius:999px;color:#d7dfeb;font-size:14px;font-weight:850}.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.07);color:#fff}.nav-links .nav-cta{background:var(--gold);color:#07101d}.burger{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:9px 12px;font-weight:900}.page{min-height:calc(100vh - 74px)}
.hero{min-height:calc(88vh - 74px);display:grid;grid-template-columns:.95fr .75fr;gap:52px;align-items:center;padding:52px 0 44px}.eyebrow{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:950}.h1{font-family:var(--display);font-size:clamp(46px,5vw,72px);letter-spacing:-.055em;line-height:1;margin:14px 0 18px;font-weight:800;max-width:760px}.h2{font-family:var(--display);font-size:clamp(32px,3.6vw,50px);letter-spacing:-.04em;line-height:1.08;margin:12px 0 18px;font-weight:800}.h3{font-family:var(--display);font-size:clamp(24px,2.4vw,34px);letter-spacing:-.032em;line-height:1.12;margin:0 0 14px;font-weight:700}.gold{color:var(--gold)}.lead{font-size:clamp(16px,1.25vw,19px);line-height:1.62;color:var(--soft);max-width:720px}.small{color:var(--muted);line-height:1.55}.hero-actions{display:flex;gap:12px;margin:26px 0 18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:950;border:1px solid transparent;transition:.2s}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#07101d;box-shadow:0 16px 48px rgba(236,183,67,.22)}.btn.ghost{background:rgba(255,255,255,.055);border-color:var(--line);color:var(--text)}.btn:hover{transform:translateY(-2px)}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 12px;color:#dce5f2;font-size:12px;font-weight:850}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.hero-proof{display:grid;gap:14px}.proof-card{border:1px solid rgba(236,183,67,.18);background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.026));border-radius:28px;padding:24px;box-shadow:var(--shadow)}.proof-card b{display:block;color:#fff;font-family:var(--display);font-size:20px;letter-spacing:-.025em;margin-bottom:8px;font-weight:700}.proof-card p{margin:0;color:var(--muted);line-height:1.5}.proof-line{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}.proof-kpi{border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.045)}.proof-kpi strong{display:block;color:var(--gold);font-size:26px;line-height:1}.proof-kpi span{font-size:12px;color:var(--muted);font-weight:850}.section{padding:56px 0}.section.compact{padding:36px 0}.split-head{display:grid;grid-template-columns:.85fr 1fr;gap:42px;align-items:end;margin-bottom:28px}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026));border-radius:28px;padding:24px}.card b{color:#fff}.card p{color:var(--muted);line-height:1.55;margin:8px 0 0}.home-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.summary-main{border:1px solid rgba(236,183,67,.24);background:linear-gradient(135deg,rgba(236,183,67,.10),rgba(139,92,246,.06));border-radius:34px;padding:32px}.summary-list{display:grid;gap:12px}.summary-item{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:18px}.summary-item b{color:var(--gold)}.summary-item span{display:block;color:var(--muted);line-height:1.5;margin-top:5px}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.layer{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:28px;padding:24px;position:relative;overflow:hidden;min-height:238px}.layer:after{content:"";position:absolute;right:-50px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:rgba(236,183,67,.08);filter:blur(20px)}.layer-num{width:42px;height:42px;border-radius:14px;background:rgba(236,183,67,.09);border:1px solid rgba(236,183,67,.42);display:grid;place-items:center;color:var(--gold);font-weight:950;margin-bottom:16px}.layer h3{font-family:var(--display);font-size:21px;line-height:1.16;letter-spacing:-.025em;margin:0 0 10px;font-weight:700}.layer p{color:var(--muted);line-height:1.55;margin:0}.tagline{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:950;margin-bottom:8px}.compact-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.feature-panel{border:1px solid rgba(236,183,67,.23);border-radius:32px;background:linear-gradient(135deg,rgba(236,183,67,.08),rgba(139,92,246,.06));padding:28px 30px}.feature-panel .eyebrow{margin-bottom:14px}.feature-panel .h3{margin-top:0;margin-bottom:18px;font-size:clamp(28px,3vw,42px);line-height:1.12;font-weight:700;letter-spacing:-.035em}.mini-list{display:grid;gap:12px}.mini-list div{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:17px}.mini-list b{display:block;color:var(--gold);margin-bottom:5px}.mini-list span{color:var(--muted);font-size:14px;line-height:1.45}.video-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;align-items:center}.video-card{position:relative;border:1px solid rgba(236,183,67,.24);border-radius:32px;background:#080D17;box-shadow:var(--shadow);overflow:hidden;min-height:360px;display:grid;place-items:center}.video-card video,.video-placeholder{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;background:radial-gradient(circle at 28% 26%,rgba(236,183,67,.35),transparent 28%),radial-gradient(circle at 78% 68%,rgba(139,92,246,.38),transparent 32%),linear-gradient(135deg,#101827,#070B14)}.play-overlay{position:absolute;inset:auto auto 28px 28px;display:flex;align-items:center;gap:14px}.play-dot{width:54px;height:54px;border-radius:50%;background:var(--gold);color:#07101d;display:grid;place-items:center;font-weight:950}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.04);padding:22px}.process strong{color:var(--gold);font-size:26px}.process h3{font-family:var(--display);margin:12px 0 8px;letter-spacing:-.025em;font-weight:700}.process p{color:var(--muted);line-height:1.5;margin:0}.cta-panel{border:1px solid rgba(236,183,67,.24);background:linear-gradient(135deg,rgba(236,183,67,.09),rgba(139,92,246,.06));border-radius:34px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}.cta-panel .h3{font-size:clamp(24px,2.4vw,36px);line-height:1.14;max-width:850px;margin-bottom:0;font-weight:700;letter-spacing:-.032em}
.integration-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.code-card{border:1px solid var(--line);background:#080D17;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.code-head{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.example-badge{color:var(--gold);border:1px solid rgba(236,183,67,.35);background:rgba(236,183,67,.08);border-radius:999px;padding:6px 9px}.code{padding:22px;color:#aeb9ca;line-height:1.9;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:14px}.code .y{color:var(--gold)}.code .g{color:var(--green)}.code-note{border-top:1px solid var(--line);padding:14px 18px;color:var(--muted);font-size:13px;background:rgba(255,255,255,.03)}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.kpi{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:16px}.kpi b{color:var(--gold);font-size:28px}.kpi span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.principle{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:24px;padding:22px}.principle b{color:var(--gold)}.principle p{color:var(--muted);line-height:1.5;margin:8px 0 0}.about-story{border:1px solid rgba(236,183,67,.22);border-radius:30px;background:linear-gradient(135deg,rgba(236,183,67,.08),rgba(139,92,246,.05));padding:28px;color:var(--soft);line-height:1.7}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.form-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:30px;padding:28px}.form-card input,.form-card textarea{width:100%;border:1px solid var(--line);background:#090F1B;color:var(--text);border-radius:16px;padding:14px 16px;margin-bottom:12px;outline:none}.form-card textarea{min-height:135px;resize:vertical}
.blog-hero{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;align-items:start}.blog-title{font-family:var(--display);font-size:clamp(50px,7vw,92px);line-height:.9;letter-spacing:-.055em;color:var(--gold);font-weight:800;margin:0}.featured{border:1px solid rgba(236,183,67,.28);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.045);display:grid;grid-template-columns:1.05fr .95fr;box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.featured:hover{transform:translateY(-5px);border-color:rgba(236,183,67,.52);box-shadow:0 34px 100px rgba(0,0,0,.5),0 0 55px rgba(236,183,67,.10)}.post-img{min-height:235px;background:radial-gradient(circle at 22% 20%,rgba(236,183,67,.45),transparent 28%),radial-gradient(circle at 78% 70%,rgba(139,92,246,.42),transparent 30%),linear-gradient(135deg,#141D2E,#070B14);position:relative}.post-img:before{content:"";display:none}.post-img:after{content:"";position:absolute;inset:28px;border-radius:22px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.post-img img{width:100%;height:100%;object-fit:cover;display:block}.post-body{padding:26px}.post-body .category{color:var(--gold);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.post-body h2,.post-body h3{font-family:var(--display);letter-spacing:-.032em;line-height:1.12;margin:10px 0;font-weight:700}.post-body h2{font-size:30px}.post-body h3{font-size:22px}.post-body p{color:var(--muted);line-height:1.55}.read{display:inline-flex;border:1px solid var(--gold);border-radius:999px;padding:12px 18px;font-weight:950;margin-top:8px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.article-card{display:block;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:28px;overflow:hidden;transition:.2s}.article-card:hover{transform:translateY(-5px);border-color:rgba(236,183,67,.38);box-shadow:0 26px 70px rgba(0,0,0,.32)}.article-card .post-img{min-height:160px}.meta{font-size:13px;color:var(--soft);font-weight:800}.article-page{max-width:930px;margin:0 auto;padding:88px 22px 64px}.article-page .h2{font-size:clamp(38px,5.2vw,64px)}.article-hero-media{height:320px;border:1px solid var(--line);border-radius:30px;overflow:hidden;margin:24px 0}.article-body{font-size:18px;line-height:1.75;color:#dce5f1}.article-body h2{font-family:var(--display);font-size:30px;letter-spacing:-.03em;margin-top:38px;font-weight:700}.note{border:1px dashed rgba(236,183,67,.45);background:rgba(236,183,67,.04);color:var(--muted);border-radius:18px;padding:14px;font-size:14px}.related{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:14px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer img{height:24px}
@media(max-width:1040px){.container{width:min(100% - 32px,var(--max))}.nav-links{display:none}.burger{display:block}.nav.open .nav-links{display:flex;position:absolute;top:74px;left:16px;right:16px;flex-direction:column;background:rgba(10,18,32,.98);border:1px solid var(--line);border-radius:22px;padding:14px}.nav.open .nav-links a{width:100%;text-align:center}.hero,.split-head,.compact-feature,.integration-wrap,.about-layout,.contact-grid,.blog-hero,.featured,.home-summary,.video-section{grid-template-columns:1fr}.hero{min-height:auto;padding:38px 0}.h1{font-size:clamp(38px,11vw,56px);line-height:1.02}.strip,.layer-grid,.process-grid,.kpi-row,.principles,.blog-grid,.proof-line{grid-template-columns:1fr}.section{padding:42px 0}.section.compact{padding:30px 0}.cta-panel{display:block}.cta-panel .btn{margin-top:18px}.brand img{height:39px}.footer-inner{flex-direction:column;align-items:flex-start}.blog-title{font-size:58px}.article-hero-media{height:230px}.hero-actions .btn{width:100%}.page{padding-top:0}.video-card,.video-card video,.video-placeholder{min-height:250px}.hero-proof{margin-top:8px}}


/* =========================
   IMAGE-READY BLOG SYSTEM
   Use <div class="post-img image-slot contain"><img ...></div>
========================= */
.post-img{
  min-height:0;
  aspect-ratio:16/9;
  background:
    radial-gradient(circle at 22% 20%,rgba(236,183,67,.24),transparent 28%),
    radial-gradient(circle at 78% 70%,rgba(139,92,246,.24),transparent 30%),
    linear-gradient(135deg,#141D2E,#070B14);
  position:relative;
  overflow:hidden;
}
.post-img:before,
.post-img:after{display:none!important;content:none!important;}
.post-img.image-slot{
  border:0;
  outline:0;
}
.post-img.image-slot img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.post-img.image-slot.contain img{
  object-fit:contain;
  object-position:center;
}
.post-img.image-slot.cover img{
  object-fit:cover;
  object-position:center;
}
.featured .post-img{
  min-height:260px;
  height:100%;
}
.article-card .post-img{
  min-height:0;
  aspect-ratio:16/9;
}
.article-hero-media{
  height:auto;
  aspect-ratio:16/9;
}
.article-hero-media .post-img{
  height:100%!important;
  aspect-ratio:auto;
}
.blog-grid .article-card,
.featured{
  cursor:pointer;
}
.featured .post-img.image-slot.contain{
  background:linear-gradient(135deg,#070B14,#101827);
}
@media(max-width:1040px){
  .featured .post-img{height:auto;min-height:0;aspect-ratio:16/9;}
  .article-hero-media{height:auto;aspect-ratio:16/9;}
}



/* =========================
   FINAL BLOG IMAGE + FAVICON READY FIXES
========================= */
.featured{
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: stretch;
  overflow: hidden;
  isolation: isolate;
}
.featured > *{min-width:0;}
.featured .post-img{
  width:100%;
  height:100%;
  min-height:260px;
  overflow:hidden!important;
  border-radius:0;
}
.featured .post-img img{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover!important;
  object-position:center;
  display:block;
}
.featured .post-body{
  position:relative;
  z-index:3;
  background:linear-gradient(135deg,rgba(16,24,39,.96),rgba(30,41,59,.88));
  border-left:1px solid rgba(255,255,255,.07);
}
.blog-grid .post-img,
.article-card .post-img{
  overflow:hidden!important;
  aspect-ratio:16/9;
}
.blog-grid .post-img img,
.article-card .post-img img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center;
  display:block;
}
.article-hero-media{
  overflow:hidden;
}
.article-hero-media .post-img img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center;
  display:block;
}
.post-img:before,
.post-img:after{
  display:none!important;
  content:none!important;
}
@media(max-width:1040px){
  .featured{
    grid-template-columns:1fr;
  }
  .featured .post-img{
    min-height:0;
    aspect-ratio:16/9;
  }
  .featured .post-body{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
  }
}