/* ponytail: --accent is TEXT-ONLY (.growth a, .growth-eyebrow); darkened #007d91 -> #00697a for WCAG AA 4.5:1 on both panels (#f3f7f8 and #e2edf0). Do not lighten. */
.growth{--ink:#102633;--muted:#49616e;--line:#c6d5dc;--accent:#00697a;background:#f3f7f8;color:var(--ink);padding:135px 0 80px;font-family:Arial,sans-serif;font-size:17px;line-height:1.75}
.growth-wrap{width:min(1280px,88%);margin:auto}.growth a{color:var(--accent);text-underline-offset:5px}.growth a:hover{text-decoration:underline}.growth h1,.growth h2,.growth h3{color:var(--ink)!important;letter-spacing:-.045em;line-height:1.12;font-family:Arial,sans-serif;font-weight:700}.growth h1{font-size:clamp(38px,4.3vw,68px);margin:20px 0}.growth h2{font-size:clamp(27px,2.5vw,40px);margin:12px 0 24px}.growth h3{font-size:23px}.growth p{margin:0 0 20px}.growth-eyebrow{font-size:11px!important;font-weight:bold;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0!important}.growth-lead{font-size:20px;color:var(--muted)}.growth-crumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:36px}.growth-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.growth-hero figure{margin:0}.growth-hero img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:3px}.growth figcaption,.growth-byline{font-size:12px;color:var(--muted);margin-top:10px}.growth .growth-button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:#072b37;color:#fff!important;padding:17px 22px;border:0;text-decoration:none;font:700 15px Arial,sans-serif;cursor:pointer}.growth-button:hover{background:#005b6b!important}.growth-contents{display:flex;flex-wrap:wrap;gap:12px 28px;border-block:1px solid var(--line);padding:22px 0;margin:55px 0;font-size:13px}.growth-reading{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:100px}.growth-reading article section{margin-bottom:54px;scroll-margin-top:120px}.growth ul{list-style:disc;padding-left:22px}.growth li{margin:12px 0}.growth-reading aside{border-left:1px solid var(--line);padding-left:30px;align-self:start;position:sticky;top:115px;font-size:14px}.growth-reading aside h2{font-size:28px}.growth-reading aside a{display:block;margin:14px 0}.growth-sheet{padding:45px 0 65px;scroll-margin-top:110px}.growth-table{overflow-x:auto;border:1px solid var(--line)}.growth table{width:100%;border-collapse:collapse;min-width:540px;font-size:15px;text-align:left}.growth th,.growth td{padding:22px;border-bottom:1px solid var(--line);vertical-align:top}.growth thead{background:#dfebef}.growth tbody th{width:23%}.growth-brief{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#e2edf0;padding:48px;scroll-margin-top:115px}.growth form label{display:block;font-size:14px;font-weight:bold;margin:18px 0 6px}.growth form label span{font-weight:normal}.growth input,.growth select,.growth textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #829aa4;background:white;color:#102633;padding:13px;font:16px Arial,sans-serif;border-radius:0}.growth form button{margin-top:22px}.growth [hidden]{display:none!important}.growth pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif;padding:20px;background:white;margin:18px 0}.growth #brief-preview{margin-top:24px;border-top:1px solid #829aa4;padding-top:24px}.growth #brief-preview p{font-size:13px;margin-top:16px}.growth-related{padding-top:75px}.growth-related ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.growth-related li{border-top:1px solid var(--line);padding:22px 0}.growth-related li a{display:flex;justify-content:space-between;gap:25px;font-size:20px;font-weight:700;line-height:1.4}.growth-related li p{font-size:14px;color:var(--muted);margin-top:12px}.growth :focus-visible,.growth-skip:focus{outline:3px solid #00a4bc;outline-offset:4px}.growth-skip{position:absolute;left:20px;top:-100px;z-index:9999;padding:15px;background:white;color:#102633}.growth-skip:focus{top:10px}
.growth-bridge{padding:40px 6%;background:#e2edf0;color:#102633;font:17px/1.6 Arial,sans-serif}.growth-bridge h2{color:#102633!important;font-size:28px;letter-spacing:-.03em}.growth-bridge p{color:#102633!important}.growth-bridge a{display:inline-block;margin:14px 25px 0 0;color:#006c80!important;font-weight:bold;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.growth{padding-top:110px;font-size:16px}.growth-wrap{width:90%}.growth-hero,.growth-reading,.growth-brief{grid-template-columns:1fr;gap:28px}.growth-hero img{aspect-ratio:1.7}.growth-reading aside{position:static;border-left:0;border-top:1px solid var(--line);padding:25px 0}.growth-brief{padding:24px}.growth-related ol{grid-template-columns:1fr}.growth-contents{margin:32px 0}.growth h1{font-size:38px}.growth th,.growth td{padding:14px}.growth-crumb{font-size:12px}.growth-bridge h2{font-size:25px}}

/* Brief form: selectable chips (native radios) + motion */
.growth-chips{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.growth-chips legend{display:block;margin-bottom:10px;padding:0;font:700 14px Arial,sans-serif;color:#102633}
.growth-chips--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.growth-chip{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 12px;border:1px solid #829aa4;background:#fff;color:#102633;font:15px/1.25 Arial,sans-serif;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
.growth-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.growth-chip__dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:2px solid #00697a;display:grid;place-items:center;transition:background .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
.growth-chip__dot::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.growth-chip:hover{border-color:#00697a;transform:translateY(-1px);box-shadow:0 8px 20px rgba(7,43,55,.08)}
.growth-chip:has(input:focus-visible){box-shadow:0 0 0 3px rgba(0,105,122,.35)}
.growth-chip:has(input:checked){border-color:#072b37;background:#072b37;color:#fff;box-shadow:0 10px 24px rgba(7,43,55,.22)}
.growth-chip:has(input:checked) .growth-chip__dot{background:#00e7f2;border-color:#00e7f2;transform:scale(1.08)}
.growth-chip:has(input:checked) .growth-chip__dot::after{transform:scale(1);background:#072b37}
.growth input:focus,.growth textarea:focus{outline:none;border-color:#00697a;box-shadow:0 0 0 3px rgba(0,105,122,.18)}
.growth-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.growth-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(7,43,55,.28);background:#0a3a4a}
#brief-preview{animation:growth-pop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes growth-pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:560px){.growth-chips,.growth-chips--compact{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.growth-chips{grid-template-columns:1fr}}

.growth-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.growth-actions .growth-button{margin-top:0}
.growth .growth-button--ghost{background:transparent;color:#072b37!important;border:1px solid #072b37;gap:14px}
.growth .growth-button--ghost:hover{background:#072b37;color:#fff!important}
html[data-theme=dark] body #root-php .growth .growth-button--ghost{background:transparent!important;color:#74e5ed!important;border-color:#74e5ed}
html[data-theme=dark] body #root-php .growth .growth-button--ghost:hover{background:#74e5ed!important;color:#08212a!important}
@media(max-width:560px){.growth-actions{flex-direction:column}.growth-actions .growth-button{width:100%;box-sizing:border-box}}
/* breathing room under the floating header (bottom = 92px desktop, 76px phone) */
@media(max-width:800px){.growth{padding-top:124px}}
@media(max-width:767px){.growth{padding-top:106px}}

/* Mobile planning bridge: fixed card geometry keeps the three choices readable. */
.growth-bridge-kicker,.growth-bridge-target,.growth-bridge-link-icon,.growth-bridge-arrow{display:none}
@media(max-width:767px){
    html body #root-php .growth-bridge{
        width:calc(100% - 36px)!important;box-sizing:border-box;margin:30px auto!important;padding:28px 18px 20px!important;
        display:block!important;border:1px solid #1d5665!important;border-radius:26px!important;
        background:linear-gradient(145deg,#0d2b35,#061b25 70%)!important;box-shadow:0 0 28px rgba(0,205,232,.12)!important;
    }
    html body #root-php .growth-bridge-copy{position:relative;margin:0 0 16px!important;padding:18px 8px 0!important}
    html body #root-php .growth-bridge-kicker{display:flex;align-items:center;gap:14px;margin:0 0 22px!important;color:#55e8f2!important;font:600 12px/1 Orbitron,Arial,sans-serif!important;letter-spacing:.28em;text-transform:uppercase}
    html body #root-php .growth-bridge-kicker span{width:46px;height:1px;background:#55e8f2;display:block}
    html body #root-php .growth-bridge h2{position:relative;margin:0 0 16px!important;color:#f4fbfd!important;font:700 clamp(30px,8.4vw,38px)/1.08 Arial,sans-serif!important;letter-spacing:-.045em!important;max-width:290px}
    html body #root-php .growth-bridge-copy>p:nth-of-type(2){position:relative;margin:0!important;color:#b6c9d0!important;font:400 17px/1.45 Arial,sans-serif!important;max-width:320px}
    html body #root-php .growth-bridge-target{display:grid;place-items:center;position:absolute;right:0;top:48px;width:78px;height:78px;color:#00dce8;opacity:.55}
    html body #root-php .growth-bridge-target svg{width:78px;height:78px;fill:none;stroke:currentColor;stroke-width:1}
    html body #root-php .growth-bridge>a{
        display:grid!important;grid-template-columns:58px minmax(0,1fr) 46px;align-items:center;gap:14px;width:100%;box-sizing:border-box;
        min-height:92px;margin:12px 0 0!important;padding:12px 12px!important;border:1px solid #194858!important;border-radius:20px!important;
        background:rgba(7,31,41,.55)!important;color:#f4fbfd!important;text-decoration:none!important;
    }
    html body #root-php .growth-bridge-link-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(0,181,222,.12);color:#42dff1}
    html body #root-php .growth-bridge-link-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}
    html body #root-php .growth-bridge a>span:nth-child(2){display:block;min-width:0}
    html body #root-php .growth-bridge a strong{display:block;color:#f4fbfd!important;font:700 16px/1.25 Arial,sans-serif!important;letter-spacing:0}
    html body #root-php .growth-bridge a small{display:block;margin-top:5px;color:#8faab4!important;font:400 13px/1.25 Arial,sans-serif!important}
    html body #root-php .growth-bridge-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #00dce8;border-radius:50%;color:#00dce8;font:400 28px/1 Arial,sans-serif}
    html[data-theme=light] body #root-php .growth-bridge{background:linear-gradient(145deg,#e7f3f5,#d6e8ed)!important;border-color:#a8c9d2!important;box-shadow:none!important}
    html[data-theme=light] body #root-php .growth-bridge h2,html[data-theme=light] body #root-php .growth-bridge a strong{color:#102633!important}
    html[data-theme=light] body #root-php .growth-bridge-copy>p:nth-of-type(2),html[data-theme=light] body #root-php .growth-bridge a small{color:#48616d!important}
    html[data-theme=light] body #root-php .growth-bridge>a{background:rgba(255,255,255,.45)!important;border-color:#b4d0d7!important}
}
