/*
Theme Name: PlatinumBio Studio
Theme URI: https://platinumbio.link/
Author: PlatinumBio
Description: Bespoke dark precision theme for PlatinumBio — a measured AI image and video studio for link-in-bio creators. Slate, platinum silver, ice blue. Mobile-first.
Version: 1.0.0
Text Domain: platinumbio-studio
*/

:root{
  --gc-bg:#14181d;
  --gc-bg2:#10141a;
  --gc-panel:#1b212a;
  --gc-panel2:#222a35;
  --gc-line:#2c3542;
  --gc-line-soft:#232b36;
  --gc-text:#e9edf3;
  --gc-muted:#a7b1bf;
  --gc-faint:#71808f;
  --gc-ice:#7fd4ff;
  --gc-ice-d:#a9e4ff;
  --gc-plat:#c7ccd6;
  --gc-grad:linear-gradient(92deg,#7fd4ff 0%,#c7ccd6 100%);
  --gc-radius:10px;
  --gc-max:1120px;
  --gc-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--gc-bg);color:var(--gc-text);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:var(--gc-ice-d);text-decoration:none}
a:hover{color:var(--gc-ice);text-decoration:underline}
img{max-width:100%;height:auto;border-radius:8px}
.wrap{max-width:var(--gc-max);margin:0 auto;padding:0 20px}

/* ---------- header ---------- */
.gc-header{
  position:sticky;top:0;z-index:50;
  background:rgba(16,20,26,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--gc-line);
}
.gc-header-in{display:flex;align-items:center;gap:22px;min-height:64px}
.gc-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.01em;color:var(--gc-text);white-space:nowrap}
.gc-brand:hover{text-decoration:none;color:var(--gc-text)}
.gc-brand svg{flex:0 0 auto}
.gc-brand .gc-brand-grad{color:var(--gc-ice)}
.gc-nav{margin-left:auto}
.gc-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.gc-nav a{display:block;padding:8px 12px;border-radius:999px;color:var(--gc-muted);font-size:15px;font-weight:600}
.gc-nav a:hover{color:var(--gc-text);background:var(--gc-panel2);text-decoration:none}
.gc-cta{
  margin-left:10px;background:var(--gc-grad);color:#0d1218 !important;font-weight:700;
  padding:10px 18px;border-radius:999px;font-size:15px;white-space:nowrap;
  box-shadow:0 6px 18px rgba(127,212,255,.18);
}
.gc-cta:hover{text-decoration:none;filter:brightness(1.07)}

