.elementor-7926 .elementor-element.elementor-element-efd6934{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-39e6e05 *//* =========================================================
   DIGITALPARTNERS – SAJÁT REFERENCIA / ORSZÁGOS SEO RENDSZER
   Minden szabály a .dpref-dp gyökérelem alá van scope-olva.
========================================================= */

.dpref-dp {
  --dp-navy: #0b1220;
  --dp-navy-soft: #111c30;
  --dp-night: #060b14;
  --dp-dark: #0e1728;
  --dp-blue: #2563eb;
  --dp-blue-soft: #4f7cf7;
  --dp-cyan: #38bdf8;
  --dp-cyan-soft: #a5ebff;
  --dp-slate: #1e293b;
  --dp-paper: #f4f8fc;
  --dp-white: #ffffff;
  --dp-ink: #0c1728;
  --dp-muted: #607087;
  --dp-line: rgba(15, 38, 71, 0.13);
  --dp-radius-sm: 12px;
  --dp-radius-md: 22px;
  --dp-radius-lg: 34px;
  --dp-shadow: 0 28px 80px rgba(4, 18, 42, 0.18);
  --dp-shadow-strong: 0 42px 120px rgba(2, 10, 25, 0.5);
  --dp-container: 1280px;

  position: relative;
  width: 100%;
  overflow: clip;
  isolation: isolate;
  background: var(--dp-paper);
  color: var(--dp-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}

.dpref-dp *,
.dpref-dp *::before,
.dpref-dp *::after { box-sizing: border-box; }

.dpref-dp img { display: block; max-width: 100%; }
.dpref-dp a { color: inherit; text-decoration: none; }
.dpref-dp button, .dpref-dp a { -webkit-tap-highlight-color: transparent; }
.dpref-dp button { font: inherit; }
.dpref-dp h1, .dpref-dp h2, .dpref-dp h3, .dpref-dp p, .dpref-dp figure, .dpref-dp blockquote, .dpref-dp dl, .dpref-dp dd { margin: 0; }
.dpref-dp h1, .dpref-dp h2, .dpref-dp h3 { line-height: .98; letter-spacing: -.052em; }

.dpref-dp__container {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 48px), var(--dp-container));
  margin-inline: auto;
}

.dpref-dp__noise {
  position: fixed;
  inset: 0;
  z-index: 100;
  opacity: .025;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.95'/%3E%3C/svg%3E");
}

.dpref-dp__cursor-glow {
  --dp-x: 50%;
  --dp-y: 50%;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .55;
  background: radial-gradient(440px circle at var(--dp-x) var(--dp-y), rgba(56,189,248,.075), transparent 70%);
}

.dpref-dp [data-dp-reveal] {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .78s cubic-bezier(.22,1,.36,1) var(--dp-delay,0ms), transform .78s cubic-bezier(.22,1,.36,1) var(--dp-delay,0ms);
}
.dpref-dp [data-dp-reveal].is-visible { opacity: 1; transform: none; }

.dpref-dp h1 {
  max-width: 800px;
  color: var(--dp-white);
  font-size: clamp(54px, 6.25vw, 96px);
  font-weight: 840;
  text-transform: uppercase;
}
.dpref-dp h1 span { display: block; color: var(--dp-cyan); font-size: .72em; line-height: 1.03; letter-spacing: -.045em; }

.dpref-dp h2 {
  max-width: 980px;
  font-size: clamp(42px, 5.1vw, 74px);
  font-weight: 790;
}
.dpref-dp h2 em { color: var(--dp-blue); font-style: normal; }
.dpref-dp__section-heading--light h2 em,
.dpref-dp__cta h2 em { color: var(--dp-cyan); }

.dpref-dp__section-kicker,
.dpref-dp__cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
  color: var(--dp-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.dpref-dp__section-kicker::before,
.dpref-dp__cta-kicker::before { content: ""; width: 30px; height: 2px; background: currentColor; }

/* Buttons */
.dpref-dp__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 25px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 840;
  letter-spacing: .02em;
  text-transform: uppercase;
  transition: transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.dpref-dp__button span { font-size: 19px; transition: transform .25s ease; }
.dpref-dp__button:hover { transform: translateY(-3px); }
.dpref-dp__button:hover span { transform: translateX(3px); }
.dpref-dp__button--signal { background: linear-gradient(135deg, var(--dp-cyan), var(--dp-blue-soft)); color: var(--dp-night); box-shadow: 0 20px 48px rgba(56,189,248,.18); }
.dpref-dp__button--signal:hover { background: var(--dp-cyan-soft); color: var(--dp-night); }
.dpref-dp__button--ghost { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.045); color: var(--dp-white); backdrop-filter: blur(12px); }
.dpref-dp__button--ghost:hover { border-color: rgba(56,189,248,.5); background: rgba(56,189,248,.08); color: var(--dp-white); }
.dpref-dp__button--white { background: var(--dp-white); color: var(--dp-navy); box-shadow: 0 20px 55px rgba(3,12,29,.22); }
.dpref-dp__button--white:hover { background: var(--dp-cyan-soft); color: var(--dp-navy); }
.dpref-dp__button--large { min-height: 66px; padding-inline: 30px; }

