/* Gippsland Care Collective website.
   Structure and component CSS are the locked ESports Collective design system,
   recoloured to the Gippsland Care Collective brand (richer purple, deep indigo
   nav, cyan accent, gold stars, soft-grey light background). Do not restyle,
   rename classes or change fonts - only the palette differs from ESC. */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@700;800&family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600&display=swap');

html,body{margin:0;padding:0}
body{overflow-x:hidden}

.gcc-page{
  --purple:#3a1d6e;         /* ESC deep purple - hero, section headings */
  --purple-deep:#2a1450;    /* ESC nav / footer / deep panels */
  --violet:#6c3fc5;         /* ESC bright violet - CTAs */
  --accent:#6c3fc5;         /* bright-purple accent (replaces cyan) */
  --cyan:#6c3fc5;           /* alias kept so legacy class refs resolve */
  --ink:#1d1233;            /* ESC ink */
  --lavender:#f4f0fb;       /* ESC lavender - alt-section background */
  --grey:#ebebeb;
  --muted:#5b5170;          /* ESC muted text */
  --line:#e7e0f3;           /* ESC card borders */
  --radius:18px;
  --max:1120px;
  --site-max:1120px;
  --phone-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.8-.3%201z%22/%3E%3C/svg%3E');
  font-family:'Barlow',system-ui,sans-serif;
  color:var(--ink);line-height:1.6;font-size:18px;
  -webkit-font-smoothing:antialiased;
}
.gcc-page *{box-sizing:border-box;margin:0;padding:0}
.gcc-page img{max-width:100%}
.gcc-page h1,.gcc-page h2,.gcc-page h3{line-height:1.05;letter-spacing:-.01em}
.gcc-page h1,.gcc-page h2{font-family:'Archivo','Archivo Black',sans-serif;font-weight:800}
.gcc-page h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.gcc-page h1,.gcc-page h2{text-transform:uppercase;letter-spacing:.01em}
.gcc-page .kicker{
  display:inline-block;background:var(--accent);color:#fff;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;line-height:1.1;
  padding:8px 16px;margin-bottom:16px;
}
.gcc-wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.gcc-page a{color:inherit}
.gcc-page p{margin:0 0 1rem}

