https://opentopicguide.com/contact.html:root{--navy:#102a43;--blue:#1769e0;--blue2:#4f9cff;--sky:#eef6ff;--ink:#17324d;--muted:#62758a;--line:#e4ebf3;--bg:#f7f9fc;--card:#fff;--green:#138a72;--radius:18px;--shadow:0 14px 45px rgba(20,54,88,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:850;letter-spacing:-.025em}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--blue),#0d4fad);box-shadow:0 9px 22px rgba(23,105,224,.22)}.nav-links{display:flex;gap:28px;align-items:center;font-size:.94rem;font-weight:700;color:#51657a}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--blue)}.menu{display:none;border:0;background:none;font-size:1.45rem;color:var(--navy)}
.hero{position:relative;overflow:hidden;padding:88px 0 76px;background:linear-gradient(180deg,#fff 0%,#f4f8fd 100%)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(79,156,255,.16),rgba(79,156,255,0) 68%);right:-120px;top:-200px}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#1762c7;background:#eaf3ff;border:1px solid #d6e9ff;border-radius:999px;padding:7px 13px;font-size:.76rem;letter-spacing:.05em;font-weight:850}.eyebrow:before{content:"";width:7px;height:7px;background:var(--green);border-radius:50%}.section-kicker{padding:0;background:none;border:0;border-radius:0;color:var(--blue)}h1,h2,h3{color:var(--navy);line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.4vw,5rem);margin:18px 0 20px;max-width:760px}h2{font-size:clamp(2rem,3.2vw,3rem);margin:0 0 13px}h3{font-size:1.18rem;margin:0 0 10px}.lead{font-size:1.13rem;color:var(--muted);max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border-radius:11px;border:1px solid var(--line);font-weight:800;transition:.22s;background:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,42,67,.1)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-light{color:var(--navy)}.disclosure{border-left:3px solid var(--blue);background:#fff;padding:15px 18px;border-radius:0 13px 13px 0;color:var(--muted);font-size:.86rem;max-width:760px;box-shadow:0 7px 24px rgba(20,54,88,.04)}.hero-visual{position:relative;min-height:535px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#f7fbff 0%,#e9f4ff 46%,#dcecff 100%);border:1px solid #d7e7f7;box-shadow:0 28px 65px rgba(23,57,91,.15);isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(31,112,222,.15),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.48) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.48) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;opacity:.82}.hero-visual:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(74,150,255,.22),rgba(74,150,255,0) 70%);right:-60px;top:-70px}.visual-grid{position:absolute;inset:18px;border:1px solid rgba(53,115,183,.1);border-radius:22px}.orbit{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(36,111,204,.22);z-index:1}.orbit-one{width:410px;height:410px;border-left-color:#2d7fe5;border-right-color:#2d7fe5}.orbit-two{width:320px;height:320px;border-top-color:#2d7fe5;border-bottom-color:#7db8ff}.orbit-three{width:245px;height:245px;border:1px dashed rgba(31,105,197,.32)}.shield{position:absolute;left:50%;top:48%;width:180px;height:215px;transform:translate(-50%,-50%);z-index:3;clip-path:polygon(50% 0,94% 17%,94% 55%,76% 82%,50% 100%,24% 82%,6% 55%,6% 17%);background:linear-gradient(145deg,#0d4fad,#2d8fff 55%,#8fc4ff);padding:7px;filter:drop-shadow(0 22px 22px rgba(23,105,224,.25))}.shield-inner{height:100%;display:grid;place-items:center;clip-path:inherit;background:linear-gradient(145deg,#f9fcff,#e5f1ff);position:relative}.lock-shackle{position:absolute;width:64px;height:68px;border:15px solid #1769e0;border-bottom:0;border-radius:38px 38px 0 0;top:56px}.lock-body{position:absolute;width:100px;height:86px;border-radius:18px;background:linear-gradient(145deg,#1769e0,#57a2ff);top:105px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.lock-body:before{content:"";position:absolute;width:16px;height:23px;border-radius:10px 10px 5px 5px;background:#eef7ff;left:42px;top:25px}.lock-body i{position:absolute;width:4px;height:18px;background:#eef7ff;left:48px;top:42px;border-radius:4px}.signal{position:absolute;width:10px;height:10px;border-radius:50%;background:#2b83ec;box-shadow:0 0 0 7px rgba(43,131,236,.1),0 0 26px rgba(43,131,236,.35);z-index:2}.signal:after{content:"";position:absolute;width:92px;height:1px;background:linear-gradient(90deg,rgba(43,131,236,.7),transparent);top:4px;left:10px}.signal-a{top:22%;left:18%}.signal-b{top:69%;right:17%;transform:rotate(180deg)}.signal-c{bottom:20%;left:27%;transform:rotate(-28deg)}.visual-caption{position:absolute;z-index:4;left:22px;right:22px;bottom:22px;background:rgba(255,255,255,.9);border:1px solid rgba(205,225,245,.95);border-radius:16px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(11,48,89,.09)}.visual-caption span{color:var(--muted);font-size:.78rem}.visual-caption strong{font-size:.92rem;color:var(--navy)}
.trust-strip{padding:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid div{padding:23px 30px;position:relative}.trust-grid div:not(:last-child):after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--line)}.trust-grid strong{display:block;font-size:1rem;color:var(--navy)}.trust-grid span{display:block;color:var(--muted);font-size:.87rem}.section{padding:88px 0}.section-head{margin-bottom:30px}.section-head p{max-width:690px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;min-height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 7px 25px rgba(20,54,88,.035);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cddff2}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--sky);color:var(--blue);font-weight:900;margin-bottom:20px}.card p{color:var(--muted);font-size:.95rem;margin:0 0 20px}.meta{margin-top:auto;color:var(--blue);font-size:.84rem;font-weight:800}.alt-section{background:linear-gradient(135deg,#eff7ff,#f9fbfe);border-top:1px solid #e3edf8;border-bottom:1px solid #e3edf8}.split-info{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.split-info p{color:var(--muted);font-size:1.04rem}.check-list{display:grid;gap:11px}.check-list div{position:relative;padding:14px 17px 14px 48px;border:1px solid var(--line);background:#fff;border-radius:13px;font-weight:700;color:#39536c;box-shadow:0 5px 17px rgba(20,54,88,.04)}.check-list div:before{content:"✓";position:absolute;left:16px;top:13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9f8f3;color:var(--green);font-size:.8rem}.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#102a43,#164f85);border-radius:26px;padding:54px;color:#fff}.cta:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-120px;top:-200px;background:rgba(79,156,255,.18)}.cta>*{position:relative;z-index:1}.cta h2{color:#fff}.cta p{max-width:700px;color:#d5e5f5}.cta .btn{border:0;color:var(--navy)}
.footer{background:#10253b;color:#b9c9d8;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer h3{color:#fff}.footer p{max-width:520px}.footer-links{display:grid;gap:8px}.footer a:hover{color:#fff}.footer-bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem}.page-hero{padding:90px 0 50px;background:linear-gradient(180deg,#fff,#f5f9fd);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,4.5vw,4rem)}.content{max-width:850px;margin:0 auto}.content h2{margin-top:44px;font-size:1.8rem}.content h3{margin-top:28px}.content p,.content li{color:#4f6478}.content a{color:var(--blue);font-weight:700}.content ul,.content ol{padding-left:25px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:45px;align-items:start}.toc{position:sticky;top:98px;background:#fff;border:1px solid var(--line);padding:21px;border-radius:15px;box-shadow:0 7px 22px rgba(20,54,88,.04)}.toc a{display:block;color:var(--muted);padding:6px 0;font-size:.9rem}.toc a:hover{color:var(--blue)}.form{display:grid;gap:16px}.form label{font-weight:800;font-size:.9rem}.form input,.form textarea{width:100%;padding:13px 15px;border:1px solid #dce6f0;border-radius:11px;background:#fff;font:inherit;color:var(--ink);outline:none}.form input:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #eaf3ff}.form textarea{min-height:155px}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 19px}.faq summary{cursor:pointer;font-weight:800;color:var(--navy)}.tag{display:inline-block;padding:5px 10px;margin:3px;border-radius:999px;background:var(--sky);color:#3572b8;font-size:.77rem;font-weight:800}.key-takeaways{margin:35px 0;padding:27px;border:1px solid #d8e8f8;border-radius:18px;background:#f7fbff}.key-takeaways h2{font-size:1.5rem;margin-top:0}.article-content{font-size:1.03rem}.article-section{padding-top:62px}
@media(max-width:900px){.hero-grid,.split-info,.article-layout{grid-template-columns:1fr;gap:38px}.hero-visual{height:460px;min-height:0}.toc{position:static}.grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 4%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:15px}.nav-links.open{display:flex}.menu{display:block}.footer-grid{grid-template-columns:1fr 1fr}.trust-grid div{padding:20px}}
@media(max-width:600px){.nav{height:68px}.nav-links{top:68px}.hero{padding:62px 0 52px}.hero h1{font-size:2.8rem}.hero-visual{height:360px}.visual-caption{left:13px;right:13px;bottom:13px;display:block}.visual-caption strong{display:block;margin-top:3px}.section{padding:62px 0}.grid,.footer-grid,.trust-grid{grid-template-columns:1fr}.trust-grid div:not(:last-child):after{top:auto;bottom:0;left:0;right:0;width:auto;height:1px}.footer-grid{gap:28px}.cta{padding:35px 25px}}
/* Contact button hidden everywhere by default */
.mobile-contact-btn {
display: none !important;
}
/* Show ONLY on mobile */
@media screen and (max-width: 768px) {
.mobile-contact-btn {
display: flex !important;
align-items: center;
justify-content: center;
gap: 14px;
width: calc(100% - 32px);
max-width: 360px;
margin: 24px auto 0;
padding: 15px 28px;
background: #8B0033 !important;
color: #ffffff !important;
text-decoration: none !important;
font-family: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1;
border-radius: 50px;
box-shadow: 0 8px 20px rgba(139, 0, 51, 0.22);
box-sizing: border-box;
transition: all 0.25s ease;
}
.mobile-contact-btn:hover {
background: #72002a !important;
color: #ffffff !important;
transform: translateY(-2px);
}
.contact-icon {
font-size: 20px;
line-height: 1;
}
.contact-arrow {
font-size: 23px;
line-height: 1;
}
}