/* DeaTrade / homepage 03. Digital palette: Savvy Red, warm metallic gold, black. */
.dt-header { background: rgba(8,8,9,.9); }
.dt-header .header-inner { height: 94px; }
.dt-brand { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.dt-brand img { width:64px; height:58px; object-fit:contain; }
.dt-brand > span { font-size:18px; letter-spacing:3.2px; font-weight:600; }
.dt-brand small { display:block; margin-top:7px; font-size:7px; letter-spacing:2.3px; color:var(--gold); font-weight:400; }
.dt-header .desktop-nav { gap:38px; }
.dt-header .desktop-nav a { font-size:12px; padding-block:39px; }
.dt-header .header-access { font-size:12px; border-radius:4px; padding:12px 20px; }
.dt-home { overflow:clip; }
.dt-hero { position:relative; isolation:isolate; padding-top:86px; }
.dt-hero-grid { display:grid; grid-template-columns: .95fr 1.05fr; align-items:center; gap:50px; }
.dt-hero-glow { position:absolute; z-index:-1; width:900px; height:900px; right:-280px; top:-230px; background:radial-gradient(ellipse,rgba(149,21,40,.19),transparent 65%); pointer-events:none; }
.dt-orbit { position:absolute; z-index:-1; width:970px; height:970px; border:1px solid rgba(198,165,103,.055); border-radius:50%; right:-230px; top:-170px; pointer-events:none; }
.dt-orbit-two { width:1160px; height:1160px; right:-325px; top:-265px; }
.dt-kicker { display:flex; align-items:center; gap:10px; color:var(--gold); font:9px var(--mono); letter-spacing:1.8px; line-height:1.8; }
.dt-kicker > span { width:5px; height:5px; background:var(--gold); border-radius:50%; }
.dt-hero h1 { font-size:clamp(60px,6.4vw,88px); font-weight:440; letter-spacing:-4.8px; line-height:1.035; margin:27px 0; }
.dt-hero h1 em,.dt-invitation h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; color:var(--gold); background:linear-gradient(110deg,#e7d5aa 5%,#b89656 60%,#e4c892); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.dt-hero-description { font-size:15px; line-height:1.9; color:#a9a6ae; }
.dt-actions { display:flex; align-items:center; gap:28px; margin-top:33px; }
.dt-home .button { border-radius:4px; min-height:51px; font-size:12px; padding:16px 24px; }
.dt-home .button-red { background:var(--red); box-shadow:0 6px 32px rgba(149,21,40,.15); }
.dt-home .button-red:hover { background:#ac1c33; box-shadow:0 8px 36px rgba(149,21,40,.28); transform:translateY(-2px); }
.dt-secondary-link { display:inline-flex; align-items:center; gap:22px; font-size:12px; color:#d2cdd0; padding-block:12px; }
.dt-secondary-link span { color:var(--gold); transition:transform .2s; }
.dt-secondary-link:hover span { transform:translate(2px,-2px); }
.dt-hero-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:30px; color:#969099; font-size:9px; }
.dt-mini-line { width:20px; height:1px; background:#817151; }
.dt-product-stage { position:relative; min-width:0; padding:26px 0 42px; }
.dt-product-halo { position:absolute; inset:8% -12%; z-index:-1; background:radial-gradient(ellipse,rgba(149,21,40,.2),transparent 65%); filter:blur(25px); animation:dt-breathe 9s ease-in-out infinite alternate; }
.dt-product { border:1px solid #38302b; border-radius:13px; background:linear-gradient(150deg,#191719,#0d0d10 65%); box-shadow:0 30px 70px #0008,0 1px 0 #ffffff08 inset; transform:perspective(1400px) rotateY(-5deg) rotateX(2deg); }
.dt-product-top { padding:19px 23px; border-bottom:1px solid #ffffff09; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.dt-product-brand { font:9px var(--mono); letter-spacing:1.2px; color:#ddd2bd; }
.dt-product-brand > span { margin:0 10px; color:#7d664c; }
.dt-preview-label { font:7px var(--mono); letter-spacing:1px; color:#a9a0a6; }
.dt-instrument { display:flex; align-items:center; justify-content:space-between; padding:25px 25px 23px; }
.dt-instrument > div { display:flex; align-items:center; gap:13px; }
.dt-au { display:flex; align-items:center; justify-content:center; width:39px; height:39px; background:linear-gradient(135deg,#514023,#282318); border:1px solid #8c714844; border-radius:9px; color:#dfc990; font:18px Georgia,serif; }
.dt-instrument strong { display:block; font-size:19px; letter-spacing:1px; font-weight:550; }
.dt-instrument strong > span { font-weight:350; color:#99919b; }
.dt-instrument small { display:block; font-size:9px; color:#9d969e; margin-top:5px; }
.dt-timeframe { border:1px solid #ffffff12; border-radius:4px; padding:8px 12px; color:#bcb4bb; font:9px var(--mono); }
.dt-chart-heading { display:flex; justify-content:space-between; gap:12px; padding:0 25px 8px; color:#a9a1a7; font-size:9px; }
.dt-chart-legend { display:flex; align-items:center; gap:5px; font-size:8px; color:#928875; }
.dt-chart-legend i { width:4px; height:4px; background:var(--gold); border-radius:50%; }
.dt-market-chart { display:block; width:100%; height:auto; padding:0 15px; overflow:visible; }
.dt-chart-grid { fill:none; stroke:#ffffff06; stroke-width:1; }
.dt-range { fill:url(#dt-area); }
.dt-guide { fill:none; stroke:#b2915233; stroke-dasharray:4 5; }
.dt-candle { stroke-width:1; }
.dt-candle.up { fill:#c5aa73; stroke:#c5aa73; }
.dt-candle.down { fill:#953d4b; stroke:#953d4b; }
.dt-chart-axis { fill:#847b84; font:8px var(--mono); }
.dt-chart-note rect { fill:#252017; stroke:#b2944733; }
.dt-chart-note text { fill:#c9b381; font:8px var(--mono); letter-spacing:.8px; }
.dt-price-dot { fill:#ebce8d; filter:drop-shadow(0 0 5px #c6a567); animation:dt-dot 4s ease-in-out infinite; }
.dt-current { stroke:#c6a567; stroke-dasharray:2 2; }
.dt-engine-strip { display:flex; align-items:center; gap:12px; padding:21px 25px; margin-top:17px; border-top:1px solid #ffffff09; background:#ffffff02; border-radius:0 0 13px 13px; }
.dt-engine-strip strong { font-size:10px; font-weight:500; color:#d8d1d4; }
.dt-engine-strip small { display:block; font-size:8px; margin-top:5px; color:#938a94; }
.dt-engine-strip .icon { margin-left:auto; color:#8e7550; }
.dt-pulse { width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 4px #c6a5670e; }
.dt-floating-note { display:flex; align-items:center; gap:13px; position:absolute; right:-17px; bottom:18px; background:linear-gradient(110deg,#242021,#131114); padding:17px 24px; border:1px solid #5d4a363f; border-radius:7px; box-shadow:0 15px 35px #0006; animation:dt-float 7s ease-in-out infinite; }
.dt-spark { color:var(--gold); font-size:36px; font-weight:200; line-height:1; }
.dt-floating-note small { display:block; font:7px var(--mono); letter-spacing:1.5px; color:var(--gold); }
.dt-floating-note strong { display:block; font-size:11px; font-weight:450; margin-top:7px; }
.dt-product-caption { position:absolute; left:0; bottom:-8px; font-size:8px; color:#8d838c; }
.dt-hero-bottom { display:flex; justify-content:space-between; align-items:center; padding-block:57px 27px; }
.dt-scroll-link { display:flex; align-items:center; gap:12px; font:8px var(--mono); letter-spacing:1.5px; color:#a39b9f; }
.dt-scroll-link > span { font-size:18px; color:var(--gold); }
.dt-hero-bottom .motion-toggle { margin:0; font-size:9px; }
.dt-foundations { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:33px; }
.dt-foundations > div { padding:2px 35px; border-right:1px solid var(--line); }
.dt-foundations > div:first-child { padding-left:0; }
.dt-foundations > div:last-child { border:0; }
.dt-foundations span { font:8px var(--mono); letter-spacing:1.5px; color:#9b8870; }
.dt-foundations p { margin-top:12px; font-size:17px; font-weight:400; color:#d5cfd2; }
.dt-technology { padding-block:115px 105px; }
.dt-section-heading h2,.dt-faq h2 { font-size:clamp(30px,3.3vw,45px); letter-spacing:-1.7px; line-height:1.2; font-weight:430; margin-top:20px; }
.dt-section-heading h2 span,.dt-faq h2 span { color:#807a82; }
.dt-section-heading > p:last-child:not(.dt-kicker) { margin-top:23px; font-size:14px; line-height:1.85; color:#a09aa4; }
.dt-feature-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:51px; border-bottom:1px solid var(--line); }
.dt-feature-tabs button { display:flex; align-items:center; gap:14px; min-height:68px; text-align:left; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; background:none; color:#9c929d; font-size:13px; transition:color .2s,border-color .2s; }
.dt-feature-tabs button > span { font:9px var(--mono); color:#8f7b62; }
.dt-feature-tabs button .icon { margin-left:auto; width:15px; color:#73686e; }
.dt-feature-tabs button[aria-selected="true"] { color:#f3eceb; border-bottom-color:var(--gold); }
.dt-feature-tabs button[aria-selected="true"] .icon { color:var(--gold); }
.dt-feature-tabs button:hover { color:#eee6e7; }
.dt-feature-content { padding-top:46px; }
.dt-feature-content article { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; min-height:335px; }
.dt-feature-copy h3 { font-size:31px; line-height:1.25; font-weight:420; letter-spacing:-.8px; margin:16px 0; }
.dt-feature-copy > p:not(.dt-kicker) { font-size:13px; color:#a39aa5; line-height:1.9; max-width:450px; }
.dt-feature-copy ul { padding:0; margin:25px 0 0; list-style:none; font-size:11px; line-height:2.4; color:#c2b8c0; }
.dt-feature-copy li::before { content:'↗'; margin-right:12px; color:var(--gold); }
.dt-level-art { position:relative; padding:22px 0 0 10px; }
.dt-level-art::before { content:''; position:absolute; inset:-40px; z-index:-1; background:radial-gradient(ellipse,#c6a56708,transparent 65%); }
.dt-level-line { display:flex; align-items:center; gap:20px; min-height:68px; }
.dt-level-line > span { width:40px; color:#b9a17a; font:12px var(--mono); }
.dt-level-line > i { height:1px; flex:1; background:linear-gradient(90deg,#7c6644,#44362f); position:relative; }
.dt-level-line > i::after { content:''; position:absolute; width:5px; height:5px; border:1px solid #8d7651; background:#171313; right:0; top:-2px; transform:rotate(45deg); }
.dt-level-line > b { width:100px; font-size:11px; font-weight:400; color:#b2a9b2; }
.dt-level-line:nth-child(2) { padding-left:32px; }
.dt-level-line:nth-child(3) { padding-left:64px; }
.dt-level-line.current { padding-left:96px; }
.dt-level-line.current > span,.dt-level-line.current > b { color:#f0d39b; }
.dt-level-line.current > i { background:linear-gradient(90deg,#951528,#c6a567); }
.dt-level-art > small { display:block; text-align:right; margin-top:32px; color:#8e838d; font:8px var(--mono); letter-spacing:1px; }
.dt-ai-art { min-height:310px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(ellipse,#95152814,transparent 68%); }
.dt-ai-ring { display:grid; place-items:center; width:210px; height:210px; border:1px solid #c6a56725; border-radius:50%; position:relative; }
.dt-ai-ring::before { content:''; position:absolute; inset:18px; border:1px dashed #c6a56738; border-radius:50%; animation:dt-orbit 50s linear infinite; }
.dt-ai-ring::after { content:''; position:absolute; inset:40px; border:1px solid #95152870; border-radius:50%; box-shadow:0 0 32px #95152818; }
.dt-ai-ring > span { text-align:center; font:49px Georgia,serif; color:#d9bb84; }
.dt-ai-ring small { display:block; font:7px var(--mono); letter-spacing:2px; margin-top:8px; }
.dt-ai-labels { display:flex; gap:35px; margin-top:27px; color:#b09c7b; font:9px var(--mono); letter-spacing:1px; }
.dt-control-art { border:1px solid #c6a56724; border-radius:8px; padding:25px; background:linear-gradient(140deg,#1a1616,#101013); }
.dt-control-art > div { display:flex; justify-content:space-between; align-items:center; color:var(--gold); font:9px var(--mono); letter-spacing:1px; margin-bottom:22px; }
.dt-control-art p { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 0; border-top:1px solid #ffffff09; font-size:12px; color:#d2c6d0; }
.dt-control-art b { font-size:10px; font-weight:400; color:#978b99; }
.dt-control-art small { display:block; font:7px var(--mono); letter-spacing:1px; margin-top:17px; color:#a18b6f; }
.dt-method { padding-block:92px 0; background:linear-gradient(#121013,#0c0b0d); border-block:1px solid #ffffff08; }
.dt-heading-split { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; }
.dt-heading-split h2 { font-size:clamp(30px,3vw,41px); }
.dt-method-steps { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; }
.dt-method-steps article { padding:0 37px 42px; border-right:1px solid #ffffff0a; }
.dt-method-steps article:first-child { padding-left:0; }
.dt-method-steps article:last-child { border:0; padding-right:0; }
.dt-step-top { display:flex; align-items:center; justify-content:space-between; color:#9e815c; margin-bottom:34px; }
.dt-step-top > span { font:12px var(--mono); }
.dt-step-top .icon { width:26px; height:26px; color:#ad8c58; }
.dt-method-steps h3 { font-size:28px; font-weight:430; letter-spacing:-.6px; }
.dt-method-steps p { font-size:13px; line-height:1.85; color:#a198a5; margin-top:18px; min-height:97px; max-width:310px; }
.dt-step-caption { display:block; margin-top:27px; color:#ac9375; font:8px var(--mono); letter-spacing:1.4px; }
.dt-method-note { display:flex; align-items:center; gap:18px; padding-block:29px; border-top:1px solid #ffffff0a; }
.dt-note-star { font-size:30px; color:var(--gold); }
.dt-method-note p { font-size:11px; color:#a69aa8; }
.dt-method-note strong { font-weight:400; color:#dbced9; }
.dt-method-note a { margin-left:auto; font-size:10px; color:#cab18a; }
.dt-method-note a span { margin-left:15px; }
.dt-faq { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; padding-block:115px; }
.dt-faq h2 { font-size:34px; }
.dt-questions details { border-bottom:1px solid #ffffff12; }
.dt-questions details:first-child { border-top:1px solid #ffffff12; }
.dt-questions summary { display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; padding:24px 0; font-size:13px; color:#d5cdd5; list-style:none; }
.dt-questions summary::-webkit-details-marker { display:none; }
.dt-questions summary > span { font-size:21px; color:#a08c6d; transition:transform .2s; }
.dt-questions details[open] summary > span { transform:rotate(45deg); }
.dt-questions details p { font-size:12px; color:#a49aa7; line-height:1.9; padding:0 32px 24px 0; }
.dt-invitation { position:relative; isolation:isolate; overflow:hidden; text-align:center; padding:77px 20px 67px; border:1px solid #543a323d; border-radius:10px; background:linear-gradient(130deg,#171114,#0d0c0e 60%,#191512); }
.dt-invitation-glow { position:absolute; z-index:-1; inset:-200px; background:radial-gradient(ellipse at 45% 100%,#95152828,transparent 55%); pointer-events:none; }
.dt-invitation .dt-kicker { justify-content:center; }
.dt-invitation h2 { font-size:clamp(33px,3.8vw,51px); line-height:1.15; letter-spacing:-1.8px; margin:23px 0; font-weight:400; }
.dt-invitation > p:not(.dt-kicker) { color:#a79da8; font-size:13px; line-height:1.7; }
.dt-invitation .button { margin-top:30px; }
.dt-invitation small { display:block; margin-top:21px; color:#978996; font-size:9px; }
.dt-footer { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:0; margin:0; padding:85px 24px 35px; gap:0; background:var(--base); }
.dt-footer > a { display:block; width:min(420px,80vw); }
.dt-footer img { display:block; width:100%; height:auto; }
.dt-footer nav { display:flex; align-items:center; justify-content:center; gap:21px; margin-top:31px; font-size:11px; color:#a599a6; }
.dt-footer nav > span { color:#685454; }
.dt-footer nav a:hover { color:#e1c394; }
.dt-footer > p { font-size:9px; letter-spacing:.3px; color:#837584; margin-top:17px; }
.dt-legal { max-width:850px; padding-block:80px; min-height:65vh; }
.dt-legal h1 { font-size:48px; letter-spacing:-2px; margin-block:20px; }
.dt-legal h2 { font-size:21px; margin:35px 0 13px; }
.dt-legal p:not(.dt-kicker) { font-size:14px; color:#b1a7b3; line-height:1.9; }
.dt-legal a { color:#c6a567; }
.dt-legal .dt-secondary-link { margin-top:25px; }
@keyframes dt-breathe { to { opacity:.45; transform:scale(.9); } }
@keyframes dt-float { 50% { transform:translateY(-7px); } }
@keyframes dt-dot { 50% { opacity:.55; } }
@keyframes dt-orbit { to { transform:rotate(360deg); } }
.motion-paused .dt-home *, .motion-paused .dt-home *::before, .motion-paused .dt-home *::after { animation:none !important; }
@media (prefers-reduced-motion:reduce) { .dt-home *, .dt-home *::before, .dt-home *::after { animation:none !important; transition:none !important; } }
@media(min-width:1500px) { .dt-hero { padding-top:110px; } .dt-hero-bottom { padding-top:75px; } }
@media(max-width:1100px) {
 .dt-hero { padding-top:65px; } .dt-hero-grid { gap:30px; grid-template-columns:1fr 1fr; }
 .dt-hero h1 { font-size:66px; letter-spacing:-3.8px; } .dt-kicker { font-size:8px; letter-spacing:1.3px; }
 .dt-actions { gap:18px; } .dt-home .button { padding-inline:18px; } .dt-secondary-link { gap:12px; font-size:11px; }
 .dt-chart-legend { display:none; } .dt-product-top { padding-inline:17px; } .dt-preview-label { font-size:6px; letter-spacing:.4px; }
 .dt-floating-note { right:-7px; padding:13px 17px; } .dt-product-caption { font-size:7px; }
 .dt-feature-content article { gap:45px; } .dt-feature-tabs { gap:20px; } .dt-feature-tabs button { font-size:11px; gap:10px; }
 .dt-heading-split { align-items:flex-start; flex-direction:column; gap:0; } .dt-heading-split > p br { display:none; }
 .dt-method-steps article { padding-inline:27px; } .dt-method-steps p { min-height:125px; }
 .dt-faq { gap:45px; }
}
@media(max-width:800px) {
 .dt-header .header-inner { height:78px; gap:16px; } .dt-header .desktop-nav { display:none; } .dt-header .menu-toggle { display:flex; }
 .dt-header .header-access { margin-left:auto; } .dt-brand > span { font-size:16px; } .dt-brand img { width:53px; height:50px; }
 .dt-hero-grid { grid-template-columns:1fr; gap:35px; } .dt-hero h1 { font-size:76px; }
 .dt-hero-copy { max-width:580px; } .dt-hero h1 br:nth-of-type(2) { display:none; }
 .dt-product-stage { max-width:640px; width:100%; margin:auto; padding:16px 12px 42px; }
 .dt-product { transform:none; } .dt-preview-label { font-size:8px; letter-spacing:1px; } .dt-chart-legend { display:flex; }
 .dt-product-caption { left:12px; font-size:8px; } .dt-floating-note { right:0; }
 .dt-hero-bottom { padding-top:30px; } .dt-foundations > div { padding-inline:19px; } .dt-foundations p { font-size:14px; line-height:1.4; }
 .dt-foundations span { font-size:7px; letter-spacing:.7px; }
 .dt-technology { padding-block:80px; } .dt-feature-content article { grid-template-columns:1fr; gap:25px; }
 .dt-feature-copy > p:not(.dt-kicker) { max-width:100%; } .dt-level-art,.dt-ai-art,.dt-control-art { max-width:470px; width:100%; margin:0 auto; }
 .dt-feature-content article { min-height:620px; align-content:start; } .dt-feature-tabs { gap:12px; } .dt-feature-tabs button { font-size:11px; } .dt-feature-tabs button .icon { display:none; }
 .dt-method { padding-top:75px; } .dt-method-steps article { padding-inline:18px; } .dt-method-steps p { min-height:172px; font-size:12px; }
 .dt-method-note { flex-wrap:wrap; gap:12px; } .dt-method-note a { margin-left:40px; width:100%; }
 .dt-faq { padding-block:80px; grid-template-columns:1fr; gap:30px; } .dt-faq h2 { font-size:35px; }
 .dt-invitation { padding-inline:25px; } .dt-footer { padding-top:65px; }
}
@media(max-width:560px) {
 .dt-home .page-width,.dt-header .page-width,.dt-legal.page-width { width:calc(100% - 40px); }
 .dt-header .header-inner { gap:10px; height:75px; } .dt-brand { gap:4px; } .dt-brand img { width:43px; height:45px; }
 .dt-brand > span { font-size:14px; letter-spacing:2px; } .dt-brand small { font-size:5px; letter-spacing:1.4px; margin-top:5px; }
 .dt-header .header-access { padding:9px 12px; font-size:10px; gap:10px; } .dt-header .header-access .icon { width:12px; }
 .dt-header .menu-toggle { width:30px; padding:0; }
 .dt-hero { padding-top:48px; } .dt-hero-grid { gap:23px; } .dt-hero h1 { font-size:61px; letter-spacing:-3.4px; margin-block:24px; }
 .dt-hero h1 br:nth-of-type(2) { display:block; } .dt-hero .dt-kicker { font-size:7px; letter-spacing:1.1px; }
 .dt-hero-description { font-size:13px; line-height:1.85; } .desktop-break { display:none; }
 .dt-actions { gap:21px; margin-top:26px; } .dt-home .button { font-size:11px; padding:14px 16px; gap:17px; min-height:49px; } .dt-secondary-link { font-size:10px; gap:9px; }
 .dt-hero-meta { font-size:8px; gap:8px; margin-top:23px; } .dt-mini-line { width:12px; }
 .dt-product-stage { padding-inline:0; } .dt-product-top { padding:15px 13px; gap:8px; }
 .dt-product-brand { font-size:7px; letter-spacing:.8px; } .dt-product-brand > span { margin-inline:5px; } .dt-preview-label { font-size:6px; letter-spacing:.35px; }
 .dt-instrument { padding:19px 16px; } .dt-instrument strong { font-size:17px; } .dt-instrument small { font-size:8px; }
 .dt-chart-heading { padding-inline:16px; font-size:8px; } .dt-chart-legend { display:none; } .dt-market-chart { padding-inline:6px; }
 .dt-engine-strip { padding:17px 16px; margin-top:10px; } .dt-engine-strip strong { font-size:9px; } .dt-engine-strip small { font-size:7px; }
 .dt-floating-note { padding:12px 16px; bottom:18px; right:-3px; gap:9px; } .dt-floating-note strong { font-size:10px; } .dt-floating-note small { font-size:6px; } .dt-spark { font-size:27px; }
 .dt-product-caption { left:0; bottom:-1px; font-size:7px; max-width:100%; line-height:1.6; }
 .dt-hero-bottom { padding-block:22px; gap:8px; } .dt-scroll-link { font-size:7px; letter-spacing:.6px; gap:8px; } .dt-hero-bottom .motion-toggle { font-size:8px; padding-inline:0; gap:7px; }
 .dt-foundations { grid-template-columns:1fr; padding-block:9px; }
 .dt-foundations > div,.dt-foundations > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; border-right:0; border-bottom:1px solid var(--line); padding:20px 0; }
 .dt-foundations p { margin:0; font-size:12px; } .dt-foundations span { font-size:7px; }
 .dt-technology { padding-block:67px; } .dt-section-heading h2 { font-size:33px; letter-spacing:-1.2px; }
 .dt-section-heading > p:last-child:not(.dt-kicker) { font-size:12px; } .dt-section-heading > p br { display:none; }
 .dt-feature-tabs { margin-top:29px; gap:15px; } .dt-feature-tabs button { display:block; min-height:80px; padding:12px 0; font-size:10px; line-height:1.5; } .dt-feature-tabs button > span { display:block; margin-bottom:7px; font-size:8px; }
 .dt-feature-content { padding-top:30px; } .dt-feature-content article { min-height:660px; gap:26px; } .dt-feature-copy h3 { font-size:29px; } .dt-feature-copy > p:not(.dt-kicker) { font-size:12px; } .dt-feature-copy ul { font-size:10px; margin-top:20px; }
 .dt-level-art { padding-left:0; } .dt-level-line { gap:12px; min-height:54px; } .dt-level-line > b { width:78px; font-size:10px; } .dt-level-line > span { width:24px; font-size:11px; }
 .dt-level-line:nth-child(2) { padding-left:22px; } .dt-level-line:nth-child(3) { padding-left:44px; } .dt-level-line.current { padding-left:66px; }
 .dt-level-art > small { font-size:7px; } .dt-control-art { padding:20px; } .dt-control-art p { font-size:11px; } .dt-control-art b { font-size:9px; }
 .dt-method { padding-top:60px; } .dt-heading-split h2 { font-size:29px; } .dt-method-steps { grid-template-columns:1fr; margin-top:34px; }
 .dt-method-steps article,.dt-method-steps article:first-child,.dt-method-steps article:last-child { padding:27px 0; border-right:0; border-bottom:1px solid var(--line); }
 .dt-step-top { margin-bottom:19px; } .dt-method-steps h3 { font-size:27px; } .dt-method-steps p { min-height:0; max-width:100%; margin-top:13px; } .dt-step-caption { margin-top:20px; }
 .dt-method-note { border-top:0; padding-block:22px; } .dt-method-note p { font-size:10px; flex:1; line-height:1.7; } .dt-method-note strong { display:block; }
 .dt-faq { padding-block:64px; } .dt-faq h2 { font-size:31px; } .dt-questions summary { font-size:12px; line-height:1.6; padding-block:21px; } .dt-questions details p { font-size:11px; }
 .dt-invitation { padding:49px 19px 43px; } .dt-invitation .dt-kicker { font-size:7px; letter-spacing:1px; } .dt-invitation h2 { font-size:32px; letter-spacing:-1.2px; } .dt-invitation h2 br { display:none; } .dt-invitation > p:not(.dt-kicker) { font-size:12px; }
 .dt-footer { padding:56px 20px 30px; } .dt-footer > a { width:320px; max-width:100%; } .dt-footer nav { margin-top:27px; font-size:10px; } .dt-footer > p { font-size:8px; }
 .dt-legal h1 { font-size:36px; } .dt-legal { padding-block:50px; }
}
@media(max-width:360px) {
 .dt-header .header-access { display:none; } .dt-header .menu-toggle { margin-left:auto; }
 .dt-hero h1 { font-size:54px; } .dt-hero .dt-kicker { font-size:6px; }
 .dt-actions { gap:15px; } .dt-home .button { padding-inline:12px; gap:11px; } .dt-secondary-link { font-size:9px; }
 .dt-preview-label { font-size:5px; } .dt-foundations p { font-size:10px; }
 .dt-hero-bottom .motion-bars { display:none; } .dt-feature-copy li { font-size:9px; }
}

/* Keep section surfaces translucent over the shared lightning background. */
.dt-method { background:linear-gradient(#121013b8,#0c0b0db8); }

/* Transparent glass surfaces and the illustrative trading terminal. */
.dt-product { background:linear-gradient(145deg,#21191d38,#0d0d1024); box-shadow:0 24px 65px #0003,0 1px 0 #ffffff0a inset; }
.dt-floating-note { background:linear-gradient(120deg,#24191e68,#13111468); }
.dt-control-art { background:linear-gradient(140deg,#22181935,#10101330); }
.dt-invitation { background:linear-gradient(130deg,#27121835,#0d0c0e20 60%,#221b1435); }
.dt-method { background:linear-gradient(#12101330,#0c0b0d20); }
.dt-footer { background:transparent; }
.dt-terminal { overflow:hidden; border-color:#9a765139; transform:perspective(1600px) rotateY(-3deg); }
.dt-terminal-title { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:16px 19px; border-bottom:1px solid #c6a56720; background:#ffffff03; }
.dt-terminal-brand { font:9px var(--mono); letter-spacing:1.3px; color:#d5c4a5; }
.dt-terminal-brand > span { color:var(--gold); margin-right:7px; }
.dt-sim-badge { border:1px solid #c6a56730; border-radius:3px; padding:5px 7px; color:#c9ad79; font:7px var(--mono); letter-spacing:.8px; }
.dt-terminal-toolbar { display:flex; align-items:center; gap:20px; padding:9px 15px; border-bottom:1px solid #ffffff09; }
.dt-tool-label { font:9px var(--mono); color:#ada0ab; display:flex; gap:15px; }
.dt-tool-label > span { color:var(--gold); font-size:16px; }
.dt-timeframes { display:flex; gap:3px; }
.dt-timeframes button,.dt-new-scenario { background:transparent; border:1px solid transparent; color:#9f929f; font:9px var(--mono); padding:7px 9px; border-radius:3px; }
.dt-timeframes button[aria-pressed="true"] { background:#c6a56712; border-color:#c6a56730; color:#e0c48f; }
.dt-timeframes button:hover,.dt-new-scenario:hover { color:#edcc96; background:#c6a56712; }
.dt-new-scenario { margin-left:auto; font-size:19px; padding:1px 8px; }
.dt-terminal-workspace { display:grid; grid-template-columns:112px minmax(0,1fr); }
.dt-market-watch { border-right:1px solid #ffffff0b; padding-top:15px; }
.dt-market-watch h3 { font-size:9px; font-weight:450; color:#b4a6b4; margin:0 10px 17px; }
.dt-watch-columns,.dt-watch-row { display:flex; justify-content:space-between; gap:5px; padding:9px 9px; font:7px var(--mono); color:#aa99a5; }
.dt-watch-columns { font-size:6px; color:#948390; border-block:1px solid #ffffff08; }
.dt-watch-row strong { font-weight:400; color:#baaeb9; }
.dt-watch-row.active { background:#c6a5670c; box-shadow:inset 2px 0 #c6a567; }
.dt-watch-row.active > * { color:#ddc38b; }
.dt-navigator { border-top:1px solid #ffffff0b; margin-top:22px; padding:14px 10px; font-size:8px; color:#a999a7; }
.dt-navigator p { margin-top:17px; color:#d1bfcc; }
.dt-navigator small { display:block; margin-top:10px; font-size:7px; color:#968390; }
.dt-watch-note { font-size:7px; color:#887583; line-height:1.7; padding:10px; }
.dt-chart-pane { min-width:0; background:#08080924; }
.dt-chart-symbol { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 15px 12px; font:8px var(--mono); color:#9d8d99; }
.dt-chart-symbol strong { color:#c8b7c3; font-weight:400; }
.dt-demo-quotes { display:flex; align-items:stretch; width:265px; max-width:calc(100% - 28px); margin:0 14px 5px; border:1px solid #ffffff0b; border-radius:4px; overflow:hidden; }
.dt-demo-quotes > div { flex:1; padding:7px 10px; }
.dt-demo-quotes > div > span { display:flex; justify-content:space-between; gap:9px; font:7px var(--mono); }
.dt-demo-quotes small { font-size:6px; color:#b19ba7; }
.dt-demo-quotes strong { display:block; font:17px var(--mono); letter-spacing:-.5px; margin-top:5px; font-variant-numeric:tabular-nums; }
.dt-quote-sell { background:#95152822; color:#e07c89; }
.dt-quote-buy { background:#c6a56712; color:#dec493; }
.dt-demo-lot { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:50px; padding:7px; font:9px var(--mono); color:#bdaab6; }
.dt-demo-chart { display:block; width:100%; height:270px; }
.dt-chart-tab { display:flex; justify-content:space-between; align-items:center; padding:10px 13px; border-top:1px solid #ffffff0b; font:8px var(--mono); color:#bea785; }
.dt-chart-tab > small { font-size:7px; color:#94808f; }
.dt-demo-toolbox { border-top:1px solid #ffffff13; padding:12px 17px 14px; }
.dt-toolbox-title { display:flex; align-items:center; justify-content:space-between; font:7px var(--mono); letter-spacing:1px; color:#bca581; }
.dt-toolbox-title small { color:#9b8797; font-size:7px; letter-spacing:0; }
.dt-ohlc { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:15px; }
.dt-ohlc span { display:block; color:#968292; font-size:7px; }
.dt-ohlc strong { display:block; color:#c2afbd; font:9px var(--mono); margin-top:7px; font-variant-numeric:tabular-nums; }
.dt-terminal-status { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 16px; border-top:1px solid #ffffff0a; font-size:7px; color:#9c8595; }
.dt-terminal-status > span:first-child { display:flex; align-items:center; gap:6px; }
.dt-terminal-status i { width:4px; height:4px; background:#b49969; border-radius:50%; }
.dt-terminal + .dt-floating-note { bottom:17px; }
@media(max-width:1100px) {
 .dt-terminal-workspace { grid-template-columns:90px minmax(0,1fr); }
 .dt-watch-columns,.dt-watch-row { font-size:6px; padding-inline:6px; }
 .dt-terminal-title { padding-inline:13px; } .dt-terminal-brand { font-size:8px; letter-spacing:.5px; }
 .dt-demo-quotes strong { font-size:14px; } .dt-demo-quotes > div { padding-inline:7px; } .dt-demo-lot { min-width:36px; padding:5px; }
 .dt-demo-chart { height:250px; }
}
@media(max-width:800px) { .dt-terminal { transform:none; } .dt-terminal-workspace { grid-template-columns:105px minmax(0,1fr); } .dt-demo-chart { height:290px; } }
@media(max-width:560px) {
 .dt-terminal-workspace { grid-template-columns:minmax(0,1fr); }
 .dt-market-watch { display:none; }
 .dt-terminal-title { padding:13px 12px; } .dt-terminal-brand { font-size:7px; letter-spacing:.5px; } .dt-sim-badge { font-size:6px; padding:4px 6px; }
 .dt-terminal-toolbar { gap:15px; padding:6px 10px; } .dt-timeframes button { min-width:34px; min-height:32px; }
 .dt-tool-label { font-size:8px; gap:9px; } .dt-new-scenario { min-width:32px; min-height:32px; }
 .dt-demo-chart { height:255px; } .dt-demo-quotes { width:260px; } .dt-demo-quotes strong { font-size:17px; }
 .dt-terminal-status { font-size:6px; } .dt-ohlc strong { font-size:8px; }
}

/* Final presentation: seamless sections, liquid glass terminal, compact wordmark. */
.dt-header,.dt-foundations,.dt-method,.dt-method-note,.dt-questions details,.dt-questions details:first-child { border-color:transparent; }
.dt-foundations > div,.dt-method-steps article { border-color:transparent; }
.dt-feature-tabs { border-bottom-color:transparent; }
.dt-method { background:transparent; }
.dt-invitation { border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.dt-invitation-glow { display:none; }
.dt-terminal { position:relative; background:linear-gradient(135deg,#ffffff0d,#20182055 38%,#ffffff05 78%,#ffffff0b); border:1px solid #e4d7cc3a; border-radius:16px; backdrop-filter:blur(18px) saturate(145%); -webkit-backdrop-filter:blur(18px) saturate(145%); box-shadow:inset 0 1px 0 #ffffff26,inset 1px 0 0 #ffffff0c,inset 0 -1px 0 #ffffff0d,0 25px 70px #0004; }
.dt-terminal::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(120deg,#ffffff06,transparent 30%,transparent 75%,#ffffff03); }
.dt-chart-pane { background:#08080916; }
.dt-terminal-title { background:#ffffff05; }
.dt-terminal-brand,.dt-chart-symbol strong { color:#eee2e8; }
.dt-watch-row strong,.dt-market-watch h3,.dt-navigator { color:#d2c3cf; }
.dt-watch-columns,.dt-chart-symbol,.dt-chart-tab > small,.dt-watch-note,.dt-ohlc span,.dt-toolbox-title small,.dt-terminal-status { color:#bcaeb9; }
.dt-watch-row.active > * { color:#efdaa7; }
.dt-ohlc strong { color:#ebdfe7; }
.dt-terminal-toolbar,.dt-chart-tab,.dt-demo-toolbox,.dt-terminal-status { border-color:#ffffff10; }
.dt-footer > a { width:210px; max-width:100%; }
.dt-footer nav,.dt-footer nav a,.dt-footer > p { color:#fff; text-transform:uppercase; font-weight:700; }
.dt-footer nav { font-size:11px; letter-spacing:1px; }
.dt-footer > p { font-size:9px; letter-spacing:.65px; }
.dt-footer nav > span { color:#fff; }
.dt-footer nav a:hover { color:#fff; text-decoration:underline; text-underline-offset:5px; }
@media(max-width:560px) {
 .dt-foundations > div,.dt-foundations > div:first-child,.dt-method-steps article,.dt-method-steps article:first-child,.dt-method-steps article:last-child { border-color:transparent; }
 .dt-footer > a { width:160px; }
 .dt-footer nav { font-size:10px; }
 .dt-footer > p { font-size:8px; }
 .dt-terminal { backdrop-filter:blur(14px) saturate(135%); -webkit-backdrop-filter:blur(14px) saturate(135%); }
}

/* Ruby and brushed-gold controls; a more legible, continuous trading canvas. */
.dt-header { background:linear-gradient(180deg,#0b090bf5,#0b090be8); }
.dt-header::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#95152840 25%,#c6a56720 55%,#95152840 78%,transparent); }
.button-red,.dt-home .button-red,.header-access { color:#fff1da; border:1px solid #c6a56785; background:linear-gradient(125deg,#b02940,#951528 55%,#721222); box-shadow:inset 0 1px 0 #efc98740,inset 0 -1px 0 #4b0818,0 6px 22px #95152826; }
.button-red .icon,.header-access .icon { color:#e3c68d; }
.button-red:hover:not(:disabled),.dt-home .button-red:hover,.header-access:hover { background:linear-gradient(125deg,#bd334a,#a41d33 60%,#85182b); border-color:#e4c38b; box-shadow:inset 0 1px 0 #f9dfaa55,0 8px 30px #95152840; }
.button-outline { border-color:#c6a56766; color:#e1c38e; background:linear-gradient(120deg,#95152830,#9515280a); }
.button-outline:hover { background:#95152845; border-color:#dfbf83; }
.dt-timeframes button,.dt-new-scenario { border-color:#c6a56728; color:#d2b57e; background:#9515280e; transition:background .2s,border-color .2s; }
.dt-timeframes button[aria-pressed="true"] { color:#f4d8a0; background:linear-gradient(135deg,#951528b0,#59101f99); border-color:#c6a56799; box-shadow:inset 0 1px 0 #e8c78e26; }
.dt-timeframes button:hover,.dt-new-scenario:hover { background:#95152865; color:#f6dba7; border-color:#c6a56788; }
.dt-header .menu-toggle span { background:#dec18b; }
.dt-terminal { border-color:#d8bd8f55; background:linear-gradient(135deg,#e4d9c112,#2e142544 38%,#0d0c162b 75%,#bda78808); box-shadow:inset 0 1px 0 #ffedcd33,inset 1px 0 0 #fff5de0c,0 32px 80px #0005; }
.dt-terminal-title { padding-block:17px; }
.dt-terminal-brand { font-size:10px; letter-spacing:1.6px; }
.dt-terminal-toolbar { gap:18px; padding-block:10px; }
.dt-terminal-workspace { grid-template-columns:118px minmax(0,1fr); }
.dt-market-watch h3 { font-size:10px; }
.dt-watch-row { padding:11px 9px; font-size:8px; }
.dt-watch-columns { font-size:7px; }
.dt-watch-row.active { background:linear-gradient(90deg,#95152825,#c6a56706); }
.dt-chart-symbol { padding:17px 15px 15px; }
.dt-chart-symbol strong { font-size:12px; font-weight:600; letter-spacing:.3px; }
.dt-chart-symbol strong > span { font-size:8px; font-weight:400; color:#c6a567; margin-left:7px; }
.dt-chart-symbol > span { font-size:7px; letter-spacing:.6px; }
.dt-demo-quotes { width:290px; border-color:#c6a56724; border-radius:6px; margin-bottom:14px; }
.dt-demo-quotes > div { padding:10px 12px; }
.dt-demo-quotes strong { font-size:20px; letter-spacing:-.6px; }
.dt-quote-sell { background:linear-gradient(135deg,#95152840,#95152812); color:#ef94a0; }
.dt-quote-buy { background:linear-gradient(135deg,#c6a5671f,#c6a56708); color:#f1d7a2; }
.dt-chart-legend-live { display:flex; align-items:center; gap:15px; padding:0 15px 3px; color:#c8b6c0; font:7px var(--mono); }
.dt-chart-legend-live > span { display:flex; align-items:center; gap:5px; }
.dt-chart-legend-live i { width:11px; height:1px; background:#c6a567; }
.dt-chart-legend-live span:nth-child(2) i { background:#bb3c54; }
.dt-chart-legend-live small { margin-left:auto; color:#ab94a4; font-size:6px; letter-spacing:.5px; }
.dt-demo-chart { height:294px; }
.dt-demo-toolbox { background:linear-gradient(100deg,#ffffff03,transparent); padding-block:14px 16px; }
.dt-ohlc strong { font-size:10px; color:#ecdcc6; }
.dt-terminal-status i { box-shadow:0 0 7px #c6a56766; }
.dt-chart-tab > small { color:#bc9e74; }
@media(max-width:1100px) {
 .dt-terminal-workspace { grid-template-columns:94px minmax(0,1fr); }
 .dt-watch-row { font-size:6px; padding-inline:6px; }
 .dt-terminal-brand { font-size:8px; letter-spacing:.7px; }
 .dt-demo-quotes strong { font-size:16px; }
 .dt-demo-quotes > div { padding-inline:8px; }
 .dt-demo-chart { height:265px; }
}
@media(max-width:800px) { .dt-terminal-workspace { grid-template-columns:118px minmax(0,1fr); } .dt-watch-row { font-size:8px; } .dt-demo-chart { height:290px; } }
@media(max-width:560px) {
 .dt-terminal-workspace { grid-template-columns:minmax(0,1fr); }
 .dt-terminal-brand { font-size:7px; letter-spacing:.7px; }
 .dt-terminal-title { padding-block:14px; }
 .dt-demo-quotes strong { font-size:19px; }
 .dt-demo-chart { height:275px; }
 .dt-demo-quotes { margin-bottom:13px; }
 .dt-chart-symbol strong { font-size:11px; }
 .dt-ohlc strong { font-size:8px; }
}

/* Homepage detail pass: interactive mode study and execution flow. */
.dt-explorer,.dt-operation { padding-block:85px; scroll-margin-top:115px; }
.dt-explorer-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:65px; align-items:center; margin-top:52px; }
.dt-mode-switch { display:flex; gap:7px; margin:22px 0 30px; padding:5px; border:1px solid #c6a56730; border-radius:10px; width:fit-content; background:#ffffff03; }
.dt-mode-switch button { cursor:pointer; font-family:inherit; font-size:13px; font-weight:500; color:#c8bfc6; background:transparent; border:1px solid transparent; border-radius:7px; padding:13px 24px; transition:background .2s,color .2s,box-shadow .2s; }
.dt-mode-switch button[aria-pressed="true"] { background:linear-gradient(120deg,#a1233c,#6b1325); color:#fff2d5; border-color:#d4b07170; box-shadow:0 4px 25px #95152835; }
.dt-mode-switch button:hover { color:#fff; border-color:#c6a56760; }
.dt-mode-switch button:focus-visible { outline:2px solid #e0c38e; outline-offset:3px; }
.dt-mode-copy h3,.dt-mode-footnotes h3 { font-size:24px; font-weight:450; letter-spacing:-.6px; margin:0 0 15px; }
.dt-mode-copy p:not(.dt-kicker),.dt-mode-footnotes article>p:last-child { color:#b1a7b1; font-size:14px; line-height:1.9; }
.dt-mode-copy [aria-live] { min-height:145px; }
.dt-mode-copy .dt-explorer-note { font-size:11px!important; color:#938791!important; max-width:390px; }
.dt-price-study { position:relative; overflow:hidden; padding:30px; border:1px solid #c6a56738; border-radius:20px; background:radial-gradient(ellipse at top right,#95203816,transparent 70%),linear-gradient(135deg,#ffffff07,#ffffff01); backdrop-filter:blur(12px); box-shadow:0 20px 60px #0002,inset 0 1px #fff1; }
.dt-study-top { display:flex; justify-content:space-between; gap:15px; font:9px var(--mono); letter-spacing:1.4px; color:#d2b987; }
.dt-study-top span:last-child { color:#9e919a; }
.dt-study-path { position:relative; height:160px; margin:35px 0 25px; background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff05 39px 40px); }
.dt-study-path svg { width:100%; height:100%; overflow:visible; }
.dt-study-path path { fill:none; stroke:url(#study-gold); stroke-width:2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 5px #bc814b70); }
.dt-study-path i { position:absolute; width:8px; height:8px; border-radius:50%; background:#e2c597; box-shadow:0 0 0 6px #c6a56713,0 0 18px #d2a85660; }
.dt-study-path i:nth-of-type(1) { left:23%; top:62%; }.dt-study-path i:nth-of-type(2) { left:59%; top:26%; }.dt-study-path i:nth-of-type(3) { left:79%; top:10%; }
.dt-study-prices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.dt-study-prices span { display:block; color:#a89aa3; font:8px var(--mono); letter-spacing:.8px; }.dt-study-prices strong { display:block; font:400 clamp(20px,2.3vw,32px) var(--mono); color:#ead9b4; margin-top:10px; }
.dt-price-study>p { margin-top:25px; font-size:11px; line-height:1.8; color:#b5a8b1; }.dt-price-study>p span { color:#ead9b4; }.dt-price-study>small { display:block; font-size:10px; color:#958791; line-height:1.8; }
.dt-mode-footnotes { display:grid; grid-template-columns:1fr 1fr; gap:55px; margin-top:60px; }.dt-mode-footnotes article { padding:28px; background:linear-gradient(120deg,#ffffff04,transparent); border-radius:15px; }.dt-mode-footnotes h3 { font-size:20px; margin-top:14px; }.dt-mode-footnotes b { color:#d9cbb5; font-weight:500; }
.dt-operation { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; }.dt-operation-flow { list-style:none; padding:0; margin:0; }.dt-operation-flow li { position:relative; display:flex; gap:25px; padding-bottom:38px; }.dt-operation-flow li:not(:last-child)::after { content:''; position:absolute; width:1px; background:linear-gradient(#b38f5445,#95203840); top:45px; bottom:9px; left:19px; }.dt-flow-number { flex-shrink:0; display:grid; place-items:center; width:40px; height:40px; border:1px solid #c6a56740; border-radius:50%; color:#d6bb89; font:11px var(--mono); background:#95152812; }.dt-operation-flow h3 { font-size:19px; font-weight:450; margin:7px 0 10px; }.dt-operation-flow p { color:#aaa0aa; font-size:13px; line-height:1.85; margin:0 0 14px; }.dt-flow-tag { color:#c0a36f; font:8px var(--mono); letter-spacing:1.2px; }
@media(max-width:900px) { .dt-explorer-grid { gap:30px; }.dt-operation { gap:35px; }.dt-header .desktop-nav { gap:22px; } }
@media(max-width:680px) { .dt-explorer,.dt-operation { padding-block:50px; }.dt-explorer-grid,.dt-operation { grid-template-columns:1fr; gap:32px; }.dt-explorer-grid { margin-top:32px; }.dt-mode-footnotes { grid-template-columns:1fr; gap:16px; margin-top:30px; }.dt-mode-copy [aria-live] { min-height:115px; }.dt-price-study { padding:23px 18px; }.dt-study-prices span { font-size:7px; }.dt-mode-footnotes article { padding:20px; }.dt-operation-flow h3 { font-size:18px; }.dt-mode-switch { width:100%; }.dt-mode-switch button { flex:1; padding-inline:14px; } }

/* October 2026 / centered editorial homepage, using the original brand palette. */
.dt-hero { min-height:calc(100svh - 94px); padding:clamp(48px,9vh,112px) 0 28px; display:flex; flex-direction:column; justify-content:center; }
.dt-hero-grid { display:block; text-align:center; }
.dt-hero-copy { max-width:1000px; margin-inline:auto; }
.dt-hero-copy .dt-kicker,.dt-hero-copy .dt-actions,.dt-hero-meta { justify-content:center; }
.dt-hero h1 { font-size:clamp(56px,7.8vw,112px); letter-spacing:-.055em; line-height:1.08; margin:30px 0 26px; }
.dt-hero h1 em { display:inline-block; padding:0 .09em .12em; }
.dt-hero-description { font-size:clamp(15px,1.4vw,18px); line-height:1.9; max-width:720px; margin-inline:auto; color:#bfb5be; }
.dt-hero-copy .dt-actions { margin-top:32px; gap:32px; }
.dt-hero-meta { margin-top:26px; font-size:10px; letter-spacing:.3px; }
.dt-hero-glow { width:min(1200px,125vw); height:100%; top:-15%; right:50%; transform:translateX(50%); background:radial-gradient(ellipse,#95152826,transparent 66%); }
.dt-orbit { left:50%; right:auto; top:50%; width:1100px; height:680px; transform:translate(-50%,-50%) rotate(-20deg); border-color:#c6a56707; }
.dt-orbit-two { width:1400px; height:920px; transform:translate(-50%,-50%) rotate(20deg); }
.dt-hero-bottom { justify-content:center; padding:44px 0 0; }
.dt-scroll-link { flex-direction:column; gap:14px; color:#cbbca5; font-size:8px; letter-spacing:2px; }
.dt-scroll-link > .dt-scroll-arrow { display:grid; place-items:center; width:42px; height:54px; border:1px solid #c6a56740; border-radius:30px; color:#e3c68d; background:linear-gradient(#95152816,#c6a56708); font-size:23px; animation:dt-scroll-invite 2.6s ease-in-out infinite; }
.dt-scroll-link:hover .dt-scroll-arrow { border-color:#e2bd80; box-shadow:0 0 25px #95152840; }
@keyframes dt-scroll-invite { 0%,100% { transform:translateY(0); } 50% { transform:translateY(8px); } }
.dt-showcase { padding-block:88px 70px; scroll-margin-top:115px; position:relative; }
.dt-showcase-heading { text-align:center; max-width:760px; margin:0 auto 34px; }
.dt-showcase-heading .dt-kicker { justify-content:center; }
.dt-showcase h2,.dt-advantage h2 { font-size:clamp(36px,4.5vw,64px); font-weight:430; letter-spacing:-.04em; line-height:1.13; margin:22px 0; }
.dt-showcase h2 em,.dt-advantage h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; color:#d4b67d; }
.dt-showcase-heading > p:last-child { font-size:15px; color:#aaa0ab; line-height:1.9; }
.dt-showcase .dt-product-stage { max-width:1000px; margin:auto; padding:20px 0 40px; }
.dt-showcase .dt-terminal { transform:none; border-radius:20px; background:linear-gradient(125deg,#ffffff09,#2e142529 45%,#e2c28d06); }
.dt-showcase .dt-terminal-title { padding:20px 25px; }
.dt-showcase .dt-terminal-workspace { grid-template-columns:170px minmax(0,1fr); }
.dt-showcase .dt-market-watch h3 { margin:8px 15px 25px; font-size:12px; }
.dt-showcase .dt-watch-row,.dt-showcase .dt-watch-columns { padding:14px; font-size:10px; }
.dt-showcase .dt-navigator { padding:22px 15px; font-size:11px; }
.dt-showcase .dt-navigator small,.dt-showcase .dt-watch-note { font-size:9px; }
.dt-showcase .dt-demo-chart { height:340px; }
.dt-showcase .dt-product-caption { position:static; text-align:center; font-size:10px; margin:17px 0 0; line-height:1.7; }
.dt-showcase .dt-product-halo { inset:5% -20%; background:radial-gradient(ellipse at 25% 60%,#95152824,transparent 65%),radial-gradient(ellipse at 85% 35%,#c6a56710,transparent 55%); }
.dt-product-principles { display:flex; justify-content:center; gap:38px; flex-wrap:wrap; color:#bba98d; font:9px var(--mono); letter-spacing:1.5px; }
.dt-product-principles span::before { content:'✧'; color:#bd374c; margin-right:12px; }
.dt-advantage { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:100px; padding-block:100px; }
.dt-advantage-intro { position:sticky; top:155px; }
.dt-advantage-intro > p:not(.dt-kicker) { max-width:355px; color:#b3a8b2; font-size:15px; line-height:1.9; }
.dt-advantage-list { display:grid; gap:20px; }
.dt-advantage-list article { padding:30px 30px 32px; border-radius:18px; background:radial-gradient(ellipse at 100% 0,#95152815,transparent 70%),linear-gradient(120deg,#ffffff05,transparent); }
.dt-benefit-index { font:9px var(--mono); letter-spacing:1.7px; color:#d1b37c; }
.dt-advantage-list h3 { font-size:25px; line-height:1.3; font-weight:450; letter-spacing:-.6px; margin:20px 0 14px; }
.dt-advantage-list p { color:#b3a8b2; font-size:14px; line-height:1.9; margin:0; }
.dt-home .dt-section-heading h2 span,.dt-home .dt-faq h2 span { color:#a69aa6; }
.dt-home [data-reveal].reveal-ready { transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1); transform:translateY(32px); }
.dt-home [data-reveal].is-visible { transform:none; }
.dt-feature-tabs button,.dt-mode-footnotes article,.dt-method-steps article { transition:background .3s ease,color .3s ease,transform .3s ease; }
.dt-mode-footnotes article:hover,.dt-method-steps article:hover { background:#ffffff03; transform:translateY(-3px); }
@supports(animation-timeline:view()) {
 @media(prefers-reduced-motion:no-preference) {
  .dt-showcase .dt-terminal { animation:dt-terminal-entrance linear both; animation-timeline:view(); animation-range:entry 0% entry 95%; }
  @keyframes dt-terminal-entrance { from { transform:perspective(1800px) rotateX(7deg) scale(.94); } to { transform:none; } }
 }
}
@media(min-width:1000px) and (min-height:950px) { .dt-hero-bottom { padding-top:70px; } }
@media(max-width:800px) {
 .dt-hero { min-height:calc(100svh - 80px); padding-top:55px; }
 .dt-hero h1 { font-size:clamp(52px,9.5vw,78px); }
 .dt-advantage { gap:30px; padding-block:65px; }
 .dt-advantage-list article { padding:22px; }.dt-advantage-list h3 { font-size:21px; }
 .dt-showcase .dt-terminal-workspace { grid-template-columns:115px minmax(0,1fr); }
 .dt-showcase .dt-watch-row,.dt-showcase .dt-watch-columns { padding:11px 8px; font-size:8px; }
 .dt-product-principles { gap:18px; font-size:8px; }
}
@media(max-width:560px) {
 .dt-hero { min-height:calc(100svh - 76px); padding:42px 0 22px; }
 .dt-hero h1 { font-size:clamp(42px,10.7vw,60px); letter-spacing:-.055em; margin:26px 0 22px; }
 .dt-hero-copy .dt-kicker { font-size:7px; letter-spacing:1.2px; }
 .dt-hero-description { font-size:14px; }
 .dt-hero-copy .dt-actions { flex-direction:column; gap:10px; margin-top:25px; }
 .dt-hero-meta { font-size:8px; gap:7px; margin-top:20px; }
 .dt-hero-bottom { padding-top:27px; }.dt-scroll-link { font-size:7px; }
 .dt-showcase { padding-block:55px 30px; }.dt-showcase-heading > p:last-child { font-size:13px; }
 .dt-showcase .dt-terminal-workspace { grid-template-columns:minmax(0,1fr); }
 .dt-showcase .dt-terminal-title { padding:15px 12px; }.dt-showcase .dt-demo-chart { height:270px; }
 .dt-showcase .dt-product-caption { font-size:8px; }.dt-product-principles { gap:13px; font-size:7px; letter-spacing:.6px; }
 .dt-advantage { grid-template-columns:1fr; gap:28px; padding-block:55px; }.dt-advantage-intro { position:static; }
 .dt-advantage-intro > p:not(.dt-kicker) { max-width:none; }
}
@media(prefers-reduced-motion:reduce) {
 .dt-scroll-link > .dt-scroll-arrow,.dt-showcase .dt-terminal { animation:none; }
 .dt-home [data-reveal].reveal-ready { opacity:1; transform:none; transition:none; }
 .dt-mode-footnotes article:hover,.dt-method-steps article:hover { transform:none; }
}
.dt-scroll-link > span:not(.dt-scroll-arrow) { font-size:inherit; color:inherit; }

/* Trading controls / ruby action, gold outline, aligned icon rail. */
.button,.dt-home .button,.header-access { display:inline-flex; align-items:center; justify-content:center; gap:18px; border-radius:3px; font-size:11px; font-weight:650; letter-spacing:.8px; line-height:1.3; min-height:46px; }
.button-red,.dt-home .button-red,.header-access { border:1px solid #c6a56780; border-left:3px solid #e4c58d; background:linear-gradient(110deg,#a3243b,#791328); box-shadow:inset 0 1px #f0c77a20,0 5px 20px #95152818; color:#fff1dd; }
.button-outline { border:1px solid #c6a56775; background:#c6a56705; color:#e1c28b; }
.button .icon,.dt-home .button .icon,.header-access .icon { width:18px; height:18px; flex:0 0 18px; display:block; margin:0; align-self:center; transform:none!important; }
.button:hover:not(:disabled),.dt-home .button:hover:not(:disabled),.header-access:hover { transform:translateY(-1px); }
.button:focus-visible,.header-access:focus-visible,.dt-terminal button:focus-visible { outline:2px solid #efd5a1; outline-offset:5px; }
.dt-secondary-link { align-items:center; line-height:1.3; }
.dt-secondary-link > span { display:grid; place-items:center; width:18px; height:18px; line-height:1; transform:none!important; }
.dt-terminal-brand { display:inline-flex; align-items:center; gap:11px; line-height:1.2; }
.dt-terminal-logo { display:block; width:32px; height:32px; object-fit:contain; }
.dt-showcase .dt-terminal-title { padding:15px 23px; }
.dt-terminal-toolbar { position:relative; display:flex; gap:22px; align-items:center; padding:10px 20px; border:0; background:transparent; }
.dt-terminal-toolbar::after { content:''; position:absolute; bottom:0; left:20px; right:20px; height:1px; background:linear-gradient(90deg,#c6a56735,#95152855,#c6a56720); }
.dt-tool-label { display:inline-flex; align-items:center; gap:9px; font:11px var(--mono); color:#e1c591; white-space:nowrap; }
.dt-tool-label small { font-size:8px; color:#aa99a5; }
.dt-timeframes { position:relative; display:flex; align-items:center; gap:3px; padding-left:20px; }
.dt-timeframes::before,.dt-chart-actions::before { content:''; position:absolute; left:0; top:10px; bottom:10px; width:1px; background:#c6a56740; }
.dt-timeframes button,.dt-timeframes button[aria-pressed="true"],.dt-new-scenario,.dt-chart-play { position:relative; min-height:40px; padding:8px 11px; border:0; border-radius:0; background:transparent; box-shadow:none; font:10px var(--mono); color:#aa9da6; cursor:pointer; }
.dt-timeframes button[aria-pressed="true"] { color:#f0d399; }
.dt-timeframes button[aria-pressed="true"]::after { content:''; position:absolute; height:2px; bottom:3px; left:10px; right:10px; background:linear-gradient(90deg,#a5223a,#e4c58d); }
.dt-timeframes button:hover,.dt-new-scenario:hover,.dt-chart-play:hover { background:transparent; color:#f0d399; box-shadow:none; }
.dt-chart-actions { position:relative; display:flex; align-items:center; gap:10px; margin-left:auto; padding-left:20px; }
.dt-chart-actions button { display:inline-flex; align-items:center; justify-content:center; gap:8px; margin:0; }
.dt-chart-actions .icon { width:15px; height:15px; flex:0 0 15px; display:block; }
.dt-chart-play[aria-pressed="true"] { color:#e4c58d; }
.dt-chart-play:disabled { opacity:.45; cursor:default; }
.dt-demo-quotes { border:0; border-radius:0; gap:0; }
.dt-quote-sell,.dt-quote-buy { border:0; background:transparent; }
.dt-demo-lot { position:relative; background:transparent; }
.dt-demo-lot::before,.dt-demo-lot::after { content:''; position:absolute; width:1px; top:10px; bottom:10px; background:#c6a56730; }.dt-demo-lot::before { left:0; }.dt-demo-lot::after { right:0; }
.dt-mode-switch { position:relative; border:0; background:transparent; border-radius:0; padding:0 0 12px; gap:0; }
.dt-mode-switch::after { content:''; position:absolute; bottom:0; left:12px; right:12px; height:1px; background:#c6a56730; }
.dt-mode-switch button,.dt-mode-switch button[aria-pressed="true"] { position:relative; border:0; border-radius:0; background:transparent; box-shadow:none; }
.dt-mode-switch button[aria-pressed="true"] { color:#edce95; }
.dt-mode-switch button[aria-pressed="true"]::after { content:''; position:absolute; bottom:-12px; height:2px; left:18px; right:18px; background:linear-gradient(90deg,#951528,#e1c28b); }
.dt-ai-logo { display:block; object-fit:contain; width:90px; height:90px; margin:auto; }
.access-layout { max-width:1180px; gap:65px; grid-template-columns:1.25fr 1fr; }
.access-story { min-width:0; }
.dt-login-art { margin-top:28px; background:#000; border-radius:5px; overflow:hidden; }
.dt-login-art img { display:block; width:100%; height:auto; }
.access-card { background:#000; border-color:#c6a56755; border-top:2px solid #a5243d; border-radius:5px; box-shadow:0 22px 80px #0007,inset 0 -1px #c6a56750; }
.access-card .input-shell { background:#050405; border-color:#c6a56740; }
.access-card .input-shell input { background:transparent; }
.dt-login-mark { display:block; object-fit:contain; width:48px; height:48px; }
.access-card .button { width:100%; }
.access-card fieldset:disabled .button { opacity:.55; }
@media(max-width:800px) { .access-layout { grid-template-columns:1fr; max-width:600px; gap:35px; }.dt-login-art { max-width:550px; }.dt-terminal-toolbar { gap:14px; padding-inline:14px; }.dt-chart-actions { gap:5px; padding-left:12px; } }
@media(max-width:560px) {
 .dt-terminal-toolbar { flex-wrap:wrap; gap:6px 14px; padding:9px 12px; }
 .dt-timeframes { padding-left:14px; margin-left:auto; }.dt-timeframes button { min-height:42px; padding-inline:9px; }
 .dt-chart-actions { width:100%; justify-content:flex-end; padding-left:0; margin:0; }.dt-chart-actions::before { display:none; }
 .dt-chart-actions button { min-height:38px; padding-block:7px; }
 .dt-terminal-toolbar::after { left:14px; right:14px; }
 .dt-terminal-logo { width:25px; height:25px; }.dt-terminal-brand { gap:7px; }.dt-showcase .dt-terminal-title { padding:12px; }
 .access-layout { padding-top:40px; }.access-card { padding:26px; }.access-story h1 { font-size:43px; }
}
@media(prefers-reduced-motion:reduce) { .button,.button .icon,.header-access { transition:none; }.button:hover:not(:disabled),.dt-home .button:hover:not(:disabled),.header-access:hover { transform:none; } }
[data-view="accesso"] .access-card { background:#000; }
@media(max-width:560px) { .dt-header .header-access { display:none; } }
/* Launch presentation / a distinct footer band, matching the header. */
.dt-footer { position:relative; isolation:isolate; width:100%; max-width:none; margin:65px 0 0; padding:55px 24px 38px; background:linear-gradient(180deg,#0b090bfa,#050505); border:0; box-shadow:0 -20px 65px #0003; }
.dt-footer::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,#95152880 22%,#c6a56760 50%,#95152880 78%,transparent); }
.dt-footer > a { display:block; margin-inline:auto; }
.dt-login-art { background:transparent; overflow:visible; }
.dt-login-art img { filter:drop-shadow(0 12px 32px #95152816); }
.dt-header .desktop-nav { gap:27px; }
.dt-terminal-title { border-bottom:0; }
.dt-terminal-status { letter-spacing:.3px; }
.dt-sim-badge { color:#ddc18c; border:0; background:transparent; padding:5px 0; letter-spacing:1.1px; }
.dt-demo-quotes strong { font-variant-numeric:tabular-nums; }
.dt-showcase .dt-demo-chart { height:355px; }
.dt-chart-symbol > span { letter-spacing:1px; }
@media(max-width:1100px) { .dt-header .desktop-nav { gap:16px; }.dt-header .desktop-nav a { font-size:11px; } }
@media(max-width:560px) { .dt-footer { margin-top:35px; padding-top:38px; }.dt-showcase .dt-demo-chart { height:280px; }.dt-sim-badge { font-size:6px; letter-spacing:.4px; } }
/* Compact brand rails and precision trading interface. */
.dt-header::after,.dt-footer::before { height:1px; background:linear-gradient(90deg,transparent 0%,#86172c 14%,#be704a 30%,#ddbd7c 44%,#e4c994 50%,#ddbd7c 56%,#be704a 70%,#86172c 86%,transparent 100%); }
.dt-ruby { position:absolute; left:50%; width:40px; height:24px; transform:translateX(-50%); z-index:2; pointer-events:none; filter:drop-shadow(0 0 6px #b51d3d55); }
.dt-ruby svg { display:block;width:100%;height:100%; }
.dt-header>.dt-ruby { bottom:-12px; }.dt-footer>.dt-ruby { top:-12px; }
.dt-header .desktop-nav a,.dt-header .mobile-nav a { text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:1.1px; }
.dt-footer { padding:18px 24px 15px; min-height:105px; margin-top:40px; }
.dt-footer>a { width:138px; }.dt-footer nav { margin-top:8px;gap:16px;font-size:9px; }.dt-footer>p { margin-top:7px;font-size:8px; }
.button,.dt-home .button,.header-access { min-height:40px;padding:11px 18px;gap:12px;border-radius:2px;font-size:10px;letter-spacing:1px;text-transform:uppercase;box-shadow:none; }
.button-red,.dt-home .button-red,.header-access { border:1px solid #b533495c;border-left:1px solid #b533495c;background:#83182d;color:#fff3e1;box-shadow:none; }
.button-red:hover:not(:disabled),.dt-home .button-red:hover:not(:disabled),.header-access:hover { background:#9d2038;border-color:#c6a5679c;box-shadow:none;transform:none; }
.button::before,.button::after,.header-access::before,.header-access::after { display:none; }
.button .icon,.dt-home .button .icon,.header-access .icon { width:15px;height:15px;flex-basis:15px; }
.dt-secondary-link { text-transform:uppercase;font-size:10px;letter-spacing:1px; }
.dt-showcase .dt-terminal { border-radius:6px;background:linear-gradient(145deg,#111014ed,#08090cf2);border:1px solid #c6a56730;box-shadow:0 24px 80px #0005;transform:none;animation:none; }
.dt-showcase .dt-terminal-title { padding:10px 17px;background:#ffffff02; }.dt-terminal-brand { font:600 11px var(--mono);letter-spacing:1.5px; }.dt-terminal-logo { width:23px;height:23px; }
.dt-terminal-toolbar { padding:4px 16px;gap:20px; }.dt-tool-label { color:#eee5d7;font-weight:600; }
.dt-showcase .dt-terminal-workspace { grid-template-columns:180px minmax(0,1fr); }
.dt-showcase .dt-market-watch { padding-top:14px;background:#ffffff02; }.dt-showcase .dt-market-watch h3 { font:10px var(--mono);letter-spacing:1px;margin:2px 14px 20px; }
.dt-showcase .dt-watch-row,.dt-showcase .dt-watch-columns { padding:12px 14px;font-size:10px; }.dt-watch-row.active { background:#c6a5670c;border-left:2px solid #c6a567; }
.dt-navigator { margin-top:28px;padding:15px 14px;font-size:10px; }.dt-navigator small { line-height:2; }.dt-watch-note { padding:0 14px; }
.dt-chart-pane { position:relative;background:transparent; }.dt-chart-symbol { padding:15px 18px 5px; }.dt-chart-symbol strong { font:600 13px var(--mono);color:#eee6d9; }
.dt-demo-quotes { margin:9px 18px;width:max-content; }.dt-demo-quotes strong { font:500 16px var(--mono); }.dt-demo-quotes>div { padding:6px 12px; }.dt-demo-quotes>div>span { font-size:8px;letter-spacing:1px; }.dt-demo-lot { font:11px var(--mono);padding:8px 16px; }.dt-demo-lot small { font-size:7px; }
.dt-chart-legend-live { margin:12px 18px 0; }.dt-chart-legend-live small { display:none; }
.dt-showcase .dt-demo-chart { height:400px;cursor:crosshair; }.dt-chart-tab { padding:10px 18px;background:#ffffff02; }
.dt-demo-toolbox { display:flex;align-items:center;gap:28px;padding:14px 18px; }.dt-toolbox-title { display:block; }.dt-toolbox-title small { display:none; }.dt-ohlc { flex:1;margin:0;gap:18px; }.dt-ohlc>div { display:flex;gap:10px;align-items:center; }.dt-ohlc strong { margin:0;font-size:10px; }.dt-ohlc span { font-size:8px; }
.dt-terminal-status { padding:9px 18px; }.dt-sim-badge { font-size:8px; }
@media(max-width:800px) { .dt-showcase .dt-terminal-workspace { grid-template-columns:125px minmax(0,1fr); }.dt-showcase .dt-watch-row,.dt-showcase .dt-watch-columns { font-size:8px;padding:11px 9px; }.dt-demo-toolbox { display:block; }.dt-ohlc { margin-top:12px; }.dt-ohlc>div { display:block; }.dt-ohlc strong { margin-top:5px; } }
@media(max-width:560px) { .dt-footer { padding:20px 18px 14px; }.dt-footer>a { width:125px; }.dt-showcase .dt-terminal-workspace { grid-template-columns:minmax(0,1fr); }.dt-showcase .dt-demo-chart { height:320px; }.dt-terminal-toolbar { gap:5px; }.dt-terminal-brand { font-size:9px;letter-spacing:.5px; }.dt-sim-badge { font-size:6px; }.dt-ruby { width:32px; }.dt-header .header-access { display:none; } }
/* Jewel divider, precise navigation and focused chart workspace. */
.dt-ruby { width:80px;height:80px;filter:drop-shadow(0 0 4px #8b0e2930); }
.dt-ruby img { display:block;width:100%;height:100%;object-fit:contain; }
.dt-header>.dt-ruby { bottom:-40px; }.dt-footer>.dt-ruby { top:-40px; }
.dt-header .desktop-nav a { padding-block:10px; }
.dt-header .desktop-nav a[aria-current]::after { bottom:3px;height:2px;background:linear-gradient(90deg,#951528,#be6154 48%,#e4c58d); }
.dt-header .mobile-nav a { position:relative;width:max-content; }
.dt-header .mobile-nav a[aria-current]::after { content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:linear-gradient(90deg,#951528,#e4c58d); }
.dt-scroll-logo { display:block;width:46px;height:54px;object-fit:contain;animation:dt-scroll-invite 2.6s ease-in-out infinite;filter:drop-shadow(0 4px 10px #95152830); }
.dt-scroll-link { border:0;background:none;box-shadow:none; }
.dt-showcase { padding-top:36px; }
.dt-home section[id] { scroll-margin-top:0; }
.dt-showcase .dt-terminal-workspace { grid-template-columns:minmax(0,1fr); }
.dt-showcase .dt-demo-chart { height:420px; }
.dt-chart-pane .dt-chart-symbol { padding-top:12px; }
.dt-showcase .dt-terminal { max-width:1050px;margin-inline:auto; }
.dt-chart-tab { font:9px var(--mono); }
@media(max-width:560px) { .dt-ruby { width:64px;height:64px; }.dt-header>.dt-ruby { bottom:-32px; }.dt-footer>.dt-ruby { top:-32px; }.dt-showcase .dt-demo-chart { height:330px; }.dt-showcase { padding-top:30px; }.dt-scroll-logo { width:40px;height:48px; } }
@media(prefers-reduced-motion:reduce) { .dt-scroll-logo { animation:none; } }