:root{
  --bg:#ffffff; --bg-soft:#f5f5f7;
  --ink:#0a0a0a; --ink-soft:#6b7280;
  --hairline:#e6e8ec; --ghost:#e2e4ea;
  --accent:#e5174a; --accent-soft:#fdeaef; --accent-deep:#16070d;
  --radius:1.5rem; --radius-lg:2rem; --pill:62.5rem;
}
*,*::before,*::after{ box-sizing:border-box; margin:0; }
html{ font-size:clamp(15px, 0.45vw + 9.7px, 18px); scroll-behavior:smooth; }
@media (max-width:640px){ html{ font-size:clamp(15px, 4.4vw, 18px); } }
body{ min-height:100vh; background:var(--bg); color:var(--ink); font-family:"Onest",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ cursor:pointer; font-family:inherit; background:none; border:none; color:inherit; }
ul{ list-style:none; padding:0; }
::selection{ background:var(--accent); color:#fff; }
:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

main{ width:100%; overflow-x:clip; padding:0.5rem; }
@media (min-width:640px){ main{ padding:0.75rem; } }

/* page transition curtain */
#pt{ position:fixed; inset:0; z-index:2000; background:var(--accent); transform:translateY(0); pointer-events:none; }
#pt.out{ transform:translateY(-101%); transition:transform .7s cubic-bezier(.65,0,.35,1); }
#pt.in{ transform:translateY(0); transition:transform .45s cubic-bezier(.65,0,.35,1); }
#pt.idle{ transform:translateY(101%); transition:none; }

/* header (light) */
.dh{ display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  column-gap:2rem; row-gap:0.9rem; padding:1.1rem 1.5rem; font-size:0.791rem;
  border-bottom:1px solid var(--hairline); }
@media (min-width:640px){ .dh{ padding:1.25rem 2.5rem; } }
.dh-brand{ grid-column:1; }
.dh-brand img{ height:2.6rem; width:auto; display:block; }
.dh-right{ grid-column:3; }

.dh-nav{ display:none; grid-column:2;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:0.5rem 1.4rem; align-content:center; }
@media (min-width:1320px){ .dh-nav{ display:grid; } }
.dh-nav a{ display:inline-flex; align-items:center; gap:0.45rem; min-width:0;
  padding-left:0.3rem; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.06em;
  white-space:nowrap; transition:color .25s; }
.dh-nav a > span{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.dh-nav a::before{ content:""; flex:none; width:0.42rem; height:0.42rem; border-radius:50%;
  background:var(--dot, var(--ink-soft)); opacity:.5;
  transition:opacity .25s ease, transform .25s cubic-bezier(.34,1.4,.64,1), box-shadow .25s ease; }
.dh-nav a:hover{ color:var(--ink); }
.dh-nav a:hover::before{ opacity:1; transform:scale(1.35); }
.dh-nav a.on{ color:var(--ink); font-weight:500; }
.dh-nav a.on::before{ opacity:1; transform:scale(1.35);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--dot, var(--ink-soft)) 22%, transparent); }
@media (prefers-reduced-motion: reduce){ .dh-nav a::before{ transition:none; } }
.dh-cta{ background:var(--ink); color:#fff; border-radius:var(--pill); padding:0.7rem 1.4rem;
  font-size:0.759rem; font-weight:500; text-transform:uppercase; letter-spacing:0.1em; transition:background .3s;
  white-space:nowrap; }
.dh-cta:hover{ background:var(--accent); }
.dh-right{ display:flex; align-items:center; gap:1.1rem; }
.dh-lang{ display:flex; align-items:center; gap:0.15rem; font-size:0.759rem; font-weight:500; letter-spacing:0.06em; }
.dh-lang a, .dh-lang span{ padding:0.3rem 0.45rem; border-radius:0.4rem; color:var(--ink-soft);
  transition:color .25s ease, background .25s ease; }
