:root{--es-bg:#03111f;--es-panel:#09243a;--es-line:#1f5671;--es-blue:#16b8ff;--es-mint:#10e2ad;--es-gold:#ffd21f;--es-text:#eef8ff;--es-muted:#9fc0d6}
.essential-shell{background:var(--es-bg);color:var(--es-text);overflow-x:hidden}
.essential-shell main{background:radial-gradient(circle at 80% 8%,rgba(0,188,255,.15),transparent 27%),radial-gradient(circle at 4% 42%,rgba(16,226,173,.08),transparent 25%),var(--es-bg)}
.essential-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:48px;align-items:center;max-width:1320px;margin:auto;padding:110px 36px 76px;box-sizing:border-box}
.essential-kicker{display:block;color:#45d8ff;font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}
.essential-hero h1,.essential-section h2,.essential-final h2{margin:0;letter-spacing:-.045em;line-height:.98}.essential-hero h1{font-size:clamp(54px,6.3vw,94px)}.essential-hero h1 em{font-style:normal;color:var(--es-mint)}
.essential-lead,.section-intro,.dashboard-copy>p{color:var(--es-muted);font-size:clamp(18px,1.7vw,23px);line-height:1.65;max-width:730px}
.essential-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.essential-price-lockup{display:inline-flex;flex-direction:column;border-left:3px solid var(--es-gold);padding:10px 0 10px 20px}.essential-price-lockup small{color:#a7c7da;font-weight:800;letter-spacing:.13em}.essential-price-lockup strong{font-size:48px;line-height:1;color:var(--es-text)}.essential-price-lockup sup,.edition-card sup{font-size:.45em;vertical-align:super}.essential-price-lockup span{color:#729bb4;font-size:12px;margin-top:6px}
.essential-orbit{position:relative;min-height:560px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(43,206,255,.3);border-radius:50%;animation:es-spin 16s linear infinite}.ring-one{width:430px;height:430px;border-style:dashed}.ring-two{width:330px;height:330px;animation-direction:reverse;animation-duration:11s}.ring-three{width:520px;height:520px;border-color:rgba(16,226,173,.14);animation-duration:25s}.orbit-ring:after{content:"";position:absolute;width:11px;height:11px;background:var(--es-blue);border-radius:50%;top:8%;left:18%;box-shadow:0 0 18px var(--es-blue)}
.orbit-pulse{position:absolute;width:260px;height:260px;border:1px solid rgba(16,226,173,.45);border-radius:50%;animation:es-pulse 3s ease-out infinite}.pulse-two{animation-delay:1.5s}
.essential-device{position:relative;width:240px;height:200px;border-radius:30px;background:linear-gradient(145deg,#123b57,#061523);border:1px solid #36e7bd;box-shadow:0 30px 80px #000,0 0 50px rgba(16,226,173,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:perspective(800px) rotateX(7deg) rotateY(-10deg);z-index:2}.essential-device img{width:58px;height:58px;object-fit:contain}.essential-device b{font-size:30px}.essential-device small{color:var(--es-mint);letter-spacing:.24em}.device-glow{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.08);border-radius:22px}.port{position:absolute;bottom:-10px;background:#06101a;border:1px solid #258eb9;padding:7px 10px;border-radius:5px;color:#64d7ff;font-size:8px;font-style:normal}.port-wan{left:42px}.port-lan{right:42px}.orbit-label{position:absolute;background:rgba(6,29,46,.9);border:1px solid var(--es-line);border-radius:999px;padding:9px 14px;color:#b9dcf0;font-size:12px;box-shadow:0 12px 30px #000}.label-threat{top:14%;right:1%}.label-private{left:0;bottom:21%}.label-simple{right:2%;bottom:7%;color:var(--es-mint)}
.essential-proofbar{display:grid;grid-template-columns:repeat(4,1fr);max-width:1248px;margin:auto;border:1px solid var(--es-line);border-radius:22px;background:rgba(9,36,58,.78);overflow:hidden}.essential-proofbar div{padding:24px;border-right:1px solid var(--es-line)}.essential-proofbar div:last-child{border:0}.essential-proofbar strong{display:block;color:var(--es-mint);font-size:25px}.essential-proofbar span{color:var(--es-muted);font-size:12px}
.essential-section{max-width:1248px;margin:auto;padding:120px 36px;box-sizing:border-box}.essential-section h2,.essential-final h2{font-size:clamp(42px,5vw,70px);max-width:980px}.topology-grid,.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}.topology-card,.edition-card{position:relative;background:linear-gradient(160deg,rgba(13,50,75,.95),rgba(4,21,34,.98));border:1px solid var(--es-line);border-radius:26px;padding:28px;overflow:hidden}.topology-card:before,.edition-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(48,213,255,.06),transparent 65%);transform:translateX(-100%);animation:es-sheen 7s ease-in-out infinite}.topology-heading span,.edition-card>span{color:var(--es-mint);font-size:10px;font-weight:900;letter-spacing:.16em}.topology-heading h3,.edition-card h3{font-size:25px;margin:7px 0 22px}.flow-diagram{display:grid;grid-template-columns:1fr 26px 1.15fr 26px 1.35fr 26px 1.15fr;align-items:center;min-height:160px}.flow-node{position:relative;z-index:2;border:1px solid #2587ad;border-radius:12px;padding:15px 10px;text-align:center;background:#0b2a43;box-shadow:0 12px 20px rgba(0,0,0,.22)}.flow-node b{display:block;font-size:11px}.flow-node small{display:block;color:#83adc5;font-size:8px;margin-top:4px}.shield-node{border-color:var(--es-mint);box-shadow:0 0 20px rgba(16,226,173,.13)}.shield-node b{color:var(--es-mint)}.flow-line{height:2px;background:#257da0;position:relative}.flow-line:after{content:"";position:absolute;right:-1px;top:-3px;border-left:7px solid #38c9ff;border-top:4px solid transparent;border-bottom:4px solid transparent}.flow-line i{position:absolute;width:7px;height:7px;border-radius:50%;background:#50d9ff;top:-3px;animation:es-packet 1.7s linear infinite}.flow-line.protected i{background:var(--es-mint);box-shadow:0 0 9px var(--es-mint)}.device-row{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;margin-top:17px}.device-row span{font-size:8px;letter-spacing:.08em;color:#8fbad0;border:1px solid #1c536d;border-radius:6px;padding:6px 8px}.topology-result{border-top:1px solid var(--es-line);padding-top:18px;color:#acd0e4;font-size:13px}.truth-panel{margin-top:24px;border-left:4px solid var(--es-gold);background:#0a263d;padding:22px 26px}.truth-panel b{color:var(--es-gold);font-size:11px;letter-spacing:.15em}.truth-panel p{color:#acc9d9;line-height:1.6;margin:6px 0 0}
.dashboard-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center}.check-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-list li{color:#c8e5f5}.check-list li:before{content:"✓";color:var(--es-mint);margin-right:9px}.dashboard-frame{border:1px solid #286a89;border-radius:25px;background:#061929;box-shadow:0 35px 80px rgba(0,0,0,.5);overflow:hidden;transform:perspective(1100px) rotateY(-3deg)}.dashboard-top{display:flex;justify-content:space-between;padding:18px 22px;background:#0b2a42;border-bottom:1px solid var(--es-line)}.dashboard-top span{font-weight:800}.dashboard-top i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--es-gold);margin-right:8px}.dashboard-top b{font-size:11px;color:var(--es-mint);border:1px solid var(--es-mint);padding:6px 9px;border-radius:999px}.dashboard-body{padding:25px;display:grid;grid-template-columns:190px 1fr;gap:22px}.health-ring{position:relative;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--es-mint) 0 98%,#16374a 98%);box-shadow:0 0 35px rgba(16,226,173,.13)}.health-ring:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#071b2b}.health-ring div{position:relative;z-index:1;text-align:center}.health-ring strong{display:block;font-size:50px}.health-ring small{color:#7da9c0}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-self:center}.dashboard-stats div{background:#0b293f;padding:14px;border-radius:12px}.dashboard-stats small{color:#6f9db6;font-size:7px}.dashboard-stats b{display:block;font-size:23px;margin-top:5px}.activity-card{grid-column:1/-1;display:flex;gap:12px;align-items:center;border:1px solid rgba(16,226,173,.35);background:rgba(16,226,173,.06);padding:15px;border-radius:13px}.activity-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--es-mint);color:#052019}.activity-card p{margin:0;flex:1}.activity-card small{display:block;color:#87afc5;margin-top:4px}.activity-card time{color:#6f9db6;font-size:10px}
.edition-card{padding:34px}.edition-card h3{font-size:34px}.edition-card>strong{display:block;font-size:45px;margin:10px 0}.edition-card>p{color:var(--es-muted)}.edition-card ul{list-style:none;padding:0;margin:25px 0}.edition-card li{padding:9px 0;border-bottom:1px solid rgba(120,184,216,.13);color:#c7e1ef}.edition-card li:before{content:"◆";color:var(--es-mint);font-size:8px;margin-right:9px}.essential-edition{border-color:var(--es-mint);box-shadow:0 0 45px rgba(16,226,173,.08)}.enterprise-edition li:before{color:var(--es-gold)}.commerce-note{margin:22px 0 0;color:#91b4c8;font-size:13px}.commerce-note b{color:var(--es-gold)}
.essential-final{text-align:center;max-width:1050px;margin:auto;padding:100px 36px 140px}.essential-final h2{margin:0 auto 35px}.essential-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.essential-reveal.is-visible{opacity:1;transform:none}
@keyframes es-spin{to{transform:rotate(360deg)}}@keyframes es-pulse{0%{transform:scale(.72);opacity:.7}100%{transform:scale(1.7);opacity:0}}@keyframes es-packet{from{left:0}to{left:calc(100% - 7px)}}@keyframes es-sheen{0%,35%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(max-width:1050px){.essential-hero{grid-template-columns:1fr;padding-top:80px}.essential-orbit{min-height:520px}.topology-grid,.edition-grid,.dashboard-section{grid-template-columns:1fr}.dashboard-frame{transform:none}.flow-diagram{grid-template-columns:1fr 20px 1.1fr 20px 1.25fr 20px 1.1fr}}
@media(max-width:700px){.essential-hero{padding:60px 20px}.essential-hero h1{font-size:51px}.essential-orbit{min-height:390px;transform:scale(.76);margin:-45px -60px}.essential-proofbar{grid-template-columns:1fr 1fr;margin:0 20px}.essential-proofbar div:nth-child(2){border-right:0}.essential-proofbar div:nth-child(-n+2){border-bottom:1px solid var(--es-line)}.essential-section{padding:85px 20px}.essential-section h2{font-size:43px}.topology-grid{grid-template-columns:1fr}.flow-diagram{grid-template-columns:1fr;gap:8px}.flow-line{width:2px;height:22px;margin:auto}.flow-line:after{right:-3px;top:auto;bottom:-1px;border-top:7px solid #38c9ff;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:0}.flow-line i{left:-3px!important;animation:es-packet-down 1.7s linear infinite}.device-row{justify-content:center;flex-wrap:wrap}.dashboard-body{grid-template-columns:1fr}.health-ring{margin:auto}.dashboard-stats{grid-template-columns:repeat(3,1fr)}.check-list{grid-template-columns:1fr}.edition-grid{grid-template-columns:1fr}}
@keyframes es-packet-down{from{top:0}to{top:calc(100% - 7px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.essential-reveal{opacity:1;transform:none}}

/* TShield Essential responsive and contrast polish — WEB-001B-R2 */
#installation,
#edition{
    scroll-margin-top:104px;
}
.activity-card p b{
    color:#eef8ff !important;
}
.activity-card p small{
    color:#b8d8e8 !important;
}
.activity-card time,
.health-ring small{
    color:#9fc5da !important;
}
@media(max-width:700px){
    #installation,
    #edition{
        scroll-margin-top:76px;
    }
    .essential-orbit{
        width:100%;
        min-height:430px;
        margin:0;
        transform:none;
        overflow:hidden;
    }
    .ring-one{width:330px;height:330px}
    .ring-two{width:260px;height:260px}
    .ring-three{width:390px;height:390px}
    .orbit-pulse{width:215px;height:215px}
    .essential-device{width:218px;height:182px}
    .orbit-label{padding:6px 9px;font-size:9px}
    .label-threat{top:10%;right:8px}
    .label-private{left:8px;bottom:17%}
    .label-simple{right:8px;bottom:5%}
    .essential-final{padding-left:28px;padding-right:28px}
    .essential-final .btn{max-width:calc(100% - 28px);white-space:normal}
}