/* Detailed product mockups used in the tool heroes. */
.tpr-ready{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;grid-template-areas:"copy visual"!important;gap:clamp(45px,6vw,90px)!important;align-items:center!important}
.tpr-ready:after{display:none!important;content:none!important}
.tpr-copy{grid-area:copy;min-width:0}
.tpr-copy>p:last-child{max-width:650px!important;margin:30px 0 0!important}
.tpr-visual{grid-area:visual;min-width:0}
.tpr-window{position:relative;min-height:390px;overflow:hidden;box-sizing:border-box;padding:0 32px 30px;border:1px solid rgba(255,255,255,.14);border-radius:8px 8px 64px 8px;background:radial-gradient(circle at 88% 10%,rgba(255,92,32,.32),transparent 34%),linear-gradient(145deg,#29292c 0%,#171719 58%,#101012 100%);box-shadow:0 34px 82px rgba(23,23,25,.22);color:#f8f8f8;font-family:Manrope,sans-serif}
.tpr-window:after{content:"";position:absolute;right:-105px;bottom:-215px;width:310px;height:310px;border:1px solid rgba(255,92,32,.55);border-radius:50%;box-shadow:0 0 0 55px rgba(255,92,32,.035),0 0 0 110px rgba(255,92,32,.025);pointer-events:none}
.tpr-chrome{display:flex;height:48px;margin:0 -32px 26px;padding:0 16px;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}
.tpr-chrome i{width:7px;height:7px;border-radius:50%;background:#717177}.tpr-chrome i:first-child{background:#ff5c20}
.tpr-chrome span{margin-left:auto;color:#929299;font-size:8px;font-weight:800;letter-spacing:.16em}
.tpr-window footer{position:absolute;z-index:2;right:32px;bottom:27px;left:32px;color:#93939a;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.tpr-window footer>i,.tpr-row span>i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#31c77a;box-shadow:0 0 0 5px rgba(49,199,122,.12)}
.tpr-row{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#aaaab0;font-size:12px}.tpr-row b{color:#fff;font-size:12px}

/* Tools portal */
.tpr-dashboard-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tpr-dashboard-grid span{display:flex;min-height:92px;padding:17px;box-sizing:border-box;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.035)}
.tpr-dashboard-grid b{color:#fff;font-size:21px;letter-spacing:-.04em}.tpr-dashboard-grid span:first-child b{color:#ff6a31;letter-spacing:.13em}.tpr-dashboard-grid small{color:#97979e;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.tpr-dashboard>p{position:relative;z-index:2;margin:22px 0 0;color:#b3b3b8;font-size:11px}.tpr-dashboard>p i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#31c77a}

/* Password */
.tpr-password-value{padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(0,0,0,.18);color:#fff;font:700 16px/1 monospace;letter-spacing:.15em;white-space:nowrap;overflow:hidden}
.tpr-meter{height:5px;margin:24px 0 0;background:#45454a}.tpr-meter i{display:block;width:92%;height:100%;background:linear-gradient(90deg,#ff5c20,#ff9b54);box-shadow:0 0 15px rgba(255,92,32,.35)}
.tpr-tags{display:flex;gap:8px;margin-top:28px}.tpr-tags span{display:grid;width:46px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.04);color:#c5c5ca;font:700 11px monospace}.tpr-tags span:last-child{border-color:rgba(255,92,32,.55);color:#ff7442}

/* One-time secret */
.tpr-lock{position:relative;display:grid;width:108px;height:96px;margin:35px auto 30px;place-items:center;border:1px solid rgba(255,92,32,.42);border-radius:50%;background:rgba(255,92,32,.08);box-shadow:0 0 0 18px rgba(255,92,32,.025)}
.tpr-lock:before{content:"";width:35px;height:29px;margin-top:16px;border-radius:5px;background:#ff5c20;box-shadow:0 8px 24px rgba(255,92,32,.3)}.tpr-lock:after{content:"";position:absolute;top:20px;width:29px;height:31px;border:4px solid #ff5c20;border-bottom:0;border-radius:18px 18px 0 0}
.tpr-secret-flow{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:13px}.tpr-secret-flow span{color:#aaaab0;font-size:9px;text-align:center;text-transform:uppercase}.tpr-secret-flow span b{display:block;margin-bottom:5px;color:#fff;font-size:16px}.tpr-secret-flow>i{color:#ff5c20;font-style:normal}

/* File transfer / reception */
.tpr-file{position:relative;z-index:2;display:flex;padding:17px;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.035)}
.tpr-file-icon{position:relative;width:34px;height:42px;flex:0 0 auto;border:1px solid #ff7040;border-radius:3px;background:rgba(255,92,32,.1)}.tpr-file-icon:after{content:"ZIP";position:absolute;right:0;bottom:4px;left:0;color:#ff7950;font-size:7px;font-weight:900;text-align:center}
.tpr-file div{display:flex;min-width:0;flex-direction:column;gap:5px}.tpr-file strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tpr-file small{color:#8f8f96;font-size:9px}.tpr-file>b{display:grid;width:26px;height:26px;margin-left:auto;place-items:center;border-radius:50%;background:#31c77a;color:#101012;font-size:12px}
.tpr-progress{height:5px;margin:25px 0 0;border-radius:5px;background:#444449}.tpr-progress i{display:block;width:100%;height:100%;border-radius:5px;background:#ff5c20;box-shadow:0 0 14px rgba(255,92,32,.4)}
.tpr-transfer-meta{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.tpr-transfer-meta span{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#eee;font-size:11px}.tpr-transfer-meta small{display:block;margin-bottom:6px;color:#797980;font-size:7px;letter-spacing:.13em}

/* Private video */
.tpr-screen{position:relative;display:grid;height:205px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:radial-gradient(circle at 68% 34%,rgba(255,92,32,.27),transparent 35%),linear-gradient(135deg,#101012,#28282b)}
.tpr-screen:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,92,32,.16);border-radius:50%}.tpr-screen button{position:relative;z-index:2;width:58px;height:58px;padding-left:5px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ff5c20;color:#fff;box-shadow:0 12px 30px rgba(255,92,32,.25)}.tpr-screen span{position:absolute;bottom:14px;left:17px;color:#818188;font-size:7px;font-weight:800;letter-spacing:.15em}
.tpr-video-line{height:3px;margin:18px 0;background:#45454a}.tpr-video-line i{display:block;width:42%;height:100%;background:#ff5c20}

/* Speed */
.tpr-gauge{position:relative;display:grid;width:172px;height:172px;margin:2px auto 10px;place-content:center;border-radius:50%;background:conic-gradient(from 220deg,#ff5c20 0 62%,#444449 62% 78%,transparent 78%)}
.tpr-gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#1d1d20}.tpr-gauge strong,.tpr-gauge small{position:relative;z-index:2;text-align:center}.tpr-gauge strong{font-size:48px;letter-spacing:-.07em}.tpr-gauge small{color:#9b9ba2;font-size:9px}.tpr-speed-stats{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.1)}.tpr-speed-stats span{padding:15px 8px;color:#99999f;font-size:9px}.tpr-speed-stats span+span{border-left:1px solid rgba(255,255,255,.1)}.tpr-speed-stats small{display:block;margin-bottom:5px;color:#77777e;font-size:7px;letter-spacing:.11em}.tpr-speed-stats b{color:#fff;font-size:17px}

/* Email audit */
.tpr-domain{display:flex;padding:17px 19px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(0,0,0,.17);color:#fff;font-size:15px}.tpr-domain i{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#ffb348;box-shadow:0 0 0 5px rgba(255,179,72,.1)}
.tpr-check{position:relative;z-index:2;display:grid;margin-top:17px}.tpr-check span{display:flex;padding:14px 3px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.tpr-check i{color:#31c77a;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.09em}.tpr-check span:nth-child(2) i{color:#ffb348}.tpr-audit-score{display:flex;padding:4px 3px 18px;align-items:end;border-bottom:1px solid rgba(255,255,255,.11)}.tpr-audit-score>strong{color:#fff;font-size:70px;line-height:.85;letter-spacing:-.08em}.tpr-audit-score>span{display:grid;margin-left:12px;gap:8px}.tpr-audit-score b{color:#9b9ba2;font-size:12px}.tpr-audit-score small{color:#ff7040;font-size:7px;font-weight:800;letter-spacing:.12em}

/* Override older placeholder cards for native two-column heroes. */
.espeed-hero aside.tpr-aside,.eaudit-hero aside.tpr-aside,.ereceive-reassurance.tpr-aside{display:block;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.espeed-hero aside.tpr-aside .tpr-window,.eaudit-hero aside.tpr-aside .tpr-window{min-height:390px}
.ereceive-reassurance.tpr-aside .tpr-window{min-height:300px}.tpr-receive .tpr-check{margin-top:15px}

@media(max-width:980px){.tpr-ready{grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important}.tpr-copy>p:last-child{margin-top:26px!important}.tpr-window{min-height:370px}.espeed-hero-grid,.eaudit-hero-grid,.ereceive-hero-grid{grid-template-columns:1fr!important;gap:45px!important}}
@media(max-width:600px){.tpr-ready{gap:34px!important}.tpr-window{min-height:330px;padding:0 20px 24px;border-radius:7px 7px 43px 7px}.tpr-chrome{height:44px;margin:0 -20px 22px;padding:0 13px}.tpr-window footer{right:20px;bottom:21px;left:20px}.tpr-dashboard-grid span{min-height:75px}.tpr-screen{height:170px}.tpr-gauge{width:148px;height:148px}.tpr-gauge strong{font-size:41px}.tpr-secret-flow{gap:8px}.tpr-secret-flow>i{display:none}.tpr-transfer-meta{margin-top:16px}}