.dh-lang a:hover{ color:var(--accent); background:var(--accent-soft); }
.dh-lang .on{ color:var(--ink); background:var(--bg-soft); }
.dh-lang i{ font-style:normal; color:var(--hairline); }

/* reveal */
.rv{ opacity:0; transform:translateY(26px); }
.rv.in{ opacity:1; transform:none; transition:opacity .9s cubic-bezier(.22,1,.36,1) var(--d,0ms), transform .9s cubic-bezier(.22,1,.36,1) var(--d,0ms); }

/* hero band */
.d-hero{ border-radius:var(--radius-lg); background:var(--accent-soft); padding:5rem 2rem; position:relative; overflow:hidden; }
@media (min-width:640px){ .d-hero{ padding:6.5rem 3rem; } }
.d-hero .crumb{ font-size:0.76rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-soft); margin-bottom:1.75rem; }
.d-hero .crumb a:hover{ color:var(--accent); }
.d-hero h1{ font-size:clamp(2.6rem,6vw,5.5rem); font-weight:500; text-transform:uppercase; line-height:0.95; letter-spacing:-0.02em; max-width:60rem; }
.d-hero h1 em{ font-style:normal; color:var(--accent); }
.d-hero .sub{ max-width:36rem; color:var(--ink-soft); font-size:0.982rem; line-height:1.75; margin-top:1.75rem; }
.d-hero .hero-num{ position:absolute; right:2rem; top:1.5rem; font-size:7rem; font-weight:500; line-height:1;
  color:transparent; -webkit-text-stroke:1.5px var(--accent); opacity:.35; user-select:none; }
.d-hero .cta{ display:inline-flex; align-items:center; gap:0.7rem; margin-top:2.25rem; background:var(--accent); color:#fff;
  border-radius:var(--pill); padding:1rem 2rem; font-size:0.896rem; font-weight:500; text-transform:uppercase; letter-spacing:0.08em; transition:background .3s, transform .3s; }
.d-hero .cta:hover{ background:var(--ink); transform:translateY(-2px); }
.d-hero .cta svg{ width:1rem; height:1rem; }

/* sections */
.d-sec{ padding:5rem 1.5rem; }
@media (min-width:640px){ .d-sec{ padding:6rem 2.5rem; } }
.d-eyebrow{ display:inline-flex; align-items:center; gap:0.7rem; font-size:0.759rem; font-weight:500;
  text-transform:uppercase; letter-spacing:0.16em; color:var(--accent); }
.d-eyebrow::before{ content:""; width:1.75rem; height:2px; background:var(--accent); }
.d-h2{ font-size:clamp(1.9rem,3.4vw,3rem); font-weight:500; line-height:1; letter-spacing:-0.02em; text-transform:uppercase; margin-top:0.9rem; }
.d-h2 em{ font-style:normal; color:var(--accent); }
.d-lead{ color:var(--ink-soft); font-size:0.933rem; line-height:1.75; max-width:38rem; margin-top:1.25rem; }

