/* Native controls and static-page enhancements. */
[hidden] { display: none !important; }
input[type="radio"] { accent-color: var(--accent); width: 17px; height: 17px; flex: 0 0 17px; margin: 0; }
.choice-option:has(input:checked), .lab-option:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.choice-option:has(input:focus-visible), .lab-option:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 3px; }
.lab-saving > input { width: 100%; padding: 12px; background: var(--paper); color: var(--ink); border: 1px solid var(--line); font: inherit; }
.contact-form select { appearance: auto; }
.demo-tabs button { cursor: pointer; }
.preview-window { max-width: 100%; }
.privacy-content a { overflow-wrap: anywhere; }

.email-contact{padding:clamp(24px,4vw,56px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(194,182,237,.07),transparent 70%)}.email-contact h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:20px 0 24px}.email-contact>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:520px}.email-contact .solid-button{margin:18px 0 0}.email-contact .fine-print{font-size:14px;margin-top:22px}.email-contact .contact-address{font-size:clamp(14px,2vw,18px)}

.skip-link{position:fixed;top:12px;left:12px;z-index:1000;transform:translateY(-200%);background:#fff;color:#000;padding:12px 20px;font-size:16px}.skip-link:focus{transform:translateY(0)}.section-jumps{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;margin-top:30px;margin-bottom:30px;font-size:16px}.section-jumps a,.html-fallback a{text-decoration:underline;text-underline-offset:5px}.section-jumps a:hover{color:var(--accent)}.demo-direct-links{padding-top:12px;padding-bottom:12px}.package-comparison{overflow-x:auto;border:1px solid var(--line);margin-bottom:16px}.package-comparison table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:16px}.package-comparison caption{text-align:left;font-family:Georgia,serif;font-size:32px;padding:24px}.package-comparison th,.package-comparison td{padding:16px 20px;border-top:1px solid var(--line);vertical-align:top}.package-comparison thead{color:var(--accent);background:#101010}.package-comparison tbody th{font-weight:500}.package-comparison tbody tr:nth-child(even){background:rgba(255,255,255,.025)}.comparison-note,.html-fallback{font-size:14px;line-height:1.7;color:var(--muted)}.comparison-note{margin-bottom:48px}.email-contact>.solid-button{margin-top:0}main[tabindex="-1"]:focus{outline:none}
.care-includes{padding-left:22px;font-size:16px;line-height:1.75}.care-includes li{margin:16px 0}.details-grid p+p{margin-top:16px}.lab-options{display:grid;gap:10px}.lab-action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.lab-action-buttons button{font:inherit;font-size:14px;cursor:pointer}.lab-sample.theme-dark{background:#101217;color:#f5f5f7}.lab-sample.theme-light{background:#f7f7f5;color:#232923}.lab-sample.theme-dark .sample-header,.lab-sample.theme-dark .sample-work{border-color:#ffffff35}.lab-sample.theme-light .sample-header,.lab-sample.theme-light .sample-work{border-color:#23292335}.lab-sample.type-mono{--sample-font:'Courier New',monospace}.lab-sample.spacing-compact .sample-hero,.lab-sample.spacing-compact .sample-work,.lab-sample.spacing-compact .sample-story{padding-top:28px;padding-bottom:28px}.lab-sample.spacing-airy .sample-hero,.lab-sample.spacing-airy .sample-work,.lab-sample.spacing-airy .sample-story{padding-top:88px;padding-bottom:88px}.lab-sample.corners-rounded .sample-art,.lab-sample.corners-rounded .sample-project-image,.lab-sample.corners-rounded .sample-button{border-radius:20px}.lab-sample.corners-pill .sample-art,.lab-sample.corners-pill .sample-project-image{border-radius:100px}.lab-sample.corners-pill .sample-button{border-radius:999px}.lab-sample.corners-square .sample-art,.lab-sample.corners-square .sample-project-image,.lab-sample.corners-square .sample-button{border-radius:0}.lab-sample.button-outline .sample-button{background:transparent;color:inherit;border:2px solid currentColor}.lab-sample.button-filled .sample-button{border:2px solid transparent}.lab-sample.theme-light.direction-bold .sample-hero h1 em{color:inherit;text-decoration:underline;text-decoration-color:var(--sample-accent)}

#care .care-grid{grid-template-columns:1fr}#care .care-item{max-width:1000px}#care .care-item>p{max-width:800px}

.lab-select-field{display:grid;gap:9px;margin-bottom:20px}.lab-select-field>label{font-size:14px;font-weight:500;color:var(--ink)}.lab-select{width:100%;min-width:0;min-height:48px;padding:11px 14px;background:#151318;color:#fff;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px;color-scheme:dark;cursor:pointer}.lab-select:hover{border-color:var(--accent)}.lab-select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lab-select option{background:#151318;color:#fff}.lab-presets .lab-action-buttons{gap:8px;margin-bottom:24px}.lab-presets .outline-button{padding:10px 12px;font-size:14px;border-radius:8px}@media(min-width:701px) and (max-width:1000px){.lab-select-field{margin-bottom:16px}}

/* Contact: a warm invitation with a restrained purple glow. */
body[data-page="/contact/"] .contact-hero{position:relative;isolation:isolate;padding-bottom:42px}body[data-page="/contact/"] .contact-hero:before{content:"";position:absolute;inset:10% 12% 0;z-index:-1;background:radial-gradient(ellipse,rgba(169,128,239,.13),transparent 68%);pointer-events:none}.contact-hero h1 em{font-weight:400;color:var(--accent);font-style:italic}.contact-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:30px 0 0}.contact-topics li{border:1px solid #b69ad12e;border-radius:999px;padding:9px 16px;color:#cfc8da;font-size:14px;background:#b69ad108}body[data-page="/contact/"] .contact-layout{padding-top:30px;gap:clamp(30px,5vw,70px);align-items:start}.email-contact{position:relative;overflow:hidden;border-radius:20px;border-color:#b69ad140;background:radial-gradient(ellipse at 100% 0,rgba(176,126,246,.14),transparent 65%),#0b0a0e;box-shadow:0 24px 80px #0006;padding:clamp(25px,4vw,52px)}.contact-note-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff16;padding-bottom:22px}.contact-note-label{font-size:13px;color:var(--muted)}.email-contact h2{font-size:clamp(38px,4.6vw,66px);margin:30px 0 22px;line-height:1.04}.email-contact h2 em{color:var(--accent);font-weight:400}.email-contact .contact-warm-copy{font-size:17px;line-height:1.75;margin-bottom:28px}.email-contact .solid-button{border-radius:8px;min-height:50px;white-space:normal;text-align:center;padding:15px 22px;transition:transform .2s,box-shadow .2s}.email-contact .solid-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b59ae526}.email-contact .contact-address{margin-top:20px}.contact-signoff{display:flex;gap:18px;align-items:center;border-top:1px solid #ffffff16;margin-top:30px;padding-top:24px}.contact-monogram{font-family:Georgia,serif;font-size:32px;letter-spacing:-.08em;color:var(--accent)}.contact-signoff p{margin:0;font-size:14px;line-height:1.65}.contact-signoff p span{color:var(--muted)}body[data-page="/contact/"] .contact-aside{border-top:0;padding-top:10px}body[data-page="/contact/"] .next-steps{margin-top:28px}body[data-page="/contact/"] .next-steps li{padding-left:45px;padding-bottom:30px}body[data-page="/contact/"] .next-steps li:before{border:1px solid #b69ad145;background:#b69ad10c;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;top:0}body[data-page="/contact/"] .contact-reply{font-size:16px;line-height:1.7;color:var(--muted)}@media(prefers-reduced-motion:no-preference){.email-contact{animation:contact-appear .6s ease-out both}@keyframes contact-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.email-contact .solid-button{transition:none}.email-contact .solid-button:hover{transform:none}}@media(max-width:700px){.contact-note-top{display:block}.contact-note-label{display:block;margin-top:10px}.email-contact .solid-button{width:100%}.contact-topics{gap:8px}.contact-topics li{padding:8px 12px}.email-contact .contact-address{font-size:14px}}

/* Cross-page layout corrections after checking the Hostinger deployment. */
.care-item .care-includes strong{font-family:inherit;font-size:inherit;font-weight:600;letter-spacing:normal;line-height:inherit}
.lab-controls>.lab-presets{grid-column:1/-1}.lab-select-field{min-width:0}.lab-select{max-width:100%}
.inner-hero>p:not(.eyebrow){max-width:760px;margin-left:auto;margin-right:auto}
@media(min-width:701px){section[id],footer[id],main[id]{scroll-margin-top:155px}}
@media(max-width:700px){section[id],footer[id],main[id]{scroll-margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Stack feature rows on small screens while preserving a real comparison table. */
.mobile-plan-label{display:none}
@media(max-width:600px){
.package-comparison{overflow:visible;border:0;max-width:100%}
.package-comparison table{display:block;width:100%;min-width:0;font-size:14px}
.package-comparison caption{display:block;padding:0 0 20px;font-size:28px;line-height:1.2}
.package-comparison thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.package-comparison tbody{display:grid;gap:12px;width:100%}
.package-comparison tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#101010}
.package-comparison tbody tr:nth-child(even){background:#101010}
.package-comparison tbody th{grid-column:1/-1;padding:13px 14px;border-top:0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink);background:#17141c;line-height:1.45}
.package-comparison tbody td{display:block;min-width:0;padding:13px 8px 16px;border:0;line-height:1.55;text-align:center;overflow-wrap:anywhere}
.package-comparison tbody td+td{border-left:1px solid var(--line)}
.mobile-plan-label{display:block;margin-bottom:7px;color:var(--accent);font-size:13px;font-weight:600;line-height:1.4}
}

/* Hosting and care package comparison */
#care .care-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#care .care-item{min-width:0;margin-right:0;padding:28px 28px 20px 0}
#care .care-item>strong{display:block;line-height:1.3}
#care .care-item>strong>span{display:block;margin-top:8px;line-height:1.5}
.monthly-service-notes{max-width:960px;margin-top:42px}
.monthly-service-notes h3{font-size:18px;font-weight:500}
.monthly-service-notes p{color:var(--muted);font-size:16px;line-height:1.7}
#specialized{scroll-margin-top:100px;padding-bottom:50px}
@media(max-width:900px){#care .care-grid{grid-template-columns:1fr;gap:0}#care .care-item{padding:28px 0}}