/* Shared navigation for all seven pages. */
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;background:#191b21b0;backdrop-filter:blur(8px);color:white;transition:background .2s;z-index:2}.film-play:hover{background:#3c414bd9}.film-play[hidden]{display:none}.film-play span{margin-left:3px;font-size:18px}
.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;padding:44px max(36px,calc((100vw - 1120px)/2));min-height:180px;background:#161719;border-top:1px solid #34363a}.site-footer>a{flex-shrink:0;margin-top:5px}.site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 36px;width:min(750px,100%)}.site-footer nav a{display:flex;justify-content:space-between;gap:18px;font-size:13px;line-height:1.5;color:#b9bdc5;transition:color .2s}.site-footer nav a:hover,.site-footer nav a[aria-current]{color:#fff}.site-footer nav a span{color:#686d77}
.tool-page{--blue:var(--accent);overflow-wrap:break-word}.tool-page .eyebrow{color:var(--accent)}.tool-page h2{font-size:clamp(32px,3.7vw,48px)}.tool-page .section-heading h2{margin-top:15px}.tool-page .section-heading p{margin-top:22px;max-width:470px}.tool-page .text-link{color:var(--accent)}.tool-page .primary:hover{background:var(--accent)}.tool-page .section{scroll-margin-top:30px}.tool-hero{position:relative;padding:28px 0 0;overflow:hidden}.tool-hero>.container{position:relative}.tool-hero .hero-grid{background-image:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 63%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px)}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#92959c;font-size:11px;line-height:1.6}.breadcrumbs a:hover{color:white}.breadcrumbs>span:last-child{color:#c0c3c9}.tool-hero-copy{text-align:center;padding:52px 0 39px;margin:auto;max-width:1040px}.tool-hero-copy h1{font-size:clamp(40px,5.15vw,68px);letter-spacing:-.053em;line-height:1.08;font-weight:720;margin:24px 0}.tool-hero-copy h1 em{display:block;font-style:italic;font-synthesis:style;font-weight:380;color:#93969e;margin-top:8px;font-size:.91em;letter-spacing:-.052em}.tool-hero-copy>p{max-width:675px;margin:0 auto;font-size:17px;line-height:1.7}.tool-actions{display:flex;justify-content:center;gap:12px;margin:29px 0 23px}.tool-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;color:#9399a4;font-size:11px}.tool-tags span:first-letter{color:var(--accent)}.tool-hero-art{max-width:1000px;border:1px solid #41434a;border-radius:14px;overflow:hidden;margin:0 auto;background:#161719;box-shadow:0 20px 100px #0003}.tool-hero-art>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.tool-hero-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;font-size:10px;color:#8d939e}.tool-hero-art figcaption>span:first-child{color:var(--accent);font-weight:600;letter-spacing:.03em}.page-index{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 34px;padding:26px 0;border-bottom:1px solid #34363a;margin-top:20px;font-size:12px;color:#a5a9b2}.page-index a:hover{color:var(--accent)}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.story-copy p+p{margin-top:20px}.story-copy .text-link{margin-top:25px;display:inline-flex}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.sample-card{min-width:0}.sample-art{height:325px;border-radius:10px;position:relative;overflow:hidden;background:#eee9e0;color:#181b22;display:flex;flex-direction:column;padding:26px 25px;isolation:isolate}.art-kicker{font-size:9px;letter-spacing:.07em;text-transform:uppercase;opacity:.7}.sample-art strong{display:block;font-size:29px;line-height:1.04;letter-spacing:-.045em;max-width:230px;margin-top:21px;position:relative;z-index:2}.art-bottom{font-size:9px;letter-spacing:.025em;margin-top:auto;z-index:2;position:relative}.art-shapes{position:absolute;inset:0;z-index:0}.art-shapes i{display:block;position:absolute}.sample-copy{padding:25px 4px 0}.sample-copy .eyebrow{font-size:10px}.sample-copy h3{font-size:22px;line-height:1.3;margin:9px 0 13px}.sample-copy p{font-size:14px;line-height:1.75}.sample-note{font-size:11px;color:#767d88;margin-top:35px}.sample-card:hover .art-shapes{transform:scale(1.035)}.art-shapes{transition:transform .65s ease}
/* Editable visual studies. */
.art-presentations .art-shapes{inset:auto 24px 55px;height:80px;border-bottom:1px solid #b9b0d4;display:flex;align-items:end;gap:16px}.art-presentations .art-shapes i{position:static;width:28%;background:#8470ed;border-radius:4px 4px 0 0;height:40%}.art-presentations .art-shapes i:nth-child(2){height:72%;background:#a090e9}.art-presentations .art-shapes i:nth-child(3){height:100%;background:#5743a7}.art-presentations.variation-1{background:#b6acf2}.art-presentations.variation-2{background:#2d2842;color:#f5f3ff}.art-presentations.variation-2 .art-shapes{gap:9px}.art-presentations.variation-2 .art-shapes i{border-radius:50%;width:65px;height:65px;background:#b4a3fa}.art-presentations.variation-2 .art-shapes i:nth-child(2){opacity:.7}.art-presentations.variation-2 .art-shapes i:nth-child(3){opacity:.35}
.art-images{background:#28212e;color:white}.art-images .art-shapes i{width:150px;height:150px;border-radius:48% 52% 38% 62%;right:-20px;bottom:30px;background:radial-gradient(circle at 30% 25%,#f3d4ff,#b788cf 40%,#3b1555 78%);transform:rotate(-25deg);box-shadow:inset -10px -20px 30px #250b38,0 20px 40px #130918}.art-images .art-shapes i:nth-child(2){right:100px;width:80px;height:80px;bottom:40px;filter:hue-rotate(35deg)}.art-images.variation-1{background:#e5ae82;color:#402516}.art-images.variation-1 .art-shapes{filter:hue-rotate(105deg)}.art-images.variation-2{background:#e7c7d5;color:#332033}.art-images.variation-2 .art-shapes{filter:hue-rotate(210deg)}
.art-video{background:#342729;color:#ffe7d8}.art-video .art-shapes{top:142px;background:linear-gradient(0deg,#372529,#68454b,transparent);border-top:1px solid #ffffff19;transform:skewY(-10deg)}.art-video .art-shapes i:first-child{height:75px;width:75px;right:55px;bottom:55px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#fff1ca,#dca494,#3d263a 75%);box-shadow:20px 15px 30px #180d2288}.art-video .art-shapes i:nth-child(2){height:150px;width:200%;background:#c88c7266;left:-40%;bottom:-100px;transform:rotate(-10deg)}.art-video.variation-1{background:#d2b5a3;color:#3a2b2a}.art-video.variation-2{background:#242335;color:#f4c5c3}
.art-posts{background:#ff795f;color:#261c1c}.art-posts strong{max-width:200px;font-size:34px}.art-posts .art-shapes i:first-child{width:100px;height:100px;border:22px solid #eee7d7;border-radius:50%;right:10px;bottom:46px;transform:rotate(-20deg)}.art-posts .art-shapes i:nth-child(2){width:95px;height:28px;background:#242526;right:85px;bottom:55px;transform:rotate(28deg)}.art-posts.variation-1{background:#eee7d7}.art-posts.variation-1 .art-shapes i:first-child{border-color:#f2725f}.art-posts.variation-2{background:#363b34;color:#efe9d7}
.art-infographics{background:#e3ebe0;color:#1b3529}.art-infographics .art-shapes{inset:auto 25px 55px;height:65px;display:flex;gap:15px;align-items:center;justify-content:space-between}.art-infographics .art-shapes i{position:static;width:60px;height:60px;background:#519d79;border-radius:50%;box-shadow:0 0 0 7px #529e7919}.art-infographics .art-shapes i:nth-child(2){background:#91ba9d}.art-infographics .art-shapes i:nth-child(3){background:#c0d3bb}.art-infographics.variation-1{background:#b5caba}.art-infographics.variation-1 .art-shapes i{border-radius:9px;height:80px}.art-infographics.variation-2{background:#1f3b30;color:#e4efdc}
.art-logos{background:#e9dfca;color:#302820}.art-logos .art-shapes{inset:auto 0 58px;height:90px;display:flex;align-items:center;justify-content:center}.art-logos .art-shapes i{position:static;width:47px;height:70px;border:9px solid #5b4b37;transform:skewY(-30deg);border-radius:2px}.art-logos .art-shapes i:nth-child(2){transform:skewY(30deg);border-left:0}.art-logos .art-shapes i:nth-child(3){display:none}.art-logos.variation-1{background:#4a3f35;color:#eee5d8}.art-logos.variation-1 .art-shapes i{border-color:#dec8a4}.art-logos.variation-2{background:#b78d5a;color:#221c18}
.tool-steps{gap:28px}.tool-steps p{font-size:14px}.prompt-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:75px}.prompt-symbol{display:block;font-size:110px;line-height:1;color:var(--accent);opacity:.75;margin:40px 0 0;transform:rotate(-10deg)}.prompt-card{padding:28px;border:1px solid #43454b;background:#252629;border-radius:12px}.prompt-card+.prompt-card{margin-top:18px}.prompt-title{display:flex;gap:15px;align-items:center;margin-bottom:18px}.prompt-title>span{font-size:12px;color:var(--accent)}.prompt-title h3{font-size:18px}.prompt-card p{font-size:14px;line-height:1.8;color:#c0c4cc}.copy-prompt{border-top:1px solid #404248;background:none;color:var(--accent);width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:19px 0 0;margin-top:24px;text-align:left}.copy-prompt:hover{color:white}.copy-status{font-size:12px;min-height:42px;margin-top:14px;color:var(--accent)}.process-film{border:1px solid #393c41;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:#202224}.film-media{position:relative;display:flex;align-items:center;background:#0f1011;min-width:0}.film-media video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.film-label{position:absolute;top:16px;left:16px;font-size:9px;letter-spacing:.1em;background:#131517b0;border:1px solid #ffffff20;padding:7px 10px;border-radius:5px;pointer-events:none}.film-copy{padding:43px 35px}.film-copy h2{font-size:30px;margin:14px 0 19px}.film-copy p{font-size:14px}.film-copy .media-credit{font-size:10px;margin-top:22px;color:#858c98}.media-credit a{border-bottom:1px solid #4c515b}.advice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}.advice-list article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #373a3e}.advice-list article:first-child{padding-top:0}.advice-list article>span{color:var(--accent);font-size:12px;padding-top:4px}.advice-list h3{font-size:21px;margin-bottom:12px}.advice-list p{font-size:14px}.tool-page .faq-list details p{margin:0 0 22px;padding-right:30px}.tool-page .faq-list summary>span{transition:transform .2s}.tool-page .faq-list details[open] summary>span{transform:rotate(45deg)}.tool-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tool-related{display:block;border:1px solid #3c3e44;border-radius:11px;overflow:hidden;background:#242628;padding-bottom:22px;transition:transform .3s,border-color .3s}.tool-related:hover{transform:translateY(-5px);border-color:#858996}.tool-related>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.tool-related>div{display:flex;justify-content:space-between;gap:14px;padding:22px 20px 10px;align-items:center}.tool-related h3{font-size:19px}.tool-related>div>span{color:var(--accent)}.tool-related p{font-size:12px;padding:0 20px}.home-carousel{margin-top:28px;display:inline-flex;font-size:13px}.service-note{display:block;font-size:10px;color:#858b96;margin:18px auto 0;line-height:1.6}.tool-page .final-cta h2{max-width:760px;margin:auto}.tool-page .reveal.visible{opacity:1;transform:none}.tool-page .final-cta .spark{color:var(--accent)}
@media(min-width:1500px){.tool-hero-art{max-width:1050px}.tool-hero-copy{padding-top:62px}.tool-hero-copy h1{font-size:73px}}
@media(max-width:960px){.site-footer{gap:35px;padding:35px 30px}.site-footer nav{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout,.prompt-layout,.advice-layout{gap:40px}.sample-grid{gap:15px}.sample-art{height:300px;padding:20px}.sample-art strong{font-size:26px}.sample-copy h3{font-size:19px}.film-copy{padding:30px 24px}.film-copy h2{font-size:25px}.tool-related-grid{gap:15px}.tool-related h3{font-size:16px}}
@media(max-width:700px){.site-footer{flex-direction:column;padding:32px 20px;gap:30px}.site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:21px 25px}.site-footer nav a{font-size:12px}.tool-hero{padding-top:21px}.breadcrumbs{font-size:10px;gap:9px;flex-wrap:wrap}.tool-hero-copy{padding:38px 0 30px}.tool-hero-copy h1{font-size:clamp(34px,8.8vw,52px);line-height:1.08;margin:22px 0}.tool-hero-copy h1 em{font-size:.91em;margin-top:12px}.tool-hero-copy>p{font-size:14px;line-height:1.75}.tool-actions{gap:9px;flex-wrap:wrap;margin:25px 0 22px}.tool-actions .button{font-size:11px;padding:12px 16px;gap:12px}.tool-tags{font-size:10px;gap:8px 13px}.tool-hero-art{border-radius:9px}.tool-hero-art figcaption{font-size:8px;padding:12px;gap:10px;align-items:flex-start}.tool-hero-art figcaption>span:last-child{max-width:155px;text-align:right;line-height:1.5}.page-index{padding:22px 0;gap:15px 21px;font-size:11px;margin-top:4px}.story-layout,.prompt-layout,.advice-layout{grid-template-columns:minmax(0,1fr);gap:25px}.story-copy p{font-size:14px}.tool-page .story-layout .section-heading{margin:0}.sample-grid{grid-template-columns:minmax(0,1fr);gap:38px}.sample-art{height:330px;padding:28px}.sample-art strong{font-size:34px;max-width:270px}.sample-copy{padding-top:20px}.sample-copy h3{font-size:23px}.sample-copy p{font-size:14px}.sample-note{line-height:1.6}.tool-steps{gap:30px 20px}.tool-steps p{font-size:12px}.tool-steps h3{font-size:18px}.tool-page .prompt-layout .section-heading{margin-bottom:0}.prompt-symbol{display:none}.prompt-card{padding:22px}.prompt-title h3{font-size:17px}.prompt-card p{font-size:13px}.process-film{grid-template-columns:minmax(0,1fr)}.film-copy{padding:27px 24px 30px}.film-copy h2{font-size:29px}.advice-list article{gap:17px}.advice-list h3{font-size:21px}.tool-related-grid{grid-template-columns:minmax(0,1fr);gap:21px}.tool-related>img{aspect-ratio:16/9}.tool-related h3{font-size:22px}.tool-related p{font-size:13px}.tool-page .faq-list summary{gap:18px}.tool-page .faq-list details p{font-size:13px;padding-right:0}.service-note{max-width:280px}.home-carousel{line-height:1.7}.tool-page .section-heading h2{margin-top:11px}.tool-page .section-heading p{font-size:14px;margin-top:17px}}
@media(max-width:370px){.tool-actions{flex-direction:column}.tool-actions .button{width:100%}.tool-hero-copy h1{font-size:32px}.tool-tags{flex-direction:column}.site-footer nav{grid-template-columns:minmax(0,1fr);gap:16px}.tool-steps{grid-template-columns:minmax(0,1fr)}.sample-art strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.tool-page .reveal{opacity:1!important;transform:none!important}.sample-card:hover .art-shapes{transform:none}.tool-related:hover{transform:none}}