.remote-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(4,211,151,.22),transparent 35%),radial-gradient(circle at 80% 10%,rgba(77,217,255,.20),transparent 36%),linear-gradient(135deg,#061421 0%,#09233a 48%,#05101c 100%);padding:86px 0 62px;color:#fff}
.remote-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;opacity:.26;pointer-events:none}
.remote-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
.remote-hero h1{font-size:clamp(2rem,4.7vw,4.4rem);line-height:1.02;margin:12px 0 16px;font-weight:950;letter-spacing:-.04em}
.remote-hero h1 span,.remote-section-title span{color:#04d397}
.remote-hero p{font-size:1.08rem;color:#b7cce3;max-width:720px;line-height:1.72}
.remote-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.28);border-radius:28px;padding:26px;backdrop-filter:blur(16px)}
.remote-hero-card h3{font-size:1.25rem;margin-bottom:12px;color:#fff}.remote-hero-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.remote-hero-card li{display:flex;gap:10px;color:#d7e8f7}.remote-hero-card li:before{content:"✓";color:#04d397;font-weight:900}.remote-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.remote-pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.remote-pill-row span{border:1px solid rgba(77,217,255,.28);background:rgba(77,217,255,.09);color:#ccecff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:.86rem}.remote-section{padding:64px 0;background:#f5f8fb}.remote-section.dark{background:#061421;color:#fff}.remote-section-title{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08;font-weight:950;letter-spacing:-.03em;margin:8px 0 12px;color:#071b2c}.dark .remote-section-title{color:#fff}.remote-section-sub{color:#5c7188;max-width:760px;line-height:1.7}.dark .remote-section-sub{color:#aec5dc}.remote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.remote-tool-card{position:relative;background:#fff;border:1px solid rgba(8,31,52,.10);border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(6,20,33,.08);display:flex;flex-direction:column;gap:12px;min-height:285px}.remote-tool-card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#04d397,#4dd9ff)}.remote-tool-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.remote-tool-card h3{font-size:1.25rem;color:#071b2c;margin:6px 0 4px}.remote-tag{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#04a576;background:rgba(4,211,151,.10);border:1px solid rgba(4,211,151,.22);border-radius:999px;padding:7px 10px;white-space:nowrap}.remote-tool-card p{color:#5f7288;line-height:1.62;margin:0}.remote-best{background:#f1f8ff;border-left:4px solid #4dd9ff;border-radius:14px;padding:12px;color:#294960;font-size:.92rem}.remote-tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.remote-link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 14px;font-weight:900;text-decoration:none;background:#071b2c;color:#fff;border:1px solid rgba(7,27,44,.18)}.remote-link-btn:hover{transform:translateY(-1px)}.remote-link-secondary{background:#eef7fb;color:#09233a}.remote-warning{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:26px;box-shadow:0 22px 55px rgba(0,0,0,.20)}.remote-warning-list{display:grid;gap:12px}.remote-warning-list div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;color:#dbeefa}.remote-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.remote-step{background:#fff;border-radius:22px;padding:20px;border:1px solid rgba(8,31,52,.10);box-shadow:0 14px 34px rgba(6,20,33,.06)}.remote-step b{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#071b2c;color:#04d397;margin-bottom:10px}.remote-step h3{font-size:1.06rem;color:#071b2c;margin-bottom:8px}.remote-step p{font-size:.94rem;color:#60758b;line-height:1.55}.remote-cta{background:linear-gradient(135deg,#071b2c,#0b395d);border-radius:30px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;box-shadow:0 22px 55px rgba(6,20,33,.16)}.remote-cta h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:8px}.remote-cta p{color:#c9dcec;max-width:750px;line-height:1.65}
@media(max-width:900px){.remote-hero-grid,.remote-warning{grid-template-columns:1fr}.remote-grid{grid-template-columns:1fr}.remote-steps{grid-template-columns:1fr 1fr}.remote-cta{flex-direction:column;align-items:flex-start}.remote-hero{padding:56px 0 42px}}
@media(max-width:560px){.remote-steps{grid-template-columns:1fr}.remote-tool-top{display:block}.remote-tag{display:inline-block;margin-top:8px}.remote-actions .btn,.remote-tool-actions a{width:100%}}