/*
  Aura Fide Media — Dark Theme
  Reference direction: high-contrast creative agency / editorial style.
  Brand colors are matched to the Aura Fide logo, not copied from the reference site.
*/

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

:root{
  --dark-bg:#070709;
  --dark-surface:#0e0f13;
  --dark-surface-2:#13151b;
  --dark-surface-3:#181a21;
  --dark-line:rgba(255,255,255,.12);
  --dark-line-strong:rgba(255,255,255,.22);
  --dark-text:#f7f7f8;
  --dark-muted:#a6a4ad;
  --dark-muted-2:#77757f;
  --brand-pink:#EF2C6D;
  --brand-magenta:#D716D8;
  --brand-purple:#A325F3;
  --brand-orange:#FD7135;
  --brand-amber:#FD9A22;
  --brand-gradient:linear-gradient(135deg,var(--brand-purple) 0%,var(--brand-magenta) 32%,var(--brand-pink) 56%,var(--brand-orange) 79%,var(--brand-amber) 100%);
  --shadow-dark:0 18px 55px rgba(0,0,0,.38);
  --shadow-soft:0 10px 30px rgba(0,0,0,.26);
}

html{background:var(--dark-bg);color-scheme:dark}
body{
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:
    radial-gradient(circle at 10% 0%,rgba(163,37,243,.14),transparent 26%),
    radial-gradient(circle at 92% 8%,rgba(253,113,53,.10),transparent 24%),
    linear-gradient(180deg,#070709 0%,#090a0d 48%,#070709 100%);
  color:var(--dark-text);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.25;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}

h1,h2,h3,h4,h5,h6,.brand,.btn,.eyebrow,.kicker,.service-no,.post-date{
  font-family:'Space Grotesk','Inter',sans-serif;
}

h1,h2,h3,h4,h5,h6{
  color:var(--dark-text);
  text-wrap:balance;
}

::selection{background:rgba(215,22,216,.35);color:#fff}

/* Announcement / top bar */
.announcement{
  background:#050506;
  color:#fff;
  border-bottom:1px solid var(--dark-line);
}
.announcement span:before{color:var(--brand-orange)}

/* Header */
.site-header{
  background:rgba(7,7,9,.78);
  border-bottom:1px solid var(--dark-line);
  backdrop-filter:blur(18px) saturate(130%);
}
.brand{color:#fff}
.brand-mark{
  border-color:rgba(255,255,255,.2);
  background:var(--brand-gradient);
  box-shadow:0 8px 25px rgba(163,37,243,.28);
}
.nav-links{color:#dddde2}
.nav-links>a:not(.btn):after{background:var(--brand-gradient)}
.menu-btn{color:#fff}

/* Buttons */
.btn{
  border:1px solid var(--dark-line-strong);
  border-radius:13px;
  background:#fff;
  color:#0a0a0b;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}
.btn:hover{
  box-shadow:0 12px 28px rgba(0,0,0,.34);
}
.btn.primary{
  background:var(--brand-gradient);
  color:#fff;
  border-color:rgba(255,255,255,.22);
}
.btn.pink{
  background:var(--brand-pink);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
.text-link{color:#fff}
.text-link:hover{color:#ffb1cb}

/* Hero */
.hero{padding:88px 0 78px}
.hero h1,.page-hero h1,.article-hero h1{
  font-family:'Space Grotesk','Inter',sans-serif;
  font-weight:700;
  letter-spacing:-.072em;
  line-height:.92;
}
.hero-copy,.page-hero p{color:var(--dark-muted)}
.eyebrow,.kicker{
  border:1px solid var(--dark-line-strong);
  background:rgba(255,255,255,.04);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(10px);
}
.eyebrow{
  position:relative;
  overflow:hidden;
}
.eyebrow::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--brand-orange);
  box-shadow:0 0 16px var(--brand-orange);
}
.pink-bg{
  background:linear-gradient(90deg,var(--brand-pink),var(--brand-magenta));
  color:#fff;
}
.hero-pills span{
  border:1px solid var(--dark-line);
  background:rgba(255,255,255,.035);
  color:#dddde2;
}

/* Decorative orbs */
.orb{border:1px solid rgba(255,255,255,.10);filter:blur(.2px)}
.orb.a{background:var(--brand-purple);box-shadow:0 0 60px rgba(163,37,243,.30)}
.orb.b{background:var(--brand-orange);box-shadow:0 0 45px rgba(253,113,53,.24)}
.orb.c{background:var(--brand-pink);box-shadow:0 0 35px rgba(239,44,109,.28)}

/* Lead / form card */
.form-card,
.blog-card,
.service-card,
.side-card,
.values>div{
  border:1px solid var(--dark-line);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:var(--shadow-soft);
  color:var(--dark-text);
}
.form-card{border-radius:24px}
.form-card h2{color:#fff}
.form-card>p,.microcopy,.field label{color:var(--dark-muted)}
input,select,textarea{
  border:1px solid var(--dark-line-strong);
  background:#0a0b0f;
  color:#fff;
}
input::placeholder,textarea::placeholder{color:#66646d}
input:focus,select:focus,textarea:focus{
  border-color:var(--brand-magenta);
  box-shadow:0 0 0 4px rgba(215,22,216,.12);
}
.notice.success{background:rgba(57,211,114,.10);border-color:rgba(57,211,114,.25);color:#bcf3cc}
.notice.error{background:rgba(255,74,99,.10);border-color:rgba(255,74,99,.25);color:#ffc5cc}
.sticker.one{background:var(--brand-gradient);border-color:rgba(255,255,255,.15);box-shadow:0 12px 30px rgba(163,37,243,.25)}

/* Client / brand strip */
.logo-strip{
  border-block:1px solid var(--dark-line);
  background:#08090b;
}
.logo-strip-inner{color:#77757f}
.logo-strip-inner strong{color:#fff}

/* Sections */
.section{padding:96px 0}
.section.soft{
  background:#0a0b0f;
  border-block:1px solid var(--dark-line);
}
.section-head h2,.dark-section h2,.display-small{color:#fff}
.section-head>p{color:var(--dark-muted)}

/* Services */
.service-card{
  min-height:292px;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.service-card:hover{
  transform:translateY(-7px);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 22px 48px rgba(0,0,0,.38),0 0 0 1px rgba(215,22,216,.05);
}
.service-card:nth-child(6n+1),
.service-card:nth-child(6n+2),
.service-card:nth-child(6n+3),
.service-card:nth-child(6n+4),
.service-card:nth-child(6n+5),
.service-card:nth-child(6n+6){
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
}
.service-no{color:#6e6c75}
.service-icon,.mega-icon{
  border:1px solid var(--dark-line-strong);
  background:#0b0c10;
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.service-card:nth-child(3n+1) .service-icon{color:var(--brand-pink);border-color:rgba(239,44,109,.35);box-shadow:0 0 28px rgba(239,44,109,.10)}
.service-card:nth-child(3n+2) .service-icon{color:var(--brand-purple);border-color:rgba(163,37,243,.35);box-shadow:0 0 28px rgba(163,37,243,.10)}
.service-card:nth-child(3n+3) .service-icon{color:var(--brand-orange);border-color:rgba(253,113,53,.35);box-shadow:0 0 28px rgba(253,113,53,.10)}
.service-card h3{color:#fff}
.service-card p{color:var(--dark-muted)}

/* Dark section / stats */
.dark-section{
  background:#050506;
  border-block:1px solid var(--dark-line);
}
.dark-section p{color:var(--dark-muted)}
.stats>div{
  border:1px solid var(--dark-line);
  background:rgba(255,255,255,.035);
}
.stats strong{
  color:#fff;
  background:var(--brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.stats span{color:#a6a4ad}

/* Blog */
.blog-card:nth-child(3n+1),
.blog-card:nth-child(3n+2),
.blog-card:nth-child(3n+3){
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
}
.blog-card h2,.blog-card h3{color:#fff}
.blog-card p{color:var(--dark-muted)}
.blog-cover{border-bottom:1px solid var(--dark-line)}
.post-date{color:#807d88}

/* Big gradient CTA */
.cta-card{
  border:1px solid rgba(255,255,255,.16);
  background:var(--brand-gradient);
  box-shadow:0 20px 60px rgba(163,37,243,.18);
  color:#fff;
}
.cta-card h2,.cta-card p{color:#fff}
.cta-card .btn{
  background:#070709;
  color:#fff;
  border-color:rgba(255,255,255,.25);
}

/* Page hero / articles */
.page-hero{
  border-bottom:1px solid var(--dark-line);
  background:radial-gradient(circle at 50% 0%,rgba(163,37,243,.12),transparent 35%);
}
.article-hero{
  border-bottom:1px solid var(--dark-line);
  background:
    radial-gradient(circle at 15% 20%,rgba(239,44,109,.13),transparent 28%),
    radial-gradient(circle at 85% 10%,rgba(163,37,243,.14),transparent 30%),
    #08090c;
}
.article-deck{color:var(--dark-muted)}
.prose{color:#cfccd4}
.prose h2,.prose h3{color:#fff}
.prose a{color:#ff8fb0}
.contact-mini a{color:#e7a3ff}
.side-card{background:linear-gradient(135deg,rgba(163,37,243,.12),rgba(239,44,109,.08));color:#fff}
.side-card p{color:var(--dark-muted)}
.values>div{background:rgba(255,255,255,.03)}
.values strong{color:#fff}
.values p{color:var(--dark-muted)}
.service-shape{
  border:1px solid rgba(255,255,255,.18);
  background:var(--brand-gradient);
  box-shadow:0 28px 70px rgba(163,37,243,.18);
}

/* Footer */
.footer{
  border-top:1px solid var(--dark-line);
  background:#050506;
  color:#fff;
}
.footer-note{color:var(--dark-muted)}
.footer-links{color:#dddde2}
.footer-links a:hover{color:#fff}
.social-icon{
  border:1px solid var(--dark-line-strong);
  background:#0d0e12;
  color:#fff;
  box-shadow:none;
}
.social-icon:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.30)}


/* Header logo + active social icons */
.nav{
  min-height:72px;
}
.nav-right{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.brand{
  min-width:0;
  flex:0 0 auto;
}
.brand-logo{
  display:block;
  width:min(180px, 28vw);
  height:52px;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  flex:0 0 auto;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:22px;
}
.header-social-links{
  display:flex;
  align-items:center;
  gap:7px;
  padding-left:5px;
  margin-left:1px;
  border-left:1px solid var(--dark-line);
  flex:0 0 auto;
}
.header-social-links .social-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid var(--dark-line-strong);
  background:rgba(255,255,255,.035);
  color:#fff;
  box-shadow:none;
}
.header-social-links .social-icon:after{display:none!important;}
.header-social-links .social-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}
.header-social-links .social-icon:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}

/* Keep short pages filled to the viewport so the footer does not leave a dead black tail. */
html,body{min-height:100%;}
body{min-height:100vh;display:flex;flex-direction:column;}
body > main{flex:1 0 auto;}
.footer{flex:0 0 auto;}

@media(max-width:980px){
  .nav-right{gap:12px;}
  .nav-links{gap:15px;}
  .brand-logo{width:min(170px, 26vw);height:50px;}
  .header-social-links{gap:5px;padding-left:7px;}
  .header-social-links .social-icon{width:32px;height:32px;border-radius:9px;}
  .header-social-links .social-icon svg{width:15px;height:15px;}
}

@media(max-width:760px){
  .nav{min-height:68px;}
  .brand-logo{width:145px;height:44px;max-width:45vw;}
  .nav-right{width:auto;gap:8px;}
  .nav-links{display:none;position:absolute;top:68px;left:10px;right:10px;flex-direction:column;align-items:stretch;gap:14px;background:#0b0c10;border:1px solid var(--dark-line);border-radius:20px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.45);}
  .nav-links.open{display:flex;}
  .nav-links .btn{width:100%;}
  .header-social-links{order:0;justify-content:flex-start;padding:2px 0 4px;margin:0;border-left:0;border-top:1px solid var(--dark-line);}
  .header-social-links .social-icon{width:36px;height:36px;}
  .header-social-links .social-icon svg{width:17px;height:17px;}
}

/* Mobile nav */
@media(max-width:760px){
  .nav-links{background:#0b0c10;border:1px solid var(--dark-line);box-shadow:0 20px 50px rgba(0,0,0,.45)}
  .nav-links>a:not(.btn){color:#fff}
  .mobile-cta{background:var(--brand-gradient);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 30px rgba(0,0,0,.36);color:#fff}
}

/* Footer navigation and social icons. */
.footer .social-links{display:flex;}
.footer-grid{grid-template-columns:1.15fr .7fr 1fr .8fr 1fr;gap:24px;}
.footer-links strong,.footer-social-block>strong{color:#fff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;}
.footer-service-links a,.footer-links a{transition:color .18s ease,transform .18s ease;}
.footer-service-links a:hover,.footer-links a:hover{color:#ff8fb0;transform:translateX(3px);}
.footer-social-block .social-links{margin-top:14px;}
.footer-social-block .social-icon{width:38px;height:38px;border-radius:11px;}
.footer-social-block .social-icon:hover{background:rgba(255,255,255,.08);}
.site-header .brand-logo{
  transform:scale(2.05);
  transform-origin:left center;
}
@media(max-width:760px){
  .site-header .brand-logo{transform:scale(1.82);}
}

/* Final header cleanup: social icons sit between navigation and CTA, never inside nav links. */
.site-header .nav{
  min-height:72px;
}
.site-header .nav-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  min-width:0;
}
.site-header .nav-links{
  display:flex;
  align-items:center;
  gap:24px;
  flex:0 1 auto;
}
.site-header .nav-links>a:not(.btn):after{display:block;}
.header-social-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding-left:14px;
  margin-left:2px;
  border-left:1px solid rgba(255,255,255,.12);
  flex:0 0 auto;
}
.header-social-links:empty{display:none;}
.header-social-links .social-icon{
  position:relative;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#dcd9e4;
  box-shadow:none;
  transition:transform .18s ease,color .18s ease,background .18s ease;
}
.header-social-links .social-icon:after,
.header-social-links .social-icon:hover:after{display:none!important;content:none!important;}
.header-social-links .social-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
  overflow:visible;
}
.header-social-links .social-icon:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  box-shadow:none;
}
.header-social-links .social-instagram:hover{color:#ff4fa3;}
.header-social-links .social-facebook:hover{color:#4c8dff;}
.header-social-links .social-linkedin:hover{color:#63a9ff;}
.header-social-links .social-youtube:hover{color:#ff5a68;}
.header-cta{white-space:nowrap;flex:0 0 auto;}

/* Keep uploaded logos visually balanced in the fixed-height header. */
.brand{
  display:flex;
  align-items:center;
  min-width:0;
  height:72px;
}
.brand-logo{
  display:block;
  width:auto;
  max-width:170px;
  height:48px;
  max-height:48px;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  flex:0 1 auto;
}

@media (min-width:981px){
  .brand-logo{height:50px;max-height:50px;max-width:175px;}
}

@media (max-width:980px){
  .site-header .nav-right{gap:10px;}
  .site-header .nav-links{gap:15px;}
  .header-social-links{gap:6px;padding-left:9px;}
  .header-social-links .social-icon{width:30px;height:30px;}
  .header-social-links .social-icon svg{width:16px;height:16px;}
  .header-cta{padding-inline:15px;min-height:44px;font-size:.88rem;}
  .brand{height:68px;}
  .brand-logo{height:44px;max-height:44px;max-width:150px;}
}

@media (max-width:760px){
  .site-header .nav{min-height:68px;}
  .brand{height:68px;}
  .brand-logo{height:42px;max-height:42px;max-width:135px;}
  .site-header .nav-right{gap:8px;}
  .site-header .nav-links{
    display:none;
    position:absolute;
    top:68px;
    left:10px;
    right:10px;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    background:#0b0c10;
    border:1px solid var(--dark-line);
    border-radius:18px;
    padding:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.45);
  }
  .site-header .nav-links.open{display:flex;}
  .header-social-links{display:none;}
  .header-cta{display:none;}
  .menu-btn{display:block;order:3;color:#fff;border:0;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;padding:4px;}
}

/* Final responsive pass: keep the header compact and prevent narrow screens from scrolling sideways. */
@media (max-width:760px){
  .site-header{isolation:isolate;}
  .site-header .container{width:calc(100% - 24px);}
  .site-header .nav{min-height:64px;gap:8px;}
  .site-header .brand{height:64px;max-width:calc(100% - 52px);}
  .site-header .brand-logo{width:auto;max-width:42vw;height:38px;max-height:38px;}
  .site-header .brand-mark{width:34px;height:34px;flex:0 0 34px;}
  .site-header .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .site-header .nav-right{flex:0 0 auto;}
  .site-header .menu-btn{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.06);font-size:1.55rem;}
  .site-header .nav-links{top:72px;left:12px;right:12px;z-index:5;padding:16px;gap:4px;}
  .site-header .nav-links>a:not(.btn){padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.1);}
  .site-header .nav-links>a:last-child{border-bottom:0;}
  .site-header .nav-links>a:not(.btn):after{display:none;}

  .hero-grid,.split,.service-detail-hero .split{gap:34px;}
  .hero h1,.page-hero h1,.article-hero h1{overflow-wrap:anywhere;}
  .hero-actions{align-items:stretch;gap:14px;}
  .hero-actions .btn{width:100%;}
  .section-head{margin-bottom:28px;}
  .article-cover{margin-bottom:24px;}
  .article-hero{padding:64px 0 48px;}
  .prose{font-size:1rem;overflow-wrap:anywhere;}
  .prose img,.prose video,.prose iframe{max-width:100%;height:auto;}
  .table-wrap,.prose table{max-width:100%;overflow-x:auto;display:block;}
  .footer-grid{gap:26px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1 / -1;}
}

@media (max-width:420px){
  .site-header .brand-logo{max-width:36vw;}
  .site-header .brand{font-size:.9rem;gap:7px;}
  .site-header .nav-links{top:68px;}
  .form-card{padding:18px;}
  .btn{padding-inline:16px;}
  .cta-card{padding:26px 19px;}
}

/* Homepage growth system and proof sections. */
.process-section{
  background:linear-gradient(180deg,#0e0f13 0%,#090a0d 100%);
  border-block:1px solid var(--dark-line);
}
.process-section .section-head h2{max-width:720px;}
.process-section .section-head>p{color:var(--dark-muted);}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.process-card{
  min-height:330px;
  padding:26px;
  border:1px solid var(--dark-line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  box-shadow:var(--shadow-soft);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.process-card:hover{transform:translateY(-7px);border-color:rgba(253,113,53,.5);background:linear-gradient(145deg,rgba(253,113,53,.13),rgba(255,255,255,.025));}
.process-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--dark-line);}
.process-top strong{font-size:2.3rem;line-height:1;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.process-top span{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--dark-muted-2);}
.process-card h3{font-size:1.65rem;line-height:1.05;letter-spacing:-.04em;margin:24px 0 10px;}
.process-card p{color:var(--dark-muted);line-height:1.6;margin:0 0 18px;}
.process-card ul{list-style:none;padding:0;margin:0;color:#d9d7df;font-size:.87rem;display:grid;gap:8px;}
.process-card li:before{content:"↗";color:var(--brand-orange);font-weight:900;margin-right:8px;}
.process-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:24px;border-top:1px solid var(--dark-line);}
.process-bottom p{margin:0;color:#d9d7df;font-weight:600;}
.proof-section{padding:100px 0;background:var(--brand-gradient);color:#09090b;overflow:hidden;}
.proof-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:start;}
.proof-intro .eyebrow{background:#09090b;color:#fff;border-color:#09090b;box-shadow:none;}
.proof-intro h2{color:#09090b;font-size:clamp(2.8rem,5.2vw,5.2rem);line-height:.92;letter-spacing:-.07em;margin:22px 0 20px;}
.proof-intro p{max-width:520px;font-size:1.05rem;line-height:1.65;margin:0 0 26px;}
.proof-intro .text-link{color:#09090b;}
.proof-list{border-top:2px solid rgba(9,9,11,.55);}
.proof-item{display:grid;grid-template-columns:74px 1fr;gap:22px;padding:25px 0;border-bottom:2px solid rgba(9,9,11,.55);}
.proof-item>strong{font-size:2.4rem;line-height:1;color:#09090b;}
.proof-item h3{color:#09090b;font-size:1.5rem;letter-spacing:-.04em;margin:0 0 7px;}
.proof-item p{color:rgba(9,9,11,.72);line-height:1.55;margin:0;}
@media(max-width:980px){
  .process-grid{grid-template-columns:1fr;}
  .process-card{min-height:0;}
  .proof-layout{grid-template-columns:1fr;gap:46px;}
}
@media(max-width:760px){
  .process-bottom{align-items:stretch;flex-direction:column;}
  .process-bottom .btn{width:100%;}
  .proof-section{padding:70px 0;}
  .proof-item{grid-template-columns:52px 1fr;gap:14px;}
  .proof-item>strong{font-size:1.9rem;}
}

/* Premium pass: sharper hierarchy, depth and restrained motion across the public site. */
body{background:radial-gradient(circle at 12% 8%,rgba(163,37,243,.18),transparent 25%),radial-gradient(circle at 88% 24%,rgba(253,113,53,.12),transparent 23%),linear-gradient(180deg,#070709 0%,#0b0c11 48%,#070709 100%);}
.announcement{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;}
.site-header{box-shadow:0 12px 35px rgba(0,0,0,.16);}
.site-header .nav{max-width:1240px;}
.brand-logo{filter:drop-shadow(0 8px 16px rgba(163,37,243,.22));}
.header-cta{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 26px rgba(163,37,243,.2);}
.hero{min-height:calc(100vh - 108px);display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(215,22,216,.08),transparent 27%);}
.hero:after{content:"";position:absolute;left:50%;bottom:0;width:min(520px,70%);height:1px;background:linear-gradient(90deg,transparent,var(--brand-orange),transparent);opacity:.7;}
.hero-grid{position:relative;z-index:1;perspective:1200px;}
.hero-grid>div:first-child{max-width:680px;}
.hero h1{font-size:clamp(3.6rem,8vw,7.8rem);text-shadow:0 18px 55px rgba(0,0,0,.35);}
.hero-copy{max-width:610px;font-size:1.08rem;}
.hero-form-wrap{transform-style:preserve-3d;}
.hero-form-wrap:before{content:"";position:absolute;inset:10% -9% -8%;border:1px solid rgba(215,22,216,.25);border-radius:40px;transform:translateZ(-30px) rotate(5deg);background:linear-gradient(135deg,rgba(163,37,243,.13),transparent 55%);}
.form-card{backdrop-filter:blur(18px);}
.hero-pills span{transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.hero-pills span:hover{transform:translateY(-4px);border-color:rgba(253,113,53,.6);background:rgba(253,113,53,.1);}
.logo-strip{position:relative;overflow:hidden;background:linear-gradient(90deg,#08090b,#101119,#08090b);}
.logo-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);animation:strip-sheen 7s ease-in-out infinite;}
@keyframes strip-sheen{55%,100%{transform:translateX(100%);}}
.section{position:relative;}
.section-head h2,.dark-section h2,.display-small{letter-spacing:-.075em;}
.services-grid,.blog-grid{perspective:1000px;}
.service-card,.blog-card{position:relative;overflow:hidden;}
.service-card:after,.blog-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 32%,transparent 70%,rgba(215,22,216,.06));opacity:.7;}
.service-card:hover,.blog-card:hover{transform:translateY(-9px) rotateX(1deg);}
.dark-section{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 50%,rgba(163,37,243,.13),transparent 34%),#050506;}
.dark-section:before{content:"";position:absolute;width:420px;height:420px;right:-190px;top:-160px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.018),0 0 0 56px rgba(255,255,255,.012);}
.stats>div{transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.stats>div:hover{transform:translateY(-5px);border-color:rgba(253,113,53,.5);background:rgba(253,113,53,.07);}
.page-hero{position:relative;overflow:hidden;}
.page-hero:after{content:"";position:absolute;left:50%;bottom:-1px;width:160px;height:3px;background:var(--brand-gradient);transform:translateX(-50%);border-radius:99px;}
.article-cover{transition:transform .5s ease,box-shadow .5s ease;}
.article-cover:hover{transform:scale(1.012) rotate(-.3deg);box-shadow:0 25px 70px rgba(163,37,243,.2);}
.footer{position:relative;overflow:hidden;}
.footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--brand-gradient);opacity:.8;}
[data-parallax]{transform:translate3d(0,var(--parallax-offset,0px),0) rotate(var(--parallax-rotate,0deg));will-change:transform;}
.orb[data-parallax],.sticker[data-parallax],.service-shape[data-parallax]{animation:none;}
.service-shape[data-parallax]{transition:filter .3s ease;}
.service-shape[data-parallax]:hover{filter:saturate(1.15) brightness(1.08);}
.hero,.dark-section,.process-section,.proof-section{--section-progress:0;}
.hero:before,.dark-section:after,.process-section:after,.proof-section:after{transform:translate3d(0,calc(var(--section-progress) * -34px),0);will-change:transform;}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% calc(45% + var(--section-progress) * 20%),rgba(215,22,216,.12),transparent 28%);opacity:.8;}
.dark-section:after,.process-section:after,.proof-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.035) 48%,transparent 68%);background-size:220% 100%;background-position:calc(50% + var(--section-progress) * 35%) center;}
.hero-grid,.proof-layout,.process-grid{transform:translate3d(0,calc(var(--section-progress) * -10px),0);transition:transform .15s linear;}
.service-card,.blog-card,.process-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;}
.service-card.is-tilting,.blog-card.is-tilting,.process-card.is-tilting{transition:none;}
.service-card:hover,.blog-card:hover,.process-card:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);}
.hero-form-wrap{transform:translate3d(0,calc(var(--scroll-velocity,0px) * -0.35),0);}
@media(max-width:760px){
  .hero{min-height:0;}
  .hero h1{font-size:clamp(3.1rem,15vw,4.7rem);}
  .hero-form-wrap:before{inset:5% -3% -4%;}
  .hero-pills span{font-size:.72rem;}
  .dark-section:before{width:260px;height:260px;right:-170px;top:-80px;}
}
@media(prefers-reduced-motion:reduce){
  [data-parallax],.hero-grid,.proof-layout,.process-grid,.hero-form-wrap{transform:none!important;}
  .logo-strip:before{animation:none;}
}

/* Final desktop header lock: keep the logo and controls in one clean row. */
@media(min-width:761px){
  .site-header .nav{display:flex;flex-flow:row nowrap;align-items:center;min-height:72px;}
  .site-header .brand{width:190px;min-width:190px;height:72px;display:flex;align-items:center;overflow:visible;}
  .site-header .brand-logo{width:150px;height:58px;max-width:none;max-height:none;transform:scale(1.38);transform-origin:left center;object-fit:contain;}
  .site-header .nav-right{display:flex;flex:1 1 auto;flex-flow:row nowrap;align-items:center;justify-content:flex-end;min-width:0;gap:16px;}
  .site-header .nav-links{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;gap:24px;white-space:nowrap;}
  .site-header .header-social-links{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;gap:10px;}
  .site-header .header-cta{display:inline-flex;flex:0 0 auto;white-space:nowrap;}
}

@media(max-width:760px){
  .site-header .brand-logo{transform:scale(1.82);}
}