/* Page-level CSS lifted from the Claude Design pages' . Holds the responsive grids, spacing, orb glows, marquee and section effects the ported markup depends on. Deduplicated across pages. */ x-dc{display:none!important} :root{--max:1350px}[data-fx]{opacity:0;transform:translateY(52px);transition:opacity 1.35s cubic-bezier(.22,1,.36,1),transform 1.35s cubic-bezier(.22,1,.36,1)}[data-fx='in']{opacity:1;transform:none}button{transition:transform .25s cubic-bezier(.22,1,.36,1)}@keyframes dm-drift-a{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(9vw,26px) scale(1.12)}66%{transform:translate(4vw,-30px) scale(.94)}}@keyframes dm-drift-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-11vw,34px) scale(1.15)}}@keyframes dm-drift-c{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(7vw,-24px) scale(1.08)}75%{transform:translate(-6vw,20px) scale(.96)}}.dm-orb{will-change:transform}.dm-darkfx .dm-orb:nth-child(1){animation:dm-drift-a 22s ease-in-out infinite}.dm-darkfx .dm-orb:nth-child(2){animation:dm-drift-b 26s ease-in-out infinite}.dm-darkfx .dm-orb:nth-child(3){animation:dm-drift-c 30s ease-in-out infinite}.dm-darkfx .dm-orb:nth-child(4){animation:dm-drift-a 34s ease-in-out infinite reverse}@media (prefers-reduced-motion: reduce){.dm-orb{animation:none !important}}@media (max-width:560px){main .dm-btnrow{display:flex !important;flex-wrap:nowrap !important;width:100% !important;align-self:stretch !important;gap:.6rem !important}main .dm-btnrow .dm-btncell{flex:1 1 0 !important;min-width:0 !important;display:flex !important}main .dm-btncell>[data-mag],main .dm-btncell>button,main .dm-btncell [data-mag]{width:100% !important;justify-content:center !important;white-space:nowrap !important;padding-inline:.6rem !important}}@media (max-width:768px){main h1,main h2,main h3{text-wrap:balance;overflow-wrap:break-word}main p{text-wrap:pretty}main{overflow-wrap:break-word}main img{max-width:100%}}@media (max-width:600px){main [data-mag],main button[type='submit']{min-height:48px}main .kicker{letter-spacing:.13em}main .dm-morelinks{display:grid !important;grid-template-columns:1fr 1fr !important;gap:.6rem !important;width:100%}main .dm-morelinks a{justify-content:center;text-align:center;padding-inline:.5rem !important;white-space:nowrap}main input,main select,main textarea{font-size:16px !important}} #dm-preloader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.9rem;background:radial-gradient(120% 90% at 50% 35%,#16234d 0%,#0b1533 60%,#070d22 100%);transition:opacity .6s cubic-bezier(.22,1,.36,1),visibility .6s}#dm-preloader .dm-pre-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}#dm-preloader img{width:min(210px,48vw);height:auto;filter:drop-shadow(0 16px 46px rgba(46,95,209,.45));animation:dm-pre-in .8s cubic-bezier(.22,1,.36,1) both,dm-pre-float 4.5s ease-in-out 1s infinite;position:relative;z-index:1}#dm-preloader .dm-pre-glow{position:absolute;z-index:0;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(120,90,255,.30),rgba(242,101,34,.12) 45%,transparent 70%);animation:dm-pre-pulse 3.2s ease-in-out infinite;pointer-events:none}#dm-preloader .dm-pre-track{position:relative;z-index:1;width:180px;height:3px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}#dm-preloader .dm-pre-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:99px;background:linear-gradient(90deg,var(--c-orange-600,#F26522),var(--c-blue-600,#2E5FD1));transition:width .25s ease-out;box-shadow:0 0 14px rgba(242,101,34,.5)}#dm-preloader .dm-pre-pct{position:relative;z-index:1;font-family:var(--font,'Rubik',sans-serif);font-weight:900;color:#fff;letter-spacing:.05em;font-size:.95rem;direction:ltr;opacity:.85}@keyframes dm-pre-in{0%{opacity:0;transform:translateY(12px) scale(.95)}100%{opacity:1;transform:none}}@keyframes dm-pre-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dm-pre-pulse{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.08);opacity:1}}@media (prefers-reduced-motion:reduce){#dm-preloader img{animation:dm-pre-in .4s both}} html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%} body { margin: 0; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } .dm-mobile-only { display: none; } @media (max-width: 1024px) { .dm-desktop-nav { display: none !important; } .dm-mobile-only { display: inline-flex !important; } } @keyframes dm-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes dm-panel-in { from { transform: translateX(105%); } to { transform: translateX(0); } } @keyframes dm-navitem { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: none; } } @keyframes dm-pulse { 0% { transform: scale(1); opacity: .5; } 70% { transform: scale(2.4); opacity: 0; } 100% { opacity: 0; } } @keyframes dm-mega { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 1024px) { .dm-cta-grid { grid-template-columns: 1fr !important; } .dm-footer-grid { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 560px) { .dm-contact-btns > a { min-width: 0 !important; flex: 1 1 0 !important; padding: 0.6rem 0.6rem !important; gap: 0.5rem !important; } .dm-contact-btns > a > span:last-child { min-width: 0; } .dm-contact-btns > a > span:last-child > span:last-child { white-space: nowrap; font-size: 0.9rem; } } @media (max-width: 560px) { .dm-footer-grid { grid-template-columns: 1fr 1fr !important; } .dm-footer-grid > div:first-child { grid-column: 1 / -1 !important; text-align: center; } .dm-footer-grid > div:first-child p { margin-inline: auto; } .dm-footer-grid > div:first-child > div { justify-content: center; } .dm-footer-grid > div:first-child img { margin-inline: auto; } } @keyframes dm-echo { 0% { transform: scale(1); opacity: .55; } 70%, 100% { transform: scale(1.9); opacity: 0; } } @keyframes dm-jump { 0%, 82%, 100% { transform: translateY(0); } 86% { transform: translateY(-7px); } 90% { transform: translateY(0); } 93% { transform: translateY(-4px); } 96% { transform: translateY(0); } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (max-width: 820px) { .dm-footer-reveal { position: static !important; z-index: auto !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } .dm-fab-label { display: none; } body { margin: 0; } html { scroll-behavior: smooth; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 900px) { .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 1024px) { .dm-blog-layout { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-blog-grid { grid-template-columns: 1fr !important; } } .dm-blog-select { display: none; } @media (max-width: 720px) { .dm-blog-filter { display: none !important; } .dm-blog-select { display: block; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } a { color: var(--c-blue-600); } a:hover { color: var(--c-navy-900); } @media (max-width: 1024px) { .dm-post-layout { grid-template-columns: 1fr !important; } .dm-post-form { position: static !important; } } @media (max-width: 720px) { .dm-blog-grid { grid-template-columns: 1fr !important; } } @media (max-width: 560px) { .dm-share { align-items: flex-start !important; flex-direction: column !important; } .dm-share-btns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.55rem; width: 100%; } .dm-share-btns a { justify-content: center; } } @media (max-width: 560px) { .dm-blog-grid { grid-template-columns: 1fr !important; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } * { box-sizing: border-box; } button { transition: transform .25s cubic-bezier(.22,1,.36,1); } a { color: var(--c-blue-600); } a:hover { color: var(--c-orange-600); } .dm-portal { direction: rtl; font-family: var(--font); background: var(--c-bg-soft); color: var(--c-text); min-height: 100vh; } .dm-side::-webkit-scrollbar { width: 0; } .dm-navlink:hover { background: rgba(255,255,255,.08); } .dm-navlink-active { background: rgba(255,255,255,.12) !important; box-shadow: inset 3px 0 0 var(--c-orange-500); } .dm-kcard, .dm-panel { transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s cubic-bezier(.22,1,.36,1); } .dm-kcard:hover, .dm-panel:hover { transform: translateY(-3px); box-shadow: var(--sh-hover); } .dm-bar { cursor: pointer; } .dm-bar rect { transition: opacity .2s; } .dm-bar:hover rect { opacity: 1 !important; } .dm-inp:focus { outline: none; border-color: var(--c-blue-600); box-shadow: 0 0 0 4px rgba(46,95,209,.12); } .dm-viewfade { animation: dm-vf .5s cubic-bezier(.22,1,.36,1) both; } @keyframes dm-vf { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } @media (max-width: 900px) { .dm-side { position: fixed !important; z-index: 50; inset-inline-start: 0; top: 0; bottom: 0; transform: translateX(105%); } .dm-main { padding: 1rem !important; } .dm-grid-auto { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-auto { grid-template-columns: 1fr !important; } } @media (max-width: 860px) { .dm-login-grid { grid-template-columns: 1fr !important; } } body { margin: 0; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 720px) { .dm-btnrow { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.7rem; width: 100%; } .dm-btnrow:has(> :only-child) { grid-template-columns: 1fr; } .dm-btnrow > * { width: 100%; min-width: 0; } .dm-btnrow a, .dm-btnrow button { width: 100%; justify-content: center; box-sizing: border-box; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } @media (max-width: 820px) { .dm-faq > div:first-child { position: static !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 900px) { .dm-about-grid { grid-template-columns: 1fr !important; } .dm-about-grid .dm-about-img { order: -1; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } @media (max-width: 880px) { .dm-why { grid-template-columns: 1fr !important; } .dm-why-head { position: static !important; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 820px) { .dm-hero-grid, .dm-grid-2 { grid-template-columns: 1fr !important; } .dm-hero-media { max-width: 420px; width: 100%; margin-inline: auto; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } #services .dm-grid-3 { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 0.7rem !important; overflow: visible !important; margin-inline: 0 !important; padding: 0 !important; } #services .dm-grid-3 > a { display: grid !important; grid-template-columns: auto 1fr !important; column-gap: 0.9rem !important; row-gap: 0.15rem !important; align-items: center; padding: 1rem 1.1rem !important; } #services .dm-grid-3 > a > div { grid-row: 1 / span 3; align-self: start; } #services .dm-grid-3 > a > div > span[aria-hidden] { width: 46px !important; height: 46px !important; } #services .dm-grid-3 > a > h3 { grid-column: 2; font-size: 1.05rem !important; } #services .dm-grid-3 > a > p { grid-column: 2; font-size: 0.85rem !important; line-height: 1.55 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #services .dm-grid-3 > a > span:last-child { grid-column: 2; margin-top: 0.25rem !important; font-size: 0.82rem; } .dm-hero-cta { flex-wrap: nowrap !important; gap: 0.6rem !important; width: 100% !important; align-self: stretch !important; } .dm-hero-cta > * { flex: 1 1 0 !important; min-width: 0 !important; } .dm-hero-cta a { white-space: nowrap !important; padding-inline: 0.6rem !important; font-size: 0.85rem !important; gap: 0.35rem !important; } .dm-stats { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 0.75rem !important; text-align: center; } .dm-stats > div { align-items: center; } .dm-stats-div { display: none !important; } } /* RTL: the hidden half of the track overflows to the LEFT, so the loop must travel +50% */ @keyframes dm-marquee { from { transform: translateX(0); } to { transform: translateX(50%); } } .dm-marquee-track { display: flex; gap: 2.5rem; width: max-content; animation: dm-marquee 30s linear infinite; } @keyframes dm-chip { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } .dm-pf-list::-webkit-scrollbar { width: 5px; } .dm-pf-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 999px; } .dm-pf-row { transition: background .35s cubic-bezier(.22,1,.36,1); } .dm-pf-row:hover { background: rgba(255,255,255,.05); } .dm-pf-row-active { background: rgba(255,255,255,.09) !important; } .dm-pf-row-active .dm-pf-rownum { color: var(--c-orange-500) !important; } .dm-pf-row-active .dm-pf-rowname { color: #fff !important; } .dm-pf-row-active .dm-pf-bar { transform: scaleY(1) !important; } .dm-pf-row-active .dm-pf-chev { opacity: 1 !important; transform: translateX(0) !important; } .dm-pf-bar { transform: scaleY(0); transform-origin: center; transition: transform .4s cubic-bezier(.22,1,.36,1); } .dm-pf-chev { opacity: 0; transform: translateX(6px); transition: opacity .35s ease, transform .35s ease; } .dm-pf-frame { transition: box-shadow .5s ease; } .dm-pf-scrollimg { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; transition: object-position 6.5s cubic-bezier(.33,0,.2,1); } .dm-pf-frame:hover .dm-pf-scrollimg { object-position: center bottom; } @media (max-width: 900px) { .dm-pf-view { aspect-ratio: 3/4 !important; } } @media (prefers-reduced-motion: reduce) { .dm-pf-scrollimg { transition: none; } } @media (max-width: 900px) { .dm-pf-showcase { grid-template-columns: 1fr !important; } .dm-pf-preview { position: static !important; } .dm-pf-list { max-height: none !important; } } @media (prefers-reduced-motion: reduce) { .dm-marquee-track { animation: none; } * { animation-duration: 0.01ms !important; } } @media (max-width: 560px) { .dm-articles-head { flex-direction: column; align-items: stretch !important; gap: 1.25rem !important; } .dm-articles-head > *:last-child { width: 100%; } .dm-articles-head > *:last-child a { width: 100% !important; justify-content: center !important; } } body { margin: 0; } @media (max-width: 720px) { .dm-btnrow { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.7rem; width: 100%; } .dm-btnrow:has(> :only-child) { grid-template-columns: 1fr; } .dm-btnrow > * { width: 100%; min-width: 0; } .dm-btnrow a, .dm-btnrow button { width: 100%; justify-content: center; box-sizing: border-box; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 900px) { .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } } .dm-lp-slide { animation: dm-lpfade .5s cubic-bezier(.22,1,.36,1) both; } @keyframes dm-lpfade { from { opacity: 0; transform: translateY(14px) scale(.99); } to { opacity: 1; transform: none; } } .dm-lp-shot { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; transition: object-position 6s cubic-bezier(.33,0,.2,1); } .dm-lp-frame:hover .dm-lp-shot { object-position: center bottom; } @media (max-width: 860px) { .dm-lp-arrow { display: none !important; } } @media (prefers-reduced-motion: reduce) { .dm-lp-shot { transition: none; } .dm-lp-slide { animation: none; } } body { margin: 0; } a { color: var(--c-blue-600); } a:hover { color: var(--c-navy-900); } .dm-strat-grid { grid-template-columns: 0.82fr 1.18fr; } @media (max-width: 900px) { .dm-strat-grid { grid-template-columns: 1fr !important; } .dm-strat-head { position: static !important; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } .dm-acc > div:first-child { position: static !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (max-width: 640px) { .dm-btnrow a { width: 100%; box-sizing: border-box; justify-content: center; } .dm-btnrow { width: 100%; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } @media (max-width: 900px) { .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 520px) { .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (max-width: 820px) { .dm-acc > div:first-child { position: static !important; } } @media (max-width: 720px) { .dm-more-grid { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 420px) { .dm-more-grid { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 960px) { .dm-pf-grid { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 600px) { .dm-pf-grid { grid-template-columns: 1fr !important; } .dm-pf-filterbar { flex-direction: column !important; align-items: stretch !important; border-radius: var(--r-lg) !important; padding: 0.9rem !important; gap: 0.8rem !important; } .dm-pf-mobhead { display: flex !important; align-items: baseline; justify-content: space-between; padding-inline: 0.15rem; } .dm-pf-filterbtns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.5rem; flex-wrap: nowrap !important; } .dm-pf-filterbtns > button { width: 100%; justify-content: space-between !important; padding: 0.7rem 1rem !important; } .dm-pf-count { display: none !important; } } .dm-pf-card:hover .dm-pf-overlay { opacity: 1 !important; } .dm-pf-scrollimg { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; transition: object-position 6.5s cubic-bezier(.33,0,.2,1); } .dm-pf-card:hover .dm-pf-scrollimg { object-position: center bottom; } @media (prefers-reduced-motion: reduce) { .dm-pf-scrollimg { transition: none; } * { animation-duration: 0.01ms !important; } } body { margin: 0 } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(circle at 50% 40%, #000, transparent 75%); mask-image: radial-gradient(circle at 50% 40%, #000, transparent 75%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } .dm-print-only { display: none; } @keyframes dm-fadein { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @media (max-width: 700px) { .dm-price-cols { grid-template-columns: 1fr !important; } .dm-meta-row { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { .dm-orb { animation: none !important; } * { animation-duration: 0.01ms !important; } } @media print { @page { margin: 12mm; } .dm-print-hide { display: none !important; } dc-import { display: none !important; } .dm-print-only { display: block !important; } .dm-darkfx { display: none !important; } .dm-print-invert, .dm-print-invert * { background: #fff !important; color: #000 !important; box-shadow: none !important; } .dm-avoid-break { break-inside: avoid; page-break-inside: avoid; } .dm-paper { box-shadow: none !important; margin: 0 !important; max-width: 100% !important; border: none !important; border-radius: 0 !important; } [style*="position: fixed"], [style*="position:fixed"] { display: none !important; } .dm-pricecard, .dm-avoid-break { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } body { margin: 0 } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(circle at 50% 40%, #000, transparent 75%); mask-image: radial-gradient(circle at 50% 40%, #000, transparent 75%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @keyframes dm-fadein { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } @media (max-width: 900px) { .dm-stat-grid { grid-template-columns: 1fr 1fr !important; } .dm-filter-row { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 760px) { .dm-offer-row { grid-template-columns: 1fr auto !important; row-gap: 0.6rem !important; } .dm-col-hide { display: none !important; } .dm-offer-head { display: none !important; } } @media (max-width: 520px) { .dm-filter-row { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { .dm-orb { animation: none !important; } * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 960px) { .dm-price-grid { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 620px) { .dm-price-grid { grid-template-columns: 1fr !important; } } /* RTL: the hidden half of the track overflows to the LEFT, so the loop must travel +50% */ @keyframes dm-marquee { from { transform: translateX(0); } to { transform: translateX(50%); } } .dm-marquee-track { display: flex; gap: 2.5rem; width: max-content; animation: dm-marquee 30s linear infinite; } @keyframes dm-fadein { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .dm-marquee-track { animation: none; } * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 900px) { .dm-legal-layout { grid-template-columns: 1fr !important; } .dm-legal-toc { position: static !important; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } .dm-legal-body h2 { font-size: clamp(1.3rem, 2vw, 1.6rem); color: var(--c-navy-900); margin: 2rem 0 0.5rem; scroll-margin-top: 120px; } .dm-legal-body p { color: var(--c-text); line-height: var(--lh); margin: 0 0 0.9rem; } .dm-legal-body ul { margin: 0 0 1rem; padding-inline-start: 1.3rem; display: flex; flex-direction: column; gap: 0.5rem; } .dm-legal-body li { color: var(--c-text); line-height: 1.7; } .dm-legal-body a { color: var(--c-blue-600); } body { margin: 0 } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-orb { position: absolute; border-radius: 50%; filter: blur(70px); } .dm-app { max-width: 480px; margin: 0 auto; min-height: 100vh; background: var(--c-bg-soft); box-shadow: 0 30px 80px -20px rgba(0,0,0,.6); position: relative; display: flex; flex-direction: column; } @keyframes dm-slidein { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: none; } } @keyframes dm-pop { 0% { transform: scale(.7); opacity: 0; } 60% { transform: scale(1.08); } 100% { transform: scale(1); opacity: 1; } } .dm-inp:focus { outline: none; border-color: var(--c-blue-600) !important; box-shadow: 0 0 0 3px rgba(46,95,209,.12); } @media (prefers-reduced-motion: reduce) { .dm-orb { animation: none !important; } * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-4 { grid-template-columns: 1fr !important; } } @keyframes dm-marquee { from { transform: translateX(0); } to { transform: translateX(50%); } } .dm-marquee-track { display: flex; gap: 2.2rem; width: max-content; animation: dm-marquee 44s linear infinite; align-items: center; } @media (prefers-reduced-motion: reduce) { .dm-marquee-track { animation: none; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 980px) { .dm-svc-grid { grid-template-columns: 1fr 1fr !important; grid-template-rows: auto !important; } .dm-svc-grid > a:first-child { grid-column: span 2; grid-row: auto; min-height: 0 !important; } .dm-promo-hero { grid-template-columns: 1fr !important; } .dm-promo-chips { justify-content: flex-start !important; } } @media (max-width: 600px) { .dm-svc-grid { grid-template-columns: 1fr !important; } .dm-svc-grid > a:first-child { grid-column: auto; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } .dm-darkfx { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .dm-darkfx::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.4px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, #000, transparent 78%); } .dm-orb { position: absolute; border-radius: 50%; filter: blur(80px); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 720px) { .dm-btnrow { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.7rem; width: 100%; } .dm-btnrow:has(> :only-child) { grid-template-columns: 1fr; } .dm-btnrow > * { width: 100%; min-width: 0; } .dm-btnrow a, .dm-btnrow button { width: 100%; justify-content: center; box-sizing: border-box; } } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3 { grid-template-columns: 1fr !important; } } @media (max-width: 900px) { .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 520px) { .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (max-width: 820px) { .dm-acc > div:first-child { position: static !important; } } .dm-lp-shot { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; transition: object-position 6s cubic-bezier(.33,0,.2,1); } .dm-lp-frame:hover .dm-lp-shot { object-position: center bottom; } @media (max-width: 860px) { .dm-lp-arrow { display: none !important; } } @media (prefers-reduced-motion: reduce) { .dm-lp-shot { transition: none; } * { animation-duration: 0.01ms !important; } } body { margin: 0; } a { color: var(--c-blue-600); } a:hover { color: var(--c-navy-900); } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } .dm-acc > div:first-child { position: static !important; } } .dm-strat-grid { grid-template-columns: 0.82fr 1.18fr; } @media (max-width: 900px) { .dm-strat-grid { grid-template-columns: 1fr !important; } .dm-strat-head { position: static !important; } } @media (max-width: 720px) { .dm-grid-3 { grid-template-columns: 1fr 1fr !important; } .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-3, .dm-grid-4 { grid-template-columns: 1fr !important; } } @media (max-width: 640px) { .dm-btnrow a { width: 100%; box-sizing: border-box; justify-content: center; } .dm-btnrow { width: 100%; } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } } body { margin: 0; } @media (max-width: 720px) { .dm-btnrow { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.7rem; width: 100%; } .dm-btnrow:has(> :only-child) { grid-template-columns: 1fr; } .dm-btnrow > * { width: 100%; min-width: 0; } .dm-btnrow a, .dm-btnrow button { width: 100%; justify-content: center; box-sizing: border-box; } } html { scroll-behavior: smooth; } @media (max-width: 820px) { .dm-grid-2 { grid-template-columns: 1fr !important; } .dm-grid-3 { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { .dm-grid-4 { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 560px) { .dm-grid-4 { grid-template-columns: 1fr !important; } } .ws-shot-wrap img { transition: object-position 4.5s ease; } .ws-shot-wrap:hover img { object-position: 50% 100%; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; } .ws-shot-wrap:hover img { object-position: 50% 0% !important; } }