/* feature grid */
.fgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:3rem; }
@media (max-width:960px){ .fgrid{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .fgrid{ grid-template-columns:1fr; } }
.fcard{ background:var(--bg-soft); border-radius:var(--radius); padding:2rem 1.75rem; transition:transform .35s, box-shadow .35s; }
.fcard:hover{ transform:translateY(-6px); box-shadow:0 24px 48px rgba(10,10,10,.08); }
.fcard .n{ font-size:0.759rem; font-weight:500; letter-spacing:0.12em; color:var(--accent); display:block; margin-bottom:1.25rem; }
.fcard h3{ font-size:1.08rem; font-weight:500; margin-bottom:0.6rem; }
.fcard p{ font-size:0.896rem; color:var(--ink-soft); line-height:1.7; }

/* split */
.dsplit{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; margin-top:3rem; }
@media (max-width:960px){ .dsplit{ grid-template-columns:1fr; gap:2.5rem; } }
.dsplit .visual{ border-radius:var(--radius); overflow:hidden; background:var(--bg-soft); }
.dsplit .visual img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
.dsplit .visual.lite img{ object-fit:contain; padding:2rem; }
.dticks{ display:flex; flex-direction:column; gap:0.85rem; margin-top:1.5rem; }
.dticks li{ display:flex; gap:0.8rem; align-items:flex-start; font-size:0.949rem; font-weight:500; }
.dticks li::before{ content:"✓"; flex:none; width:1.35rem; height:1.35rem; border-radius:50%;
  background:var(--accent-soft); color:var(--accent); font-size:0.76rem; display:flex; align-items:center; justify-content:center; margin-top:2px; }

/* chip cloud */
.dchips{ display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:1.75rem; }
.dchips span{ border:1px solid var(--hairline); border-radius:var(--pill); padding:0.55rem 1.1rem;
  font-size:0.823rem; font-weight:500; color:var(--ink-soft); transition:all .3s; }
.dchips span:hover{ border-color:var(--accent); color:var(--accent); background:var(--accent-soft); }

/* steps */
.dsteps{ counter-reset:st; display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; margin-top:3rem; }
@media (max-width:900px){ .dsteps{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .dsteps{ grid-template-columns:1fr; } }
.dsteps div{ border-top:2px solid var(--hairline); padding-top:1.4rem; position:relative; }
.dsteps div::before{ counter-increment:st; content:"0" counter(st); position:absolute; top:-0.8rem; left:0;
  background:var(--bg); padding-right:0.8rem; font-size:0.823rem; font-weight:500; color:var(--accent); letter-spacing:0.1em; }
.dsteps h3{ font-size:0.982rem; font-weight:500; margin-bottom:0.5rem; }
.dsteps p{ font-size:0.865rem; color:var(--ink-soft); line-height:1.65; }

/* accent band CTA */
.d-cta{ border-radius:var(--radius-lg); background:var(--accent); color:#fff; text-align:center;
  padding:5rem 2rem; margin-top:0.75rem; position:relative; overflow:hidden; }
.d-cta::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle 30rem at 85% -20%, rgba(255,255,255,.25), transparent); }
.d-cta h2{ position:relative; font-size:clamp(2rem,4.5vw,3.6rem); font-weight:500; text-transform:uppercase; letter-spacing:-0.02em; line-height:0.95; }
.d-cta p{ position:relative; margin:1.1rem 0 2rem; color:rgba(255,255,255,.85); font-size:0.933rem; }
.d-cta a{ position:relative; display:inline-flex; align-items:center; gap:0.7rem; background:#fff; color:var(--ink);
  border-radius:var(--pill); padding:1rem 2.2rem; font-size:0.896rem; font-weight:500; text-transform:uppercase; letter-spacing:0.08em; transition:transform .3s; }
.d-cta a:hover{ transform:translateY(-3px); }

/* footer (light) */
.d-foot{ border-top:1px solid var(--hairline); margin-top:4rem; padding:3rem 1.5rem 2rem;
  display:flex; flex-wrap:wrap; gap:2rem; justify-content:space-between; align-items:flex-start; font-size:0.865rem; color:var(--ink-soft); }
@media (min-width:640px){ .d-foot{ padding:3.5rem 2.5rem 2rem; } }
.d-foot img{ height:2.4rem; margin-bottom:0.9rem; }
.d-foot .cols{ display:flex; gap:3.5rem; flex-wrap:wrap; }
.d-foot h4{ font-size:0.76rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink); font-weight:500; margin-bottom:0.9rem; }
.d-foot .c{ display:flex; flex-direction:column; gap:0.55rem; }
.d-foot a:hover{ color:var(--accent); }
.d-foot .bar{ width:100%; border-top:1px solid var(--hairline); padding-top:1.25rem; margin-top:1rem;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.5rem; font-size:0.76rem; }

.d-foot .foot-dil{ display:flex; align-items:center; gap:0.4rem; margin-top:1.4rem;
  padding-top:1.2rem; border-top:1px solid var(--hairline); flex-wrap:wrap; }
