/* GlassBots homepage direction — scoped to body[data-home] only.
   Loaded after site.css and launch.css; no shared stylesheet is edited. */

body[data-home]{
  /* Brand colours taken from the official logo artwork. */
  --gh-navy:#07345B;          /* logo-text.png background */
  --gh-navy-deep:#052A49;
  --gh-night:#040B1E;         /* logo-footer.png background */
  --gh-cyan:#27C1D8;
  --gh-cyan-deep:#0A6E80;
  --gh-ink:#0B2540;
  --gh-body:#2B4B61;
  --gh-muted:#54718A;
  --gh-line:#DBE6ED;
  --gh-canvas:#F4F8FA;
  --gh-paper:#FFFFFF;
  --gh-sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Inter,"Helvetica Neue",Arial,sans-serif;
  --gh-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Inter,"Helvetica Neue",Arial,sans-serif;

  background:var(--gh-canvas);
  color:var(--gh-ink);
  font-family:var(--gh-sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body[data-home] .launch-shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}
body[data-home] h1,
body[data-home] h2,
body[data-home] h3{font-family:var(--gh-display);color:var(--gh-ink);text-wrap:balance}
body[data-home] p{color:var(--gh-body)}

.gh-skip{position:fixed;left:16px;top:0;z-index:200;transform:translateY(-140%);background:#fff;color:var(--gh-navy);padding:12px 18px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none}
.gh-skip:focus{transform:translateY(0)}

/* ---------- type ---------- */
body[data-home] .gh-hero h1{
  font-size:clamp(2.5rem,3.6vw,3.35rem);
  line-height:1.08;letter-spacing:-.032em;font-weight:700;
  margin:18px 0 0;color:#fff;
}
body[data-home] .gh-h2{
  font-size:clamp(1.95rem,2.9vw,2.6rem);
  line-height:1.12;letter-spacing:-.03em;font-weight:700;margin:10px 0 0;
}
body[data-home] h3{font-size:1.13rem;line-height:1.4;letter-spacing:-.012em;font-weight:600;margin:0}
.gh-eyebrow{
  font-family:var(--gh-sans);font-size:.72rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--gh-cyan-deep);margin:0;
}
.gh-lead{font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.62;max-width:34em}

/* ---------- buttons ---------- */
.gh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:12px 22px;border-radius:10px;
  font-family:var(--gh-sans);font-size:.94rem;font-weight:650;letter-spacing:-.005em;
  text-decoration:none;border:1px solid transparent;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.gh-btn-lg{min-height:54px;padding:15px 28px;font-size:1rem}
.gh-btn:hover{transform:translateY(-1px)}

/* action colour on dark surfaces = brand cyan */
.gh-btn-accent{background:var(--gh-cyan);color:#04243E;border-color:var(--gh-cyan)}
.gh-btn-accent:hover{background:#48D2E6;border-color:#48D2E6}
.gh-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}
.gh-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}

/* action colour on light surfaces = brand navy */
.gh-btn-solid{background:var(--gh-navy);color:#fff;border-color:var(--gh-navy)}
.gh-btn-solid:hover{background:#0B4576;border-color:#0B4576}
.gh-btn-line{background:#fff;color:var(--gh-navy);border-color:#B9CCD9}
.gh-btn-line:hover{border-color:var(--gh-navy);background:#F3F8FB}

/* focus that stays visible on both canvases */
body[data-home] a:focus-visible,
body[data-home] button:focus-visible{outline:3px solid #B4600A;outline-offset:3px;border-radius:8px}
body[data-home] .gh-dark a:focus-visible,
body[data-home] .gh-dark button:focus-visible{outline:3px solid #8BE6F5;outline-offset:3px}

/* ---------- hero: the original evening ocean horizon ---------- */
.gh-hero{
  position:relative;overflow:hidden;
  background-color:var(--gh-navy);
  /* assets/hero-sea.jpg is the unmodified original photograph from website-v1.
     The overlay is lighter than the original so the horizon and swell stay
     readable as a photograph rather than flattening into a blue field. */
  background-image:
    linear-gradient(180deg,rgba(4,26,48,.78) 0%,rgba(5,34,60,.60) 40%,rgba(4,24,44,.70) 74%,rgba(3,18,34,.88) 100%),
    url("hero-sea.jpg");
  background-position:center, center 42%;
  background-size:cover, cover;
  background-repeat:no-repeat, no-repeat;
  padding:70px 0 104px;
}
.gh-hero-inner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}
.gh-hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.gh-hero-logo{
  display:block;width:400px;max-width:88%;height:auto;
  border-radius:20px;border:2px solid rgba(255,255,255,.22);margin:0 0 26px;
}
.gh-hero .gh-eyebrow{color:#D2F4FB;text-shadow:0 1px 10px rgba(2,18,34,.6)}
body[data-home] .gh-hero h1{margin-top:14px;text-shadow:0 2px 18px rgba(2,18,34,.55)}
.gh-hero .gh-lead{color:#E6F1F8;margin:20px auto 0;text-shadow:0 1px 12px rgba(2,18,34,.6)}
.gh-actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 0;justify-content:center}
.gh-hero-note{margin:20px 0 0;font-size:.88rem;color:#E6F1F8!important;letter-spacing:.01em;text-shadow:0 1px 10px rgba(2,18,34,.7)}

/* report presentation — placeholder until the real Free Report is supplied */
.gh-doc{margin:0;filter:drop-shadow(0 34px 60px rgba(1,15,28,.55))}
.gh-doc-frame{background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}
.gh-doc-bar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 18px;background:#F1F6F9;border-bottom:1px solid var(--gh-line);
}
.gh-doc-bar span{font-size:.8rem;font-weight:650;color:var(--gh-navy);letter-spacing:.01em}
.gh-doc-meta{font-weight:500!important;color:var(--gh-muted)!important}
.gh-doc-frame img{display:block;width:100%;height:436px;object-fit:cover;object-position:top center}

/* ---------- facts card overlapping the hero ---------- */
.gh-facts{position:relative;z-index:3;margin-top:-64px}
.gh-facts-card{
  background:var(--gh-paper);border:1px solid var(--gh-line);border-radius:18px;
  box-shadow:0 22px 50px -28px rgba(7,52,91,.34);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
}
.gh-facts-card>div{padding:28px 26px;border-right:1px solid var(--gh-line)}
.gh-facts-card>div:last-child{border-right:0}
.gh-facts-card h3{font-size:.98rem;margin-bottom:7px}
.gh-facts-card h3::before{
  content:"";display:block;width:26px;height:2.5px;border-radius:2px;
  background:var(--gh-cyan);margin-bottom:13px;
}
.gh-facts-card p{margin:0;font-size:.88rem;line-height:1.55;color:var(--gh-muted)}

/* ---------- generic section ---------- */
.gh-section{padding:92px 0 0}
.gh-section-head{max-width:44rem}
.gh-section-head .gh-lead{margin:16px 0 0}
.gh-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
.gh-link{
  font-size:.92rem;font-weight:650;color:var(--gh-navy);text-decoration:none;
  border-bottom:1.5px solid var(--gh-cyan);padding-bottom:3px;white-space:nowrap;
}
.gh-link:hover{color:var(--gh-cyan-deep)}

/* ---------- dark scope panel ---------- */
.gh-scope{
  background-color:var(--gh-navy);
  background-image:linear-gradient(150deg,var(--gh-navy) 0%,#052C4C 100%);
  border-radius:24px;padding:62px 60px;position:relative;overflow:hidden;
}
.gh-scope::after{
  content:"";position:absolute;right:-160px;bottom:-220px;width:560px;height:560px;
  background:radial-gradient(circle,rgba(39,193,216,.16) 0%,rgba(39,193,216,0) 64%);pointer-events:none;
}
.gh-scope .gh-eyebrow{color:#71D6E6}
body[data-home] .gh-scope h2{color:#fff;position:relative;max-width:22em}
.gh-scope-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:44px}
body[data-home] .gh-scope-grid h3{color:#fff;margin-bottom:10px;padding-top:18px;border-top:2px solid rgba(39,193,216,.55)}
body[data-home] .gh-scope-grid p{margin:0;font-size:.94rem;color:#B3CBDB;line-height:1.62}

/* ---------- plans ---------- */
.gh-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:40px}
.gh-plan{
  position:relative;background:var(--gh-paper);border:1px solid var(--gh-line);border-radius:20px;
  padding:36px 36px 38px;display:flex;flex-direction:column;
  box-shadow:0 18px 44px -34px rgba(7,52,91,.5);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.gh-plan:hover{border-color:#9FD0DE;box-shadow:0 26px 54px -34px rgba(7,52,91,.55);transform:translateY(-2px)}
.gh-plan.is-featured{
  border-color:transparent;color:#EAF4FA;
  background-color:#06294A;
  background-image:linear-gradient(150deg,#0A3A63 0%,#062B4B 58%,#04203A 100%);
  box-shadow:0 26px 60px -32px rgba(4,32,62,.75);
}
body[data-home] .gh-plan-flag{
  position:absolute;top:-13px;left:36px;margin:0;
  background:var(--gh-cyan);color:#04243E;border-radius:999px;padding:5px 14px;
  font-size:.66rem;font-weight:800;letter-spacing:.13em;
}
.gh-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.gh-plan-mark{width:144px;height:144px;object-fit:contain;flex:0 0 auto}
.gh-plan-mark[src*="guard-logo.png"]{height:auto;border-radius:20px}
body[data-home] .gh-plan-kicker{
  margin:0 0 6px;font-size:.68rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gh-cyan-deep);
}
body[data-home] .gh-plan h3{font-size:1.42rem;letter-spacing:-.025em}
body[data-home] .gh-price{
  font-family:var(--gh-display);font-size:2.6rem;font-weight:700;letter-spacing:-.035em;
  line-height:1.1;color:var(--gh-ink);margin:20px 0 0;
}
body[data-home] .gh-price small{display:block;font-size:.86rem;font-weight:400;letter-spacing:0;color:var(--gh-muted);margin-top:8px;line-height:1.5}
.gh-plan-list{
  list-style:none;margin:26px 0 0;padding:24px 0 0;
  border-top:1px solid var(--gh-line);display:grid;gap:13px;
}
body[data-home] .gh-plan-list li{
  position:relative;padding-left:30px;font-size:.95rem;line-height:1.52;color:var(--gh-body);
}
body[data-home] .gh-plan-list li strong{color:var(--gh-ink);font-weight:650}
.gh-plan-list li::before{
  content:"";position:absolute;left:0;top:.18em;width:19px;height:19px;border-radius:50%;
  background:#E3F5F8 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230A6E80' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.4 8.3l3 3 6.2-6.4'/%3E%3C/svg%3E") center/12px no-repeat;
}

/* featured card inverts onto navy */
body[data-home] .gh-plan.is-featured .gh-plan-kicker{color:#71D6E6}
body[data-home] .gh-plan.is-featured h3,
body[data-home] .gh-plan.is-featured .gh-price{color:#fff}
body[data-home] .gh-plan.is-featured .gh-price small{color:#A9C6DA}
.gh-plan.is-featured .gh-plan-list{border-top-color:rgba(255,255,255,.18)}
body[data-home] .gh-plan.is-featured .gh-plan-list li{color:#CFE2EE}
body[data-home] .gh-plan.is-featured .gh-plan-list li strong{color:#fff}
.gh-plan.is-featured .gh-plan-list li::before{
  background:rgba(39,193,216,.2) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2371E2F2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.4 8.3l3 3 6.2-6.4'/%3E%3C/svg%3E") center/12px no-repeat;
}
.gh-plan.is-featured .gh-btn-solid{background:var(--gh-cyan);border-color:var(--gh-cyan);color:#04243E}
.gh-plan.is-featured .gh-btn-solid:hover{background:#48D2E6;border-color:#48D2E6}
.gh-plan.is-featured a:focus-visible{outline-color:#8BE6F5}
.gh-plan-cta{margin:auto 0 0!important;padding-top:30px}
.gh-plan .gh-btn{align-self:stretch}

/* ---------- sample callout ---------- */
.gh-sample{
  margin-top:84px;background:var(--gh-paper);border:1px solid var(--gh-line);border-radius:20px;
  display:flex;gap:40px;align-items:center;justify-content:space-between;
  padding:40px 48px;
}
body[data-home] .gh-sample h2{font-size:clamp(1.6rem,2.1vw,2rem)}
.gh-sample .gh-lead{font-size:1rem;margin:12px 0 0;max-width:40em}
.gh-sample .gh-btn{flex:0 0 auto}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .gh-hero-inner{gap:44px}
  .gh-doc-frame img{height:392px}
  .gh-scope{padding:52px 44px}
  .gh-sample{padding:36px 40px;gap:32px}
}

@media(max-width:900px){
  .gh-hero{padding:54px 0 96px;background-position:center, center 46%}
  .gh-hero-inner{grid-template-columns:1fr;gap:42px}
  .gh-hero-logo{width:340px;margin-bottom:22px}
  .gh-doc-frame img{height:340px}
  .gh-facts-card{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gh-facts-card>div:nth-child(2n){border-right:0}
  .gh-facts-card>div:nth-child(-n+2){border-bottom:1px solid var(--gh-line)}
  .gh-scope-grid{grid-template-columns:1fr;gap:26px}
  .gh-plans{grid-template-columns:1fr}
  .gh-sample{flex-direction:column;align-items:flex-start;gap:26px;padding:34px}
}

@media(max-width:600px){
  body[data-home] .launch-shell{width:calc(100% - 36px)}
  body[data-home] .gh-hero h1{font-size:clamp(2.15rem,8.6vw,2.75rem)}
  .gh-hero{padding:40px 0 84px;background-position:center, center 50%}
  .gh-hero-inner{gap:34px}
  .gh-hero-logo{width:300px;max-width:100%;margin-bottom:18px;border-radius:16px}
  .gh-actions{gap:10px}
  .gh-actions .gh-btn{flex:1 1 100%}
  .gh-doc-frame img{height:270px}
  .gh-doc-bar{padding-inline:14px}
  .gh-facts{margin-top:-52px}
  .gh-facts-card{grid-template-columns:1fr}
  .gh-facts-card>div{border-right:0;border-bottom:1px solid var(--gh-line);padding:22px 22px}
  .gh-facts-card>div:last-child{border-bottom:0}
  .gh-section{padding-top:64px}
  .gh-scope{padding:38px 26px;border-radius:18px}
  .gh-scope-grid{margin-top:32px}
  .gh-plan{padding:28px 26px 30px}
  .gh-plan .gh-btn{align-self:stretch;width:100%}
  .gh-sample{margin-top:64px;padding:28px 24px;border-radius:16px}
  .gh-sample .gh-btn{align-self:stretch;width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  body[data-home] *{transition:none!important}
  .gh-btn:hover{transform:none}
}

.gh-qa-band{padding-top:36px}
.gh-qa-card{
  display:block;background:#fff;border:1px solid var(--gh-line);border-radius:18px;
  padding:22px 28px;font-weight:800;font-size:1.18rem;line-height:1.35;color:var(--gh-navy);
  text-decoration:none;box-shadow:0 22px 50px -28px rgba(7,52,91,.34)
}
.gh-qa-card:hover{border-color:var(--gh-cyan);color:var(--gh-cyan-deep)}
.gh-qa-band .gh-lead{margin:12px 0 0}
.gh-qa-more{margin:18px 0 0}
.gh-qa-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.gh-qa-picks .gh-qa-card{height:100%}
@media(max-width:900px){
  .gh-qa-picks{grid-template-columns:1fr}
}