/* Final visual polish for BrounStack About page */

.about-section-head h2,.story-copy h2,.story-card blockquote,.about-cta-copy h2{text-wrap:balance}
.about-section-head p,.story-copy p,.story-card p,.purpose-card p,.loop-card p,.offer-card p,.audience-card p,.about-cta-copy p{text-wrap:pretty}
.story-copy p,.purpose-card p,.loop-card p,.offer-card p,.audience-card p{font-size:14px;line-height:1.76}
.about-proof span{font-size:10.5px;line-height:1.5}
.story-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:24px}
.story-copy,.story-card{min-height:100%}
.story-card{display:flex;flex-direction:column;justify-content:center;padding:40px}
.story-card blockquote{max-width:560px;font-size:clamp(29px,2.55vw,38px);line-height:1.16;letter-spacing:-1px}
.story-card p{max-width:530px;color:#c0d2e6}
.story-values{margin-top:30px}.story-values span{font-size:11px}
.about-loop .about-section-head,.about-offer .about-section-head,.about-audience .about-section-head{max-width:900px}
.about-loop .about-section-head h2,.about-offer .about-section-head h2{font-size:clamp(34px,3.9vw,50px)}
.purpose-card{min-height:275px;padding:32px}.purpose-card h3{margin-top:20px}.purpose-card strong{font-size:11.5px;letter-spacing:.01em}
.purpose-card strong{display:inline-flex;margin-top:26px}
.purpose-card strong a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid rgba(7,82,220,.18);border-radius:12px;background:linear-gradient(105deg,#0752dc,#0a7bff);color:#fff;font-size:11px;font-weight:900;letter-spacing:.035em;line-height:1;box-shadow:0 10px 22px rgba(10,123,255,.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.purpose-card strong a:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(10,123,255,.24);background:linear-gradient(105deg,#064ac7,#0874ef)}
.purpose-card.dark strong a{border-color:rgba(159,205,255,.24);background:rgba(255,255,255,.10);color:#eaf6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.10);backdrop-filter:blur(8px)}
.purpose-card.dark strong a:hover{border-color:rgba(159,205,255,.42);background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 28px rgba(0,0,0,.14)}
.loop-card{min-height:255px;padding:30px}.loop-card h3{font-size:22px;line-height:1.18}.loop-card b{font-size:10.5px;letter-spacing:.025em}
.offer-grid{grid-template-columns:1.08fr .96fr .96fr;grid-template-rows:226px 226px;gap:16px}
.offer-card{padding:27px}.offer-card.large{display:flex;flex-direction:column;min-height:468px}.offer-card h3{font-size:22px;line-height:1.22}.offer-card p{max-width:520px;color:#bed0e5}
.offer-flow{display:flex;align-items:center;gap:9px;margin:28px 0 24px;padding:13px;border:1px solid rgba(160,202,255,.14);border-radius:16px;background:rgba(255,255,255,.045)}
.offer-flow span{min-width:0;flex:1 1 0;padding:10px 8px;border:1px solid rgba(160,202,255,.12);border-radius:11px;background:rgba(255,255,255,.045);color:#f5faff;font-size:10.5px;font-weight:850;text-align:center}
.offer-flow i{flex:0 0 auto;color:#69b7ff;font-size:14px;font-style:normal;font-weight:900}
.offer-paths{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.offer-paths span{min-height:56px;padding:12px 13px;border:1px solid rgba(160,202,255,.14);border-radius:13px;background:rgba(255,255,255,.055);color:#fff;font-size:12px;font-weight:850}
.offer-paths small{margin-top:3px;color:#9fc1e5;font-size:9.5px;font-weight:600}
.offer-tags{gap:8px}.offer-tags span{font-size:10.5px;font-weight:800}
.audience-grid{gap:18px}.audience-card{position:relative;min-height:195px;padding:27px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.audience-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#082b63,#0a7bff,#36a9ff);opacity:0;transition:opacity .18s ease}
.audience-card:hover{transform:translateY(-5px);border-color:#b9d6f7;box-shadow:0 20px 48px rgba(3,22,55,.09)}.audience-card:hover::after{opacity:1}
.audience-card>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;color:#0752dc;font-size:13px;font-weight:900}
.audience-card h3{margin-top:20px;color:#102b52;font-size:20px;line-height:1.2}.audience-card p{color:#536e90}
.about-cta-copy p{color:#c5d6e9;font-size:14px;line-height:1.7}
.about-footer-brand p{color:#536d8e;font-size:13px;line-height:1.7}.about-footer-brand>span{font-size:10.5px;font-weight:850}
.about-footer-grid h4{font-size:12px;font-weight:850}.about-footer-grid>div:not(.about-footer-brand) a{font-size:12px;line-height:1.55;font-weight:550}.about-footer-bottom{font-size:10.5px}
.about-page a:focus-visible,.about-page button:focus-visible{outline:3px solid rgba(10,123,255,.35);outline-offset:3px}

/* Hero learning-system refinement */
.about-visual{min-height:500px}
.about-visual::before{width:min(88%,510px);background:radial-gradient(circle,rgba(10,123,255,.15),rgba(18,98,255,.055) 40%,transparent 72%);filter:blur(10px)}
.learning-system{width:min(100%,520px);aspect-ratio:1.04}
.system-line{width:392px;height:392px;border-color:rgba(10,123,255,.34);box-shadow:0 0 0 15px rgba(10,123,255,.022),inset 0 0 48px rgba(10,123,255,.025)}
.system-line::before{content:"";position:absolute;inset:17px;border:1px solid rgba(10,123,255,.065);border-radius:50%}
.system-core{width:228px;height:228px;border-radius:40px;box-shadow:0 28px 64px rgba(3,22,55,.21),0 0 0 1px rgba(10,123,255,.055)}
.system-core::after{content:"";position:absolute;inset:-10px;border:1px solid rgba(10,123,255,.08);border-radius:48px;pointer-events:none}
.system-core img{width:58px;height:58px;padding:10px;border-radius:18px;box-shadow:0 11px 25px rgba(0,0,0,.16)}
.system-core b{margin-top:16px;font-size:23px;letter-spacing:-.35px}
.system-core span{margin-top:7px;color:#b4d3f3;font-size:10.5px;letter-spacing:.075em}
.system-node{width:160px;min-width:160px;min-height:116px;display:flex;flex-direction:column;justify-content:center;padding:15px 16px;border-color:#d5e5f7;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 15px 36px rgba(3,22,55,.09),0 1px 0 rgba(255,255,255,.95)}
.system-node strong{color:#0d2f5c;font-size:14px;line-height:1.2}
.system-node span{margin-top:5px;color:#536f91;font-size:11px;line-height:1.42;text-wrap:balance}
.system-node i{width:36px;height:36px;margin-bottom:11px;border:1px solid #dcecff;border-radius:11px;background:linear-gradient(145deg,#eef7ff,#e4f1ff);font-size:13px;box-shadow:0 6px 14px rgba(10,123,255,.07)}
.node-learn{left:4px;top:30px}.node-practice{right:0;top:49px}.node-build{right:5px;bottom:31px}.node-grow{left:9px;bottom:37px}
.system-node::after{content:"";position:absolute;width:30px;height:1px;background:linear-gradient(90deg,rgba(10,123,255,.10),rgba(10,123,255,.48));opacity:.7;pointer-events:none}
.node-learn::after{right:-27px;bottom:23px;transform:rotate(17deg);transform-origin:left center}
.node-grow::after{right:-27px;top:24px;transform:rotate(-17deg);transform-origin:left center}
.node-practice::after{left:-27px;bottom:23px;transform:rotate(-17deg);transform-origin:right center;background:linear-gradient(90deg,rgba(10,123,255,.48),rgba(10,123,255,.10))}
.node-build::after{left:-27px;top:24px;transform:rotate(17deg);transform-origin:right center;background:linear-gradient(90deg,rgba(10,123,255,.48),rgba(10,123,255,.10))}

@media(max-width:1000px){.story-grid{grid-template-columns:1fr}.offer-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.offer-card.large{grid-column:1 / -1;min-height:0}.offer-card.wide{grid-column:1 / -1}.offer-flow{max-width:720px}}
@media(max-width:920px){.about-hero-grid{grid-template-columns:minmax(0,1fr);min-width:0}.about-hero-copy,.about-visual{width:100%;min-width:0}.about-hero-copy h1,.about-hero-copy>p{max-width:100%}}
@media(max-width:720px){.story-card{padding:30px}.story-card blockquote{font-size:clamp(26px,8vw,34px)}.purpose-card,.loop-card,.audience-card{padding:24px}.purpose-card strong a{min-height:42px;padding:0 15px;font-size:10.5px}.offer-grid{grid-template-columns:1fr}.offer-card.large,.offer-card.wide{grid-column:auto}.offer-flow{gap:6px;padding:10px}.offer-flow span{font-size:9.5px;padding:9px 5px}.offer-flow i{font-size:12px}.offer-paths{grid-template-columns:1fr 1fr}.about-hero-copy h1{max-width:100%;font-size:clamp(40px,11.5vw,52px);letter-spacing:-2px;overflow-wrap:anywhere}.about-actions{width:100%;max-width:100%}.about-trust{max-width:100%}.about-visual{min-height:380px;overflow:hidden}.learning-system{width:min(100%,420px);max-width:100%;transform:scale(.84);transform-origin:center}.system-node span{font-size:10.8px}}
@media(max-width:520px){.about-hero-copy h1{font-size:clamp(38px,11vw,46px);letter-spacing:-1.7px}.about-visual{min-height:340px}.learning-system{width:100%;max-width:360px;transform:scale(.78)}}
@media(max-width:480px){.offer-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr}.offer-paths{grid-template-columns:1fr}.story-values{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.audience-card,.loop-card,.about-btn,.purpose-card strong a{transition:none!important}.audience-card:hover,.loop-card:hover,.about-btn:hover,.purpose-card strong a:hover{transform:none!important}}