/* GNO Health & Fitness | standalone public site | REVIEW-ONLY PREVIEW */
html{scroll-behavior:smooth}body{margin:0;background:#faf8f1}#gno-web{min-height:100vh}
#gno-web .skip-link{position:absolute;top:-200px;left:14px;z-index:99;background:#fff;color:#392554;padding:12px 18px;border:3px solid #513575;border-radius:8px}
#gno-web .skip-link:focus{top:14px}
#gno-web .notfound-body{min-height:65vh;padding:15vh 0}#gno-web .brand{gap:0}#gno-web .brandname{font-size:clamp(18px,2vw,23px)}
@media(max-width:800px){#gno-web .brandname{font-size:18px}}
/* The approved original artwork is intentionally NOT replaced with generated art. */

#gno-web{--ivory:#faf8f1;--paper:#fffefb;--lav:#f0eafa;--sage:#e9f0e7;--purple:#513575;--plum:#392554;--gold:#bd8f36;--line:#e6dfd9;--ink:#262229;--muted:#645f64;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);background:var(--ivory);isolation:isolate;overflow:hidden}
#gno-web *,#gno-web *::before,#gno-web *::after{box-sizing:border-box}#gno-web :is(h1,h2,h3,p){margin-top:0}#gno-web a{color:inherit;text-underline-offset:4px}#gno-web a:focus-visible,#gno-web button:focus-visible,#gno-web input:focus-visible,#gno-web select:focus-visible{outline:3px solid #a279da;outline-offset:3px}#gno-web .sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#gno-web .container{width:min(1120px,calc(100% - 44px));margin:auto}#gno-web .eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:850;color:#704b9a;display:block;margin-bottom:13px}#gno-web h1,#gno-web h2,#gno-web h3{font-family:Georgia,'Times New Roman',serif;color:var(--plum);letter-spacing:-.03em;line-height:1.15}#gno-web h1{font-size:clamp(2.6rem,5.7vw,5rem);margin:0 0 22px}#gno-web h2{font-size:clamp(2.05rem,3.7vw,3.1rem);margin:0 0 16px}#gno-web h3{font-size:1.45rem;margin:0 0 12px}#gno-web p{color:#504b50;margin-bottom:16px}#gno-web .lead{font-size:clamp(1.1rem,1.7vw,1.26rem);max-width:690px;line-height:1.7}
#gno-web .topbar{background:var(--plum);color:#fff;font-size:12px;padding:9px 0;text-align:center;letter-spacing:.09em}#gno-web .mast{background:#fff;box-shadow:0 5px 25px #271a2912;position:relative;z-index:5}#gno-web .mastinner{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:98px}#gno-web .brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}#gno-web .brand-mark{width:69px;height:69px;border:1px solid #d9c6a7;background:#221826;border-radius:50%;display:grid;place-items:center;overflow:hidden;position:relative}#gno-web .brand-mark img{width:100%;height:100%;object-fit:contain;display:none}#gno-web .brand-mark em{font:normal 27px Georgia,serif;color:#e9c77f}#gno-web .brandname{font-family:Georgia,serif;font-weight:750;color:var(--plum);font-size:18px;line-height:1.08;letter-spacing:.015em}#gno-web .brandname small{display:block;font:700 10px system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin-top:5px;color:#6f6c67}#gno-web .links{display:flex;gap:17px;align-items:center;flex-wrap:wrap;justify-content:flex-end}#gno-web .links a{font-size:13px;text-decoration:none;font-weight:750;color:#514957}#gno-web .links a:hover,#gno-web .links a[aria-current=page]{color:#714896;text-decoration:underline}#gno-web .links .nav-cta{padding:11px 16px;border-radius:7px;background:var(--purple);color:#fff}#gno-web .links .nav-cta:hover{color:#fff;background:var(--plum)}#gno-web .menu-toggle{display:none;font-weight:800;background:transparent;border:1px solid #d8cee1;color:var(--plum);padding:9px 14px;border-radius:8px;cursor:pointer}
#gno-web .hero{padding:80px 0 86px;background:radial-gradient(circle at 83% 13%,#e1d5ee 0,transparent 28%),linear-gradient(130deg,#fffaf3,#faf8f1 48%,#eff2eb 100%)}#gno-web .hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(270px,.76fr);gap:52px;align-items:center}#gno-web .hero-panel{min-height:325px;position:relative;border:1px solid #e4d9cb;border-radius:16px;padding:32px;background:linear-gradient(156deg,#e8eeda,#fffefd 48%,#eee3f7);display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:18px 18px 0 #d7c2df52}#gno-web .hero-panel::before{content:'';position:absolute;border:1px solid #c5b0cb;border-radius:50%;width:195px;height:195px;transform:translate(-54px,-42px)}#gno-web .hero-panel::after{content:'';position:absolute;border:1px solid #dab46f;border-radius:50%;width:150px;height:150px;transform:translate(72px,42px)}#gno-web .hero-panel-inner{z-index:1;position:relative;background:#fffefaee;padding:22px;border-radius:14px;box-shadow:0 10px 27px #51357515;max-width:250px}#gno-web .hero-panel-inner span{font:italic 26px Georgia,serif;color:var(--purple);display:block;margin-bottom:9px}#gno-web .hero-panel-inner small{font-size:12px;font-weight:800;color:#6c665e;text-transform:uppercase;letter-spacing:.13em}#gno-web .kicker-line{display:block;width:50px;height:3px;background:var(--gold);margin:25px 0}
#gno-web .actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}#gno-web .btn{display:inline-block;padding:13px 20px;border-radius:8px;font-size:14px;font-weight:850;text-decoration:none;border:1px solid var(--purple);transition:background .2s;cursor:pointer}#gno-web .btn.primary{background:var(--purple);color:#fff}#gno-web .btn.primary:hover{background:#392554}#gno-web .btn.secondary{background:#fff;color:var(--purple)}#gno-web .btn.secondary:hover{background:#f1edf6}#gno-web section.block{padding:78px 0}#gno-web section.block.alt{background:#fff}#gno-web section.block.sage{background:var(--sage)}#gno-web section.block.lav{background:var(--lav)}#gno-web .section-head{max-width:790px;margin-bottom:33px}#gno-web .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#gno-web .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}#gno-web .tile{background:var(--paper);border:1px solid #e2dbcf;border-radius:14px;padding:28px;box-shadow:0 13px 29px #45305108;height:100%}#gno-web .tile .number{font-size:12px;color:#9f7532;font-weight:850;letter-spacing:.16em;display:block;margin-bottom:22px}#gno-web .tile p{margin-bottom:13px}#gno-web .tile a{font-size:13px;color:var(--purple);font-weight:800}#gno-web .tile .pill{display:inline-block;padding:6px 9px;color:#574b5c;background:var(--lav);border-radius:20px;font-size:11px;font-weight:750;margin-bottom:14px}
#gno-web .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}#gno-web .panel{border-radius:15px;background:#fff;padding:33px;border:1px solid #e5d9ca;box-shadow:0 12px 32px #402a3810}#gno-web .quote{font:italic clamp(1.5rem,2.6vw,2.15rem)/1.35 Georgia,serif;color:var(--plum)}#gno-web .accent-rule{height:2px;background:linear-gradient(90deg,var(--gold),transparent);width:70px;margin-bottom:22px}#gno-web .point-list{padding-left:1.1rem;color:#4a4649}#gno-web .point-list li{margin:0 0 12px}#gno-web .point-list li::marker{color:var(--gold)}#gno-web .mini{font-size:13px;color:#6b6669}#gno-web .callout{padding:30px 32px;background:var(--plum);border-radius:13px;color:#fff}#gno-web .callout h2,#gno-web .callout h3,#gno-web .callout p{color:#fff}#gno-web .callout .eyebrow{color:#f4ce83}#gno-web .callout .btn.secondary{color:var(--plum)}#gno-web .foot{padding:38px 0;background:#28202f;color:#ded6e2}#gno-web .foot a{color:#f4e1b0}#gno-web .footgrid{display:grid;grid-template-columns:2fr 1fr;gap:24px}#gno-web .foot p{font-size:13px;color:#ded6e2}#gno-web .foot .tiny{font-size:12px;color:#cfc5d1}#gno-web .line{border:0;border-top:1px solid #514359;margin:26px 0}
#gno-web .poll{max-width:710px;margin:auto;background:#fff;border:1px solid #e0d7cd;padding:31px;border-radius:16px;box-shadow:0 20px 50px #281b3114}#gno-web fieldset{border:0;padding:0;margin:0 0 26px}#gno-web legend{font-family:Georgia,serif;font-size:23px;color:var(--plum);font-weight:bold;margin-bottom:16px}#gno-web label.choice{display:block;padding:12px 14px;border:1px solid #dfd3e5;border-radius:10px;margin:0 0 10px;cursor:pointer}#gno-web label.choice:hover{background:#f5f1f8}#gno-web input[type=radio]{accent-color:var(--purple);margin-right:10px}#gno-web .result{border-radius:11px;background:#f0f2eb;padding:20px;margin-top:18px}#gno-web .result[hidden]{display:none}#gno-web .notice{background:#f5eede;border-left:4px solid var(--gold);padding:17px 21px;border-radius:3px;color:#51483b;font-size:14px}
@media(max-width:1000px){#gno-web .mastinner{align-items:center}#gno-web .links{gap:12px}#gno-web .links a{font-size:12px}}
@media(max-width:800px){#gno-web .container{width:min(100% - 34px,1120px)}#gno-web .hero{padding:50px 0 58px}#gno-web .hero-grid,#gno-web .split{grid-template-columns:1fr;gap:24px}#gno-web .hero-panel{min-height:230px}#gno-web section.block{padding:56px 0}#gno-web .grid,#gno-web .grid.two{grid-template-columns:1fr}#gno-web .menu-toggle{display:block}#gno-web .mastinner{min-height:83px;flex-wrap:wrap;padding:10px 0}#gno-web .brand-mark{width:54px;height:54px}#gno-web .brandname{font-size:15px}#gno-web .links{display:none;width:100%;padding:8px 0 17px;flex-direction:column;align-items:stretch;justify-content:start;gap:0}#gno-web .links.is-open{display:flex}#gno-web .links a{padding:12px;border-top:1px solid #eee6ee;font-size:15px}#gno-web .footgrid{grid-template-columns:1fr}#gno-web .poll{padding:22px}#gno-web h1{font-size:clamp(2.65rem,9vw,4.1rem)}}
@media(prefers-reduced-motion:reduce){#gno-web *{scroll-behavior:auto!important;transition:none!important}}

/* Approved GNO original logo — same art as Drive's Original GNO Official Logo.png */
#gno-web .brand{gap:12px}
#gno-web .gno-official-logo{display:block;flex:0 0 auto;width:70px;height:70px;object-fit:contain;border-radius:50%;background:#090909;box-shadow:0 0 0 2px #d0a75d50}
#gno-web .gno-hero-logo{display:block;width:min(168px,55vw);height:auto;aspect-ratio:1;margin:0 auto 16px;border-radius:50%;box-shadow:0 10px 22px #49314925}
#gno-web .hero-panel-inner:has(.gno-hero-logo){max-width:305px}
#gno-web .gno-contact-link{border:0;background:none;color:#f4e1b0;padding:0;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}
#gno-web .gno-contact-link:hover{color:#fff}
#gno-web .gno-contact-link:focus-visible{outline:3px solid #e9c77f;outline-offset:3px}
#gno-web button.btn{font-family:inherit;line-height:1.55}
@media(max-width:800px){#gno-web .gno-official-logo{width:57px;height:57px}#gno-web .brandname{font-size:15px}}
@media(max-width:410px){#gno-web .gno-official-logo{width:50px;height:50px}#gno-web .brandname{font-size:14px}#gno-web .menu-toggle{padding:8px 11px}}

/* Original GNO Herb Hood website experience — original media only */
#gno-web .herb-welcome{background:linear-gradient(128deg,#fff9ef,#f7f2fc 56%,#eff2ea);padding:58px 0 72px;}
#gno-web .herb-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(300px,.93fr);align-items:center;gap:5vw;}
#gno-web .herb-intro em{color:#74508e;font-style:italic}
#gno-web .herb-intro p{max-width:600px}#gno-web .herb-intro .herb-lead{font:1.25rem/1.7 system-ui,sans-serif;color:#38333b;max-width:570px}
#gno-web .ginger-feature{position:relative;margin:0;overflow:hidden;border:5px solid #bc9653;border-radius:22px;background:#110d12;box-shadow:0 25px 52px #2416242e;max-width:480px;justify-self:center;width:100%;}
#gno-web .ginger-feature img{width:100%;height:500px;display:block;object-fit:cover;object-position:center 52%;}
#gno-web .ginger-feature figcaption{display:flex;align-items:baseline;gap:12px;justify-content:center;padding:14px 20px;background:#120e12;color:#ffdfa1;}
#gno-web .ginger-feature figcaption span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ddc79f}#gno-web .ginger-feature figcaption strong{font:1.3rem Georgia,serif;}
#gno-web .herb-gallery-section{background:#fffdfa}#gno-web .herb-gallery-section .section-head{max-width:770px}
#gno-web .herb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;}
#gno-web .herb-character-card{border-radius:16px;overflow:hidden;border:1px solid #d9c5ad;box-shadow:0 14px 28px #28202512;background:#fff;}
#gno-web .herb-character-picture{background:#171219;height:345px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#gno-web .herb-character-picture img{height:100%;width:100%;object-fit:cover;object-position:center center;display:block}
#gno-web .herb-card-copy{padding:23px 23px 26px}#gno-web .herb-card-copy span{font-size:11px;color:#9d7427;letter-spacing:.13em;font-weight:800}
#gno-web .herb-card-copy h3{margin:9px 0 10px;color:#4d2e62}#gno-web .herb-card-copy p{margin:0;font-size:15px;line-height:1.7}
#gno-web .herb-story-section{background:#f0f2e9}#gno-web .herb-story-grid{display:grid;grid-template-columns:1.3fr minmax(230px,.7fr);gap:56px;align-items:center;}
#gno-web .herb-film{max-width:355px;justify-self:center;width:100%;background:#161018;border:6px solid #bda06d;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #24182724;}
#gno-web .herb-film video{display:block;width:100%;aspect-ratio:9/16;height:auto;background:#120e14;}
#gno-web .herb-film-caption{font-size:12px;color:#ead6a9;padding:12px 16px;text-align:center;letter-spacing:.07em}
#gno-web .herb-story-note{font-size:12px;color:#6d646e;margin-top:23px}
@media(max-width:830px){#gno-web .herb-hero-grid,#gno-web .herb-story-grid{grid-template-columns:1fr;gap:28px}#gno-web .herb-welcome{padding:44px 0 55px}#gno-web .ginger-feature{max-width:420px}#gno-web .herb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#gno-web .herb-card-grid{grid-template-columns:1fr}#gno-web .herb-character-picture{height:315px}#gno-web .ginger-feature img{height:385px}#gno-web .herb-card-copy p{font-size:15px}#gno-web .herb-intro .herb-lead{font-size:1.13rem}}

/* Herb Hood responsive art sizing. Never crop the character to fill a card. */
#gno-web .herb-mobile-controls{display:none;}
#gno-web .herb-mobile-controls>span{font-size:14px;font-weight:750;color:#4d2e62;}
#gno-web .herb-size-options{display:flex;gap:5px;background:#f4f0f8;padding:4px;border-radius:10px;}
#gno-web .herb-size-options button{appearance:none;border:1px solid transparent;background:transparent;color:#4d2e62;font:700 13px system-ui,sans-serif;padding:9px 12px;min-height:40px;border-radius:8px;cursor:pointer;}
#gno-web .herb-size-options button.is-selected{background:#4e3272;color:#fff;box-shadow:0 1px 4px #33254233;}
#gno-web .herb-size-options button:focus-visible{outline:3px solid #b592d3;outline-offset:2px;}
#gno-web .ginger-feature img,#gno-web .herb-character-picture img{object-fit:contain;object-position:center;}
@media(max-width:660px){
 #gno-web .herb-welcome{padding:28px 0 42px;}
 #gno-web .herb-hero-grid{grid-template-columns:minmax(0,1fr);gap:18px;}
 #gno-web .herb-intro{min-width:0;}
 #gno-web .herb-intro .actions{gap:10px;flex-wrap:wrap;}
 #gno-web .herb-mobile-controls{display:flex;}
 #gno-web .ginger-feature{width:min(100%,280px);max-width:280px;margin:0 auto;}
 #gno-web .ginger-feature img{height:260px;max-height:260px;object-fit:contain;}
 #gno-web .herb-card-grid{grid-template-columns:minmax(0,1fr);}
 #gno-web .herb-character-picture{height:220px;max-height:220px;}
 #gno-web .herb-character-picture img{height:100%;width:100%;max-width:100%;object-fit:contain;}
 #gno-web .herb-film{width:min(100%,260px);max-width:260px;}
 #gno-web.herb-size-roomy .ginger-feature{width:min(100%,335px);max-width:335px;}
 #gno-web.herb-size-roomy .ginger-feature img{height:335px;max-height:335px;}
 #gno-web.herb-size-roomy .herb-character-picture{height:315px;max-height:315px;}
 #gno-web.herb-size-roomy .herb-film{width:min(100%,320px);max-width:320px;}
}
@media(max-width:360px){#gno-web .herb-mobile-controls{flex-direction:column;align-items:stretch;}#gno-web .herb-size-options{justify-content:center;}}

/* V4 — Real recipe card previews + meaningful interactions. Images are not fabricated. */
#gno-web .recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#gno-web .sample-card{min-width:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e5d9c5;box-shadow:0 10px 35px #33213b12;display:flex;flex-direction:column}
#gno-web .recipe-face{position:relative;min-height:277px;padding:27px 28px 24px;display:flex;flex-direction:column;justify-content:end;isolation:isolate;overflow:hidden}
#gno-web .recipe-face::before{position:absolute;content:'';width:230px;height:230px;right:-70px;top:-75px;border-radius:50%;border:20px solid #ffffff30;z-index:-1}
#gno-web .recipe-face::after{position:absolute;content:'';width:220px;height:220px;right:-110px;top:70px;border-radius:50%;border:1px solid #ffffff55;z-index:-1}
#gno-web .recipe-face.cabbage{background:linear-gradient(133deg,#21422d,#57764b 55%,#a48c46);color:#fff}
#gno-web .recipe-face.berry{background:linear-gradient(136deg,#251a48,#544d98 55%,#ac80b4);color:#fff}
#gno-web .recipe-face.banana{background:linear-gradient(137deg,#524029,#bb8e53 61%,#e8cc82);color:#fff}
#gno-web .recipe-face.infusion{background:linear-gradient(137deg,#31372b,#646834 55%,#b78c36);color:#fff}
#gno-web .recipe-face .recipe-edition{font-weight:850;font-size:11px;letter-spacing:.12em;line-height:1.5;color:#fff9ed}
#gno-web .recipe-face .recipe-symbol{position:absolute;top:50px;right:28px;font:italic 95px/1 Georgia,serif;opacity:.24;color:#fff}
#gno-web .recipe-face h3{color:#fff;font-size:clamp(2rem,3vw,2.85rem);margin:24px 0 14px;text-wrap:balance;text-shadow:0 2px 8px #0002}
#gno-web .recipe-face p{color:#fff;opacity:.96;margin:0}
#gno-web .recipe-tagline{border-top:1px solid #ffffff70;margin-top:20px;padding-top:12px;color:#fff;font:italic 15px Georgia,serif}
#gno-web .recipe-content{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
#gno-web .recipe-content>p{min-height:100px;font-size:15px}
#gno-web .recipe-details{border-block:1px solid #e8e0e8;margin-bottom:20px}
#gno-web .recipe-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-weight:850;color:var(--plum);list-style:none}
#gno-web .recipe-details summary::-webkit-details-marker{display:none}
#gno-web .recipe-details summary span{font-size:25px;line-height:1}
#gno-web .recipe-details[open] summary span{transform:rotate(45deg)}
#gno-web .recipe-details-inner{padding:4px 0 20px;color:#4e4950;font-size:15px}
#gno-web .recipe-details-inner h4{font-size:16px;color:var(--plum);margin:16px 0 8px}
#gno-web .recipe-details-inner ol{padding-left:20px}#gno-web .recipe-details-inner li{margin-bottom:10px}
#gno-web .recipe-details-inner .recipe-holistic{padding:15px;border-radius:9px;background:#f0f0e3;color:#3b3d31}
#gno-web .recipe-actions{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:auto}
#gno-web .recipe-actions .btn{flex:1 1 180px;text-align:center;font-size:13px;padding:12px 12px}
#gno-web .btn.quiet{background:#faf7fc;color:#493061}
#gno-web .btn.quiet:hover{background:#eadff3}
#gno-web .source-note{max-width:920px;margin:24px auto 0;padding:14px 18px;border-left:3px solid #ad8b4d;background:#faf6ed;color:#5d5047;font-size:13px}
#gno-web .next-step-panel{border:1px solid #ded5e7;border-radius:18px;background:#f3eff9;padding:32px 35px}
#gno-web .gno-next-step{background:#fff}
#gno-web .zen-switch{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
#gno-web .zen-switch button{border:1px solid #79608f;background:#fff;color:#392554;border-radius:8px;padding:12px 17px;font-weight:750;cursor:pointer}
#gno-web .zen-switch button.is-selected{background:#513575;color:#fff}
#gno-web .zen-display{border:1px solid #cfc1de;border-radius:15px;padding:29px;background:#fff;max-width:820px}
#gno-web .check-panel label{display:block;margin:12px 0;border:1px solid #e7d9ec;background:#fff;padding:13px;border-radius:8px}
#gno-web .check-panel input[type=checkbox]{width:19px;height:19px;accent-color:#513575;vertical-align:middle;margin-right:9px}
#gno-web .char-go{padding-top:12px;border-top:1px solid #e3d7c7;font-weight:800}
#gno-web .char-go a{color:#513575}
@media(max-width:800px){#gno-web .recipe-grid{grid-template-columns:1fr}#gno-web .recipe-face{min-height:230px}#gno-web .recipe-face h3{font-size:2.25rem}#gno-web .recipe-content{padding:23px}#gno-web .recipe-content>p{min-height:0}#gno-web .recipe-actions .btn{flex-basis:100%}#gno-web .next-step-panel{padding:24px 22px}}
@media print{#gno-web .mast,#gno-web .topbar,#gno-web .foot,#gno-web .gno-next-step,#gno-web .actions,#gno-web .btn,#gno-web .menu-toggle{display:none!important}#gno-web .block{padding:14px!important}#gno-web .container{width:100%!important}#gno-web{background:#fff;font-size:12pt}#gno-web .panel{box-shadow:none}#gno-web a{text-decoration:none}}

/* V5 — prominent unreleased GNO application status. Approved brand image only. */
#gno-web .gno-app-announce{padding:48px 0;background:#f8f5f2;border-top:1px solid #e9dfca;border-bottom:1px solid #e9dfca}
#gno-web .gno-app-ann-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.83fr);gap:clamp(25px,5vw,72px);align-items:center}
#gno-web .gno-app-text{min-width:0}
#gno-web .gno-app-text h1,#gno-web .gno-app-text h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.1;color:#36244c;margin:18px 0 20px}
#gno-web .gno-app-lead{font-size:clamp(1rem,1.65vw,1.19rem);color:#46404b;line-height:1.6}
#gno-web .gno-app-fine{font-size:15px;line-height:1.6;color:#5c515f}
#gno-web .gno-app-release{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.09em;color:#433251;border:1px solid #d8c6df;border-radius:30px;background:#fff;padding:8px 12px;margin:14px 0 0}
#gno-web .gno-app-release strong{color:#4f286d;background:#eee3f6;border-radius:20px;padding:6px 11px;font-size:11px;letter-spacing:.03em}
#gno-web .gno-app-text .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
#gno-web .gno-app-text .actions .btn{white-space:normal;text-align:center}
#gno-web .gno-app-contact-note{font-size:12px;color:#6d6272;margin-top:13px}
#gno-web .app-poster{border-radius:23px;background:radial-gradient(circle at 85% 10%,#50365c,#210e30 63%,#140a21);padding:clamp(24px,4vw,44px) clamp(19px,4vw,40px);box-shadow:0 24px 45px #190f2036;color:#fff;position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:365px;border:2px solid #bb9d53}
#gno-web .app-poster:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #dbbb6c62;bottom:-115px;right:-85px;pointer-events:none}
#gno-web .app-poster-top{display:flex;align-items:center;gap:14px;font:700 13px/1.35 Georgia,serif;letter-spacing:.13em;color:#efdaa4}
#gno-web .app-poster-top img{width:clamp(65px,9vw,90px);height:auto;max-width:90px;aspect-ratio:1;object-fit:contain;flex:0 0 auto}
#gno-web .app-poster-title{margin:34px 0 8px;font:800 clamp(1.9rem,4.2vw,3.2rem)/1.06 Georgia,serif;letter-spacing:.04em;color:#fff7e2}
#gno-web .app-poster-title strong{color:#efd389;font-size:1.23em}
#gno-web .app-poster-status{display:block;align-self:flex-start;padding:11px 15px;border-radius:7px;background:linear-gradient(90deg,#d2aa56,#f7d987);color:#302035;font:800 clamp(1rem,2vw,1.45rem)/1.05 Arial,sans-serif;letter-spacing:.11em;margin:12px 0 19px}
#gno-web .app-poster-caption{line-height:1.55;color:#f9f1e3;font-size:13px}
#gno-web .app-poster-foot{color:#edce87;font:800 11px/1.5 Arial,sans-serif;letter-spacing:.08em;border-top:1px solid #bfa66a64;padding-top:14px;margin-top:25px}
@media(max-width:880px){#gno-web .gno-app-ann-grid{grid-template-columns:minmax(0,1fr)}#gno-web .app-poster{min-height:315px;max-width:560px;width:100%;margin-inline:auto}#gno-web .gno-app-announce{padding:32px 0}}
@media(max-width:420px){#gno-web .gno-app-release{gap:8px}#gno-web .app-poster{padding:22px 19px;min-height:295px}#gno-web .app-poster-title{margin-top:24px;font-size:2.1rem}#gno-web .app-poster-caption{font-size:12px}#gno-web .gno-app-text h1,#gno-web .gno-app-text h2{font-size:2.08rem}}

/* V6 actual GNO app design preview. Assets sourced from the user's real GNO app/staging. */
#gno-web .gno-real-app-landing{background:radial-gradient(circle at 75% 16%,#4a2a56 0,transparent 52%),linear-gradient(125deg,#090809 0,#1d1220 70%,#171018);color:#f9edd4;padding:0 0 70px}
#gno-web .gno-real-app-landing .container{max-width:1200px}
#gno-web .gno-real-app-top{padding:13px 20px;display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #caa45290;flex-wrap:wrap;font-weight:760;font-size:13px;letter-spacing:.06em}
#gno-web .gno-real-app-top>span{color:#f1d59d}#gno-web .gno-real-app-top>strong{color:#fff3c9;background:#472f57;padding:7px 11px;border-radius:8px}
#gno-web .gno-real-app-intro{padding:58px 0 42px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(275px,.76fr);gap:clamp(28px,5vw,75px);align-items:center}
#gno-web .gno-real-app-copy{min-width:0}
#gno-web .gno-real-app-copy .eyebrow{color:#e7bb6b}
#gno-web .gno-real-app-copy h1{color:#f6d48d;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.09;letter-spacing:-.025em;max-width:720px}
#gno-web .gno-real-app-copy h1 em{display:block;font-weight:400;color:#fff;font-style:normal}
#gno-web .gno-real-app-copy p{color:#e8e0e9;max-width:650px;line-height:1.7}
#gno-web .gno-real-app-copy .gno-real-app-lead{font-size:clamp(1.08rem,1.8vw,1.28rem)}
#gno-web .gno-stage-note{padding:16px 18px;margin:22px 0;background:#fff8e9;color:#2d2232;border-left:5px solid #cca34d;border-radius:5px;line-height:1.6}
#gno-web .gno-real-app-copy .btn.primary{background:#d9b66f;color:#221528;border-color:#d9b66f}
#gno-web .gno-real-app-copy .btn.secondary{border-color:#e6cd9d;background:#301f3a;color:#fff}
#gno-web .gno-real-app-copy p.gno-real-app-small{font-size:.86rem;color:#f4dfb5;margin-top:16px}
#gno-web .gno-real-app-phone{max-width:370px;width:100%;margin:0 auto;background:#080808;border:5px solid #cba356;border-radius:25px;padding:8px 8px 13px;box-shadow:0 25px 50px #0009;overflow:hidden}
#gno-web .gno-real-app-phone img{width:100%;height:auto;max-height:545px;object-fit:contain;object-position:top center;display:block;border-radius:14px;background:#090909}
#gno-web .gno-real-app-phone figcaption{color:#ecd7a8;font-size:12px;text-align:center;line-height:1.5;padding:12px 8px 2px}
#gno-web .gno-original-banner{margin:10px 0 0;background:#110c13;border:1px solid #bb9556;border-radius:15px;overflow:hidden;padding:8px;}
#gno-web .gno-original-banner img{width:100%;height:auto;object-fit:contain;display:block;border-radius:9px}
#gno-web .gno-original-banner p{color:#ebc98a;margin:9px 5px 5px;text-align:center;font-size:12px;font-weight:650}
#gno-web .gno-real-app-modules .tile .number{margin-bottom:12px}
#gno-web .gno-real-app-last{border-top:1px solid #e2dcd1}
#gno-web .gno-real-app-home{padding:63px 0;background:linear-gradient(126deg,#1b1020,#0c0a0e);border-block:3px solid #ac8947}
#gno-web .gno-real-app-homegrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(235px,.65fr);align-items:center;gap:clamp(22px,5vw,70px)}
#gno-web .gno-real-app-homecopy h2{color:#ffe1a4;max-width:650px}
#gno-web .gno-real-app-homecopy .eyebrow{color:#edbf76}
#gno-web .gno-real-app-homecopy p{color:#eee4ee}
#gno-web .gno-release-pill{font-size:13px;font-weight:750!important;letter-spacing:.045em;color:#ffdfa8!important;margin:0 0 17px}
#gno-web .gno-release-pill span{color:#f4c878}
#gno-web .gno-real-app-homecopy .btn.primary{background:#d9b66f;border-color:#d9b66f;color:#241429}
#gno-web .gno-real-app-homecopy .btn.secondary{background:transparent;border-color:#e7d2ac;color:#fff}
#gno-web .gno-real-app-homeart{margin:0 auto;width:min(100%,330px);border:3px solid #bc9755;border-radius:18px;overflow:hidden;background:#100a11;padding:7px;box-shadow:0 16px 35px #0007}
#gno-web .gno-real-app-homeart img{width:100%;max-height:380px;object-fit:contain;display:block;border-radius:9px}
#gno-web .gno-real-app-homeart figcaption{color:#f0dcb6;text-align:center;font-size:12px;line-height:1.4;padding:10px 5px}
@media(max-width:850px){#gno-web .gno-real-app-intro,#gno-web .gno-real-app-homegrid{grid-template-columns:1fr}#gno-web .gno-real-app-intro{padding:36px 0 30px}#gno-web .gno-real-app-phone{max-width:330px}#gno-web .gno-real-app-landing{padding-bottom:40px}#gno-web .gno-real-app-home{padding:38px 0}#gno-web .gno-real-app-top{font-size:12px;justify-content:center;text-align:center}}
@media(max-width:430px){#gno-web .gno-real-app-phone{max-width:min(100%,315px)}#gno-web .gno-real-app-copy h1{font-size:2.6rem}#gno-web .gno-real-app-copy .actions .btn{width:100%;text-align:center;white-space:normal}#gno-web .gno-real-app-homecopy .actions .btn{width:100%;text-align:center;white-space:normal}}