/* TDMG Site Kit styles: every rule is scoped to .tdmg so nothing leaks onto other pages. */
body.tdmg-page{margin:0;background:#0C1220;color:#0C1220}
.tdmg a{color:#B8410E}
.tdmg a:hover{color:#8F3209}
.tdmg,.tdmg *{box-sizing:border-box}
.tdmg .wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.tdmg .display{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-0.02em}
.tdmg .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.tdmg .btn-primary{background:#FF6B35;color:#0C1220}
.tdmg .btn-primary:hover{color:#0C1220;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,107,53,.35)}
.tdmg .btn-ghost{background:transparent;color:#FFFFFF;border:1.5px solid rgba(255,255,255,.35)}
.tdmg .btn-ghost:hover{color:#FFFFFF;border-color:#FFFFFF;transform:translateY(-2px)}
.tdmg .btn-dark{background:#0C1220;color:#FFFFFF}
.tdmg .btn-dark:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(12,18,32,.3)}
.tdmg .navlink{color:#D5DCE8;text-decoration:none;font:500 15px/1 Inter,system-ui,sans-serif;padding:12px 4px}
.tdmg .navlink:hover{color:#FFFFFF}
.tdmg .desk{display:flex}
.tdmg .mob{display:none}
.tdmg .eyebrow{margin:0;font:700 13px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#B8410E}
.tdmg .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.tdmg .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tdmg .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tdmg .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.tdmg .lift{transition:transform .25s ease,box-shadow .25s ease}
.tdmg .lift:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(12,18,32,.12)}
.tdmg .more{font:600 15px/1.4 Inter,system-ui,sans-serif;text-decoration:none;color:#B8410E;border-bottom:1.5px solid transparent;padding:4px 0}
.tdmg .more:hover{border-bottom-color:#B8410E}
.tdmg details{border-bottom:1px solid #DCE2EC}
.tdmg details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font:600 19px/1.35 Inter,system-ui,sans-serif;color:#0C1220;min-height:44px}
.tdmg details summary::-webkit-details-marker{display:none}
.tdmg details summary .plus{flex:none;width:30px;height:30px;border-radius:50%;background:#0C1220;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:600;transition:transform .25s ease,background-color .25s ease}
.tdmg details[open] summary .plus{transform:rotate(45deg);background:#FF6B35;color:#0C1220}
.tdmg details p{margin:0 0 22px;font:400 17px/1.65 Inter,system-ui,sans-serif;color:#3D4859;max-width:760px}
.tdmg .bg-grid{background-color:#F5F6F8;background-image:linear-gradient(rgba(12,18,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(12,18,32,.05) 1px,transparent 1px);background-size:40px 40px}
.tdmg .bg-dots{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px}
.tdmg .logo-svg{display:block;width:300px;height:auto}
.tdmg .logo-svg-mob{display:block;width:240px;height:auto}
.tdmg .lg-type{transform-box:fill-box;transform-origin:left center;animation:lgt 1.6s steps(26) .4s both}
@keyframes lgt{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tdmg .lg-caret{opacity:0;animation:lgc 1s linear 2s 2}
@keyframes lgc{0%,49%{opacity:1}50%,100%{opacity:0}}
.tdmg .lg-ptr{transform-box:fill-box;transform-origin:0 0;animation:lgp .5s ease 4s both}
@keyframes lgp{0%,100%{transform:none}40%{transform:scale(.82)}}
.tdmg .lg-rays{transform-box:view-box;transform-origin:34px 32px;animation:lgr .6s ease-out 4.2s both}
@keyframes lgr{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:none}}
.tdmg .mbar{display:none}
@media (max-width: 760px){.tdmg .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;background:#0C1220;border-top:1px solid rgba(255,255,255,.14);padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px))}
.tdmg .mbar a{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font:700 16px/1 Inter,system-ui,sans-serif;text-decoration:none}
.tdmg .mbar .m-call{background:transparent;color:#FFFFFF;border:1.5px solid rgba(255,255,255,.4)}
.tdmg .mbar .m-contact{background:#FF6B35;color:#0C1220}
.tdmg .pg{padding-bottom:72px}}
.tdmg .marquee{overflow:hidden;white-space:nowrap}
.tdmg .marquee-track{display:inline-flex;gap:48px;animation:slide 32s linear infinite;padding-right:48px}
.tdmg .wall{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tdmg .wall-track{display:flex;gap:20px;width:max-content;animation:slide 70s linear infinite;padding-right:20px}
.tdmg .wall:hover .wall-track{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tdmg .rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.tdmg .d1{animation-delay:.08s}
.tdmg .d2{animation-delay:.18s}
.tdmg .d3{animation-delay:.3s}
.tdmg .d4{animation-delay:.42s}
.tdmg .d5{animation-delay:.55s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.tdmg .typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:24ch;animation:type 9s steps(24) infinite}
.tdmg .caret{display:inline-block;width:2px;height:20px;background:#FF6B35;margin-left:2px;vertical-align:-3px;animation:blink 1s step-end infinite}
@keyframes type{0%{width:0}22%{width:24ch}100%{width:24ch}}
@keyframes blink{50%{opacity:0}}
.tdmg .res{position:absolute;left:0;right:0;height:76px}
.tdmg .r-you{top:0;animation:you 9s cubic-bezier(.6,0,.2,1) infinite}
.tdmg .r-a{top:88px;animation:ra 9s cubic-bezier(.6,0,.2,1) infinite}
.tdmg .r-b{top:176px;animation:rb 9s cubic-bezier(.6,0,.2,1) infinite}
@keyframes you{0%,34%{top:176px;box-shadow:none}46%,100%{top:0;box-shadow:0 0 0 2px #FF6B35,0 18px 40px rgba(255,107,53,.25)}}
@keyframes ra{0%,34%{top:0}46%,100%{top:88px}}
@keyframes rb{0%,34%{top:88px}46%,100%{top:176px}}
.tdmg .toast{animation:toast 9s ease infinite}
@keyframes toast{0%,52%{opacity:0;transform:translateY(16px) scale(.96)}60%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.tdmg .ring{animation:ring 9s ease infinite;transform-origin:50% 60%}
@keyframes ring{0%,60%{transform:none}62%{transform:rotate(-14deg)}64%{transform:rotate(12deg)}66%{transform:rotate(-10deg)}68%{transform:rotate(8deg)}70%,100%{transform:none}}
.tdmg .sink{animation:sink 5s ease-in-out infinite}
@keyframes sink{0%,15%{transform:translateY(-34px);opacity:1}55%,85%{transform:none;opacity:1}100%{transform:none;opacity:.4}}
.tdmg .cursor{animation:cursor 5s ease-in-out infinite}
@keyframes cursor{0%{transform:translate(0,40px)}45%{transform:translate(118px,0)}55%{transform:translate(118px,0) scale(.85)}62%,100%{transform:translate(118px,0)}}
.tdmg .tab{animation:tabgone 5s ease infinite}
@keyframes tabgone{0%,55%{opacity:1;transform:none}65%,90%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:none}}
.tdmg .spend{width:92%;animation:spend 5s ease-in-out infinite}
@keyframes spend{0%{width:8%}80%,100%{width:92%}}
.tdmg .flow{position:relative;height:4px;flex:1;min-width:24px;border-radius:4px;background-image:linear-gradient(90deg,#FF6B35 0 10px,transparent 10px 22px);background-size:22px 4px;animation:flow 1s linear infinite}
@keyframes flow{from{background-position:0 0}to{background-position:22px 0}}
.tdmg .flow-v{width:4px;height:36px;border-radius:4px;background-image:linear-gradient(180deg,#FF6B35 0 10px,transparent 10px 22px);background-size:4px 22px;animation:flowv 1s linear infinite}
@keyframes flowv{from{background-position:0 0}to{background-position:0 22px}}
.tdmg .badge{transform:rotate(-3deg);transition:transform .3s ease}
.tdmg .badge:hover{transform:rotate(0deg) scale(1.02)}
.tdmg .blk{animation:build 6s ease infinite both}
.tdmg .b2{animation-delay:.25s}
.tdmg .b3{animation-delay:.5s}
.tdmg .b4{animation-delay:.75s}
@keyframes build{0%{opacity:0;transform:translateY(8px)}12%,85%{opacity:1;transform:none}100%{opacity:0}}
.tdmg .pin{animation:pin 3.6s cubic-bezier(.3,1.4,.5,1) infinite}
@keyframes pin{0%{transform:translateY(-40px);opacity:0}20%,85%{transform:none;opacity:1}100%{opacity:0}}
.tdmg .ripple{animation:ripple 3.6s ease-out infinite}
@keyframes ripple{0%,18%{transform:scale(.2);opacity:0}25%{opacity:.7}70%,100%{transform:scale(1.8);opacity:0}}
.tdmg .bar{transform-origin:bottom;animation:grow 4s ease infinite both}
.tdmg .g2{animation-delay:.15s}
.tdmg .g3{animation-delay:.3s}
.tdmg .g4{animation-delay:.45s}
.tdmg .g5{animation-delay:.6s}
@keyframes grow{0%{transform:scaleY(.1)}30%,85%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
.tdmg .float{animation:float 5s ease-in-out infinite}
.tdmg .float2{animation:float 6s ease-in-out infinite;animation-delay:-2s}
.tdmg .float3{animation:float 5.5s ease-in-out infinite;animation-delay:-3.5s}
@keyframes float{50%{transform:translateY(-10px)}}
.tdmg .tick{animation:tick 7s ease infinite both}
.tdmg .t2{animation-delay:.6s}
.tdmg .t3{animation-delay:1.2s}
.tdmg .t4{animation-delay:1.8s}
.tdmg .t5{animation-delay:2.4s}
@keyframes tick{0%,4%{transform:scale(0)}10%,80%{transform:scale(1)}90%,100%{transform:scale(0)}}
@supports (animation-timeline: view()){.tdmg .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
.tdmg .draw{animation:draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}}
.tdmg .draw{transform-origin:left}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion: reduce){.tdmg,.tdmg *{animation:none !important}}
@media (max-width: 960px){.tdmg .hero-grid,.tdmg .split{grid-template-columns:minmax(0,1fr);gap:40px}
.tdmg .three{grid-template-columns:minmax(0,1fr)}
.tdmg .chain{flex-direction:column !important}
.tdmg .chain .flow{display:none}
.tdmg .stepline{display:none}}
@media (max-width: 760px){.tdmg .desk{display:none}
.tdmg .logo-svg{width:230px}
.tdmg .mob{display:flex}
.tdmg .two{grid-template-columns:minmax(0,1fr)}
.tdmg .h1{font-size:40px !important}
.tdmg .h2{font-size:34px !important}
.tdmg .bignum{font-size:60px !important}
.tdmg .sec{padding-top:72px !important;padding-bottom:72px !important}
.tdmg .hero{padding-top:28px !important;padding-bottom:56px !important}
.tdmg .pad-sm{padding:28px !important}}
.tdmg .inc-wide{grid-column:span 2}
.tdmg .draw-v{transform-origin:top}
@supports (animation-timeline: view()){.tdmg .draw-v{animation:drawv linear both;animation-timeline:view();animation-range:entry 10% cover 60%}
.tdmg .meter span{animation:meter linear both;animation-timeline:view();animation-range:entry 20% cover 50%}}
@keyframes drawv{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes meter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tdmg .meter span{transform-origin:left}
.tdmg .sf-good{animation:sfgood 4s ease infinite}
@keyframes sfgood{0%,35%{opacity:0;transform:scale(.8)}45%,90%{opacity:1;transform:none}100%{opacity:0}}
.tdmg .ba-knob{animation:knob 2.4s ease-in-out infinite}
@keyframes knob{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,.55),0 8px 24px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 12px rgba(255,107,53,0),0 8px 24px rgba(0,0,0,.35)}}
@media (max-width: 960px){.tdmg .inc-wide{grid-column:auto}}
.tdmg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tdmg .feed{height:372px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.tdmg .feed-track{display:flex;flex-direction:column;gap:10px;animation:feed 22s linear infinite}
@keyframes feed{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.tdmg .term{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:12px 14px;font:500 14px/1.3 'JetBrains Mono',ui-monospace,monospace}
.tdmg .term.keep{background:#FFFFFF;color:#0C1220}
.tdmg .term.block{background:#1B2438;color:#8E9AB0}
.tdmg .term.block .t{text-decoration:line-through;text-decoration-color:#FF8A5C;text-decoration-thickness:2px}
.tdmg .pill-keep{flex:none;background:#FF6B35;color:#0C1220;border-radius:999px;padding:6px 10px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tdmg .pill-block{flex:none;background:#0C1220;color:#D5DCE8;border:1px solid #3A4560;border-radius:999px;padding:6px 10px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tdmg .slash{display:inline-block;color:#FF6B35;animation:slash 5s ease infinite}
@keyframes slash{0%,30%{opacity:1;transform:none}45%,80%{opacity:0;transform:translateY(-14px) rotate(25deg)}100%{opacity:1;transform:none}}
.tdmg .conv{animation:conv 5s ease infinite}
@keyframes conv{0%,45%{opacity:0;transform:translateY(10px)}55%,85%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width: 960px){.tdmg .four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.tdmg .four{grid-template-columns:minmax(0,1fr)}}
.tdmg .scan{position:relative;display:flex;flex-direction:column;gap:8px}
.tdmg .scan-row{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1B2438;border-radius:12px;padding:12px 14px;font:500 14px/1.3 Inter,system-ui,sans-serif;color:#D5DCE8}
.tdmg .scan-row .st{flex:none;border-radius:999px;padding:6px 10px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;animation:pop 9s ease infinite both}
.tdmg .st-ok{background:#2C3750;color:#FFFFFF}
.tdmg .st-fix{background:#FFE3D6;color:#0C1220}
.tdmg .st-leak{background:#FF6B35;color:#0C1220}
.tdmg .s1{animation-delay:.4s !important}
.tdmg .s2{animation-delay:1.2s !important}
.tdmg .s3{animation-delay:2s !important}
.tdmg .s4{animation-delay:2.8s !important}
.tdmg .s5{animation-delay:3.6s !important}
.tdmg .s6{animation-delay:4.4s !important}
.tdmg .s7{animation-delay:5.2s !important}
.tdmg .s8{animation-delay:6s !important}
@keyframes pop{0%{opacity:0;transform:scale(.4)}4%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:scale(.8)}}
.tdmg .beam{position:absolute;left:-6px;right:-6px;height:46px;border-radius:14px;border:2px solid #FF6B35;box-shadow:0 0 24px rgba(255,107,53,.35);pointer-events:none;animation:beam 9s cubic-bezier(.5,0,.5,1) infinite}
@keyframes beam{0%{top:0;opacity:1}8.9%{top:0}17.8%{top:54px}26.7%{top:108px}35.6%{top:162px}44.4%{top:216px}53.3%{top:270px}62.2%{top:324px}71.1%,86%{top:378px;opacity:1}92%,100%{top:378px;opacity:0}}
.tdmg .prog{height:8px;border-radius:4px;background:#1B2438;overflow:hidden}
.tdmg .prog span{display:block;height:100%;background:#FF6B35;transform-origin:left;animation:prog 9s linear infinite}
@keyframes prog{0%{transform:scaleX(0)}72%,100%{transform:scaleX(1)}}
.tdmg .found{display:flex;align-items:flex-start;gap:16px;background:#FFFFFF;border:1px solid #DCE2EC;border-radius:18px;padding:22px 24px}
.tdmg .found .x{flex:none;width:34px;height:34px;border-radius:50%;background:#FF6B35;display:flex;align-items:center;justify-content:center;font:800 16px/1 'Bricolage Grotesque',system-ui,sans-serif;color:#0C1220}
@media (prefers-reduced-motion: reduce){.tdmg .beam{display:none}}
.tdmg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tdmg .pairs{position:relative;height:262px}
.tdmg .pair{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;opacity:0;animation:pair 12s ease infinite}
.tdmg .pair.p1{animation-delay:0s}
.tdmg .pair.p2{animation-delay:4s}
.tdmg .pair.p3{animation-delay:8s}
@keyframes pair{0%{opacity:0;transform:translateY(14px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-10px)}}
.tdmg .from{background:#1B2438;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.tdmg .to{background:#FFFFFF;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 0 2px #FF6B35,0 18px 40px rgba(255,107,53,.22)}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .strike{position:relative;display:inline-block}
.tdmg .strike::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:3px;border-radius:2px;background:#FF6B35;transform-origin:left;transform:scaleX(1);animation:strike 4s ease infinite}
.tdmg .p2 .strike::after{animation-delay:4s}
.tdmg .p3 .strike::after{animation-delay:8s}
@keyframes strike{0%,12%{transform:scaleX(0)}22%,100%{transform:scaleX(1)}}
.tdmg .down{align-self:center;width:44px;height:44px;border-radius:50%;background:#FF6B35;display:flex;align-items:center;justify-content:center}
.tdmg .nap{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;padding:14px 16px;font:600 15px/1.3 Inter,system-ui,sans-serif}
.tdmg .nap-bad{background:#FFFFFF;border:1px solid #DCE2EC;color:#3D4859}
.tdmg .nap-good{background:#0C1220;color:#FFFFFF}
.tdmg .chip-x{flex:none;border-radius:999px;padding:6px 10px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#FFE3D6;color:#0C1220;animation:chipx 5s ease infinite}
.tdmg .chip-ok{flex:none;border-radius:999px;padding:6px 10px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#FF6B35;color:#0C1220}
@keyframes chipx{0%,40%{background:#FFE3D6}50%,90%{background:#FF6B35}100%{background:#FFE3D6}}
.tdmg .stat{display:flex;flex-direction:column;gap:10px;background:#141C2E;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:30px}
@media (max-width: 960px){.tdmg .four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.tdmg .four{grid-template-columns:minmax(0,1fr)}
.tdmg .pairs{height:320px}}
@media (prefers-reduced-motion: reduce){.tdmg .pair{opacity:0}
.tdmg .pair.p3{opacity:1}}
.tdmg .badx{flex:none;width:26px;height:26px;border-radius:50%;background:#3A1F1A;color:#FF8A5C;display:flex;align-items:center;justify-content:center;font:800 13px/1 Inter,system-ui,sans-serif}
.tdmg .goodx{flex:none;width:26px;height:26px;border-radius:50%;background:#FF6B35;color:#0C1220;display:flex;align-items:center;justify-content:center;font:800 14px/1 Inter,system-ui,sans-serif}
.tdmg .map{position:relative;height:420px;border-radius:24px;overflow:hidden;background-color:#141C2E;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px rgba(0,0,0,.35)}
.tdmg .road{position:absolute;background:#1F2A40}
.tdmg .mpin{position:absolute;width:30px;height:44px;animation:mdrop 8s cubic-bezier(.3,1.4,.5,1) infinite both}
.tdmg .mpin.m2{animation-delay:.3s}
.tdmg .mpin.m3{animation-delay:.6s}
.tdmg .mpin.m4{animation-delay:.9s}
.tdmg .mpin.you{width:42px;height:60px;animation-delay:1.5s}
@keyframes mdrop{0%{transform:translateY(-60px);opacity:0}8%,90%{transform:none;opacity:1}100%{opacity:0}}
.tdmg .mripple{position:absolute;width:90px;height:34px;border-radius:50%;border:3px solid #FF6B35;animation:mrip 8s ease-out infinite both;animation-delay:1.5s}
@keyframes mrip{0%,6%{transform:scale(.2);opacity:0}10%{opacity:.8}30%,100%{transform:scale(1.8);opacity:0}}
.tdmg .mcard{position:absolute;left:24px;right:24px;bottom:24px;background:#FFFFFF;color:#0C1220;border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 24px 50px rgba(0,0,0,.4);animation:mcard 8s ease infinite both;animation-delay:1.5s}
@keyframes mcard{0%,14%{opacity:0;transform:translateY(20px)}22%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.tdmg .factor{display:flex;flex-direction:column;gap:12px;border-radius:22px;padding:30px}
.tdmg .mistake{display:flex;gap:16px;align-items:flex-start;background:#FFFFFF;border:1px solid #DCE2EC;border-radius:18px;padding:22px 24px}
.tdmg .mistake .n{flex:none;width:34px;height:34px;border-radius:50%;background:#0C1220;color:#FF6B35;display:flex;align-items:center;justify-content:center;font:800 15px/1 'Bricolage Grotesque',system-ui,sans-serif}
.tdmg .phone{width:100%;max-width:300px;margin:0 auto;background:#0C1220;border-radius:36px;padding:14px;box-shadow:0 30px 60px rgba(12,18,32,.25)}
.tdmg .phone-screen{background:#F5F6F8;border-radius:26px;padding:22px 16px;display:flex;flex-direction:column;gap:12px;min-height:360px}
.tdmg .bubble{align-self:flex-start;max-width:88%;background:#FFFFFF;border:1px solid #DCE2EC;border-radius:18px 18px 18px 6px;padding:12px 14px;font:500 14px/1.45 Inter,system-ui,sans-serif;color:#0C1220;animation:bub 6s ease infinite both}
.tdmg .bubble.b-2{animation-delay:.8s}
.tdmg .bubble.reply{align-self:flex-end;background:#FF6B35;border-color:#FF6B35;border-radius:18px 18px 6px 18px;animation-delay:1.8s}
@keyframes bub{0%{opacity:0;transform:translateY(10px)}10%,90%{opacity:1;transform:none}100%{opacity:0}}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .goodx{flex:none;width:26px;height:26px;border-radius:50%;background:#FF6B35;color:#0C1220;display:flex;align-items:center;justify-content:center;font:800 14px/1 Inter,system-ui,sans-serif}
.tdmg .grid21{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.tdmg .t21{position:relative;aspect-ratio:1/1;border-radius:12px;background:#1B2438;display:flex;align-items:center;justify-content:center;font:700 15px/1 'JetBrains Mono',ui-monospace,monospace;color:#8E9AB0;overflow:hidden}
.tdmg .t21 .mk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 20px/1 Inter,system-ui,sans-serif;border-radius:12px;animation:mk 10s ease infinite both}
.tdmg .t21 .ok{background:#FFFFFF;color:#0C1220}
.tdmg .t21 .fx{background:#FF6B35;color:#0C1220}
@keyframes mk{0%{opacity:0;transform:scale(.4) rotate(-12deg)}3%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
.tdmg .score{animation:score 10s ease infinite both}
@keyframes score{0%,62%{opacity:0;transform:translateY(10px)}68%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
.tdmg .found{display:flex;align-items:flex-start;gap:16px;background:#FFFFFF;border:1px solid #DCE2EC;border-radius:18px;padding:22px 24px}
.tdmg .found .x{flex:none;width:34px;height:34px;border-radius:50%;background:#FF6B35;display:flex;align-items:center;justify-content:center;font:800 16px/1 'Bricolage Grotesque',system-ui,sans-serif;color:#0C1220}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .goodx{flex:none;width:26px;height:26px;border-radius:50%;background:#FF6B35;color:#0C1220;display:flex;align-items:center;justify-content:center;font:800 14px/1 Inter,system-ui,sans-serif}
.tdmg .part{display:flex;gap:18px;align-items:flex-start;border-radius:18px;padding:22px 24px}
@media (max-width: 760px){.tdmg .grid21{gap:6px}
.tdmg .t21{font-size:12px}}
.tdmg .devices{position:relative;display:flex;align-items:flex-end;gap:18px}
.tdmg .desk-frame{flex:1;min-width:0;background:#141C2E;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;box-shadow:0 40px 80px rgba(0,0,0,.35)}
.tdmg .desk-screen{background:#FFFFFF;border-radius:10px;overflow:hidden;height:330px;display:flex;flex-direction:column}
.tdmg .phone-frame{flex:none;width:128px;background:#141C2E;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:8px;box-shadow:0 30px 60px rgba(0,0,0,.4);margin-bottom:-22px}
.tdmg .phone-screen2{background:#FFFFFF;border-radius:19px;overflow:hidden;height:250px;display:flex;flex-direction:column}
.tdmg .bld{animation:bld 9s ease infinite both}
.tdmg .k1{animation-delay:.2s}
.tdmg .k2{animation-delay:.6s}
.tdmg .k3{animation-delay:1s}
.tdmg .k4{animation-delay:1.4s}
.tdmg .k5{animation-delay:1.8s}
.tdmg .k6{animation-delay:2.2s}
@keyframes bld{0%{opacity:0;transform:translateY(14px) scale(.97)}6%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
.tdmg .tag{position:absolute;background:#FF6B35;color:#0C1220;border-radius:999px;padding:7px 12px;font:700 12px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.3);animation:bld 9s ease infinite both}
.tdmg .cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.tdmg .cmp th,.tdmg .cmp td{text-align:left;padding:18px 20px;font:400 16px/1.5 Inter,system-ui,sans-serif;border-bottom:1px solid #DCE2EC;vertical-align:top}
.tdmg .cmp thead th{font:700 13px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#3D4859;background:#F5F6F8}
.tdmg .cmp thead th.me{background:#0C1220;color:#FF8A5C;border-radius:14px 14px 0 0}
.tdmg .cmp td.row{font-weight:700;color:#0C1220;width:24%}
.tdmg .cmp td.diy{color:#3D4859}
.tdmg .cmp td.me{background:#0C1220;color:#FFFFFF;font-weight:600}
.tdmg .cmp tr:last-child td.me{border-radius:0 0 14px 14px}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .goodx{flex:none;width:26px;height:26px;border-radius:50%;background:#FF6B35;color:#0C1220;display:flex;align-items:center;justify-content:center;font:800 14px/1 Inter,system-ui,sans-serif}
.tdmg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width: 960px){.tdmg .four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.tdmg .four{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 760px){.tdmg .phone-frame{width:100px}
.tdmg .desk-screen{height:260px}}
.tdmg .tl{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.tdmg .tl-line{position:absolute;left:8%;right:8%;top:23px;height:4px;border-radius:4px;background:#DCE2EC}
.tdmg .tl-line span{display:block;height:100%;border-radius:4px;background:#FF6B35;transform-origin:left}
@supports (animation-timeline: view()){.tdmg .tl-line span{animation:draw linear both;animation-timeline:view();animation-range:entry 10% cover 50%}
.tdmg .tl-dot{animation:dot linear both;animation-timeline:view();animation-range:entry 20% cover 45%}}
@keyframes dot{from{transform:scale(.5);opacity:.4}to{transform:none;opacity:1}}
.tdmg .tl-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.tdmg .tl-dot{width:50px;height:50px;border-radius:50%;background:#0C1220;color:#FF6B35;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #FFFFFF}
.tdmg .tl-yr{font:800 18px/1 'Bricolage Grotesque',system-ui,sans-serif;color:#B8410E}
.tdmg .tl-txt{font:600 15px/1.45 Inter,system-ui,sans-serif;color:#0C1220}
.tdmg .stat2{display:flex;flex-direction:column;gap:8px;background:#141C2E;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .badge-c{display:flex;align-items:center;gap:14px;background:#FFFFFF;border:1px solid #DCE2EC;border-radius:16px;padding:16px 20px;font:600 16px/1.4 Inter,system-ui,sans-serif}
.tdmg .badge-c span.i{flex:none;width:38px;height:38px;border-radius:12px;background:#0C1220;display:flex;align-items:center;justify-content:center}
.tdmg .fun{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#FFFFFF;border:1px solid #DCE2EC;border-radius:20px;padding:24px}
.tdmg .fun .i{width:48px;height:48px;border-radius:14px;background:#FF6B35;display:flex;align-items:center;justify-content:center}
.tdmg .wiggle{animation:wig 3s ease-in-out infinite}
@keyframes wig{0%,80%,100%{transform:none}85%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}
.tdmg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width: 960px){.tdmg .four{grid-template-columns:repeat(2,minmax(0,1fr))}
.tdmg .tl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
.tdmg .tl-line{display:none}}
@media (max-width: 760px){.tdmg .four{grid-template-columns:minmax(0,1fr)}}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tdmg .nb{display:flex;flex-direction:column;gap:8px;background:#141C2E;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px}
.tdmg .case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:0;border-radius:24px;overflow:hidden;background:#FFFFFF;border:1px solid #DCE2EC}
.tdmg .case-side{background:#0C1220;color:#FFFFFF;padding:32px;display:flex;flex-direction:column;gap:12px}
.tdmg .case-body{padding:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tdmg .case-body h4{margin:0 0 8px;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#B8410E}
.tdmg .case-body p{margin:0;font:400 16px/1.6 Inter,system-ui,sans-serif;color:#3D4859}
.tdmg .case-body .cs-res p{color:#0C1220;font-weight:600}
.tdmg .fwrap{position:relative}
.tdmg .fwrap input{position:absolute;opacity:0;width:1px;height:1px}
.tdmg .fwrap label{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;margin:0 8px 10px 0;padding:0 20px;border-radius:999px;border:1.5px solid #0C1220;font:600 15px/1 Inter,system-ui,sans-serif;color:#0C1220;background:#FFFFFF;transition:background-color .2s ease,color .2s ease}
.tdmg .fwrap input:checked + label,.tdmg .fwrap:not(:has(input:checked)) label[for="f-all"]{background:#0C1220;color:#FFFFFF}
.tdmg .fwrap input:focus-visible + label{outline:3px solid #FF6B35;outline-offset:3px}
.tdmg .rwall{columns:3 320px;column-gap:20px;margin-top:20px}
.tdmg .rv{break-inside:avoid;margin:0 0 20px;background:#FFFFFF;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px rgba(184,65,14,.08)}
.tdmg .rv .tags{display:flex;flex-wrap:wrap;gap:6px}
.tdmg .rv .tags span{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#FFE3D6;color:#0C1220;border-radius:999px;padding:6px 9px}
.tdmg #f-web:checked ~ .rwall .rv:not(.t-web),.tdmg #f-seo:checked ~ .rwall .rv:not(.t-seo),.tdmg #f-ads:checked ~ .rwall .rv:not(.t-ads){display:none}
@media (max-width: 760px){.tdmg .nb{padding:18px}
.tdmg .nb .display{font-size:28px !important}}
@media (max-width: 960px){.tdmg .case{grid-template-columns:minmax(0,1fr)}
.tdmg .case-body{grid-template-columns:minmax(0,1fr)}
.tdmg .four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tdmg .lbl{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tdmg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tdmg .fld{display:flex;flex-direction:column;gap:8px}
.tdmg .fld label,.tdmg .fld legend{font:600 15px/1.3 Inter,system-ui,sans-serif;color:#0C1220;padding:0}
.tdmg .fld input,.tdmg .fld textarea{min-height:48px;border:1.5px solid #B9C1CF;border-radius:12px;padding:12px 14px;font:400 16px/1.4 Inter,system-ui,sans-serif;color:#0C1220;background:#FFFFFF;width:100%}
.tdmg .fld textarea{min-height:130px;resize:vertical}
.tdmg .fld input:focus,.tdmg .fld textarea:focus{outline:none;border-color:#FF6B35;box-shadow:0 0 0 3px rgba(255,107,53,.25)}
.tdmg .chips{display:flex;flex-wrap:wrap;gap:8px}
.tdmg .chips input{position:absolute;opacity:0;width:1px;height:1px}
.tdmg .chips label{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:1.5px solid #B9C1CF;font:600 14px/1 Inter,system-ui,sans-serif;color:#0C1220;background:#FFFFFF;transition:background-color .2s ease,border-color .2s ease}
.tdmg .chips input:checked + label{background:#0C1220;border-color:#0C1220;color:#FFFFFF}
.tdmg .chips input:focus-visible + label{outline:3px solid #FF6B35;outline-offset:2px}
.tdmg .sendstage{position:relative;display:inline-flex;align-items:center}
.tdmg .sendpill{background:#FF6B35;color:#0C1220;border-radius:999px;padding:14px 26px;font:700 16px/1 Inter,system-ui,sans-serif;animation:press 4.5s ease infinite}
@keyframes press{0%,55%{transform:none}60%{transform:scale(.94)}66%,100%{transform:none}}
.tdmg .sendptr{position:absolute;right:-18px;bottom:-26px;width:34px;height:34px;transform-box:fill-box;animation:ptr 4.5s cubic-bezier(.3,.8,.3,1) infinite}
@keyframes ptr{0%,30%{transform:translate(50px,40px);opacity:0}52%{transform:none;opacity:1}58%{transform:scale(.85)}64%,90%{transform:none;opacity:1}100%{opacity:0}}
.tdmg .sendrays{position:absolute;right:6px;top:-18px;width:34px;height:30px;animation:rays2 4.5s ease-out infinite}
@keyframes rays2{0%,58%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1.1)}72%,90%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width: 960px){.tdmg .four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.tdmg .four{grid-template-columns:minmax(0,1fr)}}
html{scroll-behavior:smooth}
.tdmg [id]{scroll-margin-top:24px}
.tdmg .desk .dd{position:relative}
.tdmg .desk .dd>.navlink{display:inline-flex;align-items:center;gap:4px}
.tdmg .caret-dn{font-size:11px;opacity:.7}
.tdmg .dd-menu{display:none;position:absolute;top:100%;left:-14px;min-width:240px;background:#FFFFFF;border-radius:16px;padding:10px;box-shadow:0 24px 50px rgba(0,0,0,.35);z-index:60}
.tdmg .dd-menu a{display:block;padding:12px 14px;border-radius:10px;color:#0C1220;text-decoration:none;font:600 15px/1.3 Inter,system-ui,sans-serif}
.tdmg .dd-menu a:hover,.tdmg .dd-menu a:focus-visible{background:#FFF0E8;color:#0C1220}
.tdmg .dd:hover .dd-menu,.tdmg .dd:focus-within .dd-menu{display:block}
.tdmg .mobmenu{position:fixed;inset:0;z-index:70;background:#0C1220;display:flex;flex-direction:column;padding:16px max(24px,env(safe-area-inset-left,0px)) 32px max(24px,env(safe-area-inset-right,0px));overflow-y:auto}
.tdmg .mobmenu[hidden]{display:none}
.tdmg .mob-nav{display:flex;flex-direction:column;margin-top:18px}
.tdmg .mob-nav .mob-group{margin-top:16px;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FF8A5C}
.tdmg .mob-nav a{color:#FFFFFF;text-decoration:none;font:600 18px/1.3 Inter,system-ui,sans-serif;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.tdmg .ftr-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.tdmg .ftr-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.tdmg .ftr-col a{color:#D5DCE8;text-decoration:none;font:500 15px/1.4 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.tdmg .ftr-col a:hover{color:#FFFFFF}
.tdmg .ftr-h{font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FF8A5C;margin-bottom:4px}
.tdmg .site-ftr .logo-svg-mob{width:240px}
.tdmg .notice{border-radius:14px;padding:14px 18px;font:600 15px/1.5 Inter,system-ui,sans-serif}
.tdmg .notice-err{background:#FFE3D6;color:#0C1220}
.tdmg .hp{position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden}
.tdmg button,.tdmg input,.tdmg textarea{font-family:Inter,system-ui,sans-serif}
.tdmg button:hover,.tdmg button:focus{text-decoration:none}
.tdmg a:focus-visible,.tdmg button:focus-visible,.tdmg summary:focus-visible,.tdmg input:focus-visible,.tdmg textarea:focus-visible{outline:3px solid #FF6B35;outline-offset:3px}
@media (max-width: 960px){.tdmg .ftr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.tdmg .ftr-grid{grid-template-columns:minmax(0,1fr)}}