/* Hero */
.dpref-dp__hero {
  position: relative;
  min-height: min(970px, 100svh);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 118px 0 92px;
  color: var(--dp-white);
  background:
    radial-gradient(circle at 84% 23%, rgba(56,189,248,.22), transparent 28%),
    radial-gradient(circle at 18% 90%, rgba(37,99,235,.19), transparent 34%),
    linear-gradient(135deg, #050914 0%, #0b1220 46%, #0b2d45 100%);
}
.dpref-dp__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image: linear-gradient(rgba(56,189,248,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(56,189,248,.08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent 0, black 15%, black 76%, transparent 100%);
}
.dpref-dp__hero::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 130px;
  background: linear-gradient(to bottom, transparent, rgba(5,9,20,.92));
}
.dpref-dp__scanlines { position: absolute; inset: 0; opacity: .05; pointer-events: none; background: repeating-linear-gradient(to bottom, transparent 0, transparent 3px, rgba(255,255,255,.2) 4px); }
.dpref-dp__hero-orb { position: absolute; border-radius: 50%; filter: blur(18px); pointer-events: none; }
.dpref-dp__hero-orb--one { width: 500px; height: 500px; right: -180px; top: -160px; background: rgba(56,189,248,.08); }
.dpref-dp__hero-orb--two { width: 600px; height: 600px; left: 24%; bottom: -450px; background: rgba(37,99,235,.11); }

.dpref-dp__hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(480px,.92fr); align-items: center; gap: clamp(38px,5vw,76px); }
.dpref-dp__hero-copy { position: relative; z-index: 4; }
.dpref-dp__backlink { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 34px; color: rgba(255,255,255,.66); font-size: 13px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; transition: color .2s ease; }
.dpref-dp__backlink:hover { color: var(--dp-cyan); }
.dpref-dp__backlink span { font-size: 19px; }
.dpref-dp__eyebrow { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-bottom: 24px; padding: 9px 13px; border: 1px solid rgba(56,189,248,.24); background: rgba(56,189,248,.06); color: var(--dp-cyan-soft); font-size: 11px; font-weight: 820; letter-spacing: .14em; text-transform: uppercase; }
.dpref-dp__status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--dp-cyan); box-shadow: 0 0 0 5px rgba(56,189,248,.1), 0 0 18px rgba(56,189,248,.75); animation: dprefDpPulse 2s ease-in-out infinite; }
@keyframes dprefDpPulse { 50% { opacity: .52; transform: scale(.84); } }
.dpref-dp__hero-lead { max-width: 700px; margin-top: 30px; color: rgba(255,255,255,.72); font-size: clamp(17px,1.4vw,20px); line-height: 1.78; }
.dpref-dp__hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 36px; }
.dpref-dp__hero-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; max-width: 700px; margin-top: 46px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); }
.dpref-dp__hero-meta div { padding-right: 20px; }
.dpref-dp__hero-meta div + div { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.13); }
.dpref-dp__hero-meta strong, .dpref-dp__hero-meta span { display: block; }
.dpref-dp__hero-meta strong { color: var(--dp-white); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.dpref-dp__hero-meta span { margin-top: 4px; color: rgba(255,255,255,.46); font-size: 11px; }

.dpref-dp__hero-visual { position: relative; min-height: 660px; display: flex; align-items: center; justify-content: center; z-index: 3; }
.dpref-dp__radar { position: absolute; width: 590px; height: 590px; border: 1px solid rgba(56,189,248,.13); border-radius: 50%; }
.dpref-dp__radar span { position: absolute; inset: 14%; border: 1px solid rgba(56,189,248,.1); border-radius: 50%; }
.dpref-dp__radar span:nth-child(2) { inset: 28%; }
.dpref-dp__radar span:nth-child(3) { inset: 42%; }
.dpref-dp__radar::before, .dpref-dp__radar::after { content: ""; position: absolute; background: rgba(56,189,248,.11); }
.dpref-dp__radar::before { left: 50%; top: 0; bottom: 0; width: 1px; }
.dpref-dp__radar::after { top: 50%; left: 0; right: 0; height: 1px; }
.dpref-dp__radar i { position: absolute; left: 50%; top: 50%; width: 48%; height: 48%; transform-origin: 0 0; background: linear-gradient(42deg, rgba(56,189,248,.2), transparent 62%); animation: dprefDpRadar 7s linear infinite; }
@keyframes dprefDpRadar { to { transform: rotate(360deg); } }

.dpref-dp__browser {
  --dp-rx: 0deg; --dp-ry: 0deg; --dp-tx: 0px; --dp-ty: 0px;
  position: relative;
  z-index: 3;
  width: min(100%,620px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  overflow: hidden;
  background: #07111f;
  box-shadow: var(--dp-shadow-strong);
  transform: translate(var(--dp-tx),var(--dp-ty)) perspective(1300px) rotateX(var(--dp-rx)) rotateY(var(--dp-ry));
  transform-style: preserve-3d;
  transition: transform .2s ease-out;
}
.dpref-dp__browser::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.dpref-dp__browser-bar { height: 48px; display: grid; grid-template-columns: 100px 1fr 100px; align-items: center; padding: 0 15px; background: rgba(7,12,23,.97); border-bottom: 1px solid rgba(255,255,255,.09); }
.dpref-dp__browser-dots { display: flex; gap: 6px; }
.dpref-dp__browser-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.22); }
.dpref-dp__browser-dots span:first-child { background: var(--dp-cyan); }
.dpref-dp__browser-url { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.5); text-align: center; font-size: 10px; letter-spacing: .06em; }
.dpref-dp__browser-live { display: flex; align-items: center; justify-content: flex-end; gap: 6px; color: var(--dp-cyan); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.dpref-dp__browser-live i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.dpref-dp__site-preview { position: relative; height: 470px; overflow: hidden; background: linear-gradient(145deg,#07101e,#0b1830 50%,#0d3452); }
.dpref-dp__site-glow { position: absolute; width: 420px; height: 420px; right: -120px; top: -130px; border-radius: 50%; background: rgba(56,189,248,.22); filter: blur(12px); }
.dpref-dp__site-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(56,189,248,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.09) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,black,transparent 82%); }
.dpref-dp__site-nav { position: absolute; left: 28px; right: 28px; top: 24px; display: flex; align-items: center; justify-content: space-between; }
.dpref-dp__site-logo { display: flex; align-items: center; gap: 9px; color: var(--dp-white); text-transform: uppercase; }
.dpref-dp__site-logo b { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--dp-cyan); color: var(--dp-cyan); font-size: 12px; }
.dpref-dp__site-logo span { font-size: 8px; font-weight: 800; line-height: 1.15; letter-spacing: .08em; }
.dpref-dp__site-menu { display: flex; gap: 15px; color: rgba(255,255,255,.64); font-size: 7px; font-weight: 750; text-transform: uppercase; }
.dpref-dp__site-copy { position: absolute; left: 40px; bottom: 54px; max-width: 420px; color: var(--dp-white); z-index: 2; }
.dpref-dp__site-copy small { display: block; margin-bottom: 13px; color: var(--dp-cyan); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dpref-dp__site-copy strong { display: block; font-size: clamp(27px,3vw,42px); line-height: .98; letter-spacing: -.055em; text-transform: uppercase; }
.dpref-dp__site-cta { display: inline-flex; margin-top: 19px; padding: 10px 13px; background: linear-gradient(135deg,var(--dp-cyan),var(--dp-blue)); color: var(--dp-night); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.dpref-dp__site-dashboard { position: absolute; right: 20px; bottom: 18px; width: 170px; padding: 12px; border: 1px solid rgba(56,189,248,.24); background: rgba(7,13,25,.79); backdrop-filter: blur(10px); }
.dpref-dp__dash-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.dpref-dp__dash-head span { color: rgba(255,255,255,.52); font-size: 6px; text-transform: uppercase; }
.dpref-dp__dash-head strong { display: flex; align-items: center; gap: 5px; color: var(--dp-cyan); font-size: 7px; }
.dpref-dp__dash-head i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.dpref-dp__dash-chart { display: flex; align-items: end; gap: 5px; height: 52px; margin-top: 10px; }
.dpref-dp__dash-chart b { flex: 1; height: var(--h); min-height: 8px; background: linear-gradient(to top,var(--dp-blue),var(--dp-cyan)); opacity: .88; }
.dpref-dp__dash-meta { display: flex; align-items: end; gap: 6px; margin-top: 9px; }
.dpref-dp__dash-meta span { color: var(--dp-white); font-size: 18px; font-weight: 900; line-height: 1; }
.dpref-dp__dash-meta small { color: rgba(255,255,255,.46); font-size: 6px; text-transform: uppercase; }

.dpref-dp__floating-card { position: absolute; z-index: 5; padding: 16px 18px; border: 1px solid rgba(255,255,255,.13); background: rgba(7,13,25,.84); color: var(--dp-white); box-shadow: 0 20px 55px rgba(0,0,0,.32); backdrop-filter: blur(14px); animation: dprefDpFloat 5.5s ease-in-out infinite; }
.dpref-dp__floating-card small,.dpref-dp__floating-card strong,.dpref-dp__floating-card span { display: block; }
.dpref-dp__floating-card small { color: rgba(255,255,255,.42); font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }
.dpref-dp__floating-card strong { margin-top: 6px; font-size: 12px; }
.dpref-dp__floating-card span { display: flex; align-items: center; gap: 6px; margin-top: 7px; color: var(--dp-cyan); font-size: 8px; text-transform: uppercase; }
.dpref-dp__floating-card span i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.dpref-dp__floating-card--coverage { left: -12px; top: 120px; min-width: 225px; }
.dpref-dp__floating-card--quote { right: -20px; bottom: 82px; display: flex; gap: 10px; align-items: flex-start; animation-delay: -2.3s; }
.dpref-dp__quote-mark { color: var(--dp-cyan) !important; font-family: Georgia,serif; font-size: 32px; line-height: .7; }
@keyframes dprefDpFloat { 50% { transform: translateY(-10px); } }

.dpref-dp__scroll-cue { position: absolute; z-index: 5; left: 50%; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 8px; transform: translateX(-50%); color: rgba(255,255,255,.4); font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }
.dpref-dp__scroll-cue i { position: relative; width: 1px; height: 28px; overflow: hidden; background: rgba(255,255,255,.18); }
.dpref-dp__scroll-cue i::after { content: ""; position: absolute; left: 0; top: -100%; width: 1px; height: 100%; background: var(--dp-cyan); animation: dprefDpScroll 2s ease-in-out infinite; }
@keyframes dprefDpScroll { to { top: 100%; } }

/* Ribbon */
.dpref-dp__ribbon { position: relative; z-index: 4; overflow: hidden; border-top: 1px solid rgba(56,189,248,.2); border-bottom: 1px solid rgba(56,189,248,.2); background: linear-gradient(90deg,var(--dp-blue),var(--dp-cyan)); color: var(--dp-night); transform: rotate(-1.1deg) scale(1.03); }
.dpref-dp__ribbon-track { display: flex; width: max-content; animation: dprefDpRibbon 32s linear infinite; }
.dpref-dp__ribbon-group { display: flex; align-items: center; flex-shrink: 0; }
.dpref-dp__ribbon span { padding: 15px 18px; font-size: 12px; font-weight: 880; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.dpref-dp__ribbon i { font-style: normal; font-size: 8px; }
@keyframes dprefDpRibbon { to { transform: translateX(-50%); } }

/* Global section heading */
.dpref-dp__section-heading { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 28px; margin-bottom: 70px; }
.dpref-dp__section-number { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(37,99,235,.2); color: var(--dp-blue); font-size: 11px; font-weight: 850; }
.dpref-dp__section-heading--light { color: var(--dp-white); }
.dpref-dp__section-heading--light .dpref-dp__section-number { border-color: rgba(56,189,248,.22); color: var(--dp-cyan); }
.dpref-dp__section-heading--light .dpref-dp__section-kicker { color: var(--dp-cyan); }

/* Overview */
.dpref-dp__overview { position: relative; padding: 150px 0 140px; background: radial-gradient(circle at 92% 10%,rgba(37,99,235,.08),transparent 27%),var(--dp-paper); }
.dpref-dp__overview-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(350px,.85fr); gap: clamp(50px,8vw,110px); align-items: start; }
.dpref-dp__overview-story { display: grid; gap: 22px; color: var(--dp-muted); font-size: clamp(17px,1.5vw,20px); line-height: 1.85; }
.dpref-dp__dropcap::first-letter { float: left; margin: 9px 10px 0 0; color: var(--dp-blue); font-size: 70px; font-weight: 900; line-height: .72; }
.dpref-dp__project-card { padding: 30px; border: 1px solid var(--dp-line); background: rgba(255,255,255,.78); box-shadow: 0 22px 64px rgba(10,30,65,.09); backdrop-filter: blur(12px); }
.dpref-dp__project-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; color: var(--dp-blue); font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.dpref-dp__project-card-top i { width: 8px; height: 8px; border-radius: 50%; background: var(--dp-cyan); box-shadow: 0 0 0 5px rgba(56,189,248,.1); }
.dpref-dp__project-card dl div { display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 18px; padding: 16px 0; border-top: 1px solid rgba(15,38,71,.1); }
.dpref-dp__project-card dt { color: #8794a5; font-size: 11px; }
.dpref-dp__project-card dd { color: var(--dp-ink); font-size: 13px; font-weight: 720; line-height: 1.45; }
.dpref-dp__project-code { margin-top: 18px; padding-top: 17px; border-top: 1px solid rgba(15,38,71,.1); color: #9aa7b6; font: 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .12em; }
.dpref-dp__scope-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-top: 85px; }
.dpref-dp__scope-card { min-height: 258px; padding: 26px; border: 1px solid var(--dp-line); background: rgba(255,255,255,.65); transition: transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.dpref-dp__scope-card:hover { transform: translateY(-7px); border-color: rgba(37,99,235,.34); box-shadow: 0 23px 55px rgba(37,99,235,.1); }
.dpref-dp__scope-card>span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 50px; border: 1px solid rgba(37,99,235,.15); color: var(--dp-blue); font-size: 10px; font-weight: 850; }
.dpref-dp__scope-card h3 { margin-bottom: 12px; font-size: 20px; }
.dpref-dp__scope-card p { color: var(--dp-muted); font-size: 13px; line-height: 1.7; }

/* Strategy */
.dpref-dp__strategy { position: relative; overflow: hidden; padding: 150px 0; color: var(--dp-white); background: radial-gradient(circle at 88% 18%,rgba(56,189,248,.12),transparent 28%),linear-gradient(135deg,#060b14,#0b1220 58%,#0e2740); }
.dpref-dp__strategy::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px); background-size:72px 72px; }
.dpref-dp__strategy-bg { position:absolute; right:-20px; bottom:-40px; color:rgba(255,255,255,.022); font-size:clamp(90px,14vw,220px); font-weight:900; line-height:.8; white-space:nowrap; }
.dpref-dp__strategy-grid { display:grid; grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr); align-items:stretch; }
.dpref-dp__strategy-panel { position:relative; padding:34px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); backdrop-filter:blur(14px); }
.dpref-dp__strategy-panel--solution { background:linear-gradient(145deg,rgba(37,99,235,.17),rgba(56,189,248,.06)); border-color:rgba(56,189,248,.22); }
.dpref-dp__panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:60px; color:var(--dp-cyan); font-size:10px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.dpref-dp__panel-head b { color:rgba(255,255,255,.22); font-size:28px; }
.dpref-dp__strategy-panel h3 { max-width:520px; font-size:clamp(28px,3.1vw,44px); }
.dpref-dp__strategy-panel p { margin-top:22px; color:rgba(255,255,255,.58); font-size:14px; line-height:1.78; }
.dpref-dp__strategy-panel ul { display:grid; gap:12px; margin:28px 0 0; padding:0; list-style:none; }
.dpref-dp__strategy-panel li { display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.72); font-size:12px; }
.dpref-dp__strategy-panel li i { width:6px; height:6px; border-radius:50%; background:var(--dp-cyan); }
.dpref-dp__strategy-arrow { display:grid; place-items:center; align-content:center; gap:10px; color:rgba(255,255,255,.33); }
.dpref-dp__strategy-arrow span { font-size:48px; }
.dpref-dp__strategy-arrow small { writing-mode:vertical-rl; font-size:8px; letter-spacing:.16em; text-transform:uppercase; }
.dpref-dp__mini-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:28px; }
.dpref-dp__mini-steps div { min-height:126px; padding:17px; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.04); }
.dpref-dp__mini-steps span,.dpref-dp__mini-steps strong,.dpref-dp__mini-steps small { display:block; }
.dpref-dp__mini-steps span { color:var(--dp-cyan); font-size:9px; }
.dpref-dp__mini-steps strong { margin-top:24px; font-size:13px; }
.dpref-dp__mini-steps small { margin-top:4px; color:rgba(255,255,255,.38); font-size:8px; }

