/* dedicated-ip-address-server — migrated from pages.css */
*{box-sizing:border-box;}
.dip-page{font-family:'Inter',sans-serif;color:#1e293b;background:#f8fafc;}

/* HERO */
.dip-hero{background:linear-gradient(135deg,#020617 0%,#0f172a 50%,#0c1a40 100%);padding:80px 40px 100px;position:relative;overflow:hidden;text-align:center;}
.dip-hero::before{content:'';position:absolute;top:-60px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(20,184,166,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.dip-hero::after{content:'';position:absolute;bottom:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(15,118,110,0.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.dip-hero-inner{max-width:900px;margin:0 auto;position:relative;z-index:5;}
.dip-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(20,184,166,0.15);border:1px solid rgba(20,184,166,0.35);color:#5eead4;font-size: 14px;font-weight:700;padding:5px 16px;border-radius:20px;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px;}
.dip-hero h1{font-size:3rem;font-weight:900;color:#fff;line-height:1.1;margin:0 0 20px;letter-spacing:-0.03em;}
.dip-hero h1 span{background:linear-gradient(90deg,#2dd4bf,#5eead4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.dip-hero-sub{font-size:1.15rem;color:rgba(255,255,255,0.75);line-height:1.7;max-width:700px;margin:0 auto 40px;}
.dip-hero-cta{display:inline-flex;align-items:center;gap:10px;background:#0f766e;color:#fff;padding:16px 40px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s;box-shadow:0 8px 24px rgba(20,184,166,0.3);}
.dip-hero-cta:hover{background:#115e59;transform:translateY(-2px);color:#fff;}
.dip-hero-cta-ghost{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#5eead4;padding:16px 32px;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s;border:1px solid rgba(20,184,166,0.35);margin-left:16px;}
.dip-hero-cta-ghost:hover{background:rgba(20,184,166,0.1);color:#fff;}

/* IP BADGE ROW */
.dip-ip-display{background:#1e293b;border-top:1px solid rgba(255,255,255,0.06);padding:24px 40px;text-align:center;}
.dip-ip-display p{margin:0;color:rgba(255,255,255,0.5);font-size: 14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;}
.dip-ip-code{display:inline-block;font-family:'Courier New',monospace;font-size:2rem;font-weight:700;color:#2dd4bf;letter-spacing:4px;}

/* TRUST BAND */
.dip-trust{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 40px;}
.dip-trust-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;}
.dip-ti{display:flex;align-items:center;gap:8px;font-size: 14px;font-weight:600;color:#475569;}
.dip-ti i{color:#14b8a6;font-size:14px;}

/* WHAT IS SECTION */
.dip-what{background:#fff;padding:80px 40px;}
.dip-what-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.dip-what-text h2{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0 0 20px;line-height:1.2;}
.dip-what-text h2 span{color:#14b8a6;}
.dip-what-text p{font-size:1rem;color:#475569;line-height:1.8;margin:0 0 20px;}
.dip-what-text p:last-child{margin:0;}
.dip-def-box{background:linear-gradient(135deg,#f0fdfa,#f0f9ff);border:1px solid #99f6e4;border-radius:16px;padding:32px;margin-top:32px;}
.dip-def-box h3{font-size:1rem;font-weight:700;color:#0f766e;margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.dip-def-box p{font-size:14px;color:#134e4a;line-height:1.7;margin:0;}
.dip-ip-visual{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:40px 32px;text-align:center;}
.dip-ip-label{font-size: 14px;font-weight:700;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;}
.dip-ip-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;}
.dip-ip-box{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px 16px;text-align:center;}
.dip-ip-box.ded{border-color:rgba(20,184,166,0.5);background:rgba(20,184,166,0.08);}
.dip-ip-box h4{font-size: 14px;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;}
.dip-ip-box.ded h4{color:#5eead4;}
.dip-ip-nums{display:flex;flex-direction:column;gap:6px;}
.dip-ip-num{background:rgba(255,255,255,0.07);border-radius:6px;padding:6px;font-family:'Courier New',mono;font-size: 14px;color:rgba(255,255,255,0.5);}
.dip-ip-num.active{background:#115e59;color:#fff;font-weight:700;}

/* HOW IT WORKS */
.dip-how{background:#f8fafc;padding:80px 40px;}
.dip-section-head{text-align:center;margin-bottom:56px;}
.dip-section-head h2{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0 0 14px;}
.dip-section-head p{font-size:1rem;color:#64748b;margin:0;max-width:600px;margin:0 auto;}
.dip-steps{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.dip-step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;position:relative;transition:all .2s;}
.dip-step:hover{box-shadow:0 8px 32px rgba(0,0,0,0.06);border-color:#99f6e4;transform:translateY(-3px);}
.dip-step-num{width:40px;height:40px;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;margin-bottom:20px;}
.dip-step h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 12px;}
.dip-step p{font-size: 14px;color:#64748b;line-height:1.7;margin:0;}

/* TYPES */
.dip-types{background:#fff;padding:80px 40px;border-top:1px solid #e2e8f0;}
.dip-types-inner{max-width:1100px;margin:0 auto;}
.dip-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;}
.dip-type-card{border:1px solid #e2e8f0;border-radius:14px;padding:28px 24px;transition:all .2s;}
.dip-type-card:hover{border-color:#99f6e4;box-shadow:0 4px 16px rgba(20,184,166,0.07);}
.dip-type-card.highlight{border-color:#14b8a6;background:linear-gradient(135deg,#f0fdfa,#f0f9ff);}
.dip-type-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.dip-type-icon i{font-size:18px;color:#fff;}
.dip-type-card h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 10px;}
.dip-type-card p{font-size: 14px;color:#64748b;line-height:1.6;margin:0;}
.dip-type-card .dip-badge{display:inline-block;font-size: 14px;font-weight:700;background:#ccfbf1;color:#0f766e;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;margin-top:12px;}

/* BENEFITS */
.dip-benefits{background:#f8fafc;padding:80px 40px;}
.dip-bens{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.dip-ben{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:all .2s;}
.dip-ben:hover{box-shadow:0 8px 32px rgba(0,0,0,0.06);transform:translateY(-3px);}
.dip-ben-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.dip-ben-icon i{font-size:22px;color:#fff;}
.dip-ben h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 12px;}
.dip-ben p{font-size: 14px;color:#64748b;line-height:1.7;margin:0;}
.dip-ben .dip-ben-tag{display:block;font-size: 14px;font-weight:700;color:#14b8a6;margin-top:14px;text-transform:uppercase;letter-spacing:0.5px;}

/* COMPARE TABLE */
.dip-compare{background:#fff;padding:80px 40px;border-top:1px solid #e2e8f0;}
.dip-tbl-wrap{max-width:900px;margin:40px auto 0;overflow-x:auto;}
.dip-tbl{width:100%;border-collapse:collapse;font-size:14px;}
.dip-tbl thead th{background:#0f172a;color:#fff;padding:16px 20px;font-weight:700;text-align:center;font-size: 14px;}
.dip-tbl thead th:first-child{text-align:left;border-radius:8px 0 0 0;}
.dip-tbl thead th:last-child{border-radius:0 8px 0 0;}
.dip-tbl tbody td{padding:14px 20px;border-bottom:1px solid #f1f5f9;text-align:center;color:#475569;}
.dip-tbl tbody td:first-child{text-align:left;font-weight:600;color:#1e293b;}
.dip-tbl tbody tr:hover{background:#f8fafc;}
.dip-tbl .ck{color:#16a34a;font-size:16px;}
.dip-tbl .cx{color:#94a3b8;font-size:16px;}
.dip-tbl .ded-col{font-weight:700;color:#0f766e;}

/* WHO NEEDS */
.dip-who{background:#f8fafc;padding:80px 40px;}
.dip-who-grid{max-width:1100px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.dip-who-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 22px;transition:all .2s;}
.dip-who-card:hover{border-color:#99f6e4;box-shadow:0 4px 16px rgba(20,184,166,0.07);transform:translateY(-2px);}
.dip-who-card i{font-size:28px;margin-bottom:14px;display:block;}
.dip-who-card h3{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 10px;}
.dip-who-card p{font-size: 14px;color:#64748b;line-height:1.6;margin:0;}

/* TRANSITION */
.dip-transition{background:#fff;padding:80px 40px;border-top:1px solid #e2e8f0;}
.dip-transition-inner{max-width:800px;margin:0 auto;}
.dip-transition-inner h2{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 20px;text-align:center;}
.dip-transition-inner > p{font-size:1rem;color:#64748b;line-height:1.7;text-align:center;margin:0 0 40px;}
.dip-alert{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:20px 24px;display:flex;gap:14px;align-items:flex-start;margin-bottom:24px;}
.dip-alert i{color:#d97706;font-size:20px;flex-shrink:0;margin-top:2px;}
.dip-alert-text h4{font-size:.9rem;font-weight:700;color:#92400e;margin:0 0 6px;}
.dip-alert-text p{font-size: 14px;color:#78350f;line-height:1.6;margin:0;}
.dip-transition-steps{display:flex;flex-direction:column;gap:16px;}
.dip-ts{display:flex;align-items:flex-start;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px;}
.dip-ts-num{width:32px;height:32px;background:#0f766e;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;}
.dip-ts-txt h4{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 4px;}
.dip-ts-txt p{font-size: 14px;color:#64748b;margin:0;line-height:1.5;}

/* FAQ */
.dip-faq{background:#f8fafc;padding:80px 40px;}
.dip-faq-inner{max-width:800px;margin:40px auto 0;}
.dip-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;overflow:hidden;}
.dip-faq-q{padding:20px 24px;font-size:15px;font-weight:600;color:#1e293b;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.dip-faq-q i{color:#94a3b8;transition:transform .2s;flex-shrink:0;}
.dip-faq-item.open .dip-faq-q{color:#14b8a6;}
.dip-faq-item.open .dip-faq-q i{transform:rotate(180deg);color:#14b8a6;}
.dip-faq-a{padding:0 24px 18px;font-size:14px;color:#475569;line-height:1.75;display:none;}
.dip-faq-item.open .dip-faq-a{display:block;}

/* CTA */
.dip-cta{background:linear-gradient(135deg,#0f172a 0%,#042f2e 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden;}
.dip-cta::before{content:'';position:absolute;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,0.08) 0%,transparent 70%);border-radius:50%;}
.dip-cta-inner{max-width:700px;margin:0 auto;position:relative;z-index:2;}
.dip-cta h2{font-size:2.4rem;font-weight:900;color:#fff;margin:0 0 16px;letter-spacing:-0.02em;}
.dip-cta p{font-size:1.1rem;color:rgba(255,255,255,.75);margin:0 0 36px;line-height:1.6;}
.dip-cta-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.dip-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#0f766e;color:#fff;padding:16px 40px;border-radius:10px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s;box-shadow:0 10px 30px rgba(20,184,166,0.3);}
.dip-cta-btn:hover{background:#115e59;transform:translateY(-2px);color:#fff;box-shadow:0 15px 40px rgba(20,184,166,0.4);}
.dip-cta-btn-ghost{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#5eead4;padding:16px 32px;border-radius:10px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s;border:1px solid rgba(20,184,166,0.4);}
.dip-cta-btn-ghost:hover{background:rgba(20,184,166,0.1);color:#fff;}
.dip-cta-note{font-size: 14px;color:rgba(255,255,255,0.4);margin-top:20px;}

@media(max-width:1024px){.dip-what-inner,.dip-steps,.dip-bens,.dip-who-grid{grid-template-columns:1fr;}.dip-types-grid{grid-template-columns:1fr;}.dip-hero h1{font-size:2.4rem;}}
@media(max-width:768px){.dip-hero{padding:60px 24px 80px;}.dip-what,.dip-how,.dip-benefits,.dip-compare,.dip-faq,.dip-cta{padding:60px 24px;}.dip-hero-cta-ghost{margin-left:0;margin-top:12px;}}