.d-foot .foot-dil > i{ display:none; }
.d-foot .foot-dil a, .d-foot .foot-dil span{ font-size:0.76rem; font-weight:500; letter-spacing:0.08em;
  line-height:1; padding:0.42rem 0.7rem; border-radius:var(--pill);
  border:1px solid var(--hairline); color:var(--ink-soft); background:var(--bg);
  transition:border-color .25s ease, color .25s ease, background .25s ease; }
.d-foot .foot-dil a:hover{ border-color:var(--ink); color:var(--ink); }
.d-foot .foot-dil span.on{ background:var(--accent); border-color:var(--accent); color:#fff; }

/* stat chips row */
.d-stats{ display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.5rem; }
.d-stats div{ background:var(--bg-soft); border-radius:var(--radius); padding:1.4rem 1.8rem; }
.d-stats b{ font-size:1.6rem; font-weight:500; color:var(--accent); display:block; line-height:1; }
.d-stats span{ font-size:0.759rem; color:var(--ink-soft); }

/* ---------- reduced motion (WCAG / Apple HIG) ---------- */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
  html{ scroll-behavior:auto; }
  .rv{ opacity:1 !important; transform:none !important; }
  #pt{ display:none !important; }
}

/* ============ zenginlestirilmis detay bilesenleri ============ */

/* istatistik bandi */
.d-stats2{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hairline);
  border:1px solid var(--hairline); border-radius:var(--radius); overflow:hidden; margin-top:3rem; }
@media (max-width:820px){ .d-stats2{ grid-template-columns:1fr 1fr; } }
.d-stat2{ background:var(--bg); padding:2rem 1.5rem; text-align:center; }
.d-stat2 b{ display:block; font-size:2.1rem; font-weight:500; color:var(--accent); line-height:1; }
.d-stat2 span{ display:block; font-size:0.823rem; color:var(--ink-soft); margin-top:0.6rem; line-height:1.5; }

/* problem -> cozum */
.d-pc{ display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin-top:3rem; }
@media (max-width:860px){ .d-pc{ grid-template-columns:1fr; } }
.d-pc-kart{ border-radius:var(--radius); padding:2rem 1.75rem; }
.d-pc-kart.sorun{ background:var(--bg-soft); }
.d-pc-kart.cozum{ background:var(--accent-soft); }
.d-pc-kart h3{ font-size:0.759rem; letter-spacing:0.16em; text-transform:uppercase; font-weight:500;
  margin-bottom:1.25rem; }
