body.is-dh-page{--dh-violet:#7C5CFF;--dh-violet-soft:#EFEAFF;--dh-violet-grad:linear-gradient(135deg,#E8E1FF,#DCE4FF);--dh-mint:#34D399;--dh-mint-ink:#1F8A5B;--dh-mint-soft:#E0F7EC;--dh-mint-grad:linear-gradient(135deg,#DDF3E5,#CDEDDB);--dh-sky:var(--hp-blue-400);--dh-sky-soft:#E5EFFF;--dh-sky-grad:linear-gradient(135deg,#DEE8FF,#E5DEFC);--dh-peach:#F09B7E;--dh-peach-soft:#FDEAE0;--dh-peach-grad:linear-gradient(135deg,#FCE2D5,#F8D9CC);--dh-rose:#E879A8;--dh-rose-soft:#FCE4EF;--dh-rose-grad:linear-gradient(135deg,#FBD7E6,#F4C8DD);--dh-amber:#E4A33A;--dh-amber-soft:#FDF1D8;--dh-amber-grad:linear-gradient(135deg,#FBE6BC,#F5D896);--dh-heart:var(--hp-pink-500);--dh-heart-bg:var(--hp-pink-50);--dh-font-display:"Fraunces",ui-serif,Georgia,"Plus Jakarta Sans",serif;--dh-font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;font-family:var(--hp-font);color:var(--hp-color-text);background-color:var(--hp-color-bg-soft)}body.is-dh-page .hclass-main{background:transparent;min-height:0}body.is-dh-page:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 10% 0,rgba(124,92,255,.06),transparent 40%),radial-gradient(circle at 90% 10%,rgba(52,211,153,.06),transparent 40%);pointer-events:none;z-index:0}body.is-dh-page .hclass-main>.dh-page{position:relative;z-index:1}.dh-page{max-width:var(--hp-container);margin:0 auto;padding:0 var(--hp-space-8) var(--hp-space-20)}.dh-muted{color:var(--hp-color-text-muted)}.dh-small{font-size:var(--hp-fs-12)}.dh-hero{position:relative;padding:var(--hp-space-10) 0 var(--hp-space-12);overflow:hidden}.dh-hero-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;pointer-events:none;z-index:0}.dh-hero-blob-1{width:420px;height:420px;top:-120px;left:-160px;background:radial-gradient(circle,rgba(124,92,255,.45),transparent 65%);animation:dhBlobDrift 12s ease-in-out infinite}.dh-hero-blob-2{width:380px;height:380px;bottom:-140px;right:-120px;background:radial-gradient(circle,rgba(96,165,250,.38),transparent 65%);animation:dhBlobDrift 14s ease-in-out -3s infinite reverse}@keyframes dhBlobDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-16px) scale(1.06)}}.dh-hero>*{position:relative;z-index:1}.dh-hero-slider{position:relative;min-height:460px}.dh-hslide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--hp-space-12);align-items:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--hp-dur-slow) var(--hp-ease-out),transform var(--hp-dur-slow) var(--hp-ease)}.dh-hslide.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:2}.dh-hslide-text{display:flex;flex-direction:column}.dh-hslide-eyebrow{display:inline-flex;align-items:center;gap:var(--hp-space-2);align-self:flex-start;background:var(--dh-violet-soft);color:var(--dh-violet);padding:6px 14px;border-radius:var(--hp-radius-pill);margin-bottom:var(--hp-space-5);font-size:var(--hp-fs-12);font-weight:700;letter-spacing:.04em;transition:background-color var(--hp-dur) var(--hp-ease),color var(--hp-dur) var(--hp-ease)}.dh-hslide-num{font-family:var(--dh-font-mono);opacity:.7}.dh-hslide-name{text-transform:uppercase}.dh-hslide[data-accent=mint] .dh-hslide-eyebrow{background:var(--dh-mint-soft);color:var(--dh-mint-ink)}.dh-hslide[data-accent=sky] .dh-hslide-eyebrow{background:var(--dh-sky-soft);color:var(--dh-sky)}.dh-hslide-title{font-family:var(--dh-font-display);font-weight:500;font-size:clamp(34px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em;margin:0 0 var(--hp-space-5);text-wrap:balance;color:var(--hp-color-text)}.dh-grad-text{background:var(--hp-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:dhGradShift 8s ease-in-out infinite}@keyframes dhGradShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.dh-hslide-lead{font-size:var(--hp-fs-16);color:var(--hp-color-text-soft);line-height:1.6;max-width:520px;margin:0}.dh-hslide-lead b{color:var(--hp-color-text);font-weight:700}.dh-btn-ghost,.dh-btn-primary{display:inline-flex;align-items:center;gap:var(--hp-space-2);font:inherit;font-weight:600;font-size:var(--hp-fs-14);border-radius:var(--hp-radius-pill);transition:transform var(--hp-dur-fast) var(--hp-ease),background-color var(--hp-dur-fast) var(--hp-ease),color var(--hp-dur-fast) var(--hp-ease),border-color var(--hp-dur-fast) var(--hp-ease),box-shadow var(--hp-dur-fast) var(--hp-ease)}.dh-btn-primary{background:var(--hp-color-text);color:#fff;padding:var(--hp-space-3) 22px;border:1px solid transparent}.dh-btn-primary:hover{background:var(--dh-violet);transform:translateY(-1px);box-shadow:0 8px 20px rgba(124,92,255,.3)}.dh-btn-ghost{background:var(--hp-color-bg);border:1px solid var(--hp-color-border);color:var(--hp-color-text-soft);font-weight:500;padding:11px var(--hp-space-5)}.dh-btn-ghost:hover{border-color:var(--hp-color-text);color:var(--hp-color-text)}.dh-float-1,.dh-float-2,.dh-float-3{animation:dhFloatY 6s ease-in-out infinite}.dh-float-1{animation-duration:5.5s;animation-delay:0s}.dh-float-2{animation-duration:6.5s;animation-delay:-1.8s}.dh-float-3{animation-duration:7.5s;animation-delay:-3.4s}@keyframes dhFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dh-hslide-visual{display:flex;align-items:center;justify-content:center}.dh-bdemo,.dh-hslide-visual{position:relative;min-height:440px}.dh-bdemo{width:100%;max-width:520px}.dh-bdemo:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 50%,rgba(124,92,255,.18),transparent 55%);pointer-events:none}.dh-bdemo-topic{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hp-color-border);color:var(--hp-color-text);padding:7px 12px 7px 11px;border-radius:var(--hp-radius-pill);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px -16px rgba(15,23,42,.4),0 4px 10px -4px rgba(15,23,42,.1),0 1px 0 rgba(15,23,42,.04);z-index:20;white-space:nowrap;opacity:0;transform:scale(.4) rotate(var(--rot,0deg));transform-origin:center}.dh-bdemo-topic-pulse{width:7px;height:7px;border-radius:50%;background:var(--c,var(--dh-violet));flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.9)}.dh-bdemo-topic-code{font-family:var(--dh-font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--hp-color-text)}.dh-bdemo-topic-tier{font-family:var(--dh-font-mono);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--hp-color-text-muted);padding-left:8px;border-left:1px solid var(--hp-color-border)}.dh-topic-1{top:14%;left:4%;--rot:-3deg;--c:var(--dh-violet)}.dh-topic-2{top:18%;right:2%;--rot:2deg;--c:var(--dh-amber)}.dh-topic-3{top:46%;left:-2%;--rot:-2deg;--c:var(--dh-mint)}.dh-topic-4{top:52%;right:-2%;--rot:3deg;--c:var(--dh-rose)}.dh-topic-5{bottom:16%;left:4%;--rot:-2deg;--c:var(--dh-sky)}.dh-topic-6{bottom:12%;right:2%;--rot:2deg;--c:var(--dh-peach)}.dh-hslide.is-active .dh-bdemo-topic{animation:dhTopicPop .5s cubic-bezier(.34,1.56,.64,1) forwards,dhTopicFloat 4s ease-in-out infinite}.dh-hslide.is-active .dh-topic-1{animation-delay:.1s,.6s}.dh-hslide.is-active .dh-topic-2{animation-delay:.22s,.7s}.dh-hslide.is-active .dh-topic-3{animation-delay:.34s,.8s}.dh-hslide.is-active .dh-topic-4{animation-delay:.46s,.9s}.dh-hslide.is-active .dh-topic-5{animation-delay:.58s,1s}.dh-hslide.is-active .dh-topic-6{animation-delay:.7s,1.1s}@keyframes dhTopicPop{0%{opacity:0;transform:scale(.4) rotate(var(--rot,0deg))}60%{opacity:1;transform:scale(1.12) rotate(var(--rot,0deg))}to{opacity:1;transform:scale(1) rotate(var(--rot,0deg))}}@keyframes dhTopicFloat{0%,to{translate:0 0}50%{translate:0 -7px}}.dh-bdemo-screen{position:relative;z-index:10;width:min(86%,420px);margin:50px auto;background:#fff;border-radius:var(--hp-radius-2xl);box-shadow:0 32px 70px -28px rgba(124,92,255,.45),0 16px 32px -16px rgba(20,22,56,.22),0 1px 0 rgba(15,23,42,.04);overflow:hidden;border:1px solid var(--hp-color-border)}.dh-bdemo-spark{position:absolute;border-radius:50%;background:var(--c,var(--dh-violet));opacity:0;pointer-events:none;z-index:5}.dh-hslide.is-active .dh-bdemo-spark{animation:dhSparkPulse 3.4s ease-in-out infinite}@keyframes dhSparkPulse{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}.dh-bdemo-spark--1{top:8%;left:18%;--c:var(--dh-violet);animation-delay:0s;width:6px;height:6px}.dh-bdemo-spark--2{top:22%;left:80%;--c:var(--dh-mint);animation-delay:-.6s;width:4px;height:4px}.dh-bdemo-spark--3{top:38%;left:12%;--c:var(--dh-rose);animation-delay:-1.2s;width:5px;height:5px}.dh-bdemo-spark--4{top:64%;left:86%;--c:var(--dh-violet);animation-delay:-1.8s;width:4px;height:4px}.dh-bdemo-spark--5{top:78%;left:26%;--c:var(--dh-mint);animation-delay:-2.4s;width:6px;height:6px}.dh-bdemo-spark--6{top:14%;left:60%;--c:var(--dh-peach);animation-delay:-3s;width:5px;height:5px}.dh-bdemo-spark--7{top:88%;left:70%;--c:var(--dh-violet);animation-delay:-1.5s;width:4px;height:4px}.dh-bdemo-spark--8{top:50%;left:6%;--c:var(--dh-amber);animation-delay:-2.7s;width:4px;height:4px}.dh-bdemo-screen-head{display:flex;align-items:center;gap:var(--hp-space-3);padding:11px var(--hp-space-4) 10px;background:linear-gradient(180deg,#ffffff,#fafbff);border-bottom:1px solid var(--hp-color-border)}.dh-bdemo-screen-app{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;flex:0 0 auto;background:var(--dh-violet-grad);color:var(--dh-violet);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.dh-bdemo-screen-app svg{width:14px;height:14px}.dh-bdemo-screen-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.dh-bdemo-screen-name{font-size:12.5px;font-weight:600;letter-spacing:-.005em;color:var(--hp-color-text);line-height:1.2}.dh-bdemo-screen-sub{font-size:10.5px;letter-spacing:.04em;line-height:1.2}.dh-bdemo-screen-step,.dh-bdemo-screen-sub{font-family:var(--dh-font-mono);color:var(--hp-color-text-muted)}.dh-bdemo-screen-step{margin-left:auto;display:inline-flex;align-items:baseline;gap:0;font-size:11px;font-weight:600;background:var(--hp-color-bg-soft);border:1px solid var(--hp-color-border);border-radius:999px;padding:4px 10px;white-space:nowrap}.dh-bdemo-screen-step-now{color:var(--dh-violet);font-weight:700}.dh-bdemo-screen-step-sep{opacity:.5;margin:0 2px}.dh-bdemo-screen-progress{height:2px;background:var(--hp-color-bg-soft);border-bottom:1px solid var(--hp-color-border);overflow:hidden}.dh-bdemo-screen-progress>span{display:block;width:6%;height:100%;background:linear-gradient(90deg,var(--dh-violet),var(--dh-rose));border-radius:0 999px 999px 0}.dh-hslide.is-active .dh-bdemo-screen-progress>span{animation:dhScreenProgress 3.4s var(--hp-ease) forwards}@keyframes dhScreenProgress{0%{width:6%}to{width:32%}}.dh-bdemo-screen-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-space-3);padding:9px var(--hp-space-4) 10px;border-top:1px solid var(--hp-color-border);background:linear-gradient(180deg,#fafbff,#f6f7fc)}.dh-bdemo-screen-ai{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--dh-mint-ink);padding:3px 9px 3px 7px;background:var(--dh-mint-soft);border-radius:999px;border:1px solid rgba(52,211,153,.3)}.dh-bdemo-screen-ai svg{width:13px;height:13px}.dh-hslide.is-active .dh-bdemo-screen-ai svg{animation:dhSparklePulse 2.4s ease-in-out infinite;transform-origin:center}@keyframes dhSparklePulse{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1.15) rotate(8deg);opacity:.85}}.dh-bdemo-screen-pages{display:inline-flex;align-items:center;gap:5px}.dh-bdemo-screen-pages>span{width:5px;height:5px;border-radius:50%;background:var(--hp-color-border);transition:background var(--hp-dur) var(--hp-ease),width var(--hp-dur) var(--hp-ease)}.dh-bdemo-screen-pages>span.is-on{background:var(--dh-violet);width:16px;border-radius:999px}.dh-bdemo-rows{padding:var(--hp-space-3) var(--hp-space-3) var(--hp-space-4);display:flex;flex-direction:column;gap:4px;min-height:220px}.dh-bdemo-row{display:grid;grid-template-columns:28px 1fr;gap:var(--hp-space-3);padding:var(--hp-space-3);border-radius:var(--hp-radius);align-items:start;background:transparent;transition:background-color var(--hp-dur) var(--hp-ease)}.dh-bdemo-row[data-i="0"]{background:var(--dh-violet-soft)}.dh-bdemo-play{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--dh-violet);display:flex;align-items:center;justify-content:center;box-shadow:var(--hp-shadow-sm);margin-top:2px;cursor:default}.dh-bdemo-row[data-i="1"] .dh-bdemo-play{color:var(--hp-color-text-muted)}.dh-bdemo-play svg{width:9px;height:9px}.dh-bdemo-text{display:flex;flex-direction:column;gap:4px;min-width:0}.dh-bdemo-en,.dh-bdemo-vi{margin:0;opacity:0}.dh-bdemo-en{font-weight:500;font-size:var(--hp-fs-15);color:var(--hp-color-text);transform:translateY(6px)}.dh-bdemo-en,.dh-bdemo-vi{font-family:var(--dh-font-display);line-height:1.5}.dh-bdemo-vi{font-style:italic;font-size:13.5px;color:var(--hp-color-text-muted);max-height:0;overflow:hidden;transform:translateY(-4px)}.dh-bdemo-mark{color:var(--dh-mint-ink);font-weight:600;padding:0 3px;border-radius:3px;background-image:linear-gradient(transparent 60%,rgba(52,211,153,.32) 0,rgba(52,211,153,.32) 92%,transparent 0)}.dh-hslide.is-active .dh-bdemo-en{animation:dhEnAppear .35s var(--hp-ease) forwards}.dh-hslide.is-active .dh-bdemo-vi{animation:dhViUnfold .45s var(--hp-ease) forwards}.dh-hslide.is-active .dh-bdemo-row[data-i="0"] .dh-bdemo-en{animation-delay:.1s}.dh-hslide.is-active .dh-bdemo-row[data-i="0"] .dh-bdemo-vi{animation-delay:.45s}.dh-hslide.is-active .dh-bdemo-row[data-i="1"] .dh-bdemo-en{animation-delay:1.05s}.dh-hslide.is-active .dh-bdemo-row[data-i="1"] .dh-bdemo-vi{animation-delay:1.55s}@keyframes dhEnAppear{to{opacity:1;transform:translateY(0)}}@keyframes dhViUnfold{to{opacity:1;max-height:100px;transform:translateY(0)}}.dh-vdemo{position:relative;width:100%;max-width:520px;min-height:440px}.dh-vdemo-passage{position:relative;z-index:1;width:min(82%,380px);margin:60px auto 0;background:#fff;border:1px solid var(--hp-color-border);border-radius:var(--hp-radius-2xl);padding:var(--hp-space-5) var(--hp-space-6);box-shadow:var(--hp-shadow-card)}.dh-vdemo-passage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--hp-space-3);padding-bottom:var(--hp-space-3);border-bottom:1px solid var(--hp-color-border-soft)}.dh-vdemo-passage-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--dh-mint-ink);text-transform:uppercase}.dh-vdemo-passage-dot{width:6px;height:6px;border-radius:50%;background:var(--dh-mint)}.dh-vdemo-passage-meta{font-family:var(--dh-font-mono);font-size:10.5px;color:var(--hp-color-text-muted)}.dh-vdemo-passage-text{font-family:var(--dh-font-display);font-weight:500;font-size:var(--hp-fs-15);line-height:1.65;color:var(--hp-color-text);margin:0}.dh-vdemo-mark{color:var(--dh-mint-ink);font-weight:600;cursor:pointer;padding:0 3px;border-radius:3px;background-image:linear-gradient(transparent 58%,rgba(52,211,153,.3) 0,rgba(52,211,153,.3) 92%,transparent 0);animation:dhMarkPulse 2.8s ease-in-out infinite}.dh-vdemo-mark-1{animation-delay:0s}.dh-vdemo-mark-2{animation-delay:-.9s}.dh-vdemo-mark-3{animation-delay:-1.8s}@keyframes dhMarkPulse{0%,to{background-image:linear-gradient(transparent 58%,rgba(52,211,153,.25) 0,rgba(52,211,153,.25) 92%,transparent 0)}50%{background-image:linear-gradient(transparent 58%,rgba(52,211,153,.55) 0,rgba(52,211,153,.55) 92%,transparent 0)}}.dh-vdemo-note{position:absolute;width:200px;background:#fff;border:1px solid var(--hp-color-border);border-radius:var(--hp-radius);padding:var(--hp-space-3) var(--hp-space-4);box-shadow:var(--hp-shadow);z-index:2;animation:dhFloatY 6s ease-in-out infinite}.dh-vdemo-note:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--dh-mint);border-radius:var(--hp-radius) 0 0 var(--hp-radius)}.dh-vdemo-note-1{top:8%;left:-4%;transform:rotate(-3deg);animation-delay:-.5s}.dh-vdemo-note-2{top:38%;right:-8%;transform:rotate(3deg);animation-delay:-2s}.dh-vdemo-note-3{bottom:4%;left:12%;transform:rotate(-2deg);animation-delay:-3.5s}.dh-vdemo-note-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}.dh-vdemo-note-en{font-family:var(--dh-font-display);font-weight:600;font-size:var(--hp-fs-16);color:var(--hp-color-text)}.dh-vdemo-note-pos{font-family:var(--dh-font-mono);font-size:9.5px;font-weight:700;color:var(--dh-mint-ink);background:var(--dh-mint-soft);padding:2px 5px;border-radius:var(--hp-radius-xs)}.dh-vdemo-note-ipa{display:block;font-family:var(--dh-font-mono);font-size:10.5px;color:var(--hp-color-text-muted);font-style:italic;margin-bottom:2px}.dh-vdemo-note-vi{display:block;font-size:12.5px;font-weight:500;color:var(--hp-color-text);margin-bottom:4px}.dh-vdemo-note-ex{display:block;font-size:11px;font-style:italic;color:var(--hp-color-text-muted);line-height:1.4;padding-top:6px;border-top:1px dashed var(--hp-color-border-soft)}.dh-vdemo-note-ex b{color:var(--dh-mint-ink);font-style:normal;font-weight:600}.dh-rdemo{width:100%;max-width:520px;background:#fff;border:1px solid var(--hp-color-border);border-radius:var(--hp-radius-2xl);padding:var(--hp-space-5) var(--hp-space-6) var(--hp-space-4);box-shadow:var(--hp-shadow-card);display:flex;flex-direction:column;gap:var(--hp-space-4)}.dh-rdemo-stage-head{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-space-3);padding-bottom:var(--hp-space-3);border-bottom:1px solid var(--hp-color-border-soft)}.dh-rdemo-stage-eyebrow{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--dh-sky-soft),var(--dh-violet-soft));color:var(--dh-violet);font-family:var(--dh-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:var(--hp-radius-pill)}.dh-rdemo-stage-eyebrow .hi{font-size:12px}.dh-rdemo-stage-meta{font-size:var(--hp-fs-12);color:var(--hp-color-text-muted)}.dh-rdemo-stage-meta b{color:var(--hp-color-text);font-weight:700}.dh-rdemo-vcard,.dh-rdemo-vcard-stack{position:relative;min-height:180px}.dh-rdemo-vcard-stack{width:100%;height:100%}.dh-rdemo-vcard-item{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;padding:var(--hp-space-3) 0;opacity:0;transform:translateY(8px)}.dh-hslide.is-active .dh-rdemo-vcard-item[data-i="0"]{animation:dhVcardSlot1 6s ease infinite}.dh-hslide.is-active .dh-rdemo-vcard-item[data-i="1"]{animation:dhVcardSlot2 6s ease infinite}.dh-hslide.is-active .dh-rdemo-vcard-item[data-i="2"]{animation:dhVcardSlot3 6s ease infinite}@keyframes dhVcardSlot1{0%{opacity:0;transform:translateY(8px)}5%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}35%{opacity:0;transform:translateY(-8px)}to{opacity:0;transform:translateY(-8px)}}@keyframes dhVcardSlot2{0%,33%{opacity:0;transform:translateY(8px)}38%{opacity:1;transform:translateY(0)}63%{opacity:1;transform:translateY(0)}68%{opacity:0;transform:translateY(-8px)}to{opacity:0;transform:translateY(-8px)}}@keyframes dhVcardSlot3{0%,66%{opacity:0;transform:translateY(8px)}71%{opacity:1;transform:translateY(0)}96%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.dh-rdemo-vcard-stage{display:flex;align-items:center;gap:5px;margin-bottom:4px}.dh-rdemo-vcard-stage-dot{width:6px;height:6px;border-radius:50%;background:var(--hp-color-border)}.dh-rdemo-vcard-stage-dot.is-on{background:var(--dh-violet)}.dh-rdemo-vcard-stage-lbl{font-family:var(--dh-font-mono);font-size:10.5px;color:var(--hp-color-text-muted);margin-left:4px}.dh-rdemo-vcard-head{display:flex;align-items:baseline;gap:8px}.dh-rdemo-vcard-en{font-family:var(--dh-font-display);font-size:clamp(28px,3vw,34px);font-weight:600;letter-spacing:-.02em;color:var(--hp-color-text);line-height:1}.dh-rdemo-vcard-pos{font-family:var(--dh-font-mono);font-size:10.5px;font-weight:700;color:var(--dh-violet);background:var(--dh-violet-soft);padding:3px 7px;border-radius:var(--hp-radius-xs)}.dh-rdemo-vcard-ipa{font-family:var(--dh-font-mono);font-size:var(--hp-fs-13);color:var(--hp-color-text-muted);font-style:italic;margin-bottom:2px}.dh-rdemo-vcard-vi{font-family:var(--dh-font-display);font-size:var(--hp-fs-16);font-weight:500;color:var(--hp-color-text);margin-bottom:var(--hp-space-2)}.dh-rdemo-vcard-ex{font-size:var(--hp-fs-13);font-style:italic;color:var(--hp-color-text-soft);line-height:1.5;padding-top:var(--hp-space-2);border-top:1px dashed var(--hp-color-border-soft)}.dh-rdemo-vcard-ex b{color:var(--dh-violet);font-style:normal;font-weight:600}.dh-rdemo-rates{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hp-space-2)}.dh-rdemo-rate{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--hp-space-3) var(--hp-space-2);background:#fff;border:1.5px solid var(--hp-color-border);border-radius:var(--hp-radius);cursor:pointer;transition:transform var(--hp-dur-fast) var(--hp-ease),background-color var(--hp-dur-fast) var(--hp-ease),border-color var(--hp-dur-fast) var(--hp-ease)}.dh-rdemo-rate:hover{transform:translateY(-2px)}.dh-rdemo-rate-name{font-family:var(--dh-font-display);font-size:var(--hp-fs-14);font-weight:600;letter-spacing:-.01em}.dh-rdemo-rate-int{font-family:var(--dh-font-mono);font-size:10.5px;font-weight:600;color:var(--hp-color-text-muted)}.dh-rdemo-rate-again .dh-rdemo-rate-name{color:var(--hp-pink-600)}.dh-rdemo-rate-hard .dh-rdemo-rate-name{color:var(--dh-amber)}.dh-rdemo-rate-good .dh-rdemo-rate-name{color:var(--dh-mint-ink)}.dh-rdemo-rate-easy .dh-rdemo-rate-name{color:var(--dh-sky)}.dh-rdemo-rate.is-suggested{background:var(--dh-mint-soft);border-color:var(--dh-mint);animation:dhRatePulse 2.4s ease infinite}.dh-rdemo-rate.is-suggested .dh-rdemo-rate-int{color:var(--dh-mint-ink);font-weight:700}@keyframes dhRatePulse{0%,to{box-shadow:0 0 0 0 rgba(52,211,153,.45)}60%{box-shadow:0 0 0 8px rgba(52,211,153,0)}}.dh-rdemo-hint{display:flex;align-items:flex-start;gap:var(--hp-space-2);padding:var(--hp-space-3);background:linear-gradient(135deg,var(--dh-sky-soft),var(--dh-violet-soft));border-radius:var(--hp-radius);font-size:var(--hp-fs-12);color:var(--hp-color-text-soft);line-height:1.5}.dh-rdemo-hint .hi{flex-shrink:0;font-size:14px;color:var(--dh-violet);margin-top:2px}.dh-rdemo-hint b{color:var(--hp-color-text);font-weight:700}.dh-cats{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--hp-space-8);gap:var(--hp-space-4);overflow:hidden}.dh-cat-row{display:flex;gap:var(--hp-space-2);flex-wrap:nowrap;flex:1 1 auto;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 54px 4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 58px),rgba(0,0,0,0));mask-image:linear-gradient(90deg,#000,#000 calc(100% - 58px),rgba(0,0,0,0))}.dh-cat-row::-webkit-scrollbar{display:none}.dh-cat-pill{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;white-space:nowrap;background:var(--hp-color-bg);border:1px solid var(--hp-color-border);color:var(--hp-color-text-soft);font:inherit;font-size:var(--hp-fs-13);font-weight:500;padding:var(--hp-space-2) var(--hp-space-4);border-radius:var(--hp-radius-pill);transition:background-color var(--hp-dur-fast) var(--hp-ease),color var(--hp-dur-fast) var(--hp-ease),border-color var(--hp-dur-fast) var(--hp-ease)}.dh-cat-pill:hover{border-color:var(--hp-color-text-soft)}.dh-cat-pill.is-active{background:var(--hp-color-text);color:#fff;border-color:var(--hp-color-text)}.dh-cat-count{font-size:11px;font-weight:600;background:var(--hp-color-border-soft);color:var(--hp-color-text-muted);padding:1px 7px;border-radius:var(--hp-radius-pill)}.dh-cat-pill.is-active .dh-cat-count{background:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}.dh-sort{display:flex;align-items:center;gap:var(--hp-space-2)}.dh-select-mini{background:var(--hp-color-bg);border:1px solid var(--hp-color-border);border-radius:var(--hp-radius-xs);padding:6px 10px;font:inherit;font-size:var(--hp-fs-13);color:var(--hp-color-text-soft)}.dh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hp-space-6)}.dh-a-card{background:var(--hp-color-bg);border:1px solid var(--hp-color-border);border-radius:var(--hp-radius-2xl);overflow:hidden;cursor:pointer;transition:transform var(--hp-dur-slow) var(--hp-ease),box-shadow var(--hp-dur-slow) var(--hp-ease-out),border-color var(--hp-dur) var(--hp-ease);display:flex;flex-direction:column;opacity:0;transform:translateY(16px);animation:dhCardIn var(--hp-dur-slider) var(--hp-ease) forwards;animation-delay:var(--dh-card-delay,0s);outline:none}.dh-a-card:focus-visible{box-shadow:0 0 0 3px var(--dh-violet-soft),0 0 0 4px var(--dh-violet)}@keyframes dhCardIn{to{opacity:1;transform:translateY(0)}}.dh-a-card:hover{transform:translateY(-6px);box-shadow:var(--hp-shadow-card);border-color:transparent}.dh-a-card.is-hidden{display:none}.dh-a-cover{position:relative;height:180px;overflow:hidden}.dh-cover-art{position:absolute;inset:0;width:100%;height:100%;animation:dhCoverFloat 6s ease-in-out infinite;animation-delay:var(--dh-float-delay,0s);transition:transform .6s var(--hp-ease)}.dh-a-card:hover .dh-cover-art{transform:scale(1.06)}@keyframes dhCoverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dh-a-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);transition:transform var(--hp-dur-slider) var(--hp-ease);pointer-events:none;z-index:1}.dh-a-card:hover .dh-a-cover:after{transform:translateX(100%)}.dh-a-arrow{position:absolute;bottom:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--hp-color-text);display:flex;align-items:center;justify-content:center;font-size:var(--hp-fs-14);opacity:0;transform:translate(8px);transition:opacity var(--hp-dur) var(--hp-ease),transform var(--hp-dur) var(--hp-ease);z-index:2;box-shadow:var(--hp-shadow)}.dh-a-card:hover .dh-a-arrow{opacity:1;transform:translate(0)}.dh-a-title-en{transition:color var(--hp-dur-fast) var(--hp-ease),transform var(--hp-dur) var(--hp-ease)}.dh-a-card:hover .dh-a-title-en{color:var(--dh-violet);transform:translateX(2px)}.dh-a-card.dh-accent-mint:hover .dh-a-title-en{color:var(--dh-mint-ink)}.dh-a-card.dh-accent-sky:hover .dh-a-title-en{color:var(--dh-sky)}.dh-a-card.dh-accent-peach:hover .dh-a-title-en{color:var(--dh-peach)}.dh-a-card.dh-accent-rose:hover .dh-a-title-en{color:var(--dh-rose)}.dh-a-card.dh-accent-amber:hover .dh-a-title-en{color:var(--dh-amber)}.dh-a-card.dh-accent-violet .dh-a-cover{background:var(--dh-violet-grad)}.dh-a-card.dh-accent-mint .dh-a-cover{background:var(--dh-mint-grad)}.dh-a-card.dh-accent-sky .dh-a-cover{background:var(--dh-sky-grad)}.dh-a-card.dh-accent-peach .dh-a-cover{background:var(--dh-peach-grad)}.dh-a-card.dh-accent-rose .dh-a-cover{background:var(--dh-rose-grad)}.dh-a-card.dh-accent-amber .dh-a-cover{background:var(--dh-amber-grad)}.dh-a-cover-tags{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;z-index:2}.dh-tag-cat{display:inline-flex;align-items:center;gap:6px;background:#fff;font-size:var(--hp-fs-12);font-weight:600;padding:5px 10px;border-radius:var(--hp-radius-pill);color:var(--hp-color-text)}.dh-tag-cat .dh-dot{width:6px;height:6px}.dh-tag-level-bl{position:absolute;bottom:12px;left:14px;background:rgba(255,255,255,.9);font-family:var(--dh-font-mono);font-size:11px;font-weight:600;padding:4px 8px;border-radius:var(--hp-radius-xs);color:var(--hp-color-text);z-index:2;backdrop-filter:blur(4px)}.dh-a-save{position:absolute;top:14px;right:14px;width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B0B0B6;font-size:var(--hp-fs-14);z-index:3;box-shadow:var(--hp-shadow-sm);transition:transform var(--hp-dur) var(--hp-ease),color var(--hp-dur-fast) var(--hp-ease),background-color var(--hp-dur-fast) var(--hp-ease)}.dh-a-save:hover{color:var(--dh-heart);transform:scale(1.08)}.dh-a-save.is-saved{color:var(--dh-heart);background:var(--dh-heart-bg);animation:dhHeartPop var(--hp-dur-slow) var(--hp-ease)}.dh-a-save.is-saved svg{fill:currentColor}@keyframes dhHeartPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.dh-a-body{padding:var(--hp-space-5) 22px 22px;flex:1;display:flex;flex-direction:column;gap:4px}.dh-a-title-en{font-weight:500;font-size:var(--hp-fs-18);line-height:1.25;letter-spacing:-.015em;margin:0;color:var(--hp-color-text)}.dh-a-title-en,.dh-a-title-vi{font-family:var(--dh-font-display);text-wrap:balance}.dh-a-title-vi{font-weight:400;font-style:italic;font-size:14.5px;color:var(--hp-color-text-muted);margin:0 0 var(--hp-space-2)}.dh-a-excerpt{font-size:var(--hp-fs-13);color:var(--hp-color-text-soft);line-height:1.5;margin:0 0 var(--hp-space-3);flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dh-a-meta{display:flex;align-items:center;gap:var(--hp-space-2);font-size:var(--hp-fs-12);color:var(--hp-color-text-muted);flex-wrap:wrap}.dh-meta-item{display:inline-flex;align-items:center;gap:5px}.dh-meta-item .hi{font-size:13px}.dh-empty{flex-direction:column;gap:10px;padding:var(--hp-space-20) var(--hp-space-5);color:var(--hp-color-text-muted);text-align:center}.dh-empty,.dh-empty-ico{display:flex;align-items:center}.dh-empty-ico{width:72px;height:72px;border-radius:50%;background:var(--dh-violet-soft);color:var(--dh-violet);justify-content:center;font-size:26px}.dh-empty-title{font-family:var(--dh-font-display);font-size:var(--hp-fs-20);color:var(--hp-color-text);margin:0}.dh-empty-sub{font-size:var(--hp-fs-13);margin:0}.dh-popup-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.32);backdrop-filter:blur(6px);z-index:var(--hp-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--hp-space-5);opacity:0;pointer-events:none;transition:opacity var(--hp-dur) var(--hp-ease-out)}.dh-popup-backdrop.is-open{opacity:1;pointer-events:auto}.dh-popup{position:relative;width:100%;max-width:420px;background:var(--hp-color-bg);border-radius:var(--hp-radius-2xl);padding:36px var(--hp-space-8) var(--hp-space-8);box-shadow:var(--hp-shadow-lg);text-align:center;transform:translateY(16px) scale(.96);opacity:0;transition:transform var(--hp-dur-slow) var(--hp-ease),opacity var(--hp-dur) var(--hp-ease-out);overflow:hidden}.dh-popup-backdrop.is-open .dh-popup{transform:translateY(0) scale(1);opacity:1}.dh-popup:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--hp-grad-primary);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.dh-popup-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hp-color-text-muted);background:var(--hp-color-bg-alt);font-size:var(--hp-fs-14);transition:color var(--hp-dur-fast) var(--hp-ease),background-color var(--hp-dur-fast) var(--hp-ease),transform var(--hp-dur-fast) var(--hp-ease);z-index:4}.dh-popup-close:hover{color:var(--hp-color-text);background:var(--hp-color-border);transform:rotate(90deg)}.dh-popup-art{position:relative;width:96px;height:96px;margin:4px auto var(--hp-space-5);display:flex;align-items:center;justify-content:center;color:var(--hp-color-primary)}.dh-popup-blob{position:absolute;border-radius:50%;filter:blur(14px);opacity:.55;z-index:0}.dh-popup-blob-1{width:70px;height:70px;background:var(--hp-color-primary);top:-6px;left:-6px;animation:dhBlobFloat 5.5s ease-in-out infinite}.dh-popup-blob-2{width:60px;height:60px;background:var(--hp-violet-500);bottom:-8px;right:-10px;animation:dhBlobFloat 6s ease-in-out -1.5s infinite}.dh-popup-blob-3{width:48px;height:48px;background:var(--hp-pink-500);bottom:-4px;left:6px;animation:dhBlobFloat 7s ease-in-out -3s infinite}@keyframes dhBlobFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4px,-4px) scale(1.08)}}.dh-popup-icon{position:relative;z-index:1;color:var(--hp-color-primary);font-size:48px;animation:dhIconWiggle 3.4s ease-in-out infinite}@keyframes dhIconWiggle{0%,92%,to{transform:rotate(0)}94%{transform:rotate(-6deg)}96%{transform:rotate(5deg)}98%{transform:rotate(-2deg)}}.dh-popup-title{font-family:var(--dh-font-display);font-weight:600;font-size:var(--hp-fs-24);letter-spacing:-.015em;color:var(--hp-color-text);margin:0 0 10px}.dh-popup-body{font-size:var(--hp-fs-15);color:var(--hp-color-text-soft);line-height:1.55;margin:0 0 4px}.dh-popup-body b{color:var(--hp-color-primary);font-weight:600}.dh-popup-sub{font-size:var(--hp-fs-13);color:var(--hp-color-text-muted);margin:0 0 22px}.dh-popup-actions{display:flex;justify-content:center}.dh-popup-cta{display:inline-flex;align-items:center;gap:var(--hp-space-2);background:var(--hp-grad-primary);color:#fff;font:inherit;font-size:var(--hp-fs-13);font-weight:600;padding:11px 22px;border-radius:var(--hp-radius-pill);box-shadow:var(--hp-shadow-cta);transition:transform var(--hp-dur-fast) var(--hp-ease),box-shadow var(--hp-dur-fast) var(--hp-ease)}.dh-popup-cta:hover{transform:translateY(-1px);box-shadow:var(--hp-shadow-cta-hover)}.dh-popup-cta:active{transform:translateY(0)}body.dh-popup-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.dh-a-card,.dh-a-save.is-saved,.dh-bdemo-en,.dh-bdemo-screen-ai svg,.dh-bdemo-screen-progress>span,.dh-bdemo-spark,.dh-bdemo-topic,.dh-bdemo-vi,.dh-cover-art,.dh-float-1,.dh-float-2,.dh-float-3,.dh-grad-text,.dh-hero-blob,.dh-popup,.dh-popup-blob,.dh-popup-icon,.dh-rdemo-rate.is-suggested,.dh-rdemo-vcard-item,.dh-vdemo-mark,.dh-vdemo-note{animation:none!important;transition:none!important}.dh-bdemo-spark{opacity:.5;transform:scale(1)}.dh-a-card{opacity:1;transform:none}.dh-bdemo-topic{opacity:1;transform:scale(1) rotate(var(--rot,0deg))}.dh-bdemo-en,.dh-bdemo-vi{opacity:1;transform:none}.dh-bdemo-vi{max-height:none}.dh-bdemo-screen-progress>span{width:24%!important}.dh-rdemo-vcard-item{opacity:0;transform:none}.dh-rdemo-vcard-item[data-i="0"]{opacity:1}}@media (max-width:1100px){.dh-grid{grid-template-columns:repeat(2,1fr)}.dh-hero-slider{min-height:auto}.dh-hslide{position:relative;grid-template-columns:1fr;gap:var(--hp-space-8)}.dh-hslide:not(.is-active){display:none}.dh-hslide-visual{min-height:380px}.dh-bdemo,.dh-rdemo,.dh-vdemo{margin:0 auto}}@media (max-width:720px){.dh-page{padding:0 var(--hp-space-4) var(--hp-space-10)}.dh-hero{padding:var(--hp-space-4) 0 var(--hp-space-8)}.dh-hslide-title{font-size:30px;line-height:1.08}.dh-hslide-lead{font-size:14.5px}.dh-hero-actions{flex-wrap:wrap;gap:10px}.dh-hslide-visual{min-height:380px}.dh-bdemo{min-height:400px}.dh-bdemo-topic{padding:5px 10px 5px 9px;gap:6px}.dh-bdemo-topic-code{font-size:11px}.dh-bdemo-topic-tier{font-size:10px;padding-left:6px}.dh-topic-1{left:0}.dh-topic-2{right:0}.dh-topic-3{left:-2%}.dh-topic-4{right:-2%}.dh-topic-5{left:6%}.dh-topic-6{right:2%}.dh-bdemo-screen{width:90%;margin-top:40px;margin-bottom:40px}.dh-bdemo-screen-name{font-size:12px}.dh-bdemo-screen-sub{font-size:10px}.dh-bdemo-en,.dh-bdemo-vi{font-size:13px}.dh-vdemo{min-height:460px}.dh-vdemo-passage{width:88%;padding:var(--hp-space-4);margin-top:40px}.dh-vdemo-passage-text{font-size:13.5px}.dh-vdemo-note{width:170px;padding:var(--hp-space-2) var(--hp-space-3)}.dh-vdemo-note-1{left:0;top:4%}.dh-vdemo-note-2{right:0;top:42%}.dh-vdemo-note-3{left:8%;bottom:0}.dh-rdemo{padding:var(--hp-space-4);gap:var(--hp-space-3)}.dh-rdemo-vcard,.dh-rdemo-vcard-stack{min-height:200px}.dh-rdemo-vcard-en{font-size:26px}.dh-rdemo-rates{gap:6px}.dh-rdemo-rate{padding:var(--hp-space-2) 4px}.dh-rdemo-rate-name{font-size:var(--hp-fs-13)}.dh-rdemo-rate-int{font-size:10px}.dh-cats{flex-direction:column;align-items:stretch;gap:var(--hp-space-3)}.dh-cat-row{flex-wrap:nowrap;margin:0 calc(var(--hp-space-4) * -1);padding:0 var(--hp-space-4);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--hp-space-4),#000 calc(100% - 52px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--hp-space-4),#000 calc(100% - 52px),transparent 100%)}.dh-grid{grid-template-columns:1fr;gap:var(--hp-space-5)}.dh-a-cover{height:160px}.dh-a-body{padding:var(--hp-space-5)}.dh-a-title-en{font-size:var(--hp-fs-18)}.dh-a-title-vi{font-size:14.5px}.dh-popup{padding:30px var(--hp-space-6) var(--hp-space-6)}.dh-popup-title{font-size:22px}}@media (max-width:420px){.dh-page{padding:0 14px var(--hp-space-8)}.dh-hslide-title{font-size:26px}.dh-btn-ghost,.dh-btn-primary{padding:10px var(--hp-space-4);font-size:13.5px}}