/* GNY public design system — restrained type, readable surfaces and accessible controls. */
html { scroll-padding-top: 6rem; }
body.gny-portal,body.gny-account { --gny-bg:#0b1020;--gny-surface:#121b2d;--gny-surface2:#182238;--gny-muted:#b0bdd1;--gny-border:rgba(160,180,210,.16);--gny-text:#f1f5fc; }
html[data-theme=light] body.gny-portal,html[data-theme=light] body.gny-account { --gny-bg:#f7f9fc;--gny-surface:#fff;--gny-surface2:#f0f4fa;--gny-muted:#50627b;--gny-border:#dbe3ee;--gny-text:#17243b; }
body.gny-portal .gny-admin-panel,body.gny-portal .gny-shop-card,body.gny-account .login-box { border-radius:18px;box-shadow:0 12px 40px rgba(20,40,70,.07); }
body.gny-portal :focus-visible,body.gny-account :focus-visible { outline:3px solid var(--gny-primary);outline-offset:3px; }
body.gny-site {
 --gny-bg:#0b1020; --gny-bg-soft:#11182a; --gny-surface:#121b2d; --gny-surface2:#182238;
 --gny-text:#f1f5fc; --gny-muted:#b0bdd1; --gny-border:rgba(160,180,210,.16);
 --gny-primary:#38bdf8; --gny-primary-dark:#0284c7; --gny-accent:#4dd4bd;
 --gny-shadow:0 14px 48px rgba(0,0,0,.18); --gny-radius:16px; --gny-radius-lg:24px;
 background:var(--gny-bg); font-size:17px; -webkit-font-smoothing:antialiased;
}
html[data-theme=light] body.gny-site {
 --gny-bg:#f7f9fc; --gny-bg-soft:#edf2f8; --gny-surface:#fff; --gny-surface2:#f0f4fa;
 --gny-text:#17243b; --gny-muted:#50627b; --gny-border:#dbe3ee;
 --gny-primary:#0369a1; --gny-primary-dark:#075985; --gny-accent:#0f766e;
 --gny-shadow:0 14px 48px rgba(35,59,90,.055); background:var(--gny-bg);
}
.gny-skip-link { position:fixed;left:1rem;top:-6rem;z-index:200;padding:.7rem 1rem;background:var(--gny-surface);border:2px solid var(--gny-primary);border-radius:10px;color:var(--gny-text); }
.gny-skip-link:focus { top:.5rem; }
body.gny-site :focus-visible { outline:3px solid var(--gny-primary);outline-offset:4px; }
body.gny-site .gny-container { max-width:1240px; }
body.gny-site .gny-nav { height:76px;background:color-mix(in srgb,var(--gny-bg) 93%,transparent); }
body.gny-site .gny-nav-inner { max-width:1320px;gap:1rem; }
body.gny-site .gny-nav-links { margin-left:auto;gap:.1rem; }
body.gny-site .gny-nav-link { padding:.55rem .65rem;font-size:.86rem;border-radius:8px; }
body.gny-site .gny-logo-text { -webkit-text-fill-color:var(--gny-text);background:none; }
body.gny-site .gny-logo-img { filter:none;border:1px solid var(--gny-border); }
body.gny-site .gny-main { padding-top:0; }
body.gny-site .gny-section { padding:clamp(2.5rem,6vw,5rem) 0; }
body.gny-site .gny-section-head { margin-bottom:2rem;max-width:780px; }
body.gny-site .gny-section-head h2,body.gny-site .gny-section-title { font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.035em;line-height:1.2; }
body.gny-site .gny-section-head p,body.gny-site .gny-muted { color:var(--gny-muted);line-height:1.75; }
body.gny-site .gny-premium-hero { padding:clamp(3rem,7vw,6rem) 1.5rem 3.5rem;text-align:left;border-bottom:1px solid var(--gny-border);background:var(--gny-bg-soft); }
body.gny-site .gny-premium-hero-bg { opacity:.25; }
body.gny-site .gny-premium-hero-inner { max-width:1192px;margin:0 auto; }
body.gny-site .gny-premium-title { font-size:clamp(2.4rem,5.3vw,4.3rem);line-height:1.12;letter-spacing:-.045em;max-width:920px;margin:1.1rem 0; }
body.gny-site .gny-premium-sub { max-width:760px;margin:0;font-size:1.1rem;line-height:1.75;color:var(--gny-muted); }
body.gny-site .gny-premium-badge,.gny-eyebrow { color:var(--gny-primary);font-size:.74rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase; }
body.gny-site .gny-gradient-text { background:linear-gradient(105deg,var(--gny-primary),var(--gny-accent));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent; }
body.gny-site .gny-hero2 { padding:clamp(3rem,7vw,6rem) 0 4rem;min-height:560px;background:var(--gny-bg);border-bottom:1px solid var(--gny-border); }
body.gny-site .gny-hero2-bg { opacity:.28; }
body.gny-site .gny-hero2-grid { gap:3.5rem;align-items:center; }
body.gny-site .gny-hero2-title { font-size:clamp(2.6rem,5.3vw,4.6rem);letter-spacing:-.05em;line-height:1.08;max-width:720px; }
body.gny-site .gny-hero2-lede { color:var(--gny-muted);line-height:1.8;font-size:1.1rem;max-width:590px; }
body.gny-site .gny-hx-eyebrow { letter-spacing:.15em;background:none;border:0;padding:0;color:var(--gny-primary); }
body.gny-site .gny-hero2-chips { gap:.5rem;margin-top:1.6rem; }
body.gny-site .gny-hero2-chips li { border-radius:8px;background:var(--gny-surface);border:1px solid var(--gny-border);font-size:.8rem; }
body.gny-site .gny-hero2-media { box-shadow:var(--gny-shadow);border:1px solid var(--gny-border);border-radius:22px;overflow:hidden;background:var(--gny-surface); }
body.gny-site .gny-hero2-media-note { padding:0 1rem; }
body.gny-site .gny-btn { min-height:44px;border-radius:10px;font-weight:600;gap:.55rem;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:none;white-space:normal;text-align:center; }
body.gny-site .gny-btn-primary { background:var(--gny-primary);color:#071827;border:1px solid var(--gny-primary); }
html[data-theme=light] body.gny-site .gny-btn-primary { color:#fff; }
body.gny-site .gny-btn-primary:hover { background:var(--gny-primary-dark);border-color:var(--gny-primary-dark);color:#fff;box-shadow:0 6px 18px rgba(2,132,199,.16); }
body.gny-site .gny-btn-ghost { background:transparent;color:var(--gny-text);border:1px solid var(--gny-border); }
body.gny-site .gny-btn:disabled { opacity:.5;cursor:not-allowed; }
body.gny-site .gny-toggle-btn { min-height:40px;min-width:40px; }
body.gny-site .gny-premium-grid,body.gny-site .gny-cards { gap:1.3rem; }
body.gny-site .gny-premium-card,body.gny-site .gny-card,body.gny-site .gny-prose-block,body.gny-site .gny-shop-card,body.gny-site .gny-admin-panel { background:var(--gny-surface);border:1px solid var(--gny-border);box-shadow:var(--gny-shadow);border-radius:18px; }
body.gny-site .gny-premium-card,body.gny-site .gny-card { padding:1.7rem;transition:border-color .18s; }
body.gny-site .gny-premium-card:hover,body.gny-site .gny-card:hover { transform:none;border-color:color-mix(in srgb,var(--gny-primary) 40%,var(--gny-border)); }
body.gny-site .gny-premium-card-glow { display:none; }
body.gny-site .gny-premium-card h3,body.gny-site .gny-card h3 { letter-spacing:-.02em;font-size:1.23rem;line-height:1.35; }
body.gny-site .gny-premium-card p,body.gny-site .gny-card p { line-height:1.75; }
body.gny-site .gny-premium-card-icon,body.gny-site .gny-card-ic { border-radius:12px;background:color-mix(in srgb,var(--gny-primary) 10%,transparent);color:var(--gny-primary); }
body.gny-site .gny-site-band { background:var(--gny-bg-soft);border-block:1px solid var(--gny-border); }
body.gny-site details { margin:.55rem 0;color:var(--gny-muted); }
body.gny-site summary { cursor:pointer;color:var(--gny-text);padding:.35rem 0;font-size:.92rem; }
body.gny-site details[open] { padding-bottom:.7rem; }
body.gny-site details h4 { color:var(--gny-text);font-size:.9rem;margin:1rem 0 .3rem; }
body.gny-site .gny-footer { background:var(--gny-bg-soft);border-top:1px solid var(--gny-border);padding-top:3.5rem; }
body.gny-site .gny-footer a:not(.gny-logo) { color:var(--gny-muted); }
body.gny-site .gny-footer a:hover { color:var(--gny-primary); }
.gny-design-layout { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:3rem;align-items:start; }
.gny-design-guide { position:sticky;top:6.5rem; }
.gny-design-guide h2 { font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.2; }
body.gny-site .gny-steps li::before { grid-column:1;grid-row:1 / span 2; }
body.gny-site .gny-steps li strong { grid-column:2;grid-row:1;min-width:0; }
body.gny-site .gny-steps li span { grid-column:2;grid-row:2;min-width:0; }
.gny-design-form-panel { padding:clamp(1.2rem,3vw,2rem); }
.gny-design-form-panel h2 { margin-top:0; }
.gny-design-form .gny-field { margin:1.2rem 0; }
.gny-design-form label { display:block;margin-bottom:.45rem;font-weight:600;font-size:.95rem; }
.gny-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 1rem; }
.gny-design-form .gny-input { width:100%;background:var(--gny-bg);color:var(--gny-text);border:1px solid var(--gny-border);padding:.8rem .9rem;border-radius:10px;font:inherit; }
.gny-design-form textarea { resize:vertical;min-height:130px; }
.gny-field-help { font-size:.85rem;color:var(--gny-muted);line-height:1.6;margin:.45rem 0; }
.gny-callout { display:flex;gap:1rem;padding:1.2rem;border:1px solid var(--gny-border);border-left:3px solid var(--gny-primary);border-radius:12px;background:var(--gny-surface);margin:1.5rem 0; }
.gny-callout svg { flex-shrink:0;width:24px;color:var(--gny-primary);margin-top:.2rem; }
.gny-callout p { margin:0;line-height:1.65; }
.gny-honeypot { position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden; }
.gny-photo-preview { display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem; }
.gny-photo-preview figure { width:100px;margin:0; }
.gny-photo-preview img { width:100px;height:90px;object-fit:cover;border-radius:8px; }
.gny-photo-preview figcaption { font-size:.7rem;overflow-wrap:anywhere;color:var(--gny-muted); }
.gny-retail-note { display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--gny-border);border-left:3px solid var(--gny-accent);border-radius:14px;background:var(--gny-surface);margin-bottom:1.5rem; }
.gny-retail-note p { margin:.3rem 0;color:var(--gny-muted); }
@media(max-width:1180px){body.gny-site .gny-nav-links{display:none}body.gny-site .gny-menu-toggle{display:flex}body.gny-site .gny-mobile-menu.open{display:flex!important}}
@media(max-width:900px){.gny-design-layout{grid-template-columns:1fr;gap:1.5rem}.gny-design-guide{position:static}body.gny-site .gny-hero2-grid{gap:2rem}body.gny-site .gny-premium-hero{padding-inline:1rem}}
@media(max-width:560px){body.gny-site .gny-nav{height:68px}body.gny-site .gny-logo-text{font-size:.95rem}body.gny-site .gny-nav-actions>a.gny-btn-ghost{display:none}body.gny-site .gny-nav-actions .gny-btn{font-size:.78rem;padding:.5rem .7rem}body.gny-site .gny-nav-inner{gap:.5rem;padding-inline:.75rem}body.gny-site .gny-premium-title{font-size:2.25rem}.gny-form-grid{grid-template-columns:1fr}.gny-retail-note{flex-direction:column;gap:.6rem}body.gny-site .gny-hero2-title{font-size:2.65rem}body.gny-site .gny-cta-row .gny-btn{flex:1 1 160px}body.gny-site .gny-premium-card{padding:1.25rem}}
@media(max-width:360px){body.gny-site .gny-logo-text{display:none}body.gny-site .gny-nav-inner{gap:.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.gny-site *,body.gny-site *::before,body.gny-site *::after{animation:none!important;transition:none!important}}