.hosting-hero{background:var(--deep);color:var(--paper);padding:22px 0 76px}.hosting-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#c5d4cd;margin-bottom:38px}.hosting-breadcrumb a:hover{text-decoration:underline}.hosting-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}.hosting-hero .eyebrow{color:var(--lime)}.hosting-hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.05}.hosting-hero .hosting-lead{font-size:22px;font-weight:600;line-height:1.5;margin:26px 0 16px;max-width:40ch}.hosting-hero p:not(.eyebrow):not(.hosting-lead){font-size:17px;color:#d5e0d9;max-width:49ch}.hosting-hero .actions{gap:24px;align-items:center;margin-top:30px}.hosting-hero .perth-text-link{color:var(--paper)}
.hosting-browser{border:1px solid #657e72;border-radius:16px;overflow:hidden;transform:rotate(2deg);box-shadow:0 20px 50px #0002;background:#eef1e7;color:var(--ink)}.hosting-browser-top{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:10px;font-weight:700;border-bottom:1px solid #c0cbbd;background:#e0e8d9;gap:15px}.hosting-browser-top>span:first-child{letter-spacing:4px;font-size:8px;color:#6d8461}.hosting-browser-top>span:last-child{font-size:18px}.hosting-browser-body{position:relative;padding:34px 28px 28px;min-height:310px;overflow:hidden}.hosting-mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.hosting-browser-body>p{font-size:39px!important;line-height:1.1!important;letter-spacing:-.055em;font-weight:650;color:var(--ink)!important;margin-top:28px;position:relative;z-index:1;max-width:12ch!important}.hosting-browser-body strong{color:#466333}.hosting-window-arrow{font-size:205px;position:absolute;right:4px;bottom:20px;line-height:1;color:#b9e46c80;font-family:Arial,sans-serif;transform:rotate(-7deg)}.hosting-browser-tags{display:flex;gap:7px;flex-wrap:wrap;position:relative;margin-top:32px}.hosting-browser-tags>span{font-size:10px;border:1px solid #a5b99a;border-radius:20px;padding:5px 10px;font-weight:650}.hosting-browser-foot{background:var(--lime);display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;font-weight:750}.hosting-browser-foot>span:last-child{font-size:27px;line-height:1}
.hosting-section{padding-block:88px}.hosting-basics{display:grid;grid-template-columns:1fr 1fr;gap:95px}.hosting-basics h2{font-size:40px;line-height:1.12}.hosting-basics>div>p:not(.eyebrow){margin-bottom:20px;color:#4b605b;font-size:18px}.hosting-inline-note{font-size:15px!important;padding-top:14px;border-top:1px solid var(--line)}.hosting-inline-note a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.hosting-foundations{background:#e4ece1}.hosting-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hosting-features article{background:var(--paper);border:1px solid #c6d2c1;border-radius:14px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.hosting-feature-symbol{display:grid;place-items:center;width:42px;height:42px;background:var(--lime);border-radius:10px;font-size:27px;line-height:1;font-weight:700;margin-bottom:22px}.hosting-features h3{font-size:25px;line-height:1.16;margin-bottom:16px}.hosting-features p{font-size:16px;line-height:1.65;color:#4b605b;margin-bottom:24px}.hosting-feature-caption{margin-top:auto;display:block;border-top:1px solid var(--line);padding-top:16px;width:100%;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#536a54;font-weight:750}
.hosting-options{position:relative}.hosting-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hosting-option{padding:38px;border:1px solid #c5d0c2;border-radius:16px;background:#fdfcf7;display:flex;flex-direction:column;align-items:flex-start}.hosting-option-store{background:var(--deep);color:var(--paper);border-color:var(--deep)}.hosting-option h3{font-size:33px;line-height:1.12;margin-bottom:22px}.hosting-option p{font-size:17px;line-height:1.65}.hosting-option ul{margin:24px 0 30px;padding-left:20px;font-size:16px}.hosting-option li{padding-left:4px;margin-bottom:10px}.hosting-option .perth-card-number{margin-bottom:25px}.hosting-option-store .perth-card-number{color:var(--lime)}.hosting-option .button{margin-top:auto;font-size:15px}.hosting-option .hosting-option-note{font-size:12px;line-height:1.5;margin:18px 0 0;color:#59705d}.hosting-option-store .hosting-option-note{color:#c6d7c8}
.hosting-local{background:var(--deep);color:var(--paper);padding-block:62px}.hosting-local-grid{display:grid;grid-template-columns:235px 1fr;gap:66px;align-items:center;max-width:1050px}.hosting-local-grid>img{width:235px;height:235px;object-fit:cover;border-radius:65px 14px 14px 14px}.hosting-local .eyebrow{color:var(--lime)}.hosting-local h2{font-size:38px;line-height:1.12}.hosting-local p:not(.eyebrow){font-size:17px;color:#d5e0d9;max-width:60ch;margin:20px 0}.hosting-local .perth-text-link{color:var(--lime)}
.hosting-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.hosting-faq h2{font-size:40px}.hosting-questions details{border-top:1px solid #bcc9bd;padding:22px 0}.hosting-questions details:last-child{border-bottom:1px solid #bcc9bd}.hosting-questions summary{font-size:18px;font-weight:700;cursor:pointer;padding-right:12px;line-height:1.45}.hosting-questions details p{margin-top:16px;font-size:17px;line-height:1.65;color:#4b605b}.hosting-questions summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.hosting-home-link{display:block;text-decoration:underline;text-underline-offset:4px;font-weight:650;margin-top:10px}
@media(max-width:1100px){.hosting-hero-grid{gap:40px}.hosting-hero h1{font-size:50px}.hosting-basics{gap:55px}.hosting-features{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-option{padding:30px}.hosting-faq{gap:48px}.hosting-browser-body>p{font-size:34px!important}}
@media(max-width:767px){.hosting-hero{padding:14px 0 48px}.hosting-breadcrumb{margin-bottom:30px;font-size:11px}.hosting-hero-grid{grid-template-columns:1fr;gap:42px}.hosting-hero h1{font-size:clamp(36px,8.8vw,54px)}.hosting-hero .hosting-lead{font-size:20px;margin-top:24px}.hosting-hero .actions{flex-direction:column;align-items:stretch;gap:22px}.hosting-hero .button{font-size:15px;min-height:52px}.hosting-hero .perth-text-link{justify-content:center}.hosting-browser{margin-inline:6px;transform:rotate(1deg)}.hosting-browser-body{min-height:280px;padding:28px 24px}.hosting-browser-body>p{font-size:36px!important}.hosting-browser-top{padding:12px 16px;gap:8px;font-size:9px}.hosting-section{padding-block:56px}.hosting-basics{grid-template-columns:1fr;gap:24px}.hosting-basics h2,.hosting-faq h2{font-size:33px}.hosting-basics>div>p:not(.eyebrow){font-size:17px}.hosting-features{grid-template-columns:1fr;gap:16px}.hosting-features article{padding:26px}.hosting-features h3{font-size:27px}.hosting-features p{font-size:17px}.hosting-options-grid{grid-template-columns:1fr;gap:18px}.hosting-option{padding:28px 24px}.hosting-option h3{font-size:30px}.hosting-option .button{width:100%;font-size:15px}.hosting-local{padding-block:48px}.hosting-local-grid{grid-template-columns:1fr;gap:28px}.hosting-local-grid>img{width:155px;height:155px;border-top-left-radius:48px}.hosting-local h2{font-size:33px}.hosting-faq{grid-template-columns:1fr;gap:24px}.hosting-questions summary{font-size:17px}.hosting-questions details p{font-size:16px}}
