/* GoalFrame AI unified Creative Studio homepage. Depends on existing style.css + branding.css. */
.creative-section{padding-top:60px;padding-bottom:26px}
.creative-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:26px}
.creative-heading p{max-width:670px;color:#667569;line-height:1.7;font-size:14px;margin-bottom:0}
.gf-section-cta{white-space:nowrap;border:1px solid #bfd2bd;border-radius:8px;padding:14px 18px;background:white;font-size:12px;font-weight:850;align-self:center;box-shadow:0 5px 18px #1233240b}
.gf-section-cta span{margin-left:12px;color:#72a72d}
.gf-section-cta:hover{border-color:#7cae38;background:#effae9}
.gf-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.gf-category{min-height:189px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:13px;overflow:hidden;padding:18px;border:1px solid #dce8d8;background:linear-gradient(145deg,#ffffff 32%,#e9f5e6);border-radius:13px;transition:border-color .15s,transform .15s,box-shadow .15s}
.gf-category:hover{border-color:#7da938;transform:translateY(-3px);box-shadow:0 15px 30px #183e3012}
.gf-category:focus-visible{outline:3px solid #8bbd36;outline-offset:3px}
.gf-category-symbol{width:55px;height:55px;display:grid;place-items:center;background:#ecf9e3;border:1px solid #dcf0cd;border-radius:15px;font-size:29px;line-height:1}
.gf-category-copy{display:flex;flex-direction:column;gap:6px;margin-right:14px}
.gf-category-copy strong{font-size:16px;letter-spacing:-.4px;color:#17251e}
.gf-category-copy small{font-size:11px;color:#65766b;line-height:1.5;font-weight:500}
.gf-category-arrow{position:absolute;right:17px;bottom:19px;color:#64972e;font-size:20px;font-weight:800}
.gf-category-soccer{background:linear-gradient(140deg,#f7fff3,#e0f1e3)}
.gf-category-dance{background:linear-gradient(140deg,#fff,#f0edff)}
.gf-category-travel{background:linear-gradient(140deg,#fff,#e8f8f9)}
.gf-category-fantasy{background:linear-gradient(140deg,#fff,#eff0ff)}
.gf-category-fashion{background:linear-gradient(140deg,#fff,#faf0f2)}
.gf-category-product{background:linear-gradient(140deg,#fff,#eff3fb)}
.gf-category-custom{background:linear-gradient(140deg,#edf9fa,#e4f0e7)}
.gf-unified-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-top:22px;border-radius:13px;background:linear-gradient(115deg,#0f302b,#173e32 65%,#284b2d);color:white}
.gf-strapline{font-size:9px;letter-spacing:2px;color:#c3eea4;font-weight:950}
.gf-unified-strip h3{font-size:22px;letter-spacing:-.6px;margin:7px 0 5px}
.gf-unified-strip p{color:#cfdfd5;font-size:12px;line-height:1.6;margin:0;max-width:640px}
.gf-strip-button{flex:none;background:#bdf16b;color:#142410;padding:15px 19px;border-radius:7px;font-size:12px;font-weight:900;white-space:nowrap}
.gf-strip-button:hover{background:#d6ff96}.gf-strip-button span{padding-left:14px}
@media(max-width:1000px){.gf-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.creative-section{padding-top:34px}.creative-heading{align-items:flex-start;flex-direction:column;gap:14px}.gf-category{min-height:166px}.gf-unified-strip{flex-direction:column;align-items:flex-start}.gf-strip-button{width:100%;text-align:center}}
@media(max-width:460px){.gf-categories{gap:11px}.gf-category{min-height:175px;padding:13px}.gf-category-symbol{width:47px;height:47px;font-size:25px;border-radius:12px}.gf-category-copy strong{font-size:13px}.gf-category-copy small{font-size:10px}.gf-category-arrow{font-size:16px;right:12px;bottom:13px}.gf-unified-strip{padding:20px}.gf-unified-strip h3{font-size:18px}}