CCP FDConnect Onboarding
Version 1.1 by Chris Workman on 2026/07/27 20:35
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;600;800&display=swap');
/* Safety net: if the wiki ever renders this block twice,
show only the first copy. */
.fdo-hub ~ .fdo-hub { display: none !important; }
/* ---- FirstDigital brand tokens (Brand Guide 2025, p.11) ---- */
.fdo-hub {
--fd-navy: #003366; /* headlines, backgrounds, icons */
--fd-blue: #307ab2; /* headlines, backgrounds, icons */
--fd-blue-bright: #38b2e3; /* stand-out headlines, icons */
--fd-red: #cf333d; /* accents - use selectively */
--fd-body: #2e404d; /* paragraph text */
--fd-secondary: #8f9499; /* secondary text */
--fd-bg-mid: #dedede; /* backgrounds */
--fd-bg-light: #f0f0f0; /* backgrounds */
--fd-ice: #e3f1f8;
--fd-white: #ffffff;
}
.fdo-hub, .fdo-hub * { box-sizing: border-box; }
.fdo-hub {
font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
font-weight: 300;
color: var(--fd-body);
background: var(--fd-white);
max-width: 1000px;
margin: 0 auto;
padding: 0 20px 30px;
-webkit-font-smoothing: antialiased;
}
/* ---- Masthead: full-colour logo on white (Logo Rules, p.10) ---- */
.fdo-masthead {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
padding: 22px 0 18px;
border-bottom: 1px solid var(--fd-bg-mid);
}
.fdo-masthead img { height: 46px; width: auto; display: block; }
.fdo-masthead-label {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--fd-secondary);
white-space: nowrap;
}
/* ---- Hero ---- */
.fdo-hero {
position: relative;
margin-top: 22px;
border-radius: 6px;
overflow: hidden;
min-height: 270px;
display: flex;
align-items: flex-end;
}
.fdo-hero-img {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
display: block;
}
/* explicit offsets, not the inset shorthand, for wider support */
.fdo-hero::after {
content: "";
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background: linear-gradient(100deg,
rgba(0,51,102,0.95) 0%,
rgba(0,51,102,0.87) 44%,
rgba(0,51,102,0.32) 100%);
}
.fdo-hero-inner {
position: relative;
z-index: 1;
padding: 34px 34px 32px;
max-width: 640px;
}
/* red rule = brand accent motif (Brand Guide p.4) */
.fdo-rule {
width: 62px; height: 4px;
background: var(--fd-red);
border: 0;
margin: 0 0 16px;
}
.fdo-eyebrow {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--fd-blue-bright);
margin-bottom: 9px;
}
.fdo-hero h1 {
font-size: clamp(25px, 3.5vw, 35px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--fd-white);
margin: 0 0 12px;
}
.fdo-hero p {
font-size: 15.5px;
font-weight: 300;
line-height: 1.62;
color: #dbe6ef;
margin: 0;
max-width: 520px;
}
/* ---- Section heading ---- */
.fdo-sechead {
margin: 34px 0 4px;
font-size: 21px;
font-weight: 800;
line-height: 1.25;
color: var(--fd-navy);
}
.fdo-secsub {
font-size: 14px;
font-weight: 300;
color: var(--fd-secondary);
margin: 0 0 24px;
}
/* ---- Timeline ---- */
.fdo-step {
position: relative;
display: flex;
gap: 20px;
padding-bottom: 22px;
}
.fdo-step:last-child { padding-bottom: 0; }
.fdo-marker {
flex: 0 0 46px;
display: flex;
flex-direction: column;
align-items: center;
}
.fdo-num {
width: 46px; height: 46px;
border-radius: 50%;
background: var(--fd-navy);
color: var(--fd-white);
font-size: 17px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.fdo-step:last-child .fdo-num { background: var(--fd-red); }
.fdo-line {
width: 2px;
flex: 1 1 auto;
min-height: 14px;
background: var(--fd-bg-mid);
margin-top: 6px;
}
.fdo-step:last-child .fdo-line { display: none; }
/* ---- Step card ---- */
.fdo-card {
flex: 1 1 auto;
min-width: 0;
background: var(--fd-white);
border: 1px solid var(--fd-bg-mid);
border-radius: 6px;
padding: 20px 22px 22px;
}
.fdo-cardhead {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.fdo-card h2 {
font-size: 17.5px;
font-weight: 800;
line-height: 1.25;
color: var(--fd-navy);
margin: 0;
}
.fdo-when {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--fd-ice);
color: var(--fd-navy);
border-radius: 999px;
padding: 6px 13px 6px 10px;
font-size: 12.5px;
font-weight: 600;
line-height: 1.3;
}
/* icons: dark-blue stroke, bright-blue accent (Brand Guide p.14) */
.fdo-when svg {
flex: 0 0 auto;
width: 15px; height: 15px;
fill: none;
stroke: var(--fd-blue);
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.fdo-panels {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.fdo-panels.fdo-one { grid-template-columns: 1fr; }
.fdo-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--fd-blue);
margin-bottom: 8px;
}
.fdo-list {
margin: 0;
padding-left: 18px;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
color: var(--fd-body);
}
.fdo-list li { margin-bottom: 6px; }
.fdo-list li:last-child { margin-bottom: 0; }
.fdo-list ul {
margin: 6px 0 0;
padding-left: 18px;
list-style: circle;
}
.fdo-note {
font-size: 14px;
font-weight: 300;
line-height: 1.6;
color: var(--fd-body);
margin: 0;
}
/* ---- File / link chips ---- */
.fdo-file {
display: flex;
align-items: center;
gap: 11px;
padding: 10px 12px;
border: 1px solid var(--fd-bg-mid);
border-radius: 5px;
background: var(--fd-bg-light);
text-decoration: none !important;
color: inherit;
margin-bottom: 8px;
transition: border-color .18s ease, background .18s ease;
}
.fdo-file:last-child { margin-bottom: 0; }
.fdo-file:hover {
border-color: var(--fd-blue-bright);
background: var(--fd-white);
}
.fdo-file:focus-visible {
outline: 3px solid var(--fd-blue-bright);
outline-offset: 2px;
}
.fdo-file svg {
flex: 0 0 auto;
width: 19px; height: 19px;
fill: none;
stroke: var(--fd-navy);
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.fdo-file svg .accent { stroke: var(--fd-blue-bright); }
.fdo-fmeta { min-width: 0; }
.fdo-fname {
display: block;
font-size: 13.5px;
font-weight: 600;
color: var(--fd-navy);
word-break: break-word;
}
.fdo-fdate {
display: block;
font-size: 11.5px;
font-weight: 300;
color: var(--fd-secondary);
margin-top: 1px;
}
.fdo-link {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 13.5px;
font-weight: 600;
color: var(--fd-red);
text-decoration: none !important;
}
.fdo-link:hover { text-decoration: underline !important; }
.fdo-link:focus-visible {
outline: 2px solid var(--fd-blue-bright);
outline-offset: 3px;
}
.fdo-link svg {
width: 15px; height: 15px;
fill: none;
stroke: var(--fd-red);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform .18s ease;
}
.fdo-link:hover svg { transform: translateX(3px); }
.fdo-empty {
font-size: 13.5px;
font-weight: 300;
color: var(--fd-secondary);
margin: 0;
}
/* ---- Closing callout ---- */
.fdo-callout {
margin-top: 30px;
padding: 22px 24px;
background: var(--fd-navy);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
}
.fdo-callout h3 {
margin: 0 0 5px;
font-size: 17px;
font-weight: 800;
color: var(--fd-white);
}
.fdo-callout p {
margin: 0;
font-size: 14px;
font-weight: 300;
line-height: 1.55;
color: #dbe6ef;
max-width: 520px;
}
/* ---- Footer ---- */
.fdo-footer {
margin-top: 26px;
padding-top: 16px;
border-top: 1px solid var(--fd-bg-mid);
font-size: 12px;
color: var(--fd-secondary);
text-align: center;
}
@media (max-width: 720px) {
.fdo-hub { padding: 0 12px 24px; }
.fdo-masthead img { height: 38px; }
.fdo-hero { min-height: 240px; }
.fdo-hero-inner { padding: 26px 22px 24px; }
.fdo-panels { grid-template-columns: 1fr; }
.fdo-step { gap: 14px; }
.fdo-marker { flex: 0 0 38px; }
.fdo-num { width: 38px; height: 38px; font-size: 15px; }
.fdo-card { padding: 16px 16px 18px; }
}
@media (prefers-reduced-motion: reduce) {
.fdo-file, .fdo-link svg { transition: none; }
}
Fiber · Internet · Cloud · Voice
Voice Services Onboarding
Thank you for choosing FirstDigital Telecom
We’re glad to have you, and we want to ensure a smooth start with your new voice services. Here’s what to expect.
Steps in the process
Timeframes below are typical, and measured from the point your order is submitted.
1
2
Step 2: Kick-Off Emails
3 to 5 business days after order entryRequirements & information
- The first email from Julie Sackett includes your FDConnect credentials.
- The second email introduces you to the Translations Team member assigned to your order.
3
Step 3: Follow-Up Emails
Typically 1 to 2 business days after Step 2Requirements & information
- The assigned Translations Team member is available to answer any questions you may have.
- Key topics:
- Porting discussion — ask any questions you may have regarding FDConnect and porting.
- Scheduling a “Go Live” date.
Helpful information
This email chain allows all parties to ask questions.
5
Step 5: Go Live
Requirements & information
- You choose and execute the Go Live date.
Helpful information
FDConnect Porting Q&A Questions at any stage?
Your assigned Translations Team member is your direct contact throughout onboarding. Reply to any email in your kick-off chain and the whole team will see it.