/* Scoped to the artwork. No changes to stage, scroll, timing, motion, text or navigation. */
.dt-showcase .mock{border-color:#ffffff22;box-shadow:0 28px 80px -25px #000c,0 0 0 5px #ffffff03;background:#101515;border-radius:13px}
.dt-showcase .mock svg,.dt-showcase .pmock svg{width:18px;height:18px;flex:none}
.dt-showcase .mock h2,.dt-showcase .pmock h2,.dt-showcase .phone h2{margin:0;letter-spacing:-.035em}
.dt-showcase .mock p,.dt-showcase .pmock p,.dt-showcase .phone p{margin:0}
.dt-showcase .mock small,.dt-showcase .pmock small{display:block}
.dt-browser{height:30px;display:flex;align-items:center;justify-content:space-between;background:#111918;color:#9daaa5;font:8px var(--mono);padding:0 13px;letter-spacing:.04em;border-bottom:1px solid #ffffff10}
.dt-window-dots{font-size:10px;letter-spacing:2px;color:#6e7d77}
.dt-aureus{height:318px;background:#f3f0e9;color:#202824;position:relative;overflow:hidden}
.dt-aureus-nav{position:relative;z-index:3;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#68665d}
.dt-aureus-nav>b{font:17px Georgia,serif;letter-spacing:.18em;color:#242b24}
.dt-aureus-nav>b span{display:block;font:5px var(--sans);letter-spacing:.34em;margin-top:4px}
.dt-aureus-nav>i{font-style:normal;border-bottom:1px solid #8e978e;padding:4px 0}
.dt-aureus-copy{position:relative;z-index:2;margin:17px 0 0 25px;width:52%}
.dt-aureus-copy>small{font:7px var(--mono);letter-spacing:.16em;color:#7d806f;margin-bottom:13px}
.dt-aureus-copy h2{font:42px/.96 Georgia,serif}
.dt-aureus-copy h2 em{font-weight:400;color:#8c795a}
.dt-aureus-copy>p{font:10px/1.6 var(--sans);color:#717468;margin-top:16px!important}
.dt-editorial-link{display:flex;align-items:center;justify-content:space-between;width:138px;font-size:9px;padding-bottom:7px;border-bottom:1px solid #a2a699;margin-top:22px}
.dt-watch-hero{position:absolute;right:-95px;top:67px;width:420px;height:225px;object-fit:cover;mix-blend-mode:multiply;transform:rotate(-13deg)}
.dt-watch-caption{position:absolute;right:27px;bottom:22px;display:flex;flex-direction:column;gap:4px;text-align:right;font-size:7px;color:#7f8376}
.dt-watch-caption>span:first-child{font:6px var(--mono);letter-spacing:.14em}.dt-watch-caption>b{font:14px Georgia,serif;color:#343e33}
.dt-edition{position:absolute;bottom:18px;left:202px;font:11px Georgia;color:#8c795a}.dt-edition span{color:#abaea2;font-size:8px}
.dt-erp{height:338px;display:grid;grid-template-columns:112px 1fr;background:#f6f8fb;color:#253247}
.dt-sidebar{background:#fff;border-right:1px solid #e4e9f0;padding:16px 9px;display:flex;flex-direction:column;gap:7px;font-size:8px;color:#8090a1}
.dt-sidebar>b{display:flex;align-items:center;gap:5px;color:#20304b;margin-bottom:21px;font-size:10px}
.dt-workmark{background:#3d70d2;color:white;border-radius:5px;padding:3px 5px;font-weight:700}
.dt-sidebar>small{font:5px var(--mono);letter-spacing:.1em;margin:0 6px 7px}.dt-sidebar>span{padding:7px 7px;border-radius:5px}.dt-sidebar>.dt-selected{color:#3f6fcd;background:#eef3fd;font-weight:650}
.dt-side-bottom{margin-top:auto;display:flex;align-items:center;gap:6px;border-top:1px solid #eee;padding-top:12px;font-size:7px}.dt-side-bottom span{font-size:6px}
.dt-erp-main{padding:18px 20px;min-width:0;position:relative}.dt-erp-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dt-erp-heading small{font:5px var(--mono);color:#9aa5b3;letter-spacing:.08em;margin-bottom:6px}.dt-erp-heading h2{font-size:21px;font-weight:600}.dt-erp-heading>span{font-size:7px;border:1px solid #e1e6ee;background:#fff;padding:6px 8px;border-radius:4px}
.dt-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-bottom:12px}.dt-metrics>div{border:1px solid #e3e8f0;background:#fff;padding:10px;border-radius:6px}.dt-metrics small{font-size:7px;color:#77859b}.dt-metrics b{display:block;font-size:22px;letter-spacing:-.04em;font-weight:600;margin:4px 0}.dt-metrics span{font-size:6px;color:#329e83}.dt-metrics i{font-style:normal;color:#9aa5b3;font-size:5px}
.dt-chart-panel{background:#fff;border:1px solid #e3e8f0;border-radius:6px;padding:10px 11px}.dt-chart-panel>div:first-child{display:flex;justify-content:space-between;font-size:7px}.dt-chart-panel>div>span{color:#a1adbb;font-size:6px}.dt-showcase .mock .dt-chart{width:100%;height:62px;display:block;margin-top:10px}.dt-axis{display:flex;justify-content:space-between;margin-top:4px}.dt-axis>span{font-size:5px!important}
.dt-table-heading{display:flex;justify-content:space-between;font-size:7px;margin:12px 0 5px}.dt-table-heading>span{color:#5f7ca8;font-size:6px}.dt-order{display:grid;grid-template-columns:45px 1fr 65px 66px;align-items:center;padding:7px 0;border-bottom:1px solid #e5eaf1;font-size:6.5px}.dt-order>span{color:#728093}.dt-order>b{font-weight:500}.dt-order>i{font-size:5px;text-align:center;padding:3px;border-radius:4px;background:#e4f4ec;color:#328e70;font-style:normal}.dt-order>.dt-pending{background:#fcf1d9;color:#b18b36}.dt-demo{font:4.5px var(--mono);color:#9aa5b3;text-align:right;margin-top:5px}
.dt-showcase .phone{background:#080909;border:5px solid #40413f;border-radius:36px;box-shadow:0 0 0 1px #b6b6ad66,0 32px 70px #0009;aspect-ratio:9/18.6}
.dt-assistant{height:308px;display:grid;grid-template-columns:168px 1fr;background:#f3f6f4;color:#223c32}.dt-assistant>aside{background:#e7eeea;border-right:1px solid #dbe4de;padding:23px 16px;display:flex;flex-direction:column;font-size:8px;color:#658073}.dt-ai-symbol{border-radius:12px;background:#244e3b;color:#e5eddf;display:grid;place-items:center;width:34px;height:34px;margin-bottom:13px}.dt-assistant>aside>b{font-size:16px;color:#254937;font-weight:550}.dt-assistant>aside>span{font-size:7px;margin-top:4px}.dt-assistant>aside>small{font:5px var(--mono);letter-spacing:.13em;margin:28px 0 12px}.dt-assistant>aside>div:not(.dt-ai-symbol){padding:8px 0;border-bottom:1px solid #cedbd255}.dt-assistant aside i{float:right;font-style:normal;color:#4b8e69}.dt-assistant>aside .dt-private{margin-top:auto;font-size:6px;border:0!important}.dt-conversation{padding:18px 20px;display:flex;flex-direction:column;min-width:0}.dt-ai-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;padding-bottom:16px;border-bottom:1px solid #dfe6e1}.dt-ai-top>span{font-size:6px;color:#639376}.dt-question{align-self:flex-end;background:#e6ede8;padding:10px 13px;border-radius:10px 10px 2px 10px;font-size:10px;margin:19px 0}.dt-answer-label{display:flex;align-items:center;gap:8px;color:#325c44;font-size:10px}.dt-answer>p{font-size:8px;color:#7e9185;margin:7px 0 12px!important}.dt-priority{display:flex;align-items:center;gap:9px;border-top:1px solid #dfe6e1;padding:10px 0}.dt-priority>i{font:8px var(--mono);color:#9aaba0}.dt-priority>div{flex:1}.dt-priority b{display:block;font-size:9px;font-weight:550}.dt-priority span{font-size:6.5px;display:block;margin-top:3px;color:#819386}.dt-priority>svg{width:12px!important;height:12px!important}.dt-answer>small{font-size:5px;color:#9aaba0;margin-top:2px}.dt-ai-input{margin-top:auto;border:1px solid #d5e1d8;border-radius:9px;background:#fff;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9ca9a1;box-shadow:0 4px 10px #1f4d3405}.dt-ai-input>span{display:grid;place-items:center;background:#244e3b;color:#f4f6f1;width:24px;height:22px;border-radius:6px}.dt-ai-input svg{width:12px!important}
.dt-mosaico{width:400px;height:320px;border-radius:12px;background:#efeee6;color:#242837;position:relative;overflow:hidden;box-shadow:0 30px 70px #0008}.dt-mosaico-top{padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.dt-mosaico-top>b{font-size:20px;letter-spacing:-.06em;line-height:.9}.dt-mosaico-top>b span{display:block;font-size:6px;letter-spacing:.07em;font-weight:400;margin-top:6px}.dt-mosaico-top>span{font-size:20px;color:#696d80}.dt-mosaico-heading{font-size:29px;letter-spacing:-.045em;line-height:1.02;position:relative;z-index:2;margin:18px 0 0 25px;max-width:230px;font-weight:550}.dt-mosaico-heading em{color:#7769ca;font-style:normal}.dt-mosaic-art{position:absolute;display:grid;grid-template-columns:repeat(3,65px);grid-template-rows:repeat(3,65px);gap:5px;right:-8px;bottom:-32px;transform:rotate(-12deg)}.dt-mosaic-art i{background:#766ac6}.dt-mosaic-art i:nth-child(2){border-radius:65px 65px 0 0;background:#edb35e}.dt-mosaic-art i:nth-child(3){border-radius:50%;background:#e18479}.dt-mosaic-art i:nth-child(4){border-radius:65px 0 0 0;background:#577b5f}.dt-mosaic-art i:nth-child(5){border-radius:50%;background:#c4bbdd}.dt-mosaic-art i:nth-child(6){border-radius:0 65px 0 0;background:#384759}.dt-mosaic-art i:nth-child(7){border-radius:0 0 65px 0;background:#f0c460}.dt-mosaic-art i:nth-child(8){border-radius:0 65px 0 0;background:#e18a79}.dt-mosaic-art i:nth-child(9){background:#b6c6a1}.dt-mosaico-footer{position:absolute;bottom:23px;left:25px;display:flex;flex-direction:column;gap:8px}.dt-mosaico-footer>span{font:5px var(--mono);letter-spacing:.12em;color:#969991}.dt-mosaico-footer>b{font-size:7px;font-weight:500}
.dt-genius{width:400px;height:300px;position:relative;color:#e4d4b1}.dt-genius-orbit{position:absolute;border-radius:50%;width:310px;height:310px;border:1px solid #b49e6022;left:50px;top:-10px;background:radial-gradient(circle,#84956717,transparent 70%)}.dt-membership{position:absolute;top:31px;left:22px;right:22px;height:201px;transform:rotate(-7deg);border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 20% -20%,#566051,#26392f 40%,#15271f);border:1px solid #b1bd9777;box-shadow:8px 30px 45px #0009,inset 0 0 35px #cfd6aa09}.dt-membership-top{display:flex;align-items:center;justify-content:space-between;padding:23px 25px}.dt-membership-top>b{font:28px Georgia,serif;letter-spacing:-.04em;font-weight:400}.dt-membership-top>b span{color:#b4c6a6;margin-left:5px}.dt-membership-top>img{width:29px;height:29px;opacity:.7}.dt-card-lines{position:absolute;inset:55px -60px -100px 60px;border:1px solid #c1c99722;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 13px #c1c99708,0 0 0 26px #c1c99708,0 0 0 39px #c1c99708,0 0 0 52px #c1c99708,0 0 0 65px #c1c99708,0 0 0 78px #c1c99708}.dt-membership-bottom{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.dt-membership-bottom>span{font:6px var(--mono);letter-spacing:.15em;color:#aeb995}.dt-membership-bottom>b{font:10px Georgia;color:#d4c49b}.dt-membership-bottom i{font-style:normal;margin-left:7px}.dt-wallet{position:absolute;bottom:28px;right:0;background:#eeeade;border:1px solid #fcfbf3;border-radius:9px;padding:16px;display:flex;align-items:center;gap:14px;color:#293f2b;box-shadow:0 15px 25px #0006}.dt-wallet-icon{display:grid;place-items:center;background:#d7ddc9;border:1px solid #c8d0b7;width:29px;height:29px;border-radius:50%;font-size:16px}.dt-wallet small{font:5px var(--mono);letter-spacing:.09em;color:#889477}.dt-wallet b{font:24px Georgia;display:block;margin-top:5px}.dt-wallet b>span{font-size:14px}.dt-wallet-trend{font:4px var(--mono);align-self:flex-start;color:#929d86;padding-top:4px}.dt-genius-caption{position:absolute;bottom:0;left:27px;right:0;display:flex;justify-content:space-between;font:5px var(--mono);letter-spacing:.16em;color:#9baf95}
@media(max-width:700px){
 .dt-aureus{height:272px}.dt-aureus-nav{padding:17px 19px}.dt-aureus-nav>span{font-size:5px}.dt-aureus-nav>b{font-size:13px}.dt-aureus-copy{margin:14px 0 0 19px}.dt-aureus-copy h2{font-size:32px}.dt-watch-hero{width:310px;right:-100px;top:72px;height:170px}.dt-watch-caption{right:17px;bottom:16px}.dt-watch-caption>b{font-size:11px}.dt-watch-caption>span{font-size:5px}.dt-aureus-copy>p{font-size:8px}.dt-editorial-link{font-size:7px;width:116px;margin-top:18px}.dt-edition{display:none}
 .dt-erp{grid-template-columns:70px 1fr;height:296px}.dt-sidebar{padding:15px 5px;font-size:6px;gap:5px}.dt-sidebar>b{font-size:6px;gap:3px}.dt-workmark{padding:3px}.dt-sidebar>small{font-size:4px;margin-left:2px}.dt-sidebar>span{padding:7px 3px}.dt-side-bottom{font-size:5px}.dt-side-bottom span{font-size:4px}.dt-erp-main{padding:13px 10px}.dt-erp-heading h2{font-size:17px}.dt-erp-heading small{font-size:3.5px}.dt-erp-heading>span{font-size:4px;padding:5px}.dt-metrics{gap:4px}.dt-metrics>div{padding:7px 5px}.dt-metrics b{font-size:15px}.dt-metrics small{font-size:5px}.dt-metrics span{font-size:4px}.dt-metrics i{display:none}.dt-chart-panel{padding:8px}.dt-chart-panel>div:first-child{font-size:5px}.dt-chart-panel>div>span{font-size:4px}.dt-table-heading{font-size:5px}.dt-order{grid-template-columns:28px 1fr 39px 45px;font-size:4.5px}.dt-order>i{font-size:3.5px}
 .dt-assistant{grid-template-columns:101px 1fr;height:280px}.dt-assistant>aside{padding:16px 11px;font-size:6px}.dt-assistant>aside>b{font-size:12px}.dt-assistant>aside>span{font-size:5px}.dt-assistant>aside>small{font-size:4px}.dt-assistant>aside .dt-private{font-size:4px}.dt-conversation{padding:15px 12px}.dt-ai-top{font-size:6px}.dt-ai-top>span{font-size:4px}.dt-question{font-size:8px}.dt-answer-label{font-size:7px;gap:4px}.dt-answer-label svg{width:12px!important}.dt-answer>p{font-size:6px}.dt-priority{gap:6px}.dt-priority b{font-size:6.5px}.dt-priority span{font-size:5px}.dt-answer>small{font-size:4px}.dt-ai-input{font-size:6px;padding:6px 8px}
 .dt-mosaico{width:min(400px,88vw);height:287px}.dt-mosaico-heading{font-size:26px}.dt-mosaic-art{right:-33px;bottom:-33px}.dt-genius{width:min(400px,89vw);height:280px}.dt-membership{left:12px;right:12px;height:185px}.dt-membership-top{padding:23px 20px}.dt-membership-top>b{font-size:25px}.dt-wallet{padding:13px;bottom:25px;gap:10px}.dt-wallet b{font-size:22px}.dt-genius-orbit{width:280px;height:280px;left:20px}
}

/* Final optical adjustments after desktop and phone review. */
.dt-erp{font-size:8px}.dt-erp-main{padding-top:16px;padding-bottom:16px}.dt-erp-heading{margin-bottom:14px}.dt-showcase .mock .dt-chart{height:56px}
.dt-assistant{font-size:8px}
.dt-watch-caption{right:0;bottom:0;width:47%;padding:10px 22px 13px;background:#f3f0e9;z-index:3;gap:3px}
.dt-watch-caption>span:first-child{display:none}
@media(max-width:700px){
 .dt-erp{height:304px}.dt-erp-main{padding:13px 10px}.dt-watch-caption{padding:9px 17px;background:#f3f0e9;width:43%}
}
.dt-erp{height:366px}.dt-assistant{height:324px}
@media(max-width:700px){.dt-erp{height:330px}.dt-assistant{height:292px}}

/* The UI inside these mockups is captured from the real product components. */
.v2-phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:66px;height:16px;border-radius:20px;background:#070707;z-index:2}
.v2-safe-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.dt-showcase #cap2{background:white;border-color:#343638}
.dt-showcase #cap4{background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0}
.v2-game{width:100%}
.v2-game-frame{border:7px solid #252624;border-radius:18px;box-shadow:0 0 0 1px #c1b59055,0 22px 55px #000a;overflow:hidden;background:#1e261c}
.v2-game-frame>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.v2-game-footer{display:flex;align-items:center;gap:9px;margin:17px 10px 0;color:#dbd1b9}
.v2-game-footer>img{width:21px;height:24px;object-fit:contain}.v2-game-footer>span{font:13px Georgia,serif;letter-spacing:.18em}.v2-game-footer>i{margin-left:auto;font:6px var(--mono);letter-spacing:.12em;color:#899680;font-style:normal}
.v2-lexum{width:500px;border-radius:12px;overflow:hidden;border:1px solid #68757b77;box-shadow:0 28px 65px #0009;background:#243447}
.v2-app-bar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:7px var(--mono);color:#819599;background:#122734;border-bottom:1px solid #ffffff0c}
.v2-app-bar>i{font-style:normal;color:#aabcbd}.v2-dots{font-size:8px;letter-spacing:3px;color:#708489}
.v2-lexum-screen{display:block;width:100%;height:auto}
.v2-lexum-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0b1f2a;border-top:1px solid #ffffff12;font:5px var(--mono);letter-spacing:.12em;color:#c9a45c}.v2-lexum-foot>small{font-size:4px;color:#7fa39a;letter-spacing:.02em}
.v2-vexilla{position:relative;width:500px;height:370px;overflow:hidden;border-radius:12px;border:1px solid #d4ad7736;background:radial-gradient(ellipse at 50% 40%,#4e4a2c,#161e1a 62%);box-shadow:0 28px 65px #0008}
.v2-vex-world{position:absolute;inset:65px -90px -130px;background:url('assets/vex-world.webp') center/cover;transform:perspective(650px) rotateX(30deg) rotateZ(-12deg);opacity:.31;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.v2-vex-heading{position:relative;z-index:3;display:flex;align-items:center;gap:10px;margin:20px 23px}.v2-vex-heading>img{width:32px;height:38px;object-fit:contain}.v2-vex-heading b{display:block;color:#e7d8b4;font:20px Georgia,serif;letter-spacing:.22em}.v2-vex-heading span{display:block;margin-top:5px;font:5px var(--mono);letter-spacing:.14em;color:#ae9973}
.v2-vex-army{position:absolute;left:-36px;top:22px;width:570px;height:380px;object-fit:contain;filter:drop-shadow(0 12px 18px #0006)}
.v2-vex-bottom{position:absolute;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #c4b08030;padding-top:13px;color:#e6d8b7}.v2-vex-bottom>b{font:19px/1.08 Georgia,serif;font-weight:400;letter-spacing:-.02em}.v2-vex-bottom>span{font:5px/1.6 var(--mono);letter-spacing:.15em;color:#a0a589;text-align:right}
.v2-cronobid{width:290px;background:#0a0a0a;border:1px solid #d4af3740;box-shadow:0 26px 65px #000a;border-radius:12px;overflow:hidden}
.v2-crono-brand{height:37px;display:flex;align-items:center;justify-content:center;overflow:hidden;gap:6px;padding:0 12px;border-bottom:1px solid #d4af3733;color:white}.v2-crono-brand>img{width:112px;height:66px;object-fit:contain;flex:none}.v2-crono-brand>b{font:17px Georgia,serif}.v2-crono-brand>span{font:4.5px var(--mono);letter-spacing:.12em;color:#d4af37;margin-left:auto}
.v2-crono-card{display:block;width:100%;height:auto}
@media(max-width:700px){
 .v2-phone-island{width:53px;height:12px;top:6px}.v2-game-frame{border-width:5px;border-radius:14px}.v2-game-footer{margin:12px 7px 0;gap:7px}.v2-game-footer>span{font-size:10px}.v2-game-footer>i{font-size:4px;letter-spacing:.02em}
 .v2-lexum{width:min(500px,92vw)}.v2-lexum-foot{padding:9px 12px;font-size:4px}.v2-app-bar{height:24px;font-size:6px}
 .v2-vexilla{width:min(500px,92vw);height:326px}.v2-vex-army{width:450px;height:330px;left:calc(50% - 225px);top:24px}.v2-vex-heading{margin:17px 20px}.v2-vex-heading b{font-size:18px}.v2-vex-bottom{left:20px;right:20px;bottom:18px;padding-top:12px}.v2-vex-bottom>b{font-size:17px}.v2-vex-bottom>span{font-size:4px}
 .v2-cronobid{width:min(240px,65vw)}.v2-crono-brand{height:30px;padding:0 10px}.v2-crono-brand>b{font-size:14px}.v2-crono-brand>span{font-size:4px}
}