/* ---------- BUTTONS ---------- */
.gcc-btn{
  display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;
  font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;
  text-decoration:none;cursor:pointer;padding:16px 34px;border-radius:999px;
  transition:transform .15s ease,box-shadow .15s ease;
}
a.gcc-btn-cyan{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(42,20,80,.32)}
a.gcc-btn-cyan:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(42,20,80,.42)}
a.gcc-btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}
a.gcc-btn-ghost:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(42,20,80,.4)}
a.gcc-btn-ghost--dark{color:var(--purple);border-color:rgba(58,29,110,.4)}
a.gcc-btn-ghost--dark:hover{background:var(--violet);border-color:var(--violet);color:#fff}

.gcc-page a.gcc-card-link{color:var(--violet);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.gcc-page .gcc-card:hover a.gcc-card-link{color:var(--purple)}

/* ---------- SKIP LINK ---------- */
.gcc-skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 18px;border-radius:0 0 10px 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;z-index:1000}
.gcc-skip:focus{left:0}

/* ---------- NAV (deep indigo sticky header) ---------- */
.gcc-site-header{position:sticky;top:0;z-index:500;background:var(--purple-deep)}
.gcc-nav{max-width:var(--site-max);margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:20px}
.gcc-nav__logo{display:flex;align-items:center;flex:0 0 auto;margin-right:auto}
.gcc-nav__logo img{height:64px;width:auto;display:block}
.gcc-nav__toggle{margin-left:auto;display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.gcc-nav__toggle span{display:block;width:26px;height:3px;border-radius:2px;background:#fff}
.gcc-nav__menu{display:flex;align-items:center;gap:4px;list-style:none}
.gcc-nav__menu>li{position:relative}
.gcc-nav__menu>li>a{
  display:inline-flex;align-items:center;gap:7px;padding:10px 16px;white-space:nowrap;
  font-family:'Barlow',sans-serif;font-weight:600;
  letter-spacing:.01em;font-size:1.08rem;color:#fff;text-decoration:none;
  position:relative;transition:color .15s;
}
.gcc-nav__menu>li>a::after{
  content:"";position:absolute;left:16px;right:16px;bottom:2px;height:3px;border-radius:2px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;
}
.gcc-nav__menu>li>a:hover::after,.gcc-nav__menu>li.is-current>a::after{transform:scaleX(1)}
.gcc-nav__phone{position:relative;padding-left:22px;margin-left:6px}
.gcc-nav__phone::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:rgba(255,255,255,.35)}
.gcc-nav__phone a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;text-decoration:none;font-family:'Barlow',sans-serif;font-weight:600;font-size:1.08rem;padding:10px 8px}
.gcc-nav__phone a::before{content:"";width:20px;height:20px;flex:0 0 auto;background:#fff;-webkit-mask:var(--phone-icon) center/contain no-repeat;mask:var(--phone-icon) center/contain no-repeat}
.gcc-nav__phone a:hover{color:var(--accent)}
.gcc-nav__phone a:hover::before{background:var(--accent)}
.gcc-nav__sub{
  position:absolute;top:calc(100% + 10px);left:0;min-width:248px;background:#fff;border:1px solid var(--line);
  border-radius:14px;box-shadow:0 16px 40px rgba(42,20,80,.28);padding:8px;list-style:none;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s;
}
.gcc-nav__menu>li:hover>.gcc-nav__sub,.gcc-nav__menu>li:focus-within>.gcc-nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.gcc-nav__sub a{display:block;padding:10px 14px;border-radius:9px;font-family:'Barlow',sans-serif;font-weight:600;font-size:1rem;color:var(--ink);text-decoration:none;transition:background .12s,color .12s}
.gcc-nav__sub a:hover{background:var(--lavender);color:var(--purple)}
.gcc-nav__sub-label{display:block;padding:8px 14px 3px;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;color:var(--violet)}
.gcc-nav__sub-label:not(:first-child){margin-top:4px;border-top:1px solid var(--line);padding-top:10px}
.gcc-nav__caret{font-size:.62em;opacity:.85;margin-top:1px}
@media (max-width:1024px){
  .gcc-nav__logo img{height:52px}
  .gcc-nav__toggle{display:flex}
  .gcc-nav__menu{margin-left:0;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--purple-deep);border-top:1px solid rgba(255,255,255,.15);padding:12px 16px 18px;box-shadow:0 18px 40px rgba(42,20,80,.35);display:none;max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .gcc-nav__menu.is-open{display:flex}
  .gcc-nav__menu>li>a{justify-content:space-between;padding:12px 8px}
  .gcc-nav__menu>li>a::after{display:none}
  .gcc-nav__sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border:0;border-left:2px solid rgba(255,255,255,.2);border-radius:0;margin:2px 0 6px 14px;padding:2px 0}
  .gcc-nav__sub a{color:#e7defb}
  .gcc-nav__sub a:hover{background:rgba(255,255,255,.08);color:#fff}
  .gcc-nav__sub-label{color:#c9b6f0;border-top-color:rgba(255,255,255,.15)}
  .gcc-nav__phone{padding-left:8px;margin-left:0}
  .gcc-nav__phone::before{display:none}
}

/* ---------- HERO (solid purple) ---------- */
.gcc-hero{position:relative;background:var(--purple);color:#fff;overflow:hidden;padding:88px 0 0}
.gcc-hero{--star:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236c3fc5' d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.6 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/></svg>")}
/* three-star cluster tucked into the top-right corner, clear of all hero text (ESC chevron placement) */
.gcc-hero{--stars:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 160'><g fill='%236c3fc5'><path d='M64.0 50.0 L76.3 83.0 L111.6 84.5 L84.0 106.5 L93.4 140.5 L64.0 121.0 L34.6 140.5 L44.0 106.5 L16.4 84.5 L51.7 83.0 Z'/><path d='M170.0 6.0 L187.8 53.5 L238.5 55.8 L198.8 87.3 L212.3 136.2 L170.0 108.2 L127.7 136.2 L141.2 87.3 L101.5 55.8 L152.2 53.5 Z'/><path d='M276.0 50.0 L288.3 83.0 L323.6 84.5 L296.0 106.5 L305.4 140.5 L276.0 121.0 L246.6 140.5 L256.0 106.5 L228.4 84.5 L263.7 83.0 Z'/></g></svg>")}
/* three-star horizontal line in the top-right corner, echoing the logo (clear of all hero text) */
.gcc-hero::before{content:"";position:absolute;top:40%;transform:translateY(-50%);right:-150px;width:900px;height:423px;z-index:1;background:var(--stars) no-repeat top right/contain;opacity:.15;pointer-events:none}
.gcc-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:560px}
.gcc-hero-grid>*{min-width:0}
.gcc-hero-copy{padding:40px 0}
.gcc-hero-grid--solo{grid-template-columns:minmax(0,1fr);min-height:0}
.gcc-hero-grid--solo .gcc-hero-copy{padding:48px 0 56px;max-width:56rem}
.gcc-hero-grid--solo .gcc-hero-copy p{max-width:44em}

.gcc-hero-avatars{align-self:end;display:flex;justify-content:center;align-items:flex-end}
.gcc-hero-avatars img{max-width:100%;width:auto;max-height:520px;height:auto;display:block;object-fit:contain}
.gcc-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:14px 0 20px;font-weight:700}
.gcc-hero .gcc-hero-sub{font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:1.3rem;color:#fff;margin:-8px 0 22px!important}
.gcc-hero p{font-size:1.15rem;color:#eadffb;max-width:30em;margin-bottom:30px}
.gcc-hero a.gcc-btn-cyan{background:var(--violet);color:#fff;box-shadow:0 8px 24px rgba(127,73,187,.45)}
.gcc-hero a.gcc-btn-cyan:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(127,73,187,.55)}

/* ---------- HERO: tablet / mobile ---------- */
@media (max-width:860px){
  .gcc-hero{padding-top:24px}
  /* two-column hero (homepage) stacks: copy first, image below */
  .gcc-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;align-items:stretch}
  .gcc-hero-copy{padding:26px 0 0}
  .gcc-hero h1{font-size:clamp(2.4rem,10vw,3.2rem);margin:12px 0 16px}
  .gcc-hero .gcc-hero-sub{font-size:1.15rem;margin:-4px 0 18px!important}
  .gcc-hero p{font-size:1.08rem;max-width:none}
  .gcc-hero-avatars{margin-top:20px;justify-content:center}
  .gcc-hero-avatars img{max-height:360px}
  /* image-less hero (subpages): trim top padding so content sits near the top */
  .gcc-hero-grid--solo .gcc-hero-copy{padding:22px 0 34px}
  /* smaller decorative shapes so they do not crowd the image */
  .gcc-hero::before{width:450px;height:212px;top:-30px;right:-80px}
}
@media (max-width:520px){
  .gcc-hero h1{font-size:clamp(2.1rem,11vw,2.8rem)}
  .gcc-hero-avatars img{max-height:300px}
  /* CTAs go full-width and stack so long labels never wrap mid-phrase */
  .gcc-hero-copy .gcc-btn{width:100%;justify-content:center;padding:15px 24px;font-size:1rem}
}

/* ---------- SECTION SHELL ---------- */
.gcc-sec{padding:72px 0}
.gcc-sec h2{font-size:clamp(1.7rem,3.4vw,2.5rem);color:var(--purple);margin-bottom:8px}
.gcc-sec .lead{font-size:1.15rem;color:var(--muted);max-width:40em}
.gcc-sec--alt{background:var(--lavender)}
.gcc-sec--purple{background:var(--purple);color:#fff}
.gcc-sec--purple h2{color:#fff}
.gcc-sec--purple .lead{color:#d8cdf2}
.gcc-sec--purple .kicker{background:var(--accent);color:#fff}

/* ---------- PHOTOS ---------- */
.gcc-photo{border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 34px rgba(42,20,80,.18)}
.gcc-photo img{width:100%;height:100%;display:block;object-fit:cover}
.gcc-split .gcc-photo{aspect-ratio:4/3}
/* Cut-out illustration (transparent PNG, no box) used in split sections */
.gcc-cutout{display:flex;align-items:flex-end;justify-content:center}
.gcc-cutout img{width:100%;max-width:460px;height:auto;display:block;object-fit:contain}
@media (max-width:860px){.gcc-cutout img{max-width:360px;margin:0 auto}}

/* ---------- INTRO SPLIT ---------- */
.gcc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.gcc-split>*{min-width:0}
.gcc-split p+p{margin-top:16px}
.gcc-split .pull,.gcc-sec .pull{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.5rem;line-height:1.2;color:var(--purple);border-left:5px solid var(--accent);padding-left:20px;margin-top:28px}

/* ---------- CARD GRID ---------- */
.gcc-cards{display:grid;gap:26px;margin-top:8px}
.gcc-cards--3{grid-template-columns:repeat(3,1fr)}
/* Service group headings (Support Work / Capacity Building / Group Programs / Allied Health) */
.gcc-group-h{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--purple);font-size:1.7rem;margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--line)}
.gcc-group-p{color:var(--muted);font-size:1.05rem;margin:0;max-width:56em}

/* ---------- JOB LISTINGS (distinct row style) ---------- */
.gcc-jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.gcc-job{
  display:flex;align-items:center;gap:28px;
  background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:26px 30px;
  box-shadow:0 6px 20px rgba(42,20,80,.07);
  transition:transform .16s ease,box-shadow .16s ease;
}
.gcc-job:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(42,20,80,.14)}
.gcc-job__main{flex:1;min-width:0}
.gcc-job__cat{
  display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;color:var(--violet);
  background:var(--lavender);border-radius:999px;padding:4px 12px;margin-bottom:12px;
}
.gcc-job__title{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.02em;color:var(--purple);font-size:1.55rem;margin:0 0 8px;line-height:1.1;
}
.gcc-job__desc{color:var(--muted);font-size:1.02rem;line-height:1.55;margin:0 0 14px;max-width:52em}
.gcc-job__meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0}
.gcc-job__meta li{
  font-size:.86rem;color:var(--ink);background:#f6f3fc;border:1px solid var(--line);
  border-radius:8px;padding:5px 11px;line-height:1.2;
}
a.gcc-job__cta{
  flex:none;display:inline-flex;align-items:center;gap:9px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  font-size:1.02rem;text-decoration:none;white-space:nowrap;
  background:var(--violet);color:#fff;border-radius:999px;padding:14px 28px;
  box-shadow:0 8px 22px rgba(108,63,197,.35);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
a.gcc-job__cta:hover{background:var(--purple);color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(108,63,197,.45)}
@media (max-width:720px){
  .gcc-job{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 22px}
  .gcc-job__cta{width:100%;justify-content:center}
}
.gcc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(42,20,80,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s}
.gcc-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(42,20,80,.14);border-color:#d5d0e0}
.gcc-card h3{font-size:1.5rem;color:var(--violet);margin-bottom:14px;line-height:1.1}
.gcc-card p{color:var(--muted);font-size:1.05rem;margin-bottom:22px}
.gcc-card .gcc-card-link{margin-top:auto;font-size:1.15rem}

/* ---------- NDIS SERVICE LINE ITEMS ---------- */
.gcc-svc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 36px;box-shadow:0 8px 24px rgba(42,20,80,.05)}
.gcc-svc + .gcc-svc{margin-top:24px}
.gcc-svc__num{display:inline-block;background:var(--accent);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.04em;font-size:.95rem;padding:6px 14px;margin-bottom:14px}
.gcc-svc h3{font-size:1.5rem;color:var(--violet);margin-bottom:8px;line-height:1.15}
.gcc-svc > p{color:var(--muted);font-size:1.05rem;margin:0 0 20px;max-width:52em}
.gcc-svc__items{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.gcc-svc__items li{position:relative;padding-left:30px;color:var(--ink);font-size:1.05rem;line-height:1.45}
.gcc-svc__items li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:50%;background:var(--accent);opacity:.18}
.gcc-svc__items li::after{content:"";position:absolute;left:4px;top:calc(.5em + 4px);width:6px;height:6px;border-radius:50%;background:var(--accent)}
.gcc-svc__items li strong{display:block;color:var(--purple);font-weight:600}
.gcc-svc__items li span{color:var(--muted);font-size:.98rem}
@media (max-width:860px){.gcc-svc{padding:28px 24px}}

/* ---------- CALLOUT + FINAL ---------- */
.gcc-callout{position:relative;background:var(--accent);color:#efe9f7;border-radius:24px;padding:44px;overflow:hidden}
.gcc-callout::before{content:"";position:absolute;top:50%;right:-40px;transform:translateY(-50%);width:200px;height:200px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.6 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/></svg>") no-repeat center/contain;opacity:.06;pointer-events:none}
.gcc-callout::after{content:"";position:absolute;bottom:14px;right:150px;width:80px;height:80px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.6 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/></svg>") no-repeat center/contain;opacity:.05;pointer-events:none}
.gcc-callout .kicker{background:transparent;padding:0;margin-bottom:0;color:#c9b8e8;opacity:1;font-size:1.25rem;position:relative}
.gcc-callout h3{font-size:1.35rem;margin:8px 0 10px;color:#fff;position:relative}
.gcc-callout p{position:relative;font-size:1.05rem;margin:0}
.gcc-final{position:relative;background:var(--purple);color:#fff;border-radius:28px;padding:64px 48px;text-align:center;overflow:hidden}
.gcc-final::before{content:"";position:absolute;top:50%;left:-120px;transform:translateY(-50%);width:400px;height:400px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236c3fc5' d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.6 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/></svg>") no-repeat center/contain;opacity:.2;pointer-events:none}
.gcc-final::after{content:"";position:absolute;top:44px;left:20px;width:210px;height:210px;pointer-events:none;
 background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236c3fc5' d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.6 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/></svg>") no-repeat top left/104px 104px, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236c3fc5' d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.6 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/></svg>") no-repeat bottom right/64px 64px;
 opacity:.22}
.gcc-final>*{position:relative;z-index:2}
.gcc-final h2{color:#fff;font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:14px}
.gcc-final p{color:#eadffb;max-width:34em;margin:0 auto 28px;font-size:1.12rem}
.gcc-final-phone{margin:18px auto 0!important;font-size:1.05rem}
.gcc-final-phone a{color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.3rem;text-decoration:none;letter-spacing:.02em}
.gcc-final-phone a:hover{color:var(--accent)}

/* ---------- NETWORK ROW ---------- */
.gcc-net{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px}
.gcc-net__card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;box-shadow:0 10px 30px rgba(42,20,80,.06)}
.gcc-net__card h3{color:var(--purple);font-size:1.2rem;margin-bottom:10px}
.gcc-net__card p{color:var(--muted);font-size:1rem;margin:0}
.gcc-net__card--me{border-color:var(--accent);border-width:2px}

/* ---------- TESTIMONIALS ---------- */
.gcc-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
.gcc-quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;box-shadow:0 10px 30px rgba(42,20,80,.06)}
.gcc-quote p{font-size:1.05rem;color:var(--ink);margin-bottom:16px}
.gcc-quote cite{font-style:normal;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--violet);font-size:.98rem}

/* ---------- FAQ ---------- */
/* ---------- EMBEDDED FORM (referral iframe) ---------- */
.gcc-embed{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(42,20,80,.06);overflow:hidden}
.gcc-embed iframe{display:block;width:100%;min-height:900px;border:0}
@media (max-width:860px){.gcc-embed iframe{min-height:1100px}}

/* ---------- REFERRAL STEPS (stacked rows, ESports style) ---------- */
.gcc-steps{list-style:none;margin:40px 0 0;padding:0;max-width:1000px}
.gcc-step{display:grid;grid-template-columns:110px 1fr;gap:10px 8px;align-items:start;padding:30px 0}
.gcc-step + .gcc-step{border-top:1px solid var(--line)}
.gcc-step:first-child{padding-top:6px}
.gcc-step__num{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2.6rem;line-height:1;color:var(--accent);letter-spacing:.02em}
.gcc-step__body h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--purple);font-size:1.5rem;margin:2px 0 10px}
.gcc-step__body p{color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0;max-width:60em}
.gcc-step__body a{color:var(--violet);font-weight:600;text-decoration:underline}
@media (max-width:640px){
  .gcc-step{grid-template-columns:64px 1fr;padding:24px 0}
  .gcc-step__num{font-size:2rem}
  .gcc-step__body h3{font-size:1.3rem}
}

/* ---------- REFERRAL FORM (native) ---------- */
.gcc-form{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(42,20,80,.06);padding:0;overflow:hidden}
.gcc-form__intro{padding:30px 34px 6px;color:var(--muted);font-size:1rem;line-height:1.6}
.gcc-form__intro em{color:var(--muted)}
.gcc-form__head{background:var(--purple-deep);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.03em;font-size:1.15rem;padding:12px 34px;margin:26px 0 0}
.gcc-form__body{padding:24px 34px 4px}
.gcc-form__note{padding:0 34px;color:var(--muted);font-size:.98rem;margin:6px 0 0}
.gcc-field{margin:0 0 18px}
.gcc-field label{display:block;font-weight:600;color:var(--ink,#2a1450);font-size:.98rem;margin-bottom:7px}
.gcc-field .req{color:var(--violet)}
.gcc-field input[type=text],
.gcc-field input[type=email],
.gcc-field input[type=tel],
.gcc-field input[type=date],
.gcc-field select,
.gcc-field textarea{
  width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem;color:#2a1450;
  padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fdfcff;transition:border-color .15s,box-shadow .15s}
.gcc-field input:focus,.gcc-field select:focus,.gcc-field textarea:focus{
  outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(108,63,197,.14)}
.gcc-field textarea{min-height:110px;resize:vertical}
.gcc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
@media (max-width:640px){.gcc-grid2{grid-template-columns:1fr}}
.gcc-choices{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px}
.gcc-choices label{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:#2a1450;font-size:1rem;margin:0;cursor:pointer}
.gcc-choices input{margin-top:3px;accent-color:var(--violet);width:17px;height:17px;flex:none}
.gcc-choices--inline{flex-direction:row;flex-wrap:wrap;gap:10px 26px}
.gcc-form__submit{padding:22px 34px 30px;display:flex;justify-content:flex-end}
.gcc-form__submit button{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.03em;font-size:1.1rem;text-transform:uppercase;
  background:var(--accent);color:#fff;border:0;border-radius:999px;padding:13px 34px;cursor:pointer;
  box-shadow:0 8px 24px rgba(42,20,80,.32);transition:transform .15s,box-shadow .15s}
.gcc-form__submit button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(42,20,80,.4)}
.gcc-form__disclaimer{padding:0 34px 26px;color:var(--muted);font-size:.9rem;font-style:italic}

/* ---------- FAQ ---------- */
.gcc-faq{max-width:900px;margin:8px auto 0}
.gcc-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:18px;overflow:hidden;box-shadow:0 6px 20px rgba(42,20,80,.05)}
.gcc-faq summary{list-style:none;cursor:pointer;padding:24px 30px;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.18rem;line-height:1.25;color:var(--purple);display:flex;justify-content:space-between;align-items:center;gap:20px}
.gcc-faq summary::-webkit-details-marker{display:none}
.gcc-faq summary::after{content:"";flex:0 0 auto;position:relative;width:16px;height:16px;background:
  linear-gradient(var(--accent),var(--accent)) center/16px 2px no-repeat,
  linear-gradient(var(--accent),var(--accent)) center/2px 16px no-repeat}
.gcc-faq details[open] summary::after{background:
  linear-gradient(var(--accent),var(--accent)) center/16px 2px no-repeat}
.gcc-faq .ans{padding:0 30px 26px;color:var(--muted);font-size:1.02rem;line-height:1.6}
@media (max-width:860px){
  .gcc-faq summary{padding:20px 22px;font-size:1.06rem}
  .gcc-faq .ans{padding:0 22px 22px}
}

/* ---------- FOOTER ---------- */
.gcc-site-footer{background:var(--purple-deep);color:#e7defb}
.gcc-foot{max-width:var(--site-max);margin:0 auto;padding:56px 24px 28px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.gcc-foot__brand img{height:54px;width:auto;margin-bottom:16px}
.gcc-foot__brand p{font-size:.98rem;max-width:30em;color:#d8cdf2}
.gcc-foot__social{display:flex;gap:12px;margin-top:18px}
.gcc-foot__social a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;transition:background .15s}
.gcc-foot__social a:hover{background:var(--accent);color:#fff}
.gcc-foot .gcc-foot-h{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;color:#fff;margin-bottom:14px}
.gcc-foot ul{list-style:none;display:grid;gap:9px}
.gcc-foot ul a{color:#d8cdf2;text-decoration:none;font-size:.98rem;transition:color .12s}
.gcc-foot ul a:hover{color:var(--accent)}
.gcc-foot__contact p{font-size:.98rem;color:#d8cdf2;margin-bottom:12px;line-height:1.5}
.gcc-foot__contact strong{display:block;color:#fff;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:.9rem;margin-bottom:2px}
.gcc-foot__contact a{color:#d8cdf2;text-decoration:none}
.gcc-foot__contact a:hover{color:var(--accent)}
.gcc-foot__bar{border-top:1px solid rgba(255,255,255,.12);margin-top:20px}
.gcc-foot__bar div{max-width:var(--site-max);margin:0 auto;padding:20px 24px;font-size:.88rem;color:#b6a9d4}

@media (max-width:980px){
  .gcc-cards--3,.gcc-net,.gcc-quotes{grid-template-columns:1fr 1fr}
  .gcc-foot{grid-template-columns:1fr 1fr;gap:32px}
  .gcc-foot__brand{grid-column:1 / -1}
}
@media (max-width:860px){
  .gcc-split{grid-template-columns:1fr;gap:32px}
  .gcc-sec{padding:52px 0}
  .gcc-cards--3,.gcc-net,.gcc-quotes{grid-template-columns:1fr}
  .gcc-final{padding:36px 26px}
  .gcc-callout{padding:34px 26px}
  .gcc-foot{grid-template-columns:1fr}
}