/* Command Center */
.dpref-dp__command { padding:150px 0; background:var(--dp-white); }
.dpref-dp__command-console { overflow:hidden; border:1px solid rgba(13,29,52,.15); background:#07101c; box-shadow:var(--dp-shadow-strong); }
.dpref-dp__command-topbar { display:grid; grid-template-columns:1.2fr 1fr .8fr; align-items:center; min-height:44px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.46); font:8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; }
.dpref-dp__command-topbar>div { display:flex; align-items:center; gap:7px; }
.dpref-dp__command-topbar>div:nth-child(2) { justify-content:center; }
.dpref-dp__command-topbar>div:last-child { justify-content:flex-end; color:var(--dp-cyan); }
.dpref-dp__command-topbar i,.dpref-dp__command-topbar span { width:6px; height:6px; border-radius:50%; background:var(--dp-cyan); box-shadow:0 0 10px currentColor; }
.dpref-dp__command-body { display:grid; grid-template-columns:270px minmax(0,1fr); }
.dpref-dp__command-tabs { border-right:1px solid rgba(255,255,255,.09); }
.dpref-dp__command-tabs button { position:relative; min-height:124px; display:grid; grid-template-columns:35px 1fr; grid-template-rows:auto auto; gap:1px 12px; align-content:center; width:100%; padding:20px; border:0; border-bottom:1px solid rgba(255,255,255,.09); background:transparent; color:rgba(255,255,255,.58); text-align:left; cursor:pointer; transition:background .22s ease,color .22s ease; }
.dpref-dp__command-tabs button::after { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--dp-cyan); transform:scaleY(0); transition:transform .25s ease; }
.dpref-dp__command-tabs button span { grid-row:1/3; color:rgba(255,255,255,.28); font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.dpref-dp__command-tabs button b { font-size:14px; text-transform:uppercase; }
.dpref-dp__command-tabs button small { color:rgba(255,255,255,.32); font-size:9px; }
.dpref-dp__command-tabs button:hover,.dpref-dp__command-tabs button.is-active { background:rgba(56,189,248,.07); color:var(--dp-white); }
.dpref-dp__command-tabs button.is-active::after { transform:scaleY(1); }
.dpref-dp__command-tabs button.is-active span { color:var(--dp-cyan); }
.dpref-dp__command-panel { display:grid; grid-template-columns:minmax(370px,1.1fr) minmax(300px,.9fr); min-height:600px; color:var(--dp-white); animation:dprefDpPanelIn .48s ease both; }
@keyframes dprefDpPanelIn { from { opacity:0; transform:translateY(12px); } }
.dpref-dp__panel-visual { position:relative; min-width:0; display:grid; place-items:center; overflow:hidden; padding:44px; border-right:1px solid rgba(255,255,255,.09); background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.18),transparent 58%),#07101c; }
.dpref-dp__panel-visual::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px); background-size:44px 44px; }
.dpref-dp__panel-copy { align-self:center; padding:clamp(34px,5vw,65px); }
.dpref-dp__panel-label { display:inline-flex; margin-bottom:20px; color:var(--dp-cyan); font-size:10px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.dpref-dp__panel-copy h3 { font-size:clamp(34px,3.4vw,54px); }
.dpref-dp__panel-copy p { margin-top:22px; color:rgba(255,255,255,.58); font-size:14px; line-height:1.75; }
.dpref-dp__panel-copy ul { display:grid; gap:11px; margin:26px 0 0; padding:0; list-style:none; }
.dpref-dp__panel-copy li { position:relative; padding-left:17px; color:rgba(255,255,255,.72); font-size:12px; }
.dpref-dp__panel-copy li::before { content:""; position:absolute; left:0; top:.65em; width:5px; height:5px; border-radius:50%; background:var(--dp-cyan); }

.dpref-dp__seo-network { position:relative; z-index:2; width:min(100%,430px); aspect-ratio:1; border:1px solid rgba(56,189,248,.15); border-radius:50%; }
.dpref-dp__seo-network::before,.dpref-dp__seo-network::after { content:""; position:absolute; inset:16%; border:1px dashed rgba(56,189,248,.13); border-radius:50%; }
.dpref-dp__seo-network::after { inset:32%; }
.dpref-dp__network-core { position:absolute; z-index:3; left:50%; top:50%; display:grid; place-items:center; width:120px; height:120px; border:1px solid rgba(56,189,248,.35); border-radius:50%; background:rgba(7,16,28,.92); transform:translate(-50%,-50%); box-shadow:0 0 40px rgba(56,189,248,.14); }
.dpref-dp__network-core b { color:var(--dp-cyan); font-size:28px; }
.dpref-dp__network-core span { color:rgba(255,255,255,.42); font-size:7px; text-transform:uppercase; }
.dpref-dp__seo-network>i { position:absolute; z-index:2; width:12px; height:12px; border:2px solid var(--dp-cyan); border-radius:50%; background:#07101c; box-shadow:0 0 14px rgba(56,189,248,.45); }
.dpref-dp__seo-network .n1{left:48%;top:3%}.dpref-dp__seo-network .n2{right:16%;top:18%}.dpref-dp__seo-network .n3{right:3%;top:48%}.dpref-dp__seo-network .n4{right:18%;bottom:14%}.dpref-dp__seo-network .n5{left:48%;bottom:3%}.dpref-dp__seo-network .n6{left:15%;bottom:17%}.dpref-dp__seo-network .n7{left:3%;top:48%}.dpref-dp__seo-network .n8{left:17%;top:17%}
.dpref-dp__seo-network>span { position:absolute; left:50%; top:50%; width:48%; height:1px; background:linear-gradient(90deg,rgba(56,189,248,.55),transparent); transform-origin:0 50%; }
.dpref-dp__seo-network .l1{transform:rotate(-45deg)}.dpref-dp__seo-network .l2{transform:rotate(45deg)}.dpref-dp__seo-network .l3{transform:rotate(135deg)}.dpref-dp__seo-network .l4{transform:rotate(225deg)}

.dpref-dp__ux-demo,.dpref-dp__content-demo,.dpref-dp__conversion-demo { position:relative; z-index:2; width:min(100%,490px); }
.dpref-dp__ux-window { overflow:hidden; border:1px solid rgba(255,255,255,.16); background:#f7fbff; box-shadow:0 28px 70px rgba(0,0,0,.28); transform:rotate(-1.5deg); }
.dpref-dp__ux-bar { display:flex; gap:5px; padding:10px 12px; background:#dfe8f3; }
.dpref-dp__ux-bar i { width:6px; height:6px; border-radius:50%; background:#a4b0bf; }
.dpref-dp__ux-hero { min-height:270px; padding:45px 28px 30px; color:var(--dp-white); background:linear-gradient(135deg,#0b1220,#12396a); }
.dpref-dp__ux-hero span { color:var(--dp-cyan); font-size:8px; font-weight:800; letter-spacing:.13em; }
.dpref-dp__ux-hero strong { display:block; margin-top:13px; font-size:36px; line-height:1; text-transform:uppercase; }
.dpref-dp__ux-hero b { display:block; width:110px; height:30px; margin-top:24px; background:linear-gradient(90deg,var(--dp-cyan),var(--dp-blue)); }
.dpref-dp__ux-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px; }
.dpref-dp__ux-cards i { height:68px; background:#e8eef6; }

.dpref-dp__content-demo { padding:28px; border:1px solid rgba(255,255,255,.14); background:rgba(7,15,27,.82); box-shadow:0 26px 70px rgba(0,0,0,.25); }
.dpref-dp__content-head span,.dpref-dp__content-head b { display:block; }
.dpref-dp__content-head span { color:var(--dp-cyan); font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.dpref-dp__content-head b { margin-top:10px; font-size:24px; line-height:1.15; }
.dpref-dp__content-lines { display:grid; gap:9px; margin-top:28px; }
.dpref-dp__content-lines i { display:block; height:7px; background:linear-gradient(90deg,rgba(56,189,248,.55),rgba(255,255,255,.08)); }
.dpref-dp__content-lines i:nth-child(2){width:86%}.dpref-dp__content-lines i:nth-child(3){width:72%}.dpref-dp__content-lines i:nth-child(4){width:94%}.dpref-dp__content-lines i:nth-child(5){width:61%}
.dpref-dp__content-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:25px; }
.dpref-dp__content-tags span { padding:8px 10px; border:1px solid rgba(56,189,248,.22); color:var(--dp-cyan-soft); font-size:8px; }

.dpref-dp__conversion-path { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; color:rgba(255,255,255,.55); font-size:9px; font-weight:800; letter-spacing:.08em; }
.dpref-dp__conversion-path span { padding:10px 12px; border:1px solid rgba(56,189,248,.18); background:rgba(56,189,248,.05); }
.dpref-dp__conversion-path i { color:var(--dp-cyan); font-style:normal; }
.dpref-dp__conversion-card { margin-top:24px; padding:34px; border:1px solid rgba(56,189,248,.22); background:linear-gradient(145deg,rgba(37,99,235,.2),rgba(56,189,248,.06)); }
.dpref-dp__conversion-card small,.dpref-dp__conversion-card strong,.dpref-dp__conversion-card b { display:block; }
.dpref-dp__conversion-card small { color:var(--dp-cyan); font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.dpref-dp__conversion-card strong { margin-top:12px; font-size:32px; line-height:1.05; }
.dpref-dp__conversion-card b { width:max-content; margin-top:24px; padding:12px 14px; background:linear-gradient(90deg,var(--dp-cyan),var(--dp-blue)); color:var(--dp-night); font-size:8px; }

/* Design */
.dpref-dp__design { position:relative; overflow:hidden; padding:150px 0; color:var(--dp-white); background:radial-gradient(circle at 82% 16%,rgba(56,189,248,.13),transparent 28%),radial-gradient(circle at 12% 88%,rgba(37,99,235,.17),transparent 34%),var(--dp-navy); }
.dpref-dp__design::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:76px 76px; }
.dpref-dp__design-bg-text { position:absolute; right:-25px; bottom:-28px; color:rgba(255,255,255,.025); font-size:clamp(100px,15vw,235px); font-weight:900; line-height:.8; letter-spacing:-.08em; white-space:nowrap; }
.dpref-dp__design-grid { display:grid; grid-template-columns:1.1fr .9fr; grid-template-areas:"palette type" "ui quote"; gap:20px; }
.dpref-dp__palette,.dpref-dp__type-card,.dpref-dp__ui-card,.dpref-dp__brand-quote { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); backdrop-filter:blur(16px); }
.dpref-dp__palette { grid-area:palette; padding:28px; }
.dpref-dp__type-card { grid-area:type; padding:28px; }
.dpref-dp__ui-card { grid-area:ui; padding:28px; }
.dpref-dp__brand-quote { grid-area:quote; padding:30px; }
.dpref-dp__design-card-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.dpref-dp__design-card-head span { color:var(--dp-cyan); font-size:9px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.dpref-dp__design-card-head strong { font-size:15px; }
.dpref-dp__swatches { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.dpref-dp__swatch { display:flex; min-height:200px; flex-direction:column; justify-content:space-between; padding:20px; transition:transform .28s ease; }
.dpref-dp__swatch:hover { transform:scale(.985); }
.dpref-dp__swatch span { font-size:9px; font-weight:750; letter-spacing:.08em; }
.dpref-dp__swatch b { font-size:13px; }
.dpref-dp__swatch--night { background:#0b1220; border:1px solid rgba(255,255,255,.1); }
.dpref-dp__swatch--blue { background:#2563eb; }
.dpref-dp__swatch--cyan { background:#38bdf8; color:#07111f; }
.dpref-dp__swatch--white { background:#f8fafc; color:#0b1220; }
.dpref-dp__type-display { margin-top:46px; color:var(--dp-white); font-size:clamp(29px,3.3vw,45px); font-weight:900; line-height:.95; letter-spacing:-.055em; }
.dpref-dp__type-display em { color:var(--dp-cyan); font-style:normal; }
.dpref-dp__type-meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:35px; }
.dpref-dp__type-meta span { padding:7px 9px; border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.48); font-size:8px; }
.dpref-dp__ui-samples { display:flex; flex-wrap:wrap; gap:10px; }
.dpref-dp__ui-samples>span { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 13px; border:1px solid rgba(255,255,255,.12); font-size:8px; font-weight:800; letter-spacing:.08em; }
.dpref-dp__ui-status { color:var(--dp-cyan); }
.dpref-dp__ui-status i { width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:0 0 9px currentColor; }
.dpref-dp__ui-tag { background:rgba(56,189,248,.08); color:var(--dp-cyan-soft); }
.dpref-dp__ui-button { background:linear-gradient(90deg,var(--dp-cyan),var(--dp-blue)); color:var(--dp-night); border-color:transparent!important; }
.dpref-dp__ui-coord { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:rgba(255,255,255,.5); }
.dpref-dp__brand-quote>span { color:var(--dp-cyan); font-family:Georgia,serif; font-size:60px; line-height:.6; }
.dpref-dp__brand-quote p { margin-top:16px; font-size:clamp(24px,2.5vw,34px); font-weight:760; line-height:1.08; letter-spacing:-.045em; }
.dpref-dp__brand-quote footer { margin-top:25px; color:rgba(255,255,255,.42); font-size:9px; letter-spacing:.13em; text-transform:uppercase; }

/* Coverage */
.dpref-dp__coverage { padding:150px 0; background:var(--dp-paper); }
.dpref-dp__coverage-head { max-width:900px; margin-bottom:65px; }
.dpref-dp__coverage-head h2 { font-size:clamp(42px,5vw,72px); }
.dpref-dp__coverage-head p { max-width:720px; margin-top:24px; color:var(--dp-muted); font-size:15px; line-height:1.8; }
.dpref-dp__coverage-grid { display:grid; grid-template-columns:minmax(450px,1.05fr) minmax(0,.95fr); gap:clamp(46px,7vw,92px); align-items:center; }
.dpref-dp__coverage-map { position:relative; min-height:580px; overflow:hidden; border:1px solid var(--dp-line); background:linear-gradient(145deg,#07111e,#0c1b33 58%,#0c3150); box-shadow:var(--dp-shadow); }
.dpref-dp__map-grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px); background-size:48px 48px; }
.dpref-dp__map-label { position:absolute; left:28px; top:26px; color:var(--dp-white); }
.dpref-dp__map-label span,.dpref-dp__map-label strong { display:block; }
.dpref-dp__map-label span { color:var(--dp-cyan); font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.dpref-dp__map-label strong { margin-top:8px; font-size:15px; letter-spacing:.06em; }
.dpref-dp__map-points i { position:absolute; left:var(--x); top:var(--y); width:9px; height:9px; border:2px solid var(--dp-cyan); border-radius:50%; box-shadow:0 0 0 5px rgba(56,189,248,.08),0 0 20px rgba(56,189,248,.6); animation:dprefDpPoint 2.4s ease-in-out infinite; animation-delay:calc((var(--x) + var(--y)) * -8ms); }
@keyframes dprefDpPoint { 50% { transform:scale(.7); opacity:.55; } }
.dpref-dp__map-core { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:150px; height:150px; border:1px solid rgba(56,189,248,.35); border-radius:50%; background:rgba(7,16,29,.88); transform:translate(-50%,-50%); box-shadow:0 0 0 18px rgba(56,189,248,.04),0 0 60px rgba(56,189,248,.17); }
.dpref-dp__map-core b { color:var(--dp-cyan); font-size:34px; }
.dpref-dp__map-core span { color:rgba(255,255,255,.42); font-size:8px; text-transform:uppercase; }
.dpref-dp__coverage-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.dpref-dp__coverage-stats article { display:flex; min-height:238px; flex-direction:column; justify-content:space-between; padding:25px; border:1px solid var(--dp-line); background:var(--dp-white); }
.dpref-dp__coverage-stats strong { color:var(--dp-blue); font-size:clamp(46px,5vw,72px); font-weight:880; line-height:1; letter-spacing:-.06em; }
.dpref-dp__coverage-stats span { max-width:180px; margin-top:auto; color:var(--dp-ink); font-size:13px; font-weight:800; line-height:1.35; }
.dpref-dp__coverage-stats p { margin-top:10px; color:var(--dp-muted); font-size:11px; line-height:1.55; }

/* Ecosystem */
.dpref-dp__ecosystem { position:relative; overflow:hidden; padding:150px 0; color:var(--dp-white); background:radial-gradient(circle at 10% 88%,rgba(37,99,235,.16),transparent 34%),linear-gradient(135deg,#060b14,#0b1220 62%,#0d2944); }
.dpref-dp__ecosystem::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px); background-size:72px 72px; }
.dpref-dp__ecosystem-grid { display:grid; grid-template-columns:minmax(520px,1.05fr) minmax(0,.95fr); gap:clamp(50px,8vw,105px); align-items:center; }
.dpref-dp__sitemap { position:relative; min-height:620px; }
.dpref-dp__sitemap::before,.dpref-dp__sitemap::after { content:""; position:absolute; left:50%; top:50%; border:1px dashed rgba(56,189,248,.13); border-radius:50%; transform:translate(-50%,-50%); }
.dpref-dp__sitemap::before { width:430px; height:430px; }
.dpref-dp__sitemap::after { width:590px; height:590px; border-color:rgba(37,99,235,.14); }
.dpref-dp__sitemap-core { position:absolute; z-index:2; left:50%; top:50%; display:grid; justify-items:center; align-content:center; width:180px; height:180px; border:1px solid rgba(56,189,248,.26); border-radius:50%; background:rgba(255,255,255,.06); transform:translate(-50%,-50%); box-shadow:0 0 0 18px rgba(56,189,248,.025),0 28px 70px rgba(0,0,0,.28); backdrop-filter:blur(14px); }
.dpref-dp__sitemap-core b { display:grid; place-items:center; width:44px; height:44px; margin-bottom:10px; border:1px solid var(--dp-cyan); color:var(--dp-cyan); }
.dpref-dp__sitemap-core strong { font-size:17px; }
.dpref-dp__sitemap-core small { margin-top:3px; color:rgba(255,255,255,.42); font-size:8px; }
.dpref-dp__sitemap-node { position:absolute; z-index:3; display:flex; align-items:center; gap:9px; min-width:130px; padding:12px 15px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); color:rgba(255,255,255,.82); font-size:10px; font-weight:700; backdrop-filter:blur(10px); }
.dpref-dp__sitemap-node span { color:var(--dp-cyan); font-size:8px; font-weight:850; }
.dpref-dp__sitemap-node--one{left:50%;top:2%;transform:translateX(-50%)}.dpref-dp__sitemap-node--two{right:2%;top:19%}.dpref-dp__sitemap-node--three{right:-1%;top:44%}.dpref-dp__sitemap-node--four{right:5%;bottom:13%}.dpref-dp__sitemap-node--five{left:50%;bottom:1%;transform:translateX(-50%)}.dpref-dp__sitemap-node--six{left:3%;bottom:13%}.dpref-dp__sitemap-node--seven{left:-1%;top:44%}.dpref-dp__sitemap-node--eight{left:2%;top:19%}
.dpref-dp__deliverables { display:grid; border-top:1px solid rgba(255,255,255,.11); }
.dpref-dp__deliverables article { display:grid; grid-template-columns:36px minmax(0,1fr); gap:18px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.11); }
.dpref-dp__deliverables article>span { display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(56,189,248,.22); color:var(--dp-cyan); font-size:11px; }
.dpref-dp__deliverables h3 { margin-bottom:7px; color:var(--dp-white); font-size:18px; }
.dpref-dp__deliverables p { color:rgba(255,255,255,.48); font-size:12px; line-height:1.65; }

/* Showcase */
.dpref-dp__showcase { padding:150px 0; background:var(--dp-paper); }
.dpref-dp__showcase-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); column-gap:70px; align-items:end; margin-bottom:60px; }
.dpref-dp__showcase-intro .dpref-dp__section-kicker { grid-column:1/-1; }
.dpref-dp__showcase-intro h2 { font-size:clamp(38px,4.5vw,66px); }
.dpref-dp__showcase-intro p { padding-bottom:5px; color:var(--dp-muted); font-size:14px; line-height:1.8; }
.dpref-dp__showcase-grid { display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:repeat(2,360px); gap:16px; }
.dpref-dp__showcase-card { display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; border:1px solid var(--dp-line); background:var(--dp-white); box-shadow:0 18px 50px rgba(20,43,78,.08); }
.dpref-dp__showcase-card--large { grid-row:1/3; }
.dpref-dp__showcase-card footer { display:grid; grid-template-columns:34px 1fr; gap:14px; padding:20px; border-top:1px solid var(--dp-line); }
.dpref-dp__showcase-card footer>span { color:var(--dp-blue); font-size:9px; font-weight:850; }
.dpref-dp__showcase-card footer strong,.dpref-dp__showcase-card footer small { display:block; }
.dpref-dp__showcase-card footer strong { font-size:15px; }
.dpref-dp__showcase-card footer small { margin-top:4px; color:var(--dp-muted); font-size:10px; }
.dpref-dp__screen { position:relative; overflow:hidden; min-height:0; }
.dpref-dp__screen--home { background:linear-gradient(135deg,#08101d,#0d2a4d); }
.dpref-dp__screen-top { display:flex; align-items:center; gap:5px; height:38px; padding:0 12px; background:rgba(5,9,17,.84); }
.dpref-dp__screen-top i { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.25); }
.dpref-dp__screen-top i:first-child { background:var(--dp-cyan); }
.dpref-dp__screen-top span { margin-left:auto; margin-right:auto; color:rgba(255,255,255,.4); font-size:7px; }
.dpref-dp__screen-hero { position:absolute; inset:38px 0 0; display:flex; flex-direction:column; justify-content:center; padding:44px; color:var(--dp-white); background:radial-gradient(circle at 80% 20%,rgba(56,189,248,.25),transparent 29%),linear-gradient(135deg,rgba(4,8,16,.1),rgba(37,99,235,.17)); }
.dpref-dp__screen-hero small { color:var(--dp-cyan); font-size:8px; font-weight:850; letter-spacing:.12em; }
.dpref-dp__screen-hero strong { max-width:540px; margin-top:15px; font-size:clamp(34px,4.1vw,58px); line-height:.97; text-transform:uppercase; }
.dpref-dp__screen-hero b { width:max-content; margin-top:28px; padding:12px 14px; background:linear-gradient(90deg,var(--dp-cyan),var(--dp-blue)); color:var(--dp-night); font-size:8px; }
.dpref-dp__screen--local { display:flex; flex-direction:column; justify-content:center; padding:36px; color:var(--dp-white); background:linear-gradient(145deg,#0b1220,#123c73); }
.dpref-dp__screen--local::before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px); background-size:36px 36px; }
.dpref-dp__screen-label { position:relative; z-index:2; color:var(--dp-cyan); font-size:8px; font-weight:850; letter-spacing:.14em; }
.dpref-dp__screen--local strong { position:relative; z-index:2; margin-top:14px; font-size:34px; line-height:1; text-transform:uppercase; }
.dpref-dp__screen--local em { color:var(--dp-cyan); font-style:normal; }
.dpref-dp__screen--local>span { position:relative; z-index:2; margin-top:17px; color:rgba(255,255,255,.55); font-size:9px; }
.dpref-dp__screen--local>i { position:absolute; right:25px; bottom:20px; width:80px; height:80px; border:1px solid rgba(56,189,248,.25); border-radius:50%; box-shadow:0 0 0 15px rgba(56,189,248,.04); }
.dpref-dp__screen--service { display:flex; flex-direction:column; justify-content:center; padding:36px; color:var(--dp-ink); background:#eef5fb; }
.dpref-dp__screen--service small { color:var(--dp-blue); font-size:8px; font-weight:850; letter-spacing:.13em; }
.dpref-dp__screen--service strong { margin-top:13px; font-size:30px; line-height:1.03; }
.dpref-dp__screen--service div { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }
.dpref-dp__screen--service span { padding:8px 9px; border:1px solid rgba(37,99,235,.15); color:var(--dp-blue); font-size:7px; font-weight:800; }

/* Results */
.dpref-dp__results { padding:150px 0; background:var(--dp-white); }
.dpref-dp__results-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr); gap:clamp(55px,8vw,110px); align-items:center; }
.dpref-dp__results-copy h2 { font-size:clamp(40px,4.8vw,70px); }
.dpref-dp__results-copy p { max-width:720px; margin-top:26px; color:var(--dp-muted); font-size:16px; line-height:1.82; }
.dpref-dp__text-link { display:inline-flex; align-items:center; gap:12px; margin-top:34px; color:var(--dp-blue); font-size:14px; font-weight:800; }
.dpref-dp__text-link span { transition:transform .25s ease; }
.dpref-dp__text-link:hover span { transform:translate(3px,-3px); }
.dpref-dp__results-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.dpref-dp__results-cards article { min-height:220px; padding:24px; border:1px solid var(--dp-line); background:var(--dp-paper); }
.dpref-dp__results-cards article>span { color:var(--dp-blue); font-size:9px; font-weight:850; }
.dpref-dp__results-cards strong { display:block; margin-top:55px; font-size:20px; line-height:1.1; }
.dpref-dp__results-cards p { margin-top:11px; color:var(--dp-muted); font-size:11px; line-height:1.6; }

/* CTA */
.dpref-dp__cta { position:relative; overflow:hidden; padding:34px 0; background:var(--dp-navy); }
.dpref-dp__cta-glow { position:absolute; width:520px; height:520px; right:-170px; top:-210px; border-radius:50%; background:rgba(56,189,248,.14); filter:blur(14px); }
.dpref-dp__cta-inner { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); align-items:center; gap:50px; padding:clamp(46px,7vw,84px); border:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.11),transparent 32%),linear-gradient(135deg,#123f8b,#0f6eb0 56%,#138ec2); color:var(--dp-white); box-shadow:0 35px 90px rgba(0,0,0,.28); }
.dpref-dp__cta-inner::after { content:"DP"; position:absolute; right:-34px; bottom:-110px; color:rgba(255,255,255,.055); font-size:280px; font-weight:900; line-height:1; }
.dpref-dp__cta-kicker { color:rgba(255,255,255,.68); }
.dpref-dp__cta h2 { position:relative; z-index:2; max-width:760px; font-size:clamp(39px,4.7vw,68px); }
.dpref-dp__cta p { position:relative; z-index:2; max-width:670px; margin-top:22px; color:rgba(255,255,255,.7); font-size:15px; line-height:1.75; }
.dpref-dp__cta-actions { position:relative; z-index:2; display:grid; justify-items:start; gap:22px; }
.dpref-dp__cta-contact { display:grid; gap:2px; color:var(--dp-white); }
.dpref-dp__cta-contact small { color:rgba(255,255,255,.5); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.dpref-dp__cta-contact strong { font-size:17px; }

/* Responsive */
@media (max-width: 1180px) {
  .dpref-dp__hero { min-height:auto; padding-top:130px; }
  .dpref-dp__hero-grid { grid-template-columns:1fr; }
  .dpref-dp__hero-copy { max-width:900px; }
  .dpref-dp__hero-visual { min-height:620px; width:min(100%,780px); margin-inline:auto; }
  .dpref-dp__floating-card--coverage { left:10px; }
  .dpref-dp__floating-card--quote { right:10px; }
  .dpref-dp__scope-grid { grid-template-columns:repeat(2,1fr); }
  .dpref-dp__coverage-grid,.dpref-dp__ecosystem-grid,.dpref-dp__results-grid { grid-template-columns:1fr; }
  .dpref-dp__coverage-map,.dpref-dp__sitemap { width:min(100%,720px); margin-inline:auto; }
  .dpref-dp__coverage-stats,.dpref-dp__results-cards { max-width:820px; }
}

@media (max-width: 980px) {
  .dpref-dp__container { width:min(calc(100% - 36px),var(--dp-container)); }
  .dpref-dp__overview-grid,.dpref-dp__design-grid,.dpref-dp__showcase-intro,.dpref-dp__cta-inner { grid-template-columns:1fr; }
  .dpref-dp__design-grid { grid-template-areas:"palette" "type" "ui" "quote"; }
  .dpref-dp__strategy-grid { grid-template-columns:1fr; gap:18px; }
  .dpref-dp__strategy-arrow { display:none; }
  .dpref-dp__command-body { grid-template-columns:1fr; }
  .dpref-dp__command-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .dpref-dp__command-tabs button { min-height:110px; border-bottom:0; border-right:1px solid rgba(255,255,255,.09); }
  .dpref-dp__command-panel { grid-template-columns:1fr; }
  .dpref-dp__panel-visual { min-height:500px; border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .dpref-dp__showcase-intro { gap:18px; }
  .dpref-dp__showcase-intro p { max-width:650px; }
}

@media (max-width: 720px) {
  .dpref-dp { overflow:hidden; }
  .dpref-dp__container { width:min(calc(100% - 28px),var(--dp-container)); }
  .dpref-dp h1 { font-size:clamp(34px,10vw,48px); line-height:.98; }
  .dpref-dp h2,.dpref-dp__coverage-head h2,.dpref-dp__showcase-intro h2,.dpref-dp__results-copy h2,.dpref-dp__cta h2 { font-size:clamp(35px,10.1vw,49px); line-height:1.02; }
  .dpref-dp__hero { padding:98px 0 72px; }
  .dpref-dp__backlink { margin-bottom:30px; }
  .dpref-dp__eyebrow { width:max-content; max-width:100%; font-size:8px; line-height:1.4; letter-spacing:.08em; }
  .dpref-dp__hero-lead { margin-top:22px; font-size:16px; line-height:1.7; }
  .dpref-dp__hero-actions { display:grid; }
  .dpref-dp__button { width:100%; }
  .dpref-dp__hero-meta { grid-template-columns:1fr; gap:14px; margin-top:38px; }
  .dpref-dp__hero-meta div,.dpref-dp__hero-meta div+div { display:grid; grid-template-columns:120px 1fr; align-items:center; padding:0; border:0; }
  .dpref-dp__hero-visual { min-height:470px; margin-top:12px; }
  .dpref-dp__browser { width:106%; }
  .dpref-dp__browser-bar { height:34px; grid-template-columns:54px 1fr 64px; padding-inline:10px; }
  .dpref-dp__browser-dots span { width:6px; height:6px; }
  .dpref-dp__browser-live { font-size:7px; }
  .dpref-dp__site-preview { height:350px; }
  .dpref-dp__site-nav { left:16px; right:16px; top:16px; }
  .dpref-dp__site-menu { display:none; }
  .dpref-dp__site-copy { left:20px; right:20px; bottom:44px; }
  .dpref-dp__site-copy strong { font-size:27px; }
  .dpref-dp__site-dashboard { width:132px; right:10px; bottom:10px; }
  .dpref-dp__dash-chart { height:38px; }
  .dpref-dp__floating-card { padding:11px 12px; }
  .dpref-dp__floating-card--coverage { top:28px; left:-5px; min-width:178px; }
  .dpref-dp__floating-card--quote { right:-5px; bottom:4px; }
  .dpref-dp__floating-card strong { font-size:10px; }
  .dpref-dp__radar { width:390px; height:390px; }
  .dpref-dp__scroll-cue { display:none; }
  .dpref-dp__ribbon span { padding:12px 13px; font-size:9px; }
  .dpref-dp__overview,.dpref-dp__strategy,.dpref-dp__command,.dpref-dp__design,.dpref-dp__coverage,.dpref-dp__ecosystem,.dpref-dp__showcase,.dpref-dp__results { padding:92px 0; }
  .dpref-dp__section-heading { grid-template-columns:1fr; gap:16px; margin-bottom:45px; }
  .dpref-dp__section-number { width:46px; height:46px; }
  .dpref-dp__overview-grid { gap:36px; }
  .dpref-dp__project-card { padding:21px; }
  .dpref-dp__project-card dl div { grid-template-columns:82px 1fr; gap:10px; }
  .dpref-dp__scope-grid { grid-template-columns:1fr; gap:10px; margin-top:50px; }
  .dpref-dp__scope-card { min-height:auto; padding:22px; }
  .dpref-dp__scope-card>span { margin-bottom:30px; }
  .dpref-dp__strategy-panel { padding:25px 20px; }
  .dpref-dp__panel-head { margin-bottom:45px; }
  .dpref-dp__mini-steps { grid-template-columns:1fr; }
  .dpref-dp__mini-steps div { min-height:105px; }
  .dpref-dp__mini-steps strong { margin-top:17px; }
  .dpref-dp__command-topbar { padding:0 10px; font-size:7px; }
  .dpref-dp__command-topbar>div:nth-child(2),.dpref-dp__command-topbar>div:last-child { display:none; }
  .dpref-dp__command-tabs { grid-template-columns:1fr 1fr; }
  .dpref-dp__command-tabs button { min-height:92px; padding:13px; grid-template-columns:24px 1fr; gap:1px 6px; }
  .dpref-dp__command-tabs button b { font-size:10px; }
  .dpref-dp__command-tabs button small { font-size:7px; }
  .dpref-dp__panel-visual { min-height:390px; padding:22px; }
  .dpref-dp__panel-copy { padding:30px 22px; }
  .dpref-dp__panel-copy h3 { font-size:34px; }
  .dpref-dp__seo-network { width:320px; }
  .dpref-dp__network-core { width:100px; height:100px; }
  .dpref-dp__ux-hero strong { font-size:29px; }
  .dpref-dp__conversion-card { padding:25px; }
  .dpref-dp__conversion-card strong { font-size:27px; }
  .dpref-dp__palette,.dpref-dp__type-card,.dpref-dp__ui-card,.dpref-dp__brand-quote { padding:22px; }
  .dpref-dp__swatches { grid-template-columns:1fr; }
  .dpref-dp__swatch { min-height:145px; }
  .dpref-dp__type-display { font-size:32px; }
  .dpref-dp__coverage-map { min-height:470px; }
  .dpref-dp__coverage-stats { grid-template-columns:1fr 1fr; }
  .dpref-dp__coverage-stats article { min-height:205px; padding:19px; }
  .dpref-dp__coverage-stats strong { font-size:48px; }
  .dpref-dp__sitemap { min-height:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
  .dpref-dp__sitemap::before,.dpref-dp__sitemap::after { display:none; }
  .dpref-dp__sitemap-core { position:relative; left:auto; top:auto; grid-column:1/-1; width:100%; height:150px; margin-bottom:5px; border-radius:0; transform:none; }
  .dpref-dp__sitemap-node { position:static; min-width:0; transform:none; }
  .dpref-dp__showcase-grid { grid-template-columns:1fr; grid-template-rows:none; }
  .dpref-dp__showcase-card--large { grid-row:auto; }
  .dpref-dp__showcase-card { min-height:440px; }
  .dpref-dp__screen-hero { padding:30px 24px; }
  .dpref-dp__screen-hero strong { font-size:36px; }
  .dpref-dp__results-cards { grid-template-columns:1fr 1fr; }
  .dpref-dp__results-cards article { min-height:190px; padding:18px; }
  .dpref-dp__results-cards strong { margin-top:40px; font-size:18px; }
  .dpref-dp__cta { padding:16px 0; }
  .dpref-dp__cta-inner { gap:38px; padding:38px 22px; }
  .dpref-dp__cta-inner::after { right:-55px; bottom:-70px; font-size:190px; }
}

@media (max-width: 450px) {
  .dpref-dp__hero-meta div,.dpref-dp__hero-meta div+div { grid-template-columns:1fr; }
  .dpref-dp__floating-card--quote { display:none; }
  .dpref-dp__site-dashboard { display:none; }
  .dpref-dp__site-copy { bottom:34px; }
  .dpref-dp__coverage-stats,.dpref-dp__results-cards { grid-template-columns:1fr; }
  .dpref-dp__coverage-stats article,.dpref-dp__results-cards article { min-height:170px; }
  .dpref-dp__sitemap { grid-template-columns:1fr; }
  .dpref-dp__command-tabs { grid-template-columns:1fr; }
  .dpref-dp__panel-visual { min-height:350px; }
  .dpref-dp__seo-network { width:270px; }
}

.dpref-dp a:focus-visible,
.dpref-dp button:focus-visible { outline:3px solid var(--dp-cyan); outline-offset:4px; }

@media (prefers-reduced-motion: reduce) {
  .dpref-dp *, .dpref-dp *::before, .dpref-dp *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .dpref-dp [data-dp-reveal] { opacity:1; transform:none; }
}/* End custom CSS */