.d-pc-kart.sorun h3{ color:var(--ink-soft); }
.d-pc-kart.cozum h3{ color:var(--accent); }
.d-pc-kart ul{ display:flex; flex-direction:column; gap:0.9rem; }
.d-pc-kart li{ font-size:0.928rem; line-height:1.65; display:flex; gap:0.7rem; }
.d-pc-kart li::before{ flex:none; font-size:0.933rem; line-height:1.5; }
.d-pc-kart.sorun li::before{ content:"✕"; color:#b91c1c; }
.d-pc-kart.cozum li::before{ content:"✓"; color:var(--accent); }

/* SSS akordeon */
.sss{ margin-top:3rem; border-top:1px solid var(--hairline); }
.sss details{ border-bottom:1px solid var(--hairline); }
.sss summary{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:1.5rem 0.25rem; cursor:pointer; list-style:none; font-size:1.002rem; font-weight:500;
  transition:color .25s ease; }
.sss summary::-webkit-details-marker{ display:none; }
.sss summary:hover{ color:var(--accent); }
.sss summary::after{ content:""; flex:none; width:1.4rem; height:1.4rem; border-radius:50%;
  border:1px solid var(--hairline); background:
    linear-gradient(currentColor,currentColor) center/0.6rem 1.5px no-repeat,
    linear-gradient(currentColor,currentColor) center/1.5px 0.6rem no-repeat;
  color:var(--ink-soft); transition:transform .35s cubic-bezier(.22,1,.36,1), border-color .25s, color .25s; }
.sss details[open] summary::after{ transform:rotate(135deg); color:var(--accent); border-color:var(--accent); }
.sss .cevap{ overflow:hidden; }
.sss .cevap p{ font-size:0.949rem; line-height:1.8; color:var(--ink-soft); padding:0 0.25rem 1.6rem; max-width:52rem; }

/* ic baglanti kartlari */
.d-ilgili{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
@media (max-width:860px){ .d-ilgili{ grid-template-columns:1fr; } }
.d-ilgili a{ border:1px solid var(--hairline); border-radius:var(--radius); padding:1.6rem;
  transition:border-color .3s, transform .3s, background .3s; }
.d-ilgili a:hover{ border-color:var(--accent); transform:translateY(-4px); background:var(--bg-soft); }
.d-ilgili b{ display:block; font-size:0.982rem; font-weight:500; margin-bottom:0.4rem; }
.d-ilgili span{ font-size:0.865rem; color:var(--ink-soft); line-height:1.7; }
.d-ilgili em{ font-style:normal; display:block; margin-top:0.9rem; font-size:0.823rem;
  font-weight:500; color:var(--accent); }

@media (prefers-reduced-motion: reduce){
  .sss summary::after, .d-ilgili a, .d-pc-kart{ transition:none !important; }
}

.d-ortak{ width:100%; border-top:1px solid var(--hairline); padding-top:1.75rem; margin-top:1.5rem;
  display:flex; align-items:center; gap:2.5rem; flex-wrap:wrap; }
.d-ortak-logo{ display:flex; align-items:center; gap:2.5rem; flex-wrap:wrap; }
.d-ortak-logo img{ height:2.1rem; width:auto; object-fit:contain; display:block;
  filter:grayscale(1); opacity:.55; transition:filter .35s ease, opacity .35s ease; }
.d-ortak-logo img:hover{ filter:grayscale(0); opacity:1; }
@media (max-width:640px){ .d-ortak{ gap:1.5rem; } .d-ortak-logo{ gap:1.75rem; }
  .d-ortak-logo img{ height:1.7rem; } }
@media (prefers-reduced-motion: reduce){ .d-ortak-logo img{ transition:none; } }

.dh-burger{ display:inline-flex; flex-direction:column; justify-content:center; gap:5px;
  width:2.4rem; height:2.4rem; border:1px solid var(--hairline); border-radius:0.7rem;
  background:var(--bg); cursor:pointer; padding:0 0.6rem; flex:none; transition:border-color .3s; }
.dh-burger:hover{ border-color:var(--ink); }
.dh-burger span{ display:block; height:1.5px; background:var(--ink); border-radius:2px; transition:transform .3s; }
.dh-burger span:last-child{ width:70%; }
@media (min-width:1320px){ .dh-burger{ display:none; } }

.dh-panel{ position:fixed; inset:0; z-index:200; background:var(--bg);
  display:flex; flex-direction:column; padding:1.5rem;
  opacity:0; transform:translateY(-1rem); transition:opacity .35s ease, transform .35s cubic-bezier(.22,1,.36,1); }
.dh-panel.acik{ opacity:1; transform:none; }
.dh-panel[hidden]{ display:none; }
.dh-panel-bas{ display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem; }
.dh-panel-bas img{ height:2.6rem; width:auto; display:block; }
.dh-kapat{ width:2.6rem; height:2.6rem; border:1px solid var(--hairline); border-radius:0.7rem;
  background:var(--bg); cursor:pointer; display:grid; place-items:center; color:var(--ink); transition:border-color .3s; }
.dh-kapat:hover{ border-color:var(--ink); }
.dh-kapat svg{ width:1.1rem; height:1.1rem; }
.dh-panel-menu{ display:flex; flex-direction:column; gap:0; overflow-y:auto; flex:1; }
.dh-panel-menu a{ display:flex; align-items:center; gap:0.75rem; padding:0.95rem 0.25rem;
  font-size:0.927rem; font-weight:500; color:var(--ink-soft); border-bottom:1px solid var(--hairline);
  transition:color .25s, padding-left .3s; }
.dh-panel-menu a:hover{ color:var(--ink); padding-left:0.75rem; }
.dh-panel-menu a.on{ color:var(--ink); }
.dh-panel-menu a[style*="--dot"]::before{ content:""; width:0.5rem; height:0.5rem; border-radius:50%;
  background:var(--dot); flex:none; }
.dh-panel-alt{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding-top:1.5rem; margin-top:1.5rem; border-top:1px solid var(--hairline); flex-wrap:wrap; }
.dh-panel-cta{ background:var(--ink); color:#fff; border-radius:var(--pill);
  padding:0.8rem 1.6rem; font-size:0.8rem; font-weight:500; transition:background .3s; }
.dh-panel-cta:hover{ background:var(--accent); }
body.dh-kilit{ overflow:hidden; }
@media (prefers-reduced-motion: reduce){
  .dh-panel{ transition:none; }
  .dh-panel-menu a, .dh-burger, .dh-kapat{ transition:none; }
}@media (max-width:560px){
  .dh-right .dh-lang, .dh-right .dh-cta{ display:none; }
  .dh{ padding-left:1.1rem; padding-right:1.1rem; }
}

@media (max-width:1319px){
  .dh{ grid-template-columns:auto 1fr; }
  .dh-right{ grid-column:2; justify-self:end; }
}

.dil-ac{ position:relative; flex:none; }
.dil-dugme{ display:inline-flex; align-items:center; gap:0.4rem; cursor:pointer;
  background:var(--bg); border:1px solid var(--hairline); border-radius:var(--pill);
  padding:0.5rem 0.7rem 0.5rem 0.65rem; font-size:0.78rem; font-weight:500;
  color:var(--ink-soft); letter-spacing:0.04em; transition:border-color .25s, color .25s; }
.dil-dugme:hover{ border-color:var(--ink); color:var(--ink); }
.dil-dugme > svg:first-child{ width:1rem; height:1rem; flex:none; }
.dil-ok{ width:0.75rem; height:0.75rem; flex:none; transition:transform .25s ease; }
.dil-ac.acik .dil-ok{ transform:rotate(180deg); }
.dil-ac.acik .dil-dugme{ border-color:var(--ink); color:var(--ink); }

.dil-liste{ position:absolute; top:calc(100% + 0.5rem); right:0; z-index:120;
  min-width:10.5rem; background:var(--bg); border:1px solid var(--hairline);
  border-radius:0.85rem; padding:0.35rem; box-shadow:0 18px 40px -18px rgba(10,10,10,.28);
  opacity:0; visibility:hidden; transform:translateY(-0.35rem);
  transition:opacity .22s ease, transform .22s cubic-bezier(.22,1,.36,1), visibility .22s; }
.dil-ac.acik .dil-liste{ opacity:1; visibility:visible; transform:none; }
.dil-liste a{ display:flex; align-items:center; gap:0.6rem; padding:0.55rem 0.7rem;
  border-radius:0.6rem; color:var(--ink-soft); transition:background .2s, color .2s; }
.dil-liste a:hover{ background:var(--bg-soft); color:var(--ink); }
.dil-liste a.on{ color:var(--ink); background:var(--bg-soft); }
.dil-liste b{ font-size:0.76rem; font-weight:600; letter-spacing:0.06em; min-width:1.6rem; }
.dil-liste span{ font-size:0.78rem; }
@media (prefers-reduced-motion: reduce){
  .dil-liste, .dil-ok, .dil-dugme{ transition:none; }
}

@media (max-width:900px){ .dh-burger{ display:none; } }

@media (max-width:900px){ .dh .dil-ac{ display:none; } }

@media (max-width:900px){ .dh .dh-cta{ display:none; } }