/* ---------- hero / sections ---------- */
.gc-hero{padding:52px 0 8px;text-align:left}
.gc-eyebrow{
  display:inline-block;font-family:var(--gc-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gc-ice);border:1px solid var(--gc-line);border-radius:999px;padding:5px 12px;background:var(--gc-panel);
}
.gc-hero h1,.gc-pagehead h1{
  font-size:clamp(30px,5.4vw,50px);line-height:1.12;margin:16px 0 14px;font-weight:850;letter-spacing:-.02em;
}
.gc-hero h1 .grad,.gc-pagehead h1 .grad{background:var(--gc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gc-lede{font-size:19px;color:var(--gc-muted);max-width:720px;margin:0 0 8px}
.gc-pagehead{padding:44px 0 4px}
.gc-section{padding:34px 0}
.gc-section h2{font-size:clamp(23px,3.4vw,32px);margin:0 0 10px;font-weight:800;letter-spacing:-.015em}
.gc-section h3{font-size:19px;margin:22px 0 6px;font-weight:750}
.gc-section p{color:var(--gc-muted);max-width:760px}
.gc-section ul,.gc-section ol{color:var(--gc-muted);max-width:760px;padding-left:22px}
.gc-section li{margin:5px 0}
.gc-section strong{color:var(--gc-text)}

/* widget shell */
.gc-widget-shell{
  background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:14px;
  padding:18px;margin:22px 0;box-shadow:0 16px 44px rgba(0,0,0,.35);
}
.gc-widget-note{font-size:13.5px;color:var(--gc-faint);margin:10px 2px 0}

/* cards */
.gc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.gc-card{
  background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:var(--gc-radius);
  padding:20px;display:block;color:var(--gc-text);
  box-shadow:0 2px 10px rgba(0,0,0,.22);
}
a.gc-card:hover{border-color:var(--gc-ice);text-decoration:none;transform:translateY(-2px)}
.gc-card{transition:transform .15s ease,border-color .15s ease}
.gc-card .gc-card-k{font-family:var(--gc-mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gc-ice)}
.gc-card h3{margin:8px 0 6px;font-size:18px;color:var(--gc-text)}
.gc-card p{margin:0;font-size:15px;color:var(--gc-muted)}

/* steps */
.gc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;counter-reset:gcstep}
.gc-step{background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:var(--gc-radius);padding:20px}
.gc-step .n{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;
  background:var(--gc-grad);color:#0d1218;font-family:var(--gc-mono);font-weight:700;font-size:15px;margin-bottom:10px;
}
.gc-step h3{margin:0 0 6px;font-size:17px}
.gc-step p{margin:0;font-size:15px;color:var(--gc-muted)}

/* faq */
.gc-faq{border-top:1px solid var(--gc-line);margin-top:8px}
.gc-faq details{border-bottom:1px solid var(--gc-line);padding:14px 2px}
.gc-faq summary{cursor:pointer;font-weight:700;font-size:16.5px;color:var(--gc-text)}
.gc-faq p{margin:8px 0 2px;color:var(--gc-muted);max-width:760px}

/* cta band — deep slate panel */
.gc-band{
  background:#0c0f13;border:1px solid var(--gc-line);
  border-radius:14px;padding:30px;margin:30px 0;text-align:left;
}
.gc-band h2{margin:0 0 8px;color:#fff}
.gc-band p{color:#b9c2cd;margin:0 0 16px;max-width:640px}
.gc-btn{
  display:inline-block;background:var(--gc-grad);color:#0d1218;font-weight:700;
  padding:12px 22px;border-radius:999px;font-size:16px;
}
.gc-btn:hover{text-decoration:none;color:#0d1218;filter:brightness(1.08)}

/* related tools */
.gc-related{border-top:1px solid var(--gc-line);margin-top:36px;padding-top:22px}
.gc-related h2{font-size:20px}
.gc-related .gc-grid{grid-template-columns:repeat(4,1fr)}

/* journal */
.gc-postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.gc-postcard{background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:var(--gc-radius);overflow:hidden;display:block;color:var(--gc-text)}
.gc-postcard:hover{text-decoration:none;border-color:var(--gc-ice)}
.gc-postcard .gc-pc-body{padding:16px 18px 18px}
.gc-postcard h3{margin:0 0 6px;font-size:17.5px;line-height:1.35;color:var(--gc-text)}
.gc-postcard p{margin:0;font-size:14.5px;color:var(--gc-muted)}
.gc-meta{font-size:13px;color:var(--gc-faint);margin:6px 0 14px}
.gc-article{max-width:780px}
.gc-article h2{font-size:26px;margin:30px 0 8px}
.gc-article p,.gc-article li{color:var(--gc-muted)}
.gc-article strong{color:var(--gc-text)}
.gc-postnav{display:flex;justify-content:space-between;gap:14px;margin:34px 0 6px;font-size:15px}

/* 18+ note */
.gc-note-18{
  display:flex;gap:10px;align-items:flex-start;background:#221a0e;border:1px solid #5a451c;color:#eccf8f;
  border-radius:10px;padding:12px 14px;font-size:14.5px;margin:16px 0;
}

/* footer */
.gc-footer{border-top:1px solid var(--gc-line);margin-top:54px;background:var(--gc-bg2)}
.gc-footer-in{padding:34px 0 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
.gc-footer h4{margin:0 0 10px;font-family:var(--gc-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gc-faint)}
.gc-footer ul{list-style:none;margin:0;padding:0}
.gc-footer li{margin:6px 0}
.gc-footer a{color:var(--gc-muted);font-size:15px}
.gc-footer p{color:var(--gc-faint);font-size:14px;max-width:420px}
.gc-legal{border-top:1px solid var(--gc-line);padding:16px 0 22px;font-size:13px;color:var(--gc-faint)}

/* forms / misc */
.gc-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15.5px;background:var(--gc-panel)}
.gc-table th,.gc-table td{border:1px solid var(--gc-line);padding:10px 12px;text-align:left}
.gc-table th{background:var(--gc-panel2);color:var(--gc-text);font-family:var(--gc-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.gc-table td{color:var(--gc-muted)}
.screen-reader-text{position:absolute;left:-9999px}

/* journal pagination */
.gc-pagination{margin:26px 0 10px;display:flex;justify-content:center}
.gc-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.gc-pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gc-line);border-radius:999px;background:var(--gc-panel);color:var(--gc-text);font-weight:700;font-size:14.5px}
.gc-pagination .page-numbers.current{background:var(--gc-grad);border-color:transparent;color:#0d1218}
.gc-pagination a.page-numbers:hover{border-color:var(--gc-ice);text-decoration:none}

/* Home hero widget: hide the widget's built-in feed (Private/Public/Liked) —
   the home page already has its own public gallery section. */
.gc-nofeed .aiw-feedsec{display:none !important}

/* The widget's feed section is designed to break out to min(96vw,1760px)
   with negative centering margins. Inside this theme it must stay within
   the widget shell instead of bleeding past the content margins. */
.gc-widget-shell .aiw-feedsec{
  width:100% !important;max-width:100% !important;
  margin-left:0 !important;margin-right:0 !important;
}

/* ---------- tool page framework ---------- */
.gc-crumbs{font-size:13.5px;color:var(--gc-faint);padding:20px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.gc-crumbs a{color:var(--gc-muted)}
.gc-toolhero{padding:14px 0 4px}
.gc-toolhero h1{font-size:clamp(30px,4.6vw,44px);line-height:1.14;margin:8px 0 10px;font-weight:850;letter-spacing:-.02em}
.gc-toolapp{margin:18px 0 10px}
.gc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-top:6px}
.gc-main .gc-section{padding:20px 0}
.gc-main .gc-section:first-child{padding-top:4px}
.gc-main h2{font-size:clamp(22px,3vw,29px);margin:0 0 10px;font-weight:800;letter-spacing:-.015em}
.gc-main h3{font-size:18.5px;margin:20px 0 6px;font-weight:750}
.gc-main p{color:var(--gc-muted)}
.gc-main ul,.gc-main ol{color:var(--gc-muted);padding-left:22px}
.gc-main li{margin:5px 0}
.gc-main strong{color:var(--gc-text)}
.gc-facts{
  background:#0c0f13;border:1px solid var(--gc-line);border-radius:var(--gc-radius);
  padding:20px;position:sticky;top:84px;color:var(--gc-text);
}
.gc-facts h2{font-family:var(--gc-mono);font-size:13.5px;margin:0 0 12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gc-ice)}
.gc-facts dl{margin:0}
.gc-facts dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--gc-line-soft)}
.gc-facts dl div:last-of-type{border-bottom:0}
.gc-facts dt{color:var(--gc-faint);font-size:14px;white-space:nowrap}
.gc-facts dd{margin:0;text-align:right;font-weight:650;font-size:14.5px;color:var(--gc-text)}
.gc-facts-btn{margin-top:16px;display:block;text-align:center;padding:11px 14px;font-size:15px}

/* example brief cards */
.gc-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.gc-example{background:var(--gc-panel);border:1px solid var(--gc-line);border-left:3px solid var(--gc-ice);border-radius:8px;padding:16px 18px}
.gc-example .gc-ex-k{font-family:var(--gc-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gc-ice);display:block;margin-bottom:8px}
.gc-example p{margin:0 0 8px;font-size:15.5px;color:var(--gc-text)}
.gc-example p.gc-ex-note{font-size:13.5px;color:var(--gc-faint);margin:0}

@media (max-width:900px){
  .gc-layout{grid-template-columns:1fr}
  .gc-facts{position:static;order:2}
  .gc-examples{grid-template-columns:1fr}
}

/* ---------- mobile ---------- */
@media (max-width:900px){
  .gc-grid,.gc-steps,.gc-postgrid{grid-template-columns:1fr 1fr}
  .gc-related .gc-grid{grid-template-columns:1fr 1fr}
  .gc-footer-in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .gc-header-in{flex-wrap:wrap;padding:10px 0;gap:8px}
  .gc-nav{order:3;width:100%;margin-left:0}
  .gc-nav ul{gap:2px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .gc-nav a{white-space:nowrap;padding:7px 10px}
  .gc-cta{margin-left:auto}
  .gc-grid,.gc-steps,.gc-postgrid,.gc-related .gc-grid{grid-template-columns:1fr}
  .gc-hero{padding:34px 0 4px}
  .gc-widget-shell{padding:12px;border-radius:12px}
  .gc-footer-in{grid-template-columns:1fr}
}