/* Fair E Web Host • Public Experience 12.0 • additive styles, built on existing branding. */
:root{--fwhx-ink:#0b2235;--fwhx-navy:#092d45;--fwhx-green:#159447;--fwhx-soft:#f3f8f9;--fwhx-border:#dce7ec;--fwhx-max:1180px}
body.fwh-experience-v12{color:var(--fwhx-ink)}
body.fwh-experience-v12 .fwh-v9-header{box-shadow:0 6px 24px rgba(7,36,54,.06)}
body.fwh-experience-v12 .fwh-nav-link{font-size:.83rem!important;padding-inline:7px!important}
body.fwh-experience-v12 .fwh-header-inner{gap:13px}
body.fwh-experience-v12 .fwh-mega{max-height:min(74vh,650px);overflow:auto;overscroll-behavior:contain}
body.fwh-experience-v12 .fwh-btn{transition:background-color .18s,transform .18s,box-shadow .18s}
body.fwh-experience-v12 a:focus-visible,body.fwh-experience-v12 button:focus-visible,body.fwh-experience-v12 select:focus-visible,body.fwh-experience-v12 summary:focus-visible{outline:3px solid #45b875!important;outline-offset:3px}
body.fwh-experience-v12 .fwh-home-hero h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.065;letter-spacing:-.047em;max-width:760px}
body.fwh-experience-v12 .fwh-home-hero{background:radial-gradient(circle at 85% 25%,#125d64 0%,transparent 38%),linear-gradient(125deg,#062334,#0b3b52 65%,#0f5b57)}
body.fwh-experience-v12 .fwh-home-hero .fwh-btn-primary{box-shadow:0 9px 26px rgba(1,19,23,.25)}
body.fwh-experience-v12 .fwh-page-hero{background:linear-gradient(125deg,#072639,#12485a)}
body.fwh-experience-v12 .fwh-section-head h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.16;letter-spacing:-.035em}
body.fwh-experience-v12 .fwh-home-hero .fwh-hero-panel{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.2)}
body.fwh-experience-v12 .fwh-hero-path:hover{transform:translateX(3px)}
body.fwh-experience-v12 .fwh-family-directory,body.fwh-experience-v12 .fwh-product-mini-card,body.fwh-experience-v12 .fwh-family-card{box-shadow:0 12px 35px rgba(12,49,66,.055);transition:transform .2s,box-shadow .2s}
body.fwh-experience-v12 .fwh-family-directory:hover,body.fwh-experience-v12 .fwh-product-mini-card:hover,body.fwh-experience-v12 .fwh-family-card:hover{box-shadow:0 18px 44px rgba(12,49,66,.1);transform:translateY(-3px)}
body.fwh-experience-v12 .fwh-footer{background:#071f2c;color:#dae9ec}
.fwhx-section{padding:84px 0;scroll-margin-top:120px}
.fwhx-muted{background:#f3f7f9}
.fwhx-kicker{display:block;font-size:.75rem;letter-spacing:.13em;font-weight:850;text-transform:uppercase;color:#168b46;margin-bottom:12px}
.fwhx-section-heading{max-width:760px;margin-bottom:34px}
.fwhx-section h2,.fwhx-spotlight h2{font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.16;font-weight:830;color:#0b2e42;margin:0 0 15px}
.fwhx-section-heading p,.fwhx-use-layout>div>p,.fwhx-faq-layout>div>p{color:#556c79;line-height:1.75;font-size:1rem}
.fwhx-hero{background:radial-gradient(ellipse at 83% 12%,rgba(30,132,132,.38),transparent 40%),linear-gradient(130deg,#071e2d,#0c3a4c 68%,#0f4d4a);padding:60px 0 75px;color:#fff;overflow:hidden}
.fwhx-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:52px;align-items:center}
.fwhx-breadcrumb{display:flex;align-items:center;gap:11px;color:#b8d4db;font-size:.77rem;margin-bottom:35px;flex-wrap:wrap}
.fwhx-breadcrumb a{color:#b8d4db!important}.fwhx-breadcrumb a:hover{color:#fff!important}.fwhx-breadcrumb i{font-size:.54rem}
.fwhx-pill{display:inline-flex;gap:9px;align-items:center;background:rgba(142,235,177,.1);border:1px solid rgba(168,235,195,.24);border-radius:999px;color:#a5edbf;padding:8px 13px;font-size:.77rem;font-weight:800;letter-spacing:.025em}
.fwhx-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);font-weight:860;line-height:1.055;letter-spacing:-.048em;color:#fff;margin:19px 0 21px}
.fwhx-hero-copy>p{color:#c6dce4;font-size:1.08rem;line-height:1.74;margin:0;max-width:630px}
.fwhx-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.fwhx-hero-actions .fwh-btn{min-height:50px;padding:12px 19px}
.fwhx-hero-actions .fwh-btn-ghost,.fwhx-final .fwh-btn-ghost{color:#fff!important;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.37)}
.fwhx-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:30px;font-size:.76rem;color:#bdd9db}.fwhx-trust i{color:#85e6a8;margin-right:4px}
.fwhx-visual{border:1px solid rgba(184,233,226,.23);border-radius:23px;background:rgba(255,255,255,.075);padding:9px;box-shadow:0 32px 85px rgba(1,14,23,.28);backdrop-filter:blur(14px)}
.fwhx-visual-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.57rem;letter-spacing:.14em;color:#a7c5ce;border-bottom:1px solid rgba(255,255,255,.11);padding:11px 15px 17px}
.fwhx-visual-dots{display:flex;gap:5px}.fwhx-visual-dots i{width:7px;height:7px;border-radius:50%;background:#a3bec7}.fwhx-visual-dots i:first-child{background:#85dfae}.fwhx-visual-inner{padding:33px 30px 24px}
.fwhx-visual-icon{height:70px;width:70px;border-radius:19px;background:linear-gradient(140deg,#ddffe8,#89dfb0);color:#0b5b38;display:grid;place-items:center;font-size:2rem;margin-bottom:29px;box-shadow:0 16px 29px rgba(0,0,0,.16)}
.fwhx-visual-label{display:block;color:#98d6ae;font-size:.69rem;font-weight:850;letter-spacing:.12em}
.fwhx-visual-inner h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em;color:#fff;margin:9px 0 10px}.fwhx-visual-inner p{font-size:.91rem;color:#bad2d9;line-height:1.7}
.fwhx-visual-steps{display:flex;gap:8px;margin-top:30px}.fwhx-visual-steps span{flex:1;min-width:0;padding:13px 8px;border-radius:10px;background:rgba(255,255,255,.08);font-size:.72rem;color:#aee6c1}.fwhx-visual-steps strong{display:block;margin-top:3px;color:#fff;font-size:.77rem}
.fwhx-subnav{background:#fff;border-bottom:1px solid var(--fwhx-border);position:sticky;top:78px;z-index:1900;box-shadow:0 7px 18px rgba(10,35,45,.035)}
.fwhx-subnav>.fwh-shell{display:flex;align-items:center;gap:34px;min-height:63px}
.fwhx-subnav a{color:#3e5565;font-size:.83rem;font-weight:750;white-space:nowrap}.fwhx-subnav a:hover{color:#11884b}.fwhx-subnav .fwhx-subnav-cta{margin-left:auto;color:#128144!important}
.fwhx-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fwhx-feature{background:#fff;border:1px solid #dfebef;border-radius:18px;padding:24px 21px;box-shadow:0 12px 26px rgba(7,33,44,.035);position:relative;min-width:0}
.fwhx-feature-num{position:absolute;right:20px;top:18px;color:#a8bdc6;font-size:.7rem;font-weight:800;letter-spacing:.06em}
.fwhx-feature-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:13px;background:#e8f7ec;color:#17874a;font-size:1.15rem;margin-bottom:25px}
.fwhx-feature h3{font-size:1.01rem;line-height:1.35;font-weight:820;color:#102f43;margin:0 0 12px}.fwhx-feature p{font-size:.82rem;line-height:1.65;color:#5c7280;margin:0}
.fwhx-use-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:center}
.fwhx-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fwhx-use{min-height:85px;display:flex;gap:15px;align-items:center;border-radius:14px;padding:18px;background:#fff;border:1px solid #e0ebee;color:#163649;font-weight:760;font-size:.9rem;box-shadow:0 8px 22px rgba(9,38,53,.035)}.fwhx-use>i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:#e5f5e9;color:#16884a;font-size:.78rem}
.fwhx-text-link{display:inline-flex;gap:10px;align-items:center;color:#13874b!important;font-size:.9rem;font-weight:820;margin-top:10px}
.fwhx-plan-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:-60px;margin-bottom:32px;font-size:.82rem;color:#637785;flex-wrap:wrap}.fwhx-plan-tools label{font-weight:820;color:#314b5a}.fwhx-plan-tools select{min-height:42px;padding:8px 32px 8px 13px;border:1px solid #c6dadf;border-radius:9px;background:#fff;color:#173345}
.fwhx-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fwhx-plan-card{padding:27px;border:1px solid #d9e7eb;border-radius:20px;background:#fff;box-shadow:0 15px 35px rgba(9,43,55,.055);display:flex;flex-direction:column}.fwhx-plan-card.is-featured{border:2px solid #159447;box-shadow:0 22px 55px rgba(16,120,62,.12);transform:translateY(-4px)}
.fwhx-plan-top>span{color:#189451;font-size:.66rem;letter-spacing:.1em;font-weight:860}.fwhx-plan-card h3{font-size:1.33rem;letter-spacing:-.025em;margin:13px 0 7px;color:#0e3142;font-weight:850}.fwhx-plan-top p{color:#647886;font-size:.84rem;min-height:55px;line-height:1.6}
.fwhx-plan-price{padding:18px 0 24px;border-bottom:1px solid #e2ecef}.fwhx-plan-price strong{font-size:2.45rem;letter-spacing:-.055em;color:#0b3143}.fwhx-plan-price span{color:#6d8290;font-size:.85rem;margin-left:4px}
.fwhx-plan-card ul{padding:18px 0 20px;list-style:none;display:grid;gap:12px;margin:0;flex:1}.fwhx-plan-card li{display:flex;gap:9px;color:#496271;font-size:.84rem;line-height:1.4}.fwhx-plan-card li i{color:#159447;margin-top:3px}.fwhx-plan-card .fwh-btn{width:100%;min-height:47px}
.fwhx-enquiry{border-radius:24px;padding:45px 50px;background:linear-gradient(125deg,#e6f7ed,#eaf5f8);border:1px solid #c8e7d9;display:flex;align-items:center;justify-content:space-between;gap:30px}.fwhx-enquiry p{max-width:650px;color:#536b79;line-height:1.7}.fwhx-enquiry .fwh-btn{flex-shrink:0}
.fwhx-faq-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:76px}.fwhx-faq-list{display:grid;gap:10px;align-content:start}
.fwhx-faq{border:1px solid #dce7ed;border-radius:13px;background:#fff;overflow:hidden}.fwhx-faq summary{cursor:pointer;list-style:none;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#1a3b4c;font-weight:800;font-size:.9rem}.fwhx-faq summary::-webkit-details-marker{display:none}.fwhx-faq summary i{font-size:.8rem;transition:transform .2s}.fwhx-faq[open] summary i{transform:rotate(45deg);color:#158c49}.fwhx-faq p{padding:0 22px 21px;margin:0;color:#526c7c;line-height:1.74;font-size:.89rem}
.fwhx-final{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:45px;border-radius:23px;background:linear-gradient(125deg,#092737,#0e4b4c);color:#fff}.fwhx-final h2{color:#fff}.fwhx-final p{max-width:650px;color:#c3d9df}.fwhx-final>div:last-child{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end;min-width:290px}.fwhx-final .fwh-btn{min-height:46px}
.fwhx-spotlight{padding:70px 0;background:#eaf3f4}.fwhx-spotlight-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.fwhx-spotlight-top>a{font-size:.9rem;font-weight:820;color:#157d47}.fwhx-spotlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fwhx-spotlight-grid>a{display:flex;flex-direction:column;align-items:start;gap:13px;border-radius:16px;padding:25px 20px;background:#fff;border:1px solid #d6e7e9;color:#213d4d!important;box-shadow:0 12px 30px rgba(7,38,51,.035);transition:transform .17s,box-shadow .17s}.fwhx-spotlight-grid>a:hover{transform:translateY(-4px);box-shadow:0 17px 40px rgba(7,38,51,.11)}.fwhx-spotlight-grid>a>i:first-child{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:#e3f5e8;color:#0c8946;font-size:1.15rem}.fwhx-spotlight-grid strong{font-size:1.03rem;color:#103447}.fwhx-spotlight-grid span{color:#607985;font-size:.82rem}.fwhx-spotlight-grid>a>i:last-child{color:#159447;align-self:flex-end;margin-top:5px}
@media(max-width:1120px){body.fwh-experience-v12 .fwh-nav-link{font-size:.77rem!important;padding-inline:5px!important}.fwhx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:930px){.fwhx-hero-grid{grid-template-columns:1fr}.fwhx-visual{max-width:610px}.fwhx-use-layout,.fwhx-faq-layout{grid-template-columns:1fr;gap:25px}.fwhx-subnav{top:0}.fwhx-subnav>.fwh-shell{overflow-x:auto;gap:21px}.fwhx-plan-tools{margin:10px 0 27px;justify-content:flex-start}.fwhx-spotlight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.fwhx-section{padding:56px 0;scroll-margin-top:30px}.fwhx-hero{padding:32px 0 50px}.fwhx-hero h1{font-size:clamp(2.25rem,9.5vw,3.2rem)}.fwhx-trust{gap:12px}.fwhx-visual-inner{padding:26px 20px}.fwhx-visual-inner h2{font-size:1.65rem}.fwhx-feature-grid,.fwhx-plan-grid,.fwhx-use-grid,.fwhx-spotlight-grid{grid-template-columns:1fr}.fwhx-plan-card.is-featured{transform:none}.fwhx-enquiry,.fwhx-final{padding:27px 21px;flex-direction:column;align-items:stretch}.fwhx-enquiry .fwh-btn,.fwhx-final .fwh-btn{width:100%}.fwhx-final>div:last-child{min-width:0}.fwhx-subnav .fwhx-subnav-cta{margin-left:0}.fwhx-spotlight-top{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.fwhx-feature,.fwhx-spotlight-grid>a,.fwhx-faq summary i{animation:none!important;transition:none!important;transform:none!important}}