/* Growth edition layout. LP typography is measured against the existing scale. */
#main [data-lp-type="heading"]{font-size:calc(var(--lp-type-base) * 1.15)!important}
#main [data-lp-type="description"]{font-size:calc(var(--lp-type-base) * 1.2)!important}
#main :is(h1,h2,h3,p,small){overflow-wrap:break-word}
.agent-label-short{display:none}
.growth-bundle-mockup{width:100%;height:220px;object-fit:contain;object-position:center;margin:0 auto 15px;border-radius:4px;background:#141813}
.growth-use-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0;gap:12px;text-align:left}
.growth-use-steps li{position:relative;min-width:0;padding:20px 17px;border:1px solid var(--ink);border-radius:4px;background:var(--white);box-shadow:3px 3px var(--ink)}
.growth-use-steps li:last-child{background:var(--lime)}
.growth-use-steps li:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-12px;top:34px;font-size:19px;font-weight:800;background:#edf4d1;width:13px;text-align:center}
.growth-step-number{display:inline-block;font:700 9px/1.3 var(--mono);color:var(--olive);margin-bottom:16px}
.growth-use-steps h3{font-size:20px;line-height:1.08;letter-spacing:-.035em;margin:0 0 10px}
.growth-use-steps p{font-size:12px;color:var(--muted);line-height:1.5}
.growth-folder-list{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.growth-folder-list summary{font-size:11px;font-weight:750;cursor:pointer}
.growth-folder-list ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px 0 0;margin:0}
.growth-folder-list li{font-size:10px;line-height:1.3;border:1px solid var(--line);padding:6px;background:var(--white)}
.growth-folder-list li span{display:block;font:700 8px/1.3 var(--mono);color:var(--olive);margin-bottom:3px}
#addonGiftStatus{display:block;margin:0 0 12px!important;font-size:14px;line-height:1.3}
.addon-gift.is-locked #addonGiftStatus{background:#c72935;color:#fff}
.addon-gift.is-unlocked #addonGiftStatus{background:var(--lime);color:var(--ink)}
#addonGift.is-unlocked #addonGiftStatus{color:#1d5720!important}
@media(max-width:1000px){
 .growth-use-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .growth-use-steps li:after{display:none}
 .growth-use-steps li:nth-child(4){grid-column:1/2}
 .growth-use-steps li:last-child{grid-column:2/4}
}
@media(max-width:700px){
 #roles.role-refresh .role-grid{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:0}
 #roles.role-refresh .role-card{min-width:0;min-height:0;padding:16px 17px;display:block}
 #roles.role-refresh .role-number{float:left;margin-right:10px;margin-top:2px}
 #roles.role-refresh .role-card h3{margin:0 0 9px;font-size:22px;line-height:1.1}
 #roles.role-refresh .role-card>p{display:block;min-height:0;font-size:12px;line-height:1.45}
 #roles.role-refresh .role-card ul{margin-top:10px;padding-top:9px}
 #roles.role-refresh .role-card li{margin:5px 0;font-size:11px;line-height:1.4}
 .growth-bundle-mockup{height:160px;margin-bottom:12px}
 .growth-use-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .growth-use-steps li{padding:13px 12px;box-shadow:2px 2px var(--ink)}
 .growth-use-steps li:nth-child(4){grid-column:auto}
 .growth-use-steps li:last-child{grid-column:1/-1;display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 8px;align-items:start}
 .growth-use-steps li:last-child .growth-step-number{grid-row:1/3;margin:2px 0 0}
 .growth-use-steps li:last-child h3{grid-column:2;margin-bottom:3px}
 .growth-use-steps li:last-child p{grid-column:2}
 .growth-step-number{font-size:8px;margin-bottom:9px}
 .growth-use-steps h3{font-size:17px;margin-bottom:7px}
 .growth-use-steps p{font-size:11px;line-height:1.4}
 #addonGiftStatus{font-size:12px;margin-bottom:9px!important}
}
@media(max-width:600px){
 .agent-label-full{display:none}
 .agent-label-short{display:inline}
 #agentGrid .agent-card{min-width:0;min-height:98px;padding:8px 5px;position:relative}
 #agentGrid .agent-card h3{font-size:10px;min-height:34px;line-height:1.18;overflow-wrap:normal}
 #agentGrid .mobile-agent-detail{grid-column:1/-1;position:relative;margin:2px 0 7px;padding:14px 12px;min-width:0}
 #agentGrid .mobile-agent-detail:before{content:"";position:absolute;top:-6px;left:var(--agent-pointer,12.5%);width:10px;height:10px;transform:rotate(45deg);border-top:1px solid var(--ink);border-left:1px solid var(--ink);background:#eef3dc}
 #agentGrid .mobile-agent-detail>.mobile-agent-icon{display:none}
 #agentGrid .mobile-agent-detail h3{font-size:18px;line-height:1.12}
 #agentGrid .mobile-agent-detail .tool-row{min-width:0;flex-wrap:wrap}
 #main .hero-refresh-title{max-width:100%;line-height:1.04}
 #main .hero-description,#main .intro-copy{max-width:100%}
 .growth-folder-list ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.growth-use-steps *{animation:none;transition:none}}