.socialTool{padding-block:60px;background:#f4fbf7;border-radius:26px;margin-block:35px;color:#0c4936}.socialToolHeading{max-width:650px;margin-bottom:28px}.socialToolHeading h2{font-size:clamp(30px,4vw,46px);margin-bottom:16px}.socialToolHeading>p{font-size:16px;line-height:1.7}.socialToolGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}#socialConceptForm,#socialConceptForm.reveal{display:block;opacity:1;transform:none;visibility:visible}#socialConceptForm label{display:block;font-size:14px;font-weight:700;margin-bottom:16px}#socialConceptForm input,#socialConceptForm textarea,#socialConceptForm select{display:block;width:100%;padding:12px;border:1px solid #bdd8ca;background:white;border-radius:11px;font-size:16px;margin-top:7px;color:#134b38}.socialControlRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.socialToolNote{font-size:13px;line-height:1.7;color:#526f61}.socialToolNote a{text-decoration:underline}.socialToolStatus{font-size:14px;line-height:1.7;margin-top:16px}.socialPreviewArea{min-height:380px;border:1px solid #bad9c9;background:#e6f6ed;border-radius:22px;padding:22px;position:relative}.socialPreviewIdle{text-align:center;padding:65px 15px}.socialPreviewIdle img{animation:seoIconMove 4s infinite}.socialPreviewIdle p{margin:20px 0 0;font-size:17px}.socialGenerating{text-align:center;padding:70px 15px}.socialGenerating img{display:block;margin:auto auto 25px;animation:planBounce 2s infinite}.socialGenerating span{display:inline-block;width:10px;height:10px;margin:5px;border-radius:50%;background:#138553;animation:seoAmbient 1s infinite}.socialGenerating span:nth-of-type(2){animation-delay:.2s}.socialGenerating span:nth-of-type(3){animation-delay:.4s}.socialPreviewResult[hidden],.socialGenerating[hidden],.socialPreviewIdle[hidden]{display:none}.socialPoster{--post-colour:#005e42;background:var(--post-colour);color:white;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:6px;position:relative;overflow:hidden;animation:seoPageEnter .6s both}.socialPosterBrand{font-weight:800;font-size:17px;overflow-wrap:anywhere;position:relative}.socialPoster>div{position:relative;padding-block:18px}.socialPosterKicker{font-size:12px;letter-spacing:1px;line-height:1.5;margin-bottom:14px}.socialPoster h3{font-size:clamp(25px,3vw,39px);line-height:1.15;margin:0 0 18px;letter-spacing:-.7px;overflow-wrap:anywhere}.socialPosterBody{font-size:15px;line-height:1.6;margin-bottom:18px}.socialPosterCTA{font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:4px}.socialSampleMark{font-size:11px;letter-spacing:1px;opacity:.7;position:relative}.socialPoster.story{aspect-ratio:9/16;max-width:330px;margin:auto}.socialPoster.bold{background:linear-gradient(145deg,var(--post-colour),#10261f)}.socialPoster.bold h3{font-weight:800}.socialPoster.editorial{background:#fff;color:var(--post-colour);border-top:12px solid var(--post-colour)}.socialPoster.editorial h3{font-family:Georgia,serif;font-weight:500}.socialPoster.editorial .socialPosterCTA{border-color:var(--post-colour)}.socialCaption{padding-block:20px}.socialCaption h3{font-size:16px;margin-bottom:8px}.socialCaption p{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.socialPreviewResult:focus{outline:none}html[lang=ar] .socialPoster h3,.socialPoster[lang=ar] h3{line-height:1.5;letter-spacing:0}.socialPoster[lang=ar].editorial h3{font-family:inherit}@media(max-width:700px){.socialTool{padding:32px 22px;border-radius:0;margin-block:20px}.socialToolGrid{grid-template-columns:1fr;gap:22px}.socialPreviewArea{padding:16px;min-height:260px}.socialPreviewIdle{padding:30px 12px}.socialPoster{padding:24px}.socialPoster h3{font-size:30px}#socialConceptForm>.button{width:100%}}@media(prefers-reduced-motion:reduce){.socialPreviewIdle img,.socialGenerating img,.socialGenerating span,.socialPoster{animation:none}}
/* Campaign artwork: live copy over a curated 3D visual, with distinct compositions. */
.socialPoster{isolation:isolate;display:grid;grid-template-rows:auto minmax(125px,1fr) auto auto;gap:12px;padding:24px;aspect-ratio:auto;min-height:480px;border-radius:16px;background:radial-gradient(ellipse at 90% 25%,#ffffff24,transparent 60%),var(--post-colour);box-shadow:0 22px 45px #00291c26;animation:socialCampaignReveal .7s both}
.socialPosterGrid{position:absolute!important;inset:0;z-index:-1;padding:0!important;opacity:.1;background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000);pointer-events:none}
.socialPosterBrand{font-size:16px;letter-spacing:-.3px;line-height:1.4;padding-bottom:12px;border-bottom:1px solid #ffffff38}
.socialPosterArt{padding:0!important;position:relative;min-height:140px;display:grid;place-items:center;overflow:visible}
.socialPosterArt img{width:75%;max-width:250px;height:auto;object-fit:contain;filter:hue-rotate(var(--art-hue,0deg)) saturate(var(--art-saturation,1)) drop-shadow(0 18px 14px #001d2960);transform:rotate(-12deg);animation:socialArtReveal 1.1s both,socialArtFloat 7s 1.1s ease-in-out infinite}
.socialArtOrbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #ffffff45;border-radius:50%;transform:rotateX(55deg) rotate(-25deg);box-shadow:0 0 0 22px #ffffff08;pointer-events:none}
.socialPosterCopy{padding:0!important;z-index:2;position:relative}
.socialPosterKicker{font-size:12px;letter-spacing:1.8px;margin:0 0 8px;color:#ffffffbf;font-weight:600}
.socialPoster h3{font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.03;letter-spacing:-1.1px;margin:0 0 12px;text-wrap:balance;max-width:100%;overflow-wrap:anywhere}
.socialPosterBody{font-size:14px;line-height:1.5;margin:0 0 15px;color:#ffffffda}
.socialPosterCTA{display:inline-block;font-size:12px;line-height:1.5;padding:8px 12px;border:1px solid #ffffff66;border-radius:30px;background:#ffffff12}
.socialSampleMark{font-size:12px;letter-spacing:1.2px;margin-top:4px;opacity:.65;line-height:1.5}
.socialPoster.bold{background:radial-gradient(circle at 70% 32%,#ffffff2a,transparent 50%),linear-gradient(135deg,var(--post-colour),#061719);gap:10px}
.socialPoster.bold .socialPosterArt{min-height:160px}
.socialPoster.bold .socialPosterArt img{width:90%;max-width:290px;transform:rotate(15deg)}
.socialPoster.bold h3{text-transform:uppercase;font-style:italic;font-size:clamp(30px,3.8vw,48px);letter-spacing:-1.5px}
.socialPoster.bold .socialPosterCTA{background:white;color:var(--post-colour);border:0;font-weight:800}
.socialPoster.editorial{background:#f9f8f2;color:var(--post-colour);border:0;border-radius:2px;box-shadow:0 18px 40px #14382714}
.socialPoster.editorial .socialPosterBrand{border-color:currentColor;text-transform:uppercase;letter-spacing:1.5px;font-size:14px}
.socialPoster.editorial .socialPosterGrid{background-image:linear-gradient(var(--post-colour) 1px,transparent 1px);opacity:.07}
.socialPoster.editorial .socialPosterArt{background:#e5ece5;border-radius:50% 50% 0 0;min-height:185px;margin-inline:10px}
.socialPoster.editorial .socialPosterArt img{width:85%;filter:hue-rotate(var(--art-hue,0deg)) saturate(var(--art-saturation,1)) drop-shadow(0 15px 10px #14382730)}
.socialPoster.editorial h3{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.1px;font-style:italic;line-height:1.12}
.socialPoster.editorial .socialPosterKicker,.socialPoster.editorial .socialPosterBody{color:var(--post-colour)}
.socialPoster.editorial .socialPosterCTA{border:1px solid currentColor;background:transparent}
.socialPoster.story{min-height:620px;aspect-ratio:9/16;max-width:350px;width:100%}
.socialPoster.story .socialPosterArt{min-height:220px}
.socialPoster[lang=ar] h3{font-size:32px;line-height:1.3;letter-spacing:0;font-style:normal}
.socialPoster[lang=ar] .socialPosterKicker{letter-spacing:0}
@keyframes socialCampaignReveal{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
@keyframes socialArtReveal{from{opacity:0;transform:translateY(20px) rotate(-20deg) scale(.7)}to{opacity:1;transform:translateY(0) rotate(-12deg) scale(1)}}
@keyframes socialArtFloat{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-8px) rotate(-6deg)}}
@media(max-width:700px){.socialPreviewArea{padding:12px}.socialPoster{padding:20px;min-height:450px;gap:10px}.socialPoster h3,.socialPoster.bold h3{font-size:32px}.socialPosterArt img{max-width:220px}.socialPosterBody{font-size:14px}.socialPoster.story{min-height:580px}.socialPoster[lang=ar] h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.socialPoster,.socialPosterArt img{animation:none}}
.socialPoster.brandArtwork .socialPosterArt{margin:0;min-height:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#ffffff0d}
.socialPoster.brandArtwork .socialPosterArt img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:none;transform:none;animation:socialCampaignReveal .8s both}
.socialPoster.brandArtwork .socialArtOrbit{display:none}
.socialPoster.brandArtwork{grid-template-rows:auto auto auto auto}
.socialPoster.brandArtwork .socialPosterArt[hidden]{display:none}
.socialPoster.brandArtwork.copyOnly{grid-template-rows:auto 1fr auto}
.socialPoster.brandArtwork.story{aspect-ratio:auto}
@media(prefers-reduced-motion:reduce){.socialPoster.brandArtwork .socialPosterArt img{animation:none}}
.socialPreviewArea{scroll-margin-top:110px}
.socialPreviewArea:focus{outline:none}
.socialPreviewStatus{font-size:14px;line-height:1.6;margin:0 0 16px;color:#174f39}
.socialPreviewStatus:empty{display:none}