2 lines
15 KiB
CSS
2 lines
15 KiB
CSS
.dm-hiw-3d{--dm-red:#c01227;--dm-red-soft:#c012271a;--dm-ink:#1f1f1f;--dm-body:#4b5563;--dm-muted:#8a8f98;--dm-card-bg:#ffffffdb;--dm-card-border:#0f172a14;--dm-card-radius:18px;--dm-card-shadow:0 24px 60px -28px #0f172a73;--dm-font-head:var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;--dm-font-body:var(--font-manrope), system-ui, -apple-system, sans-serif;--hiw-max-width:none;--hiw-gutter:20px;--hiw-gap-top:20px;--hiw-gap-bottom:20px;--hiw-radius:25px;width:100%;font-family:var(--dm-font-body);color:var(--dm-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;position:relative}.dm-hiw-3d-stage{top:var(--hiw-gap-top);width:calc(100% - 2 * var(--hiw-gutter));max-width:var(--hiw-max-width);height:calc(100vh - var(--hiw-gap-top) - var(--hiw-gap-bottom));border-radius:var(--hiw-radius);will-change:transform;backface-visibility:hidden;margin-left:auto;margin-right:auto;position:absolute;left:0;right:0;overflow:hidden;transform:translateZ(0)}.dm-hiw-3d.is-pinned .dm-hiw-3d-stage{position:fixed}.dm-hiw-3d.is-after .dm-hiw-3d-stage{top:auto;bottom:var(--hiw-gap-bottom);position:absolute}.dm-hiw-3d .canvas-wrapper{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.dm-hiw-3d .side-navigation{z-index:100;background:0 0;flex-direction:column;gap:16px;padding:18px 10px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.dm-hiw-3d .side-nav-item{cursor:pointer;background:0 0;border:none;outline:none;justify-content:flex-end;align-items:center;gap:10px;padding:4px 6px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.dm-hiw-3d .side-nav-label{color:#86868b;text-transform:uppercase;letter-spacing:.8px;opacity:0;pointer-events:none;font-family:inherit;font-size:10px;font-weight:600;transition:all .25s cubic-bezier(.25,.8,.25,1);transform:translate(8px)scale(.9)}.dm-hiw-3d .side-nav-dot{background-color:#00000026;border-radius:50%;width:7px;height:7px;transition:all .25s cubic-bezier(.25,.8,.25,1)}.dm-hiw-3d .side-nav-item:hover .side-nav-label{opacity:1;transform:translate(0)scale(1)}.dm-hiw-3d .side-nav-item:hover .side-nav-dot{background-color:#1d1d1f;transform:scale(1.15)}.dm-hiw-3d .side-nav-item.active .side-nav-label{color:var(--dm-red)}.dm-hiw-3d .side-nav-item.active .side-nav-dot{background-color:var(--dm-red);transform:scale(1.3);box-shadow:0 0 8px #c0122759}.dm-hiw-3d .section-close-btn{background-color:var(--dm-red);color:#fff;font-family:var(--dm-font-body);letter-spacing:.01em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:auto;margin-top:18px;padding:9px 18px;font-size:12px;font-weight:600;transition:background-color .25s,box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 8px 18px -8px #c012278c}.dm-hiw-3d .section-close-btn:hover{background-color:#a30f20;transform:translateY(-1px);box-shadow:0 10px 22px -8px #c01227b3}.dm-hiw-3d .section-close-btn:active{transform:translateY(0)}.dm-hiw-3d .sections-overlay-container{z-index:8;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.dm-hiw-3d #first-mile-section,.dm-hiw-3d #mid-mile-section,.dm-hiw-3d #last-mile-section{height:max-content;margin-top:auto;margin-bottom:auto;top:0;bottom:0}.dm-hiw-3d #first-mile-section,.dm-hiw-3d #last-mile-section{left:clamp(24px,5vw,72px)}.dm-hiw-3d #mid-mile-section{border-top:3px solid var(--dm-red);background:#ffffffe6;width:min(456px,41vw);max-height:calc(100vh - 120px);padding:clamp(22px,2.4vw,30px) clamp(24px,2.8vw,34px) clamp(20px,2.2vw,26px);right:clamp(24px,5vw,72px);box-shadow:0 32px 72px -30px #0f172a80}.dm-hiw-3d #mid-mile-section .section-badge{letter-spacing:.22em!important;margin:0 0 10px!important;font-size:12px!important}.dm-hiw-3d #mid-mile-section .section-title{letter-spacing:-.025em!important;margin:0 0 7px!important;font-size:clamp(28px,2.5vw,40px)!important;font-weight:700!important;line-height:1.07!important}.dm-hiw-3d #mid-mile-section .section-subtitle{color:var(--dm-body)!important;margin:0 0 13px!important;font-size:clamp(14.5px,1.2vw,16px)!important;font-weight:600!important}.dm-hiw-3d #mid-mile-section .section-description{max-width:44ch!important;margin:0 0 6px!important;font-size:clamp(14.5px,1.15vw,16px)!important;line-height:1.72!important}.dm-hiw-3d #mid-mile-section .mm-info-strip{border-top:1px solid #0f172a14;flex-direction:column;gap:0;width:100%;padding-top:4px;display:flex}.dm-hiw-3d #mid-mile-section .mm-info-row{align-items:flex-start;gap:16px;padding:11px 0;display:flex}.dm-hiw-3d #mid-mile-section .mm-info-row+.mm-info-row{border-top:1px solid #0f172a12}.dm-hiw-3d #mid-mile-section .mm-info-icon{background:var(--dm-red-soft);width:40px;height:40px;color:var(--dm-red);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dm-hiw-3d #mid-mile-section .mm-info-icon svg{width:21px;height:21px}.dm-hiw-3d #mid-mile-section .mm-info-content{flex:1;min-width:0;padding-top:1px}.dm-hiw-3d #mid-mile-section .mm-info-title{font-family:var(--dm-font-head)!important;letter-spacing:-.01em!important;color:var(--dm-ink)!important;margin:0 0 3px!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important}.dm-hiw-3d #mid-mile-section .mm-info-text{font-family:var(--dm-font-body)!important;color:var(--dm-body)!important;margin:0!important;font-size:13.5px!important;font-weight:400!important;line-height:1.58!important}.dm-hiw-3d #mid-mile-section .section-metrics{border-top:1px solid #0f172a1a;gap:0;margin-top:14px;padding-top:12px}.dm-hiw-3d #mid-mile-section .metric-item{background:0 0;border:none;border-radius:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:0;display:grid}.dm-hiw-3d #mid-mile-section .metric-icon{background:var(--dm-red-soft);width:clamp(36px,3vw,42px);height:clamp(36px,3vw,42px);color:var(--dm-red);border-radius:11px;grid-row:1/span 2;justify-content:center;align-items:center;margin:0;display:inline-flex}.dm-hiw-3d #mid-mile-section .metric-icon svg{width:56%;height:56%}.dm-hiw-3d #mid-mile-section .metric-value{grid-column:2;align-self:end;letter-spacing:-.02em!important;margin:0!important;font-size:clamp(26px,2.4vw,34px)!important;line-height:1!important}.dm-hiw-3d #mid-mile-section .metric-label{grid-column:2;align-self:start;letter-spacing:.1em!important;margin:0!important;font-size:10.5px!important}.dm-hiw-3d #mid-mile-section .section-close-btn{margin-top:16px;padding:clamp(12px,1vw,15px) clamp(24px,2vw,30px);font-size:clamp(14px,1vw,15px);font-weight:600;box-shadow:0 16px 30px -12px #c0122799}.dm-hiw-3d #mid-mile-section .section-close-btn svg{width:16px;height:16px}@media (max-width:1024px){.dm-hiw-3d #mid-mile-section .section-description{max-width:none!important}.dm-hiw-3d #mid-mile-section .section-metrics{gap:0;margin-top:12px;padding-top:10px}.dm-hiw-3d #mid-mile-section .section-close-btn{margin-top:14px}}.dm-hiw-3d #promise-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(1060px,92vw);max-height:calc(100vh - 110px);display:flex;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)translateY(18px)scale(.97);width:min(1060px,92vw)!important;padding:36px 56px!important}.dm-hiw-3d #promise-section .section-badge{letter-spacing:.2em!important;margin:0 0 18px!important;font-size:15px!important;display:block!important}.dm-hiw-3d #promise-section .promise-title{letter-spacing:-.03em!important;word-spacing:-.03em!important;text-transform:uppercase!important;margin:0!important;font-size:clamp(40px,6vw,80px)!important;font-weight:800!important;line-height:1.1!important}.dm-hiw-3d .promise-divider{background:var(--dm-red);border-radius:999px;width:76px;height:3px;margin:24px auto;display:block}.dm-hiw-3d #promise-section .promise-desc{max-width:760px!important;margin:0 auto!important;font-size:20px!important;line-height:1.7!important}.dm-hiw-3d .section-panel{background:var(--dm-card-bg);-webkit-backdrop-filter:blur();border:1px solid var(--dm-card-border);border-top:3px solid var(--dm-red);border-radius:var(--dm-card-radius);width:min(404px,37vw);max-height:calc(100vh - 140px);box-shadow:var(--dm-card-shadow);opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;padding:34px 36px;transition:-webkit-backdrop-filter .9s cubic-bezier(.16,1,.3,1),backdrop-filter .9s cubic-bezier(.16,1,.3,1),visibility .9s cubic-bezier(.16,1,.3,1);position:absolute;overflow-y:auto;transform:translateY(18px)scale(.97)}.dm-hiw-3d .section-panel.active{visibility:visible;-webkit-backdrop-filter:blur(22px)saturate(140%);pointer-events:auto}.dm-hiw-3d .section-badge{display:inline-block;font-family:var(--dm-font-body)!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:var(--dm-red)!important;margin:0 0 12px!important;font-size:10.5px!important;font-weight:700!important}.dm-hiw-3d .section-title{font-family:var(--dm-font-head)!important;letter-spacing:-.018em!important;text-transform:none!important;color:var(--dm-ink)!important;margin:0 0 6px!important;font-size:clamp(19px,1.55vw,24px)!important;font-weight:700!important;line-height:1.18!important}.dm-hiw-3d .section-subtitle{font-family:var(--dm-font-body)!important;letter-spacing:.005em!important;text-transform:none!important;color:var(--dm-muted)!important;margin:0 0 16px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important}.dm-hiw-3d .section-description{font-family:var(--dm-font-body)!important;color:var(--dm-body)!important;margin:0 0 20px!important;font-size:13.5px!important;font-weight:400!important;line-height:1.62!important}.dm-hiw-3d .section-metrics{border-top:1px solid #0f172a14;gap:20px;padding-top:18px;display:flex}.dm-hiw-3d .metric-item{flex-direction:column;flex:1;gap:4px;display:flex}.dm-hiw-3d .metric-value{font-family:var(--dm-font-head)!important;letter-spacing:-.01em!important;color:var(--dm-ink)!important;font-size:19px!important;font-weight:700!important;line-height:1.1!important}.dm-hiw-3d .metric-label{font-family:var(--dm-font-body)!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--dm-muted)!important;font-size:9.5px!important;font-weight:600!important}.dm-hiw-3d .font-green .metric-value{color:#1f9d57!important}.dm-hiw-3d .section-supporting{background:#1f9d5712;border:1px solid #1f9d572e;border-radius:12px;align-items:center;gap:11px;margin-top:14px;padding:11px 14px;display:flex}.dm-hiw-3d .supporting-dot{background-color:#1f9d57;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:2s cubic-bezier(.16,1,.3,1) infinite dmHiwPulseDot;box-shadow:0 0 #1f9d5780}.dm-hiw-3d .supporting-text{flex-direction:column;gap:2px;display:flex}.dm-hiw-3d .supporting-value{font-family:var(--dm-font-head)!important;letter-spacing:-.005em!important;color:var(--dm-ink)!important;font-size:12.5px!important;font-weight:700!important;line-height:1.15!important}.dm-hiw-3d .supporting-label{font-family:var(--dm-font-body)!important;letter-spacing:.04em!important;color:#1f9d57!important;font-size:10px!important;font-weight:600!important}@keyframes dmHiwPulseDot{0%{box-shadow:0 0 #1f9d5773}70%{box-shadow:0 0 0 7px #1f9d5700}to{box-shadow:0 0 #1f9d5700}}@keyframes dmHiwScrollWheel{0%{opacity:1;height:6px;top:6px}50%{opacity:.3;height:4px;top:14px}to{opacity:1;height:6px;top:6px}}@keyframes dmHiwPulseGreen{0%,to{opacity:.6}50%{opacity:1}}@keyframes dmHiwMoveArrow{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@media (max-width:1024px){.dm-hiw-3d{--hiw-gutter:16px;--hiw-gap-top:16px;--hiw-gap-bottom:16px;--hiw-radius:22px}.dm-hiw-3d .sections-overlay-container{align-items:flex-end;padding-bottom:50px;padding-left:0;padding-right:0}.dm-hiw-3d .section-panel{border-radius:16px;padding:26px 28px 28px}.dm-hiw-3d #first-mile-section,.dm-hiw-3d #mid-mile-section,.dm-hiw-3d #last-mile-section,.dm-hiw-3d #promise-section{width:min(460px,100vw - 32px)!important;max-height:calc(100vh - 180px)!important;inset:auto auto 64px 50%!important;transform:translate(-50%)translateY(18px)scale(.97)!important}.dm-hiw-3d #first-mile-section.active,.dm-hiw-3d #mid-mile-section.active,.dm-hiw-3d #last-mile-section.active,.dm-hiw-3d #promise-section.active{transform:translate(-50%)translateY(0)scale(1)!important}.dm-hiw-3d #promise-section{width:min(760px,100vw - 40px)!important;padding:30px 40px!important}.dm-hiw-3d #promise-section .section-badge{font-size:14px!important}.dm-hiw-3d #promise-section .promise-title{font-size:clamp(34px,5.4vw,54px)!important;line-height:1.08!important}.dm-hiw-3d #promise-section .promise-desc{max-width:640px!important;font-size:18px!important}.dm-hiw-3d .side-navigation{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #00000014;border-radius:20px;flex-direction:row;gap:18px;padding:8px 16px;inset:auto auto 12px 50%;transform:translate(-50%);box-shadow:0 4px 15px #0000000d}.dm-hiw-3d .side-nav-item{justify-content:center;padding:0}.dm-hiw-3d .side-nav-label{display:none}}@media (max-width:400px){.dm-hiw-3d{--hiw-gutter:12px;--hiw-gap-top:12px;--hiw-gap-bottom:12px;--hiw-radius:16px}.dm-hiw-3d .section-panel,.dm-hiw-3d #promise-section{width:min(360px,100vw - 24px)!important;padding:20px!important;bottom:56px!important}.dm-hiw-3d .section-badge{margin-bottom:6px!important;font-size:9.5px!important}.dm-hiw-3d .section-title{font-size:19px!important}.dm-hiw-3d #promise-section .section-badge{font-size:12.5px!important}.dm-hiw-3d #promise-section .promise-title{font-size:clamp(28px,8.5vw,34px)!important;line-height:1.08!important}.dm-hiw-3d #promise-section .promise-desc{max-width:100%!important;font-size:16px!important}.dm-hiw-3d .section-subtitle{margin-bottom:10px!important;font-size:12.5px!important}.dm-hiw-3d .section-description{margin-bottom:14px!important;font-size:12px!important;line-height:1.45!important}.dm-hiw-3d .section-metrics{gap:14px!important;padding-top:12px!important}.dm-hiw-3d .metric-value{font-size:16px!important}.dm-hiw-3d .metric-label{font-size:9px!important}.dm-hiw-3d #mid-mile-section .mm-info-strip{gap:0!important;padding-top:2px!important}.dm-hiw-3d #mid-mile-section .mm-info-row{gap:13px;padding:13px 0}.dm-hiw-3d #mid-mile-section .mm-info-icon{width:36px;height:36px}.dm-hiw-3d #mid-mile-section .mm-info-icon svg{width:19px;height:19px}.dm-hiw-3d #mid-mile-section .mm-info-title{font-size:14px!important}.dm-hiw-3d #mid-mile-section .mm-info-text{font-size:12.5px!important}.dm-hiw-3d .side-navigation{gap:12px!important;padding:6px 12px!important;bottom:8px!important}.dm-hiw-3d .side-nav-dot{width:6px!important;height:6px!important}.dm-hiw-3d #first-mile-section,.dm-hiw-3d #mid-mile-section,.dm-hiw-3d #last-mile-section,.dm-hiw-3d #promise-section{width:min(360px,100vw - 24px)!important;bottom:56px!important;left:50%!important;right:auto!important;transform:translate(-50%)translateY(18px)scale(.97)!important}.dm-hiw-3d #first-mile-section.active,.dm-hiw-3d #mid-mile-section.active,.dm-hiw-3d #last-mile-section.active,.dm-hiw-3d #promise-section.active{transform:translate(-50%)translateY(0)scale(1)!important}}
|