.di7t .dt{padding:clamp(72px,9vw,140px) 0;background:radial-gradient(45% 60% at 80% 50%,rgba(34,211,238,.12),transparent 70%),radial-gradient(35% 45% at 95% 95%,rgba(236,72,153,.12),transparent 70%),var(--paper)}.di7t .dt__wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}.di7t h2{font-size:clamp(36px,4.4vw,68px);line-height:.94;margin:18px 0 0}.di7t .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.di7t .dt__sub{color:var(--muted2);font-size:17px;line-height:1.6;max-width:34em;margin:20px 0 0}.di7t .dt__ways{display:flex;flex-direction:column;gap:10px;margin:30px 0 0;max-width:520px}.di7t .dt__way{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#0e1116;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}.di7t .dt__way:hover{border-color:#22d3ee99;transform:translate(4px)}.di7t .dt__way i{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-size:18px;background:var(--grad);color:#06070a}.di7t .dt__way span{display:flex;flex-direction:column;gap:3px}.di7t .dt__way b{font-size:16px;font-weight:600}.di7t .dt__way small{font-size:13px;color:var(--muted)}.di7t .dt__fine{font-size:13px;color:var(--muted);margin:18px 0 0}.di7t .dt__art{position:relative}.di7t .dt__win{position:relative;border-radius:24px;border:1px solid var(--line2);background:#0b0e13;box-shadow:0 40px 90px -40px #000000e6,0 0 0 1px #22d3ee0f;overflow:visible;aspect-ratio:4/5}.di7t .dt__bar{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-bottom:1px solid var(--line)}.di7t .dt__bar span{width:9px;height:9px;border-radius:50%;background:#f2f5f72e}.di7t .dt__bar b{margin-left:10px;font-family:var(--label);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500}.di7t .dt__stage{position:absolute;top:40px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0 0 24px 24px;background:radial-gradient(55% 50% at 50% 50%,rgba(34,211,238,.1),transparent 70%)}.di7t .dt__stage img{height:84%;width:auto;max-width:76%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.75))}.di7t .dt__chip{position:absolute;border-radius:14px;border:1px solid var(--line2);background:#0e1116eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 12px;box-shadow:0 18px 40px -18px #000c}.di7t .dt__chip small{display:block;font-family:var(--label);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.di7t .dt__chip b{font-family:var(--display);font-weight:400;font-size:15px;color:var(--ink)}.di7t .dt__chip--font{left:-28px;top:22%}.di7t .dt__chip--sw{right:-22px;top:12%;display:flex;gap:6px}.di7t .dt__chip--sw i{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.di7t .dt__chip--layers{right:-30px;bottom:14%;display:flex;flex-direction:column;gap:5px;min-width:180px}.di7t .dt__chip--layers span{font-size:12px;color:var(--muted2);padding:4px 8px;border-radius:8px;background:#141922}.di7t .dt__chip--layers span:first-of-type{outline:1px solid var(--press);color:var(--ink)}@media(max-width:989px){.di7t .dt__wrap{grid-template-columns:minmax(0,1fr)}.di7t .dt__art{max-width:420px;margin:0 auto;width:100%}.di7t .dt__chip--font{left:-8px}.di7t .dt__chip--sw{right:-6px}.di7t .dt__chip--layers{right:-8px}}@media(max-width:560px){.di7t .dt__chip--layers{min-width:150px}.di7t .dt__way{padding:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/di7-teaser.css.map */