@font-face{font-family:InterFallback;src:local("Arial");font-display:swap}
:root{--ink:#2d1741;--muted:#71677c;--plum:#5a2c72;--plum-dark:#3f1f56;--coral:#ff8068;--coral-dark:#ed654f;--cream:#fffaf6;--lilac:#f3ecf8;--mint:#b7e1d2;--white:#fff;--line:rgba(70,36,87,.12);--shadow:0 28px 80px rgba(66,31,82,.13);--radius-xl:36px;--radius-lg:24px;--radius-md:15px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Gilroy,InterFallback,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit}
.di-demo{min-height:100vh;overflow:hidden}
.di-landing{position:relative;min-height:auto;padding:24px 0 20px;background:#fff;isolation:isolate}
.di-container{position:relative;z-index:2;width:min(1200px,calc(100% - 56px));margin:0 auto}
.di-landing__glow{position:absolute;border-radius:999px;filter:blur(2px);opacity:.58;z-index:-1;pointer-events:none}
.di-landing__glow--one{width:460px;height:460px;right:-160px;top:-170px;background:radial-gradient(circle,rgba(255,137,110,.3),transparent 68%)}
.di-landing__glow--two{width:520px;height:520px;left:-260px;bottom:-270px;background:radial-gradient(circle,rgba(157,103,188,.22),transparent 68%)}
.di-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(24px,3vw,42px);align-items:center;padding:34px 38px 30px;border:1px solid rgba(90,44,114,.08);border-radius:38px;background:linear-gradient(128deg,#f2e6f6 0%,#f7eaf0 54%,#f9ded7 100%);box-shadow:0 18px 60px rgba(72,35,89,.08);overflow:hidden}
.di-hero::before{content:"";position:absolute;width:340px;height:340px;right:-130px;top:-150px;border-radius:50%;background:rgba(255,255,255,.37)}
.di-hero__content{position:relative;z-index:2;min-width:0;padding:0}
h1{max-width:720px;margin:0;font-size:clamp(40px,3.8vw,56px);font-weight:850;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.di-title__lead,.di-title__accent{display:block;color:var(--ink);font-size:1em;font-weight:850;letter-spacing:inherit}
.di-copy{max-width:610px;margin-top:16px;color:#64576d;font-size:16px;line-height:1.5}
.di-copy p{margin:0}
.di-form-card{max-width:620px;margin-top:20px;padding:19px 20px 18px;background:rgba(255,255,255,.92);border:1px solid rgba(90,44,114,.1);border-radius:22px;box-shadow:0 14px 34px rgba(71,37,87,.08);backdrop-filter:blur(14px)}
.di-form-card__heading{display:block;margin-bottom:15px}
.di-form-card h2{margin:0;font-size:25px;line-height:1.1;letter-spacing:-.02em}
.di-form-card__description{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.di-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.di-field label{display:block;margin:0 0 7px;color:#594c61;font-size:13px;font-weight:750}
.di-field input{width:100%;height:50px;padding:0 16px;border:1px solid #e4dce8;border-radius:var(--radius-md);outline:0;background:#fcfafc;color:var(--ink);font-weight:650;transition:border-color .18s,box-shadow .18s,background .18s}
.di-field input::placeholder{color:#aaa0af;font-weight:500}
.di-field input:hover{border-color:#cbbbd3;background:#fff}
.di-field input:focus{border-color:var(--plum);background:#fff;box-shadow:0 0 0 4px rgba(90,44,114,.11)}
.di-field.is-error input{border-color:#d94b49;background:#fff9f8;box-shadow:0 0 0 4px rgba(217,75,73,.09)}
.di-field__error{display:block;min-height:0;margin-top:5px;color:#bd3735;font-size:12px;font-weight:650}
.di-form__agree{margin:13px 0 15px;color:#8a808f;font-size:12px;line-height:1.45}
.di-form__agree a{color:var(--plum);text-underline-offset:2px}
.di-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;padding:0 22px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--coral),var(--coral-dark));box-shadow:0 13px 28px rgba(237,101,79,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s}
.di-button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(237,101,79,.32);filter:saturate(1.06)}
.di-button:focus-visible{outline:3px solid rgba(90,44,114,.35);outline-offset:3px}
.di-button:disabled{cursor:wait;transform:none;filter:saturate(.6);opacity:.78}
.di-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.di-button__spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.di-form.is-loading .di-button__spinner{display:block}
.di-form.is-loading .di-button svg{display:none}
.di-form__status{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:700;line-height:1.4}
.di-form__status.is-success{display:block;background:#edf8f4;color:#286f5c}
.di-form__status.is-error{display:block;background:#fff1ef;color:#a43a38}
.di-hero__visual{position:relative;z-index:1;min-width:0;align-self:stretch;display:flex;align-items:center}
.di-visual-card{position:relative;width:100%;min-height:510px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.di-visual-card::after{content:"";position:absolute;inset:auto 6% 4% 6%;height:16%;border-radius:50%;background:rgba(63,31,86,.14);filter:blur(28px)}
.di-visual-card img{position:absolute;z-index:2;inset:2% 3%;width:94%;height:96%;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 20px rgba(54,27,70,.1))}
.di-visual-card__orbit{position:absolute;border:1px solid rgba(90,44,114,.16);border-radius:50%;transform:rotate(-18deg)}
.di-visual-card__orbit--one{width:480px;height:260px;top:90px;left:-80px}
.di-visual-card__orbit--two{width:300px;height:500px;top:50px;right:-150px}
.di-stats{padding:18px 0 28px;background:#fff}
.di-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.di-stat{position:relative;min-height:176px;margin:0;padding:67px 20px 17px;border:1px solid rgba(90,44,114,.1);border-radius:18px 32px 18px 32px;background:#fcfafc;box-shadow:0 10px 28px rgba(63,31,86,.07);overflow:hidden}
.di-stat::before{content:"";position:absolute;width:118px;height:118px;right:-34px;top:-38px;border-radius:50%;background:#eee4f3}
.di-stat:nth-child(2){background:#fff9f7;border-radius:34px 18px 34px 18px}
.di-stat:nth-child(2)::before{background:#ffe6df}
.di-stat:nth-child(3){background:#f8fcfa}
.di-stat:nth-child(3)::before{background:#dff3ec}
.di-stat:nth-child(4){background:#faf7fc;border-radius:34px 18px 34px 18px}
.di-stat:nth-child(4)::before{background:#eadff0}
.di-stat__value{position:absolute;z-index:1;left:20px;top:17px;color:var(--plum);font-size:clamp(27px,2.5vw,36px);font-weight:900;line-height:1;letter-spacing:-.04em}
.di-stat:nth-child(2) .di-stat__value,.di-stat:nth-child(4) .di-stat__value{color:var(--coral-dark)}
.di-stat:nth-child(3) .di-stat__value{color:#347d69}
.di-stat h2{margin:0;color:var(--ink);font-size:17px;line-height:1.2}
.di-stat p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1100px){.di-container{width:min(100% - 48px,980px)}.di-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:26px;padding:32px 30px 28px}h1{font-size:46px}.di-visual-card{min-height:490px}.di-stats__grid{grid-template-columns:repeat(4,220px);overflow-x:auto;padding-bottom:7px;scroll-snap-type:x proximity;scrollbar-width:thin}.di-stat{scroll-snap-align:start}.di-demo-panel{top:auto;bottom:14px}}
@media (max-width:820px){.di-landing{padding-top:22px}.di-container{width:min(100% - 40px,680px)}.di-breadcrumbs{margin-bottom:20px}.di-hero{display:flex;flex-direction:column;gap:24px;padding:30px 26px 22px;border-radius:32px}.di-hero__content{width:100%;padding-top:4px}.di-form-card{max-width:none}.di-hero__visual{order:2;width:100%}.di-visual-card{min-height:480px}.di-stats{padding:16px 0 25px}.di-demo-panel{position:relative;right:auto;top:auto;bottom:auto;margin:18px 20px;justify-content:space-between}.di-landing{min-height:auto;padding-bottom:10px}}
@media (max-width:560px){.di-container{width:calc(100% - 28px)}.di-breadcrumbs{gap:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di-hero{padding:27px 18px 18px;border-radius:26px}h1{font-size:clamp(34px,10vw,46px);line-height:1.08}.di-copy{font-size:16px;line-height:1.55}.di-form-card{margin-top:24px;padding:20px 17px;border-radius:20px}.di-form-card h2{font-size:24px}.di-form-card__description{font-size:13px}.di-form__fields{grid-template-columns:1fr}.di-field input{height:52px}.di-button{height:54px}.di-visual-card{min-height:390px}.di-stats__grid{grid-template-columns:repeat(4,220px);margin-right:-14px}.di-stat{min-height:205px;padding:74px 20px 20px}.di-stat__value{left:20px}.di-demo-panel{align-items:flex-start;flex-wrap:wrap;gap:10px;margin:14px}.di-demo-panel>div{width:100%}}
@media (max-width:360px){.di-hero__visual{display:none}.di-demo-panel button{width:100%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Responsive composition shared by the WordPress page and local preview. */
.di-demo {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  background:
    radial-gradient(ellipse at 0% 63%, #eae0f580, transparent 43%),
    radial-gradient(ellipse at 100% 38%, #ffe2d580, transparent 42%),
    linear-gradient(160deg, #fff 25%, #fdfaff 70%, #fff7f3);
}
.di-demo::before,
.di-demo::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: max(100px, calc((100% - 1200px) / 2));
  height: 100%;
  top: 0;
  opacity: .4;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22760%22%20viewBox%3D%220%200%20320%20760%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20stroke%3D%22%23bba2ce%22%20stroke-width%3D%221.5%22%20opacity%3D%22.8%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2224%22%20cy%3D%22120%22%20r%3D%2286%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2224%22%20cy%3D%22120%22%20r%3D%2264%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2224%22%20cy%3D%22120%22%20r%3D%2242%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M208%2056l40%2040-40%2040-40-40z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M64%20420l38%2038-38%2038-38-38z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M188%20572a84%2084%200%200%201%2084%2084m-108-84a108%20108%200%200%201%20108%20108m-132-108a132%20132%200%200%201%20132%20132%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20d%3D%22M180%20236a60%2060%200%200%201%20120%200h-24a36%2036%200%200%200-72%200z%22%20fill%3D%22%23f6cabc%22%20opacity%3D%22.7%22%20transform%3D%22rotate%28-28%20240%20236%29%22%2F%3E%0A%20%20%3Crect%20x%3D%22132%22%20y%3D%22370%22%20width%3D%2252%22%20height%3D%2252%22%20rx%3D%229%22%20stroke%3D%22%239acbbd%22%20stroke-width%3D%2212%22%20opacity%3D%22.6%22%20transform%3D%22rotate%2825%20158%20396%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2275%22%20cy%3D%22620%22%20r%3D%2222%22%20fill%3D%22%23cbb5de%22%20opacity%3D%22.65%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M248%20468l28%2048h-56z%22%20fill%3D%22%23d2bee2%22%20opacity%3D%22.65%22%20transform%3D%22rotate%2816%20248%20492%29%22%2F%3E%0A%20%20%3Cg%20fill%3D%22%23b49ac8%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2278%22%20cy%3D%22296%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2294%22%20cy%3D%22296%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22296%22%20r%3D%223%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2278%22%20cy%3D%22312%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2294%22%20cy%3D%22312%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22312%22%20r%3D%223%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2278%22%20cy%3D%22328%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2294%22%20cy%3D%22328%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22328%22%20r%3D%223%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20d%3D%22M24%20714h54m-27-27v54%22%20stroke%3D%22%23e6b6a8%22%20stroke-width%3D%222%22%20opacity%3D%22.55%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: repeat-y;
  background-size: 100% auto;
}
.di-demo::before {
  left: 0;
}
.di-demo::after {
  right: 0;
  transform: scaleX(-1);
  background-position: center 120px;
}
.di-container { width: min(1200px, calc(100% - 48px)); }
.di-landing {
  display: flex;
  flex: 1;
  padding: clamp(24px, 4vh, 56px) 0 0;
  background: transparent;
}
.di-landing > .di-container { display: flex; }
.di-hero {
  width: 100%;
  min-height: clamp(560px, 69svh, 1000px);
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  padding: clamp(28px, 2.5vw, 40px);
  gap: 28px;
}
.di-hero h1 { font-size: clamp(40px, 3vw, 56px); max-width: 650px; }
.di-copy { font-size: 16px; max-width: 610px; }
.di-form-card { max-width: 680px; margin-top: clamp(22px, 2.5vh, 36px); padding: clamp(20px, 1.6vw, 30px); }
.di-field label { font-size: 14px; }
.di-visual-card { height: 100%; min-height: 480px; }
.di-visual-card img { inset: 0; width: 100%; height: 100%; object-fit: contain; }
.di-stats { position: relative; padding: clamp(20px, 2.8vh, 36px) 0 clamp(24px, 4vh, 56px); background: transparent; }
.di-stats__grid { gap: clamp(14px, 1.2vw, 24px); }
.di-stat { min-height: 180px; padding: 76px 24px 24px; }
.di-stat__value { left: 24px; top: 22px; font-size: clamp(32px, 2.3vw, 44px); }
.di-stat p { font-size: 14px; line-height: 1.45; }
@media (max-width: 1100px) {
  .di-container { width: calc(100% - 48px); }
  .di-hero { padding: 30px; gap: 24px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .di-hero h1 { font-size: clamp(38px, 4.4vw, 48px); }
  .di-stats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; }
  .di-stat { padding: 72px 18px 20px; }
  .di-stat__value { left: 18px; }
}
@media (max-width: 820px) {
  .di-container { width: calc(100% - 40px); }
  .di-hero { min-height: auto; gap: 16px; }
  .di-hero__visual { max-width: 560px; margin: 0 auto; }
  .di-visual-card { height: auto; min-height: 0; aspect-ratio: 1.2; }
  .di-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .di-landing { padding-top: 20px; padding-bottom: 0; }
  .di-demo::before, .di-demo::after { opacity: .15; width: 100px; }
}
@media (max-width: 560px) {
  .di-container { width: calc(100% - 28px); }
  .di-hero { padding: 26px 18px 18px; }
  .di-hero h1 { font-size: clamp(32px, 8.5vw, 46px); }
  .di-form-card { padding: 20px 16px; }
  .di-form-card__description { font-size: 14px; }
  .di-stats__grid { margin-right: 0; gap: 12px; }
  .di-stat { min-height: 190px; padding: 65px 14px 18px; border-radius: 22px; }
  .di-stat__value { left: 14px; font-size: 30px; }
  .di-stat h2 { font-size: 16px; }
  .di-stat p { font-size: 13px; overflow-wrap: anywhere; }
}

@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Thin_0.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-UltraLight_0.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Light_0.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Regular_0.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Medium_0.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Semibold_0.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Bold_0.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Extrabold_0.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-Black_0.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-RegularItalic_0.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Gilroy";src:url("fonts/Gilroy-BoldItalic_0.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Gilroy-Regular";src:url("fonts/Gilroy-Regular_0.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy-Medium";src:url("fonts/Gilroy-Medium_0.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy-SemiBold";src:url("fonts/Gilroy-Semibold_0.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy-Bold";src:url("fonts/Gilroy-Bold_0.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy-ExtraBold";src:url("fonts/Gilroy-Extrabold_0.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}

/* Slightly stronger foreground contrast against the soft decorative background. */
.di-hero {
  background: linear-gradient(128deg, #ecdcf3 0%, #f5e2ed 54%, #f8d5ca 100%);
  border-color: rgba(90, 44, 114, .16);
  box-shadow: 0 18px 56px rgba(72, 35, 89, .13);
}
.di-hero h1 { color: #2d1242; }
.di-title__lead, .di-title__accent { color: #2d1242; }
.di-copy { color: #53415e; }
.di-form-card { background: #fff; border-color: rgba(90, 44, 114, .16); }
.di-form-card__description, .di-stat p { color: #5d4c69; }
.di-form__agree { color: #716278; }
.di-stat { border-color: rgba(90, 44, 114, .18); box-shadow: 0 10px 28px rgba(63, 31, 86, .10); }
.di-stat__value { color: #652982; }
.di-stat:nth-child(2) .di-stat__value, .di-stat:nth-child(4) .di-stat__value { color: #e85843; }
.di-stat:nth-child(3) .di-stat__value { color: #287963; }

/* Statistics cards follow the hero palette. */
.di-stat { background: linear-gradient(135deg, #ecdcf3, #f2e1ef); }
.di-stat:nth-child(2) { background: linear-gradient(135deg, #f2e1ef, #f5e2ed); }
.di-stat:nth-child(3) { background: linear-gradient(135deg, #f5e2ed, #f7dbdc); }
.di-stat:nth-child(4) { background: linear-gradient(135deg, #f7dbdc, #f8d5ca); }
.di-stat::before { background: rgba(151, 103, 181, .13); }
.di-stat:nth-child(2)::before { background: rgba(173, 113, 164, .13); }
.di-stat:nth-child(3)::before { background: rgba(224, 137, 145, .15); }
.di-stat:nth-child(4)::before { background: rgba(235, 126, 99, .15); }

/* Distinct statistics surfaces with restrained brand accents. */
.di-stat,
.di-stat:nth-child(2),
.di-stat:nth-child(3),
.di-stat:nth-child(4) {
  background: #fff;
  border: 1px solid #e2d5e9;
  border-radius: 22px;
  box-shadow: 0 8px 24px rgba(63, 31, 86, .09);
}
.di-stat::before,
.di-stat:nth-child(2)::before,
.di-stat:nth-child(3)::before,
.di-stat:nth-child(4)::before {
  width: auto;
  height: 5px;
  inset: 0 0 auto;
  border-radius: 0;
  background: linear-gradient(90deg, #9160ad, #d2b4df);
}
.di-stat:nth-child(2)::before,
.di-stat:nth-child(4)::before {
  background: linear-gradient(90deg, #ec806b, #f4baa9);
}
.di-stat h2 { color: #321643; font-weight: 800; }
.di-stat p { color: #63536e; }
.di-stat__value { font-weight: 900; }
.di-stat:nth-child(3) .di-stat__value { color: #652982; }