/* Extracted page CSS from drupal-hosting.html. */

html,body{background:#fff;}
    .dark-hero{margin-top:0;background:linear-gradient(145deg,#040d18 0%,#08162a 45%,#091a2f 100%);position:relative;overflow:hidden}
    .dark-hero::before{content:'';position:absolute;top:-120px;left:-80px;width:800px;height:600px;background:radial-gradient(ellipse at 25% 25%,rgba(0,133,202,.16) 0%,transparent 60%);pointer-events:none}
    .s-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9ca3af;margin-bottom:1rem}
    .s-eyebrow .dot{width:5px;height:5px;border-radius:50%;background:#0085ca}
    .s-h2{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:1rem}
    .s-h2 em{font-style:normal;color:#0085ca}
    .s-sub{font-size:1rem;color:var(--text-muted);max-width:540px;line-height:1.75;margin-bottom:3rem}
    .plans-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
    @media(max-width:900px){.plans-3{grid-template-columns:1fr 1fr}}
    @media(max-width:560px){.plans-3{grid-template-columns:1fr}}
    .plan-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-card);transition:all .2s;position:relative}
    .plan-card:hover{border-color:rgba(0,133,202,.3);box-shadow:0 4px 24px rgba(0,133,202,.08);transform:translateY(-2px)}
    .plan-card.featured{background:linear-gradient(150deg,#0085ca 0%,#005e96 100%)!important;border-color:transparent;transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,133,202,.35)}
    .plan-top-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#0085ca;color:#fff;border-radius:100px;padding:3px 14px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
    .plan-name{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}
    .plan-price-lg{font-size:2.5rem;font-weight:900;letter-spacing:-.04em;color:var(--text-primary)}
    .plan-price-lg small{font-size:.875rem;font-weight:500;color:var(--text-muted)}
    .plan-price-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}
    .plan-divider{height:1px;background:var(--border)}
    .plan-feat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
    .plan-feat-list li{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text-muted)}
    .plan-feat-list li::before{content:'';display:block;width:15px;height:15px;min-width:15px;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%230085ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
    .plan-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-800);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:12px 20px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;margin-top:auto}
    .plan-cta-btn:hover{background:#e1e8f0;border-color:rgba(0,133,202,.2)}
    .plan-cta-btn.primary{background:#0085ca;color:#fff;border-color:transparent}
    .plan-cta-btn.primary:hover{background:#0070aa}
    .feat3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
    @media(max-width:768px){.feat3-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:480px){.feat3-grid{grid-template-columns:1fr}}
    .feat3-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card)}
    .feat3-icon{width:40px;height:40px;border-radius:10px;background:rgba(0,133,202,.07);border:1px solid rgba(0,133,202,.18);display:flex;align-items:center;justify-content:center;color:#0085ca;margin-bottom:1rem}
    .feat3-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}
    .feat3-desc{font-size:.8375rem;color:var(--text-muted);line-height:1.6}
      /* Featured plan — full blue gradient */
    .plan-card.featured{background:linear-gradient(150deg,#0085ca 0%,#005e96 100%);border-color:transparent;transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,133,202,.35)}
    .plan-card.featured .plan-name,.plan-card.featured .plan-price-label{color:rgba(255,255,255,.75)}
    .plan-card.featured .plan-price-lg{color:#fff}
    .plan-card.featured .plan-price-lg small{color:rgba(255,255,255,.55)}
    .plan-card.featured .plan-divider{background:rgba(255,255,255,.18)}
    .plan-card.featured .plan-feat-list li{color:rgba(255,255,255,.8)}
    .plan-card.featured .plan-feat-list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.85)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
    .plan-card.featured .plan-top-badge{background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(6px)}
    .plan-card.featured .plan-cta-btn.primary{background:#fff;color:#0085ca}
    .plan-card.featured .plan-cta-btn.primary:hover{background:#f0f6ff}
    /* Perf strip */
    .perf-strip{background:linear-gradient(135deg,#f0f6ff 0%,#e8f4fb 100%);border-top:1px solid rgba(0,133,202,.1);border-bottom:1px solid rgba(0,133,202,.1)}
    .perf-strip-inner{max-width:1280px;margin:0 auto;padding:2rem 2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
    @media(max-width:700px){.perf-strip-inner{grid-template-columns:repeat(2,1fr)}}
    .perf-num{font-size:2rem;font-weight:900;color:#0085ca;letter-spacing:-.04em;line-height:1}
    .perf-label{font-size:.78rem;font-weight:600;color:#64748b;margin-top:.25rem;text-transform:uppercase;letter-spacing:.06em}
    .cms-wrap{position:relative;width:100%;max-width:440px;align-self:flex-end}
    .cms-bf{position:absolute;background:#fff;border-radius:10px;padding:.6rem .9rem;box-shadow:0 8px 24px rgba(0,0,0,.45);display:flex;align-items:center;gap:.5rem;z-index:5;white-space:nowrap}
    .cms-bf-a{top:1.25rem;left:-1.5rem;animation:cf1 4s ease-in-out infinite}
    .cms-bf-b{bottom:3.25rem;right:-1.25rem;animation:cf2 5s ease-in-out infinite .7s}
    @keyframes cf1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @keyframes cf2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
    .cms-fi{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .cms-fl{font-size:.58rem;color:#94a3b8;margin-bottom:1px}
    .cms-fv{font-size:.78rem;font-weight:800;color:#0f172a}
    .cms-win{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 36px 72px rgba(0,0,0,.6),0 8px 20px rgba(0,0,0,.3)}
    .cms-cr{background:#252b3d;border-bottom:1px solid rgba(255,255,255,.07);padding:.45rem .8rem;display:flex;align-items:center;gap:.5rem}
    .cms-cr-d{display:flex;gap:4px}
    .cms-cr-d span{width:8px;height:8px;border-radius:50%}
    .cms-cr-d span:nth-child(1){background:#f87171}
    .cms-cr-d span:nth-child(2){background:#fbbf24}
    .cms-cr-d span:nth-child(3){background:#4ade80}
    .cms-cr-u{flex:1;background:rgba(0,0,0,.3);border-radius:4px;padding:2px 7px;font-size:.58rem;color:rgba(255,255,255,.25);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

body.page-drupal-hosting .fn-drupal-hosting-inline-01 { background:#eff6ff;color:#0085ca; }
body.page-drupal-hosting .fn-drupal-hosting-inline-02 { background:#f5f3ff;color:#7c3aed; }
body.page-drupal-hosting .fn-drupal-hosting-inline-03 { background:#1e2330;min-height:290px;display:flex;flex-direction:column; }
body.page-drupal-hosting .fn-drupal-hosting-inline-04 { background:#1a1e28;padding:.4rem .875rem;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:.5rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-05 { font-size:.7rem;font-weight:900;color:#0085ca; }
body.page-drupal-hosting .fn-drupal-hosting-inline-06 { display:flex;gap:.3rem;margin-left:.5rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-07 { font-size:.52rem;color:rgba(255,255,255,.4);padding:2px 5px;background:rgba(255,255,255,.06);border-radius:3px; }
body.page-drupal-hosting .fn-drupal-hosting-inline-08 { margin-left:auto;font-size:.54rem;color:rgba(255,255,255,.35); }
body.page-drupal-hosting .fn-drupal-hosting-inline-09 { color:#5cc8ff; }
body.page-drupal-hosting .fn-drupal-hosting-inline-10 { display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.07);padding:0 .875rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-11 { font-size:.58rem;font-weight:700;color:#0085ca;padding:.38rem .625rem;border-bottom:2px solid #0085ca; }
body.page-drupal-hosting .fn-drupal-hosting-inline-12 { font-size:.58rem;color:rgba(255,255,255,.32);padding:.38rem .625rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-13 { margin-left:auto;align-self:center; }
body.page-drupal-hosting .fn-drupal-hosting-inline-14 { background:#0085ca;border-radius:3px;padding:2px 7px;font-size:.52rem;font-weight:700;color:#fff; }
body.page-drupal-hosting .fn-drupal-hosting-inline-15 { padding:.38rem .875rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem;background:rgba(0,133,202,.04); }
body.page-drupal-hosting .fn-drupal-hosting-inline-16 { width:4px;height:4px;border-radius:50%;background:#4ade80;flex-shrink:0; }
body.page-drupal-hosting .fn-drupal-hosting-inline-17 { flex:1;font-size:.6rem;font-weight:700;color:#fff; }
body.page-drupal-hosting .fn-drupal-hosting-inline-18 { font-size:.5rem;color:rgba(255,255,255,.28);background:rgba(255,255,255,.06);border-radius:3px;padding:1px 5px; }
body.page-drupal-hosting .fn-drupal-hosting-inline-19 { font-size:.5rem;color:rgba(255,255,255,.25); }
body.page-drupal-hosting .fn-drupal-hosting-inline-20 { padding:.38rem .875rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-21 { flex:1;font-size:.6rem;font-weight:600;color:rgba(255,255,255,.75); }
body.page-drupal-hosting .fn-drupal-hosting-inline-22 { flex:1;font-size:.6rem;font-weight:600;color:rgba(255,255,255,.65); }
body.page-drupal-hosting .fn-drupal-hosting-inline-23 { padding:.38rem .875rem;display:flex;align-items:center;gap:.5rem;opacity:.5; }
body.page-drupal-hosting .fn-drupal-hosting-inline-24 { width:4px;height:4px;border-radius:50%;background:#fbbf24;flex-shrink:0; }
body.page-drupal-hosting .fn-drupal-hosting-inline-25 { flex:1;font-size:.6rem;font-weight:600;color:rgba(255,255,255,.5); }
body.page-drupal-hosting .fn-drupal-hosting-inline-26 { margin-top:auto;background:#252b3d;padding:.4rem .875rem;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:1.25rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-27 { font-size:.56rem;color:rgba(255,255,255,.38); }
body.page-drupal-hosting .fn-drupal-hosting-inline-28 { color:#4ade80; }
body.page-drupal-hosting .fn-drupal-hosting-inline-29 { background:var(--bg-800); }
body.page-drupal-hosting .fn-drupal-hosting-inline-30 { background:#f0f6ff;padding:5rem 0;border-top:1px solid #d8e8f8; }
body.page-drupal-hosting .fn-drupal-hosting-inline-31 { max-width:1280px;margin:0 auto;padding:0 2.5rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-32 { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center; }
body.page-drupal-hosting .fn-drupal-hosting-inline-33 { display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #c0d8f0;border-radius:100px;padding:6px 16px 6px 10px;margin-bottom:1.5rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-34 { font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0678BE; }
body.page-drupal-hosting .fn-drupal-hosting-inline-35 { font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;letter-spacing:-.04em;color:#0f172a;margin:0 0 1.25rem;line-height:1.1; }
body.page-drupal-hosting .fn-drupal-hosting-inline-36 { color:#64748b;line-height:1.75;margin:0 0 2rem;font-size:.95rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-37 { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px; }
body.page-drupal-hosting .fn-drupal-hosting-inline-38 { display:flex;align-items:center;gap:10px;font-size:.875rem;color:#334155; }
body.page-drupal-hosting .fn-drupal-hosting-inline-39 { background:linear-gradient(145deg,#040d18,#08162a);border-radius:18px;padding:1.5rem;border:1px solid rgba(6,120,190,.2);font-family:monospace; }
body.page-drupal-hosting .fn-drupal-hosting-inline-40 { display:flex;align-items:center;gap:6px;margin-bottom:1rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-41 { width:10px;height:10px;border-radius:50%;background:#ff5f57;display:inline-block; }
body.page-drupal-hosting .fn-drupal-hosting-inline-42 { width:10px;height:10px;border-radius:50%;background:#ffbd2e;display:inline-block; }
body.page-drupal-hosting .fn-drupal-hosting-inline-43 { width:10px;height:10px;border-radius:50%;background:#28c840;display:inline-block; }
body.page-drupal-hosting .fn-drupal-hosting-inline-44 { font-size:.63rem;color:rgba(255,255,255,.3);margin-left:8px; }
body.page-drupal-hosting .fn-drupal-hosting-inline-45 { display:flex;flex-direction:column;gap:5px;font-size:.75rem;line-height:1.6; }
body.page-drupal-hosting .fn-drupal-hosting-inline-46 { color:rgba(255,255,255,.7); }
body.page-drupal-hosting .fn-drupal-hosting-inline-47 { color:rgba(255,255,255,.3);font-size:.7rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-48 { margin-top:4px; }
body.page-drupal-hosting .fn-drupal-hosting-inline-49 { color:rgba(255,255,255,.4); }
body.page-drupal-hosting .fn-drupal-hosting-inline-50 { margin-bottom:2.5rem; }
body.page-drupal-hosting .fn-drupal-hosting-inline-51 { max-width:720px; }
body.page-drupal-hosting .fn-drupal-hosting-inline-52 { padding-top:0; }
body.page-drupal-hosting .fn-drupal-hosting-inline-53 { font-size:clamp(1.75rem,3.5vw,2.75rem);letter-spacing:-.04em; }