into a WordPress Custom HTML block,
or upload this file as a standalone HTML landing page.
*/
:root {
–zia-bg: #fff8ef;
–zia-panel: #ffffff;
–zia-ink: #2f2925;
–zia-muted: #766b62;
–zia-gold: #c7954f;
–zia-gold-dark: #9b6b2f;
–zia-rose: #f4dfd6;
–zia-rose-deep: #d7a291;
–zia-cream: #fff3df;
–zia-soft: #f9efe5;
–zia-border: rgba(47, 41, 37, 0.13);
–zia-shadow: 0 18px 45px rgba(88, 58, 30, 0.12);
–zia-radius-lg: 28px;
–zia-radius-md: 18px;
–zia-radius-sm: 12px;
}
* { box-sizing: border-box; }
body {
margin: 0;
background: radial-gradient(circle at top left, #ffe8d6 0%, var(–zia-bg) 38%, #fff 100%);
color: var(–zia-ink);
font-family: Arial, Helvetica, sans-serif;
line-height: 1.65;
}
#zia-welcome-guide {
max-width: 1120px;
margin: 0 auto;
padding: 32px 18px 52px;
}
#zia-welcome-guide a {
color: inherit;
}
.zia-hero {
position: relative;
overflow: hidden;
padding: 42px 32px;
border-radius: var(–zia-radius-lg);
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 246, 235, 0.92)),
radial-gradient(circle at right top, rgba(199, 149, 79, 0.28), transparent 34%);
border: 1px solid var(–zia-border);
box-shadow: var(–zia-shadow);
}
.zia-hero::before,
.zia-hero::after {
content: “”;
position: absolute;
border-radius: 999px;
background: rgba(215, 162, 145, 0.22);
pointer-events: none;
}
.zia-hero::before {
width: 190px;
height: 190px;
right: -64px;
top: -72px;
}
.zia-hero::after {
width: 120px;
height: 120px;
left: -42px;
bottom: -50px;
}
.zia-kicker {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
padding: 8px 13px;
border-radius: 999px;
background: var(–zia-rose);
color: #6b3c2f;
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.zia-hero h1 {
position: relative;
z-index: 1;
margin: 0;
max-width: 780px;
font-family: Georgia, ‘Times New Roman’, serif;
font-size: clamp(2.05rem, 5vw, 4.45rem);
line-height: 1.02;
letter-spacing: -0.045em;
color: #2a211b;
}
.zia-hero p {
position: relative;
z-index: 1;
max-width: 720px;
margin: 18px 0 0;
font-size: 1.08rem;
color: var(–zia-muted);
}
.zia-hero-actions {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 26px;
}
.zia-button,
.zia-small-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border: 0;
border-radius: 999px;
cursor: pointer;
font-weight: 800;
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.zia-button {
min-height: 48px;
padding: 13px 21px;
background: var(–zia-ink);
color: #fff !important;
box-shadow: 0 12px 26px rgba(47, 41, 37, 0.2);
}
.zia-button.secondary {
background: #fff;
color: var(–zia-ink) !important;
border: 1px solid var(–zia-border);
box-shadow: none;
}
.zia-button:hover,
.zia-small-button:hover {
transform: translateY(-2px);
}
.zia-section {
margin-top: 28px;
padding: 28px;
border-radius: var(–zia-radius-lg);
background: rgba(255, 255, 255, 0.84);
border: 1px solid var(–zia-border);
box-shadow: 0 12px 32px rgba(88, 58, 30, 0.08);
}
.zia-section-header {
display: flex;
gap: 20px;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 20px;
}
.zia-section-header h2 {
margin: 0;
font-family: Georgia, ‘Times New Roman’, serif;
font-size: clamp(1.7rem, 3vw, 2.55rem);
line-height: 1.08;
letter-spacing: -0.03em;
}
.zia-section-header p {
margin: 10px 0 0;
color: var(–zia-muted);
max-width: 720px;
}
.zia-pill {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 13px;
border-radius: 999px;
background: var(–zia-cream);
border: 1px solid rgba(199, 149, 79, 0.28);
color: #765229;
font-weight: 800;
font-size: 0.88rem;
white-space: nowrap;
}
.zia-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 22px;
}
.zia-info-card {
padding: 20px;
border-radius: var(–zia-radius-md);
background: linear-gradient(180deg, #fff, var(–zia-soft));
border: 1px solid var(–zia-border);
}
.zia-info-card .icon {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
border-radius: 14px;
background: var(–zia-rose);
font-size: 1.35rem;
}
.zia-info-card h3 {
margin: 0 0 8px;
font-size: 1.05rem;
line-height: 1.25;
}
.zia-info-card p {
margin: 0;
color: var(–zia-muted);
font-size: 0.96rem;
}
.zia-progress-box {
margin-top: 22px;
padding: 20px;
border-radius: var(–zia-radius-md);
background: #fff;
border: 1px solid var(–zia-border);
}
.zia-progress-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-bottom: 13px;
}
.zia-progress-top strong {
font-family: Georgia, ‘Times New Roman’, serif;
font-size: 1.25rem;
}
.zia-progress-meter {
position: relative;
width: 100%;
height: 12px;
overflow: hidden;
border-radius: 999px;
background: #efe3d4;
margin-bottom: 16px;
}
.zia-progress-fill {
width: 0%;
height: 100%;
background: linear-gradient(90deg, var(–zia-gold), var(–zia-rose-deep));
transition: width 0.25s ease;
}
.zia-checklist {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.zia-checklist label {
display: flex;
gap: 10px;
align-items: flex-start;
min-height: 48px;
padding: 12px;
border-radius: 14px;
border: 1px solid var(–zia-border);
background: var(–zia-soft);
cursor: pointer;
}
.zia-checklist input {
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: var(–zia-gold-dark);
}
.zia-divider {
height: 1px;
margin: 24px 0;
background: linear-gradient(90deg, transparent, rgba(199, 149, 79, 0.45), transparent);
}
.zia-accordions {
display: grid;
gap: 13px;
}
details.zia-accordion {
border-radius: var(–zia-radius-md);
border: 1px solid var(–zia-border);
background: #fff;
overflow: hidden;
}
details.zia-accordion[open] {
box-shadow: 0 12px 28px rgba(88, 58, 30, 0.08);
}
.zia-accordion summary {
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
padding: 19px 20px;
cursor: pointer;
list-style: none;
font-weight: 900;
font-size: 1.06rem;
}
.zia-accordion summary::-webkit-details-marker {
display: none;
}
.zia-accordion summary::after {
content: “+”;
flex: 0 0 auto;
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: var(–zia-cream);
color: var(–zia-gold-dark);
font-size: 1.35rem;
line-height: 1;
}
details.zia-accordion[open] summary::after {
content: “–”;
}
.zia-accordion-body {
padding: 0 20px 20px;
color: var(–zia-muted);
}
.zia-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}
.zia-link-card {
display: flex;
flex-direction: column;
gap: 9px;
padding: 14px;
border-radius: 15px;
background: var(–zia-soft);
border: 1px solid rgba(47, 41, 37, 0.1);
}
.zia-link-card strong {
color: var(–zia-ink);
line-height: 1.28;
}
.zia-link-card span {
color: var(–zia-muted);
font-size: 0.92rem;
}
.zia-link-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
}
.zia-small-button {
min-height: 36px;
padding: 9px 12px;
background: var(–zia-ink);
color: #fff !important;
font-size: 0.88rem;
}
.zia-small-button.copy {
background: #fff;
color: var(–zia-ink) !important;
border: 1px solid var(–zia-border);
}
.zia-note {
margin-top: 15px;
padding: 14px 15px;
border-left: 4px solid var(–zia-gold);
border-radius: 0 13px 13px 0;
background: #fff9ef;
color: #6b5544;
}
.zia-footer-card {
text-align: center;
margin-top: 28px;
padding: 28px;
border-radius: var(–zia-radius-lg);
background: #2f2925;
color: #fff;
box-shadow: var(–zia-shadow);
}
.zia-footer-card h2 {
margin: 0 0 10px;
font-family: Georgia, ‘Times New Roman’, serif;
font-size: clamp(1.55rem, 3vw, 2.3rem);
}
.zia-footer-card p {
margin: 0 auto;
max-width: 720px;
color: rgba(255, 255, 255, 0.78);
}
.zia-copy-toast {
position: fixed;
left: 50%;
bottom: 24px;
transform: translateX(-50%) translateY(20px);
z-index: 9999;
padding: 12px 16px;
border-radius: 999px;
background: #2f2925;
color: #fff;
font-weight: 800;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}
.zia-copy-toast.show {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
@media (max-width: 900px) {
.zia-card-grid,
.zia-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
#zia-welcome-guide {
padding: 18px 12px 38px;
}
.zia-hero,
.zia-section,
.zia-footer-card {
padding: 24px 18px;
}
.zia-section-header {
display: block;
}
.zia-pill {
margin-top: 14px;
}
.zia-card-grid,
.zia-link-grid,
.zia-checklist {
grid-template-columns: 1fr;
}
}
@media print {
body { background: #fff; }
.zia-button,
.zia-small-button,
.zia-progress-box { display: none !important; }
details.zia-accordion { break-inside: avoid; }
details.zia-accordion:not([open]) .zia-accordion-body { display: block; }
.zia-hero, .zia-section, .zia-footer-card { box-shadow: none; }
}
Step 1 of 2
Step 2 of 2
Food Recommendation Link 1
Recommended food option for your Maine Coon kitten.
Food Recommendation Link 2
Another trusted food item used for kitten preparation.
Food Recommendation Link 3
Additional recommended food support for healthy growth.
Litter Recommendation
Preferred litter option for your kitten’s transition home.
Litter Box Recommendation
Recommended litter box option for a growing Maine Coon.
🐾 Nooble Maine Coons
Congratulations — Your Kitten Reservation Is Secured!
We are so excited to welcome you into the Nooble Maine Coons family. This guide walks you through the next steps after your reservation and the items we recommend having ready before your kitten comes home.
Welcome Email
Your kitten reservation with Nooble Maine Coons has been successfully secured. Thank you so much for choosing us and trusting us with such an important decision. We truly appreciate it.
✍️
Complete Your Purchase Agreement
Please complete the purchase agreement sent separately from notifications@zohosign.com. The subject will start with “Emily Carter from Nooble Maine Coons.”
📞
Watch for Emily’s Call
Emily should be calling shortly with more information and to help guide you through the next steps. If you missed the call, you can reach her at [[PHONE]].
💛
We’ll Keep You Updated
Once the completed form is received, we will finalize the next steps and continue keeping you updated as your kitten grows.
Your Next Steps Checklist
0% complete
If you have any questions in the meantime, please don’t hesitate to reach out. We’re happy to help and look forward to working with you. Thank you again for your support of Nooble Maine Coons. We can’t wait for you to welcome your new kitten home!
Warm regards,
Nooble Maine Coons
Everything You’ll Need Before Bringing Your Maine Coon Kitten Home
Hello and welcome to the Nooble Maine Coons family! Bringing your kitten home is such a special time, and we want to help make the transition as smooth and stress-free as possible.
Below is a list of items we recommend having ready before your kitten comes home. You are always welcome to choose your own products, but these are items we personally use and trust as experienced Maine Coon owners.
Food Recommendations
If you choose to feed something different, please transition food slowly to avoid stomach upset.
Once a month, we offer boiled and chopped chicken livers. Maine Coons require high-quality, protein-rich food to support healthy growth.
Grooming Supplies
Maine Coons need frequent and consistent grooming. These grooming items can help keep their luxurious coats healthy and comfortable.
Toys Our Kittens Love
Preferred Litter & Litter Boxes
These are preferred litter and litter box options for helping your kitten settle into a clean and comfortable home routine.
Avoid covered litter boxes, as Maine Coons are often too large for them.
Training & Cat Trees
These items can help with enrichment, scratching, climbing, and creating a comfortable space for your Maine Coon kitten.
Miscellaneous Items
Leash Training
Many of our kittens are leash trained. We recommend waiting to purchase a harness until your kitten is home so it can be properly fitted.
If you have any questions while preparing for your kitten’s arrival, please don’t hesitate to reach out.
Link copied!