/*
 * GoreeCloud Design Center — GLAZE UI V1.4 consumer presentation layer.
 * Consumer target: 1.3.0
 * Glaze source revision: 84cb3db4884042f0fa25ed6d475a127fb110f596
 *
 * This is a repository-local website adaptation of the Stable V1.3 contract.
 * It is not the canonical Glaze source bundle and does not itself establish
 * rendered, accessibility, performance, or production acceptance.
 */
:root {
  --v13-accent:#2f7cf6;
  --v13-accent-2:#5b5ce2;
  --v13-teal:#10a6a0;
  --v13-ink:#101828;
  --v13-muted:#596579;
  --v13-canvas:#f4f7fb;
  --v13-panel:#ffffff;
  --v13-line:rgba(15,23,42,.10);
  --v13-glass:rgba(255,255,255,.72);
  --v13-shadow:0 18px 55px rgba(22,34,57,.12);
  --v13-radius:24px;
  --v13-radius-sm:16px;
  --v13-focus:#0b65d8;
  --v13-max:1180px;
  --v13-touch:48px;
  --v13-touch-assisted:56px;
}
@media (prefers-color-scheme:dark){:root{
  --v13-ink:#eef4ff;
  --v13-muted:#aab5c7;
  --v13-canvas:#07111f;
  --v13-panel:#0d1827;
  --v13-line:rgba(255,255,255,.11);
  --v13-glass:rgba(13,24,39,.70);
  --v13-shadow:0 22px 60px rgba(0,0,0,.34);
  --v13-focus:#79b8ff;
}}
html{scroll-behavior:smooth;background:var(--v13-canvas)}
body.glaze-canvas{margin:0;color:var(--v13-ink);background:
  radial-gradient(circle at 12% -8%,rgba(47,124,246,.17),transparent 32rem),
  radial-gradient(circle at 88% 6%,rgba(16,166,160,.13),transparent 28rem),
  var(--v13-canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.62}
.shell{width:min(var(--v13-max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-160%);padding:12px 16px;border-radius:12px;background:var(--v13-panel);color:var(--v13-ink);box-shadow:var(--v13-shadow)}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--v13-line);background:var(--v13-glass);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:11px;min-height:var(--v13-touch);color:var(--v13-ink);text-decoration:none;font-size:1.02rem;font-weight:780;letter-spacing:-.02em}
.brand-mark{filter:drop-shadow(0 8px 20px rgba(47,124,246,.18))}
.site-header nav{display:flex;gap:6px;margin-left:auto;align-items:center}
.site-header nav a,.theme-group button{min-height:var(--v13-touch);display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid transparent;border-radius:999px;color:var(--v13-muted);background:transparent;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}
.site-header nav a:hover,.theme-group button:hover{color:var(--v13-ink);background:rgba(127,127,127,.10)}
.theme-group{display:flex;gap:4px;padding:4px;border:1px solid var(--v13-line);border-radius:999px;background:rgba(127,127,127,.07)}
.theme-group button[aria-pressed="true"]{color:var(--v13-ink);background:var(--v13-panel);box-shadow:0 4px 18px rgba(20,30,50,.10)}
.hero{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:26px;align-items:stretch;padding:clamp(28px,4vw,50px);border:1px solid var(--v13-line);border-radius:32px;background:linear-gradient(145deg,var(--v13-panel),color-mix(in srgb,var(--v13-panel) 88%,var(--v13-accent) 12%));box-shadow:var(--v13-shadow);overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;right:-90px;top:-90px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(91,92,226,.18),transparent 68%);pointer-events:none}
.hero-copy-block{position:relative;z-index:1;max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.79rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--v13-accent)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}
h1.glaze-hero-type{font-size:clamp(3rem,6.4vw,6rem);line-height:.94;letter-spacing:-.064em;margin:.28em 0 .24em;max-width:880px;text-wrap:balance}
.glaze-supporting-type{font-size:clamp(1.08rem,1.65vw,1.28rem);line-height:1.62;color:var(--v13-muted);max-width:68ch}
.hero-identity{position:relative;z-index:1;min-height:300px;padding:24px;border:1px solid color-mix(in srgb,var(--v13-accent) 15%,var(--v13-line));border-radius:28px;background:linear-gradient(155deg,color-mix(in srgb,var(--v13-panel) 88%,transparent),color-mix(in srgb,var(--v13-accent) 8%,var(--v13-panel)));display:grid;place-items:center;align-content:center;gap:16px;text-align:center;overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,#fff 45%,transparent)}
.hero-identity img{width:min(58%,210px);height:auto;filter:drop-shadow(0 22px 28px rgba(47,124,246,.24))}
.hero-identity strong{display:block;font-size:1.2rem;letter-spacing:-.02em}.hero-identity span{color:var(--v13-muted);font-size:.96rem}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.actions .glaze-button,.glaze-button{min-height:var(--v13-touch);display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;border:1px solid var(--v13-line);background:var(--v13-glass);color:var(--v13-ink);text-decoration:none;font-weight:760;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.glaze-button[data-variant="emphasis"],.glaze-button-emphasis{background:linear-gradient(135deg,var(--v13-accent),var(--v13-accent-2));color:white;border-color:transparent;box-shadow:0 12px 28px rgba(47,124,246,.22)}
.glaze-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(20,30,50,.14)}
.section-block{margin-block:clamp(48px,6vw,82px)}
.section-heading{max-width:840px;margin-bottom:26px}.section-heading h2,.adoption h2{font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.045em;margin:.28em 0}.section-heading p,.adoption p{color:var(--v13-muted);font-size:1.08rem;line-height:1.62}
.principle-grid,.demo-grid,.surface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.glaze-card,.surface-card,.principle-card,.release-card{border:1px solid var(--v13-line);border-radius:var(--v13-radius);padding:24px;background:var(--v13-panel);box-shadow:0 10px 32px rgba(20,30,50,.055)}
.glaze-card h3,.principle-card h3,.release-card h3{margin:0 0 9px;font-size:1.17rem;letter-spacing:-.02em}.glaze-card p,.principle-card p,.release-card p{margin:0;color:var(--v13-muted);font-size:1rem;line-height:1.58}
.surface-card{min-height:118px;display:flex;align-items:flex-end;font-size:1rem}.surface-card.glaze,.glaze-material-soft,.glaze-material-deep{background:var(--v13-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.release-band{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.release-card strong.metric{display:block;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.055em;line-height:1;margin-bottom:10px}.status-pending{display:inline-flex;align-items:center;gap:8px;font-weight:760;color:#9a5c00}.status-pending::before{content:"";width:9px;height:9px;border-radius:50%;background:#e9a11b}
.source-anchor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;overflow-wrap:anywhere;color:var(--v13-muted)}
.adoption{padding:clamp(28px,4vw,44px);border:1px solid var(--v13-line);border-radius:30px;background:var(--v13-panel);box-shadow:var(--v13-shadow)}
footer{border-top:1px solid var(--v13-line);margin-top:70px;padding:30px 0 44px}.footer-identity{display:flex;align-items:center;gap:14px}.footer-identity p{margin:2px 0 0;color:var(--v13-muted)}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--v13-focus);outline-offset:3px}
@media (max-width:900px){.nav-wrap{flex-wrap:wrap;padding-block:10px}.site-header nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}.theme-group{margin-left:auto}.hero{grid-template-columns:1fr}.hero-identity{min-height:220px}.principle-grid,.demo-grid,.surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-band{grid-template-columns:1fr}}
@media (max-width:620px){.shell{width:min(100% - 24px,var(--v13-max))}.brand-label-long{display:none}.brand-label-short{display:inline}.theme-group button{padding-inline:12px}.hero{margin-top:18px;padding:24px;border-radius:24px}.hero-identity{min-height:180px;padding:20px}.principle-grid,.demo-grid,.surface-grid{grid-template-columns:1fr}.section-block{margin-block:46px}.section-heading{margin-bottom:20px}.actions{display:grid}.actions .glaze-button{width:100%;box-sizing:border-box}h1.glaze-hero-type{font-size:clamp(2.7rem,15vw,4.8rem)}}
@media (pointer:coarse){.site-header nav a,.theme-group button,.glaze-button{min-height:var(--v13-touch-assisted)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.glaze-button:hover{transform:none}}
@media (prefers-reduced-transparency:reduce){.site-header,.actions .glaze-button,.surface-card.glaze,.glaze-material-soft,.glaze-material-deep{background:var(--v13-panel);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (prefers-contrast:more){:root{--v13-line:currentColor}.glaze-card,.surface-card,.principle-card,.release-card,.adoption,.hero{box-shadow:none}}
@media (forced-colors:active){.site-header,.hero,.hero-identity,.glaze-card,.surface-card,.principle-card,.release-card,.adoption,.glaze-button{forced-color-adjust:auto;background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.glaze-button[data-variant="emphasis"]{background:Highlight;color:HighlightText}.eyebrow{color:LinkText}}
@media print{.site-header,.actions{display:none!important}body.glaze-canvas{background:#fff;color:#000}.hero,.glaze-card,.surface-card,.principle-card,.release-card,.adoption{box-shadow:none;background:#fff;border:1px solid #bbb}.section-block{break-inside:avoid}}

/* Header composition guard: keep brand, primary navigation, and appearance controls in
 * independent layout tracks so long brand copy cannot paint into the first nav item. */
@media (min-width:901px){
  .nav-wrap{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;column-gap:clamp(12px,1.8vw,22px);align-items:center}
  .brand{min-width:0;overflow:hidden}
  .brand-label-long{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-header nav{margin-left:0;min-width:0;justify-content:center}
  .theme-group{justify-self:end;margin-left:0}
}
@media (min-width:901px) and (max-width:1120px){
  .brand-label-long{display:none}
  .brand-label-short{display:inline}
  .site-header nav a{padding-inline:11px;font-size:.94rem}
  .theme-group button{padding-inline:11px}
}