@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500&family=Libre+Caslon+Display&display=swap');
:root{--ink:#090b0c;--iron:#131719;--ivory:#f1ede4;--paper:#e9e4da;--ash:#a8aca9;--ember:#e77832;--copper:#bb7845;--blue:#0b1d2a;--line:#415463}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--blue);color:var(--ivory);font-family:"DM Sans",sans-serif}a{color:inherit}.skip{position:fixed;z-index:99;left:18px;top:-70px;padding:12px;background:var(--ivory);color:var(--ink)}.skip:focus{top:18px}.tool-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid var(--line);background:#08151e}.wordmark{font-size:13px;font-weight:600;letter-spacing:.2em;text-decoration:none}.wordmark span{color:var(--ember)}.tool-nav{display:flex;gap:26px}.tool-nav a{font:500 10px "IBM Plex Mono";letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.tool-nav a[aria-current="page"]{color:#e3a371}.library-hero{position:relative;padding:120px clamp(24px,7vw,110px) 95px;overflow:hidden;background:#08151e;background-image:linear-gradient(#8ab2c90d 1px,transparent 1px),linear-gradient(90deg,#8ab2c90d 1px,transparent 1px);background-size:46px 46px}.library-hero:after{content:"";position:absolute;right:-10%;bottom:-55%;width:55vw;height:55vw;border:1px solid #88a9bb1d;border-radius:50%;box-shadow:0 0 0 70px #88a9bb0a,0 0 0 140px #88a9bb08}.eyebrow{margin:0 0 22px;color:#d8935e;font:500 10px "IBM Plex Mono";letter-spacing:.22em;text-transform:uppercase}.library-hero h1{position:relative;z-index:1;max-width:1050px;margin:0;font:400 clamp(64px,8.3vw,126px)/.86 "Libre Caslon Display",serif;letter-spacing:-.05em}.library-hero h1 em{color:#91b7cd;font-style:normal}.library-hero p:last-child{position:relative;z-index:1;max-width:740px;margin:38px 0 0;color:#b6c0c4;font-size:20px;line-height:1.65}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px clamp(24px,7vw,110px);background:var(--paper);color:#171a1c}.intro h2,.section-head h2,.conversion h2{margin:0;font:400 clamp(46px,5.7vw,84px)/.95 "Libre Caslon Display",serif;letter-spacing:-.035em}.intro h2 em,.section-head h2 em,.conversion h2 em{color:#a76539;font-style:normal}.intro>p{margin:0;color:#596061;font-size:18px;line-height:1.72}.prompt-section,.tools-section{padding:110px clamp(24px,7vw,110px);background:var(--blue)}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:65px}.section-head>p{margin:0;color:#a8b6bc;font-size:17px;line-height:1.65}.prompt-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:grid;grid-template-columns:70px 180px 1fr 40px;gap:22px;align-items:center;min-height:150px;padding:25px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.prompt-number{color:#e09c69;font:400 40px "Libre Caslon Display",serif}.prompt-type{color:#8fabb9;font:500 9px "IBM Plex Mono";letter-spacing:.15em;text-transform:uppercase}.prompt-title strong{display:block;margin-bottom:8px;font:400 33px "Libre Caslon Display",serif}.prompt-title span{color:#a7b2b6;line-height:1.5}.toggle{color:#dc9562;font-size:30px;text-align:center}details[open] .toggle{transform:rotate(45deg)}.prompt-body{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;padding:20px 0 70px 92px}.prompt-use{padding-top:10px}.prompt-use h3{margin:0 0 20px;font-size:14px}.prompt-use ul{margin:0;padding:0;list-style:none;color:#9facb1}.prompt-use li{padding:10px 0;border-bottom:1px solid #344955;font-size:14px}.prompt-box{position:relative;padding:32px;border:1px solid #4c6472;background:#08151e}.prompt-box pre{margin:0 0 30px;white-space:pre-wrap;color:#d9dedc;font:400 14px/1.7 "DM Sans",sans-serif}.copy{padding:13px 16px;border:1px solid var(--ember);background:transparent;color:#e5a170;font:600 9px "IBM Plex Mono";letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.copy:hover,.copy:focus-visible{background:var(--ember);color:#101416;outline:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.tool-card{min-height:520px;display:flex;flex-direction:column;padding:34px;background:#0c1b25;text-decoration:none;transition:background .25s,transform .25s}.tool-card:hover,.tool-card:focus-visible{background:#112938;transform:translateY(-4px);outline:0}.tool-card-top{display:flex;justify-content:space-between;gap:20px;color:#91b7cd;font:500 9px "IBM Plex Mono";letter-spacing:.14em}.status{color:#dfa06f}.tool-card h2{margin:80px 0 24px;font:400 42px/1 "Libre Caslon Display",serif}.tool-card p{margin:0;color:#aab5b9;line-height:1.65}.tool-card strong{margin-top:auto;padding-top:40px;color:#e4a16e;font:600 10px "IBM Plex Mono";letter-spacing:.13em}.progression{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);color:#171a1c}.progression article{padding:70px clamp(24px,5vw,70px);border-right:1px solid #aca396}.progression article:last-child{border:0}.progression span{color:#a76539;font:500 10px "IBM Plex Mono";letter-spacing:.17em}.progression h3{margin:38px 0 15px;font:400 36px "Libre Caslon Display",serif}.progression p{color:#626869;line-height:1.6}.conversion{padding:120px 24px;text-align:center;background:radial-gradient(circle at 50% 110%,#e7783235,transparent 38%),#090b0c}.conversion h2{max-width:920px;margin:0 auto 42px}.cta{display:inline-flex;padding:17px 20px;border:1px solid var(--ember);background:var(--ember);color:#111416;font:600 10px "IBM Plex Mono";letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.tool-footer{display:flex;justify-content:space-between;gap:30px;padding:38px clamp(24px,5vw,72px);border-top:1px solid #303b42;background:#08151e;color:#89979d}.tool-footer p{margin:0;font:500 9px "IBM Plex Mono";letter-spacing:.13em}.tool-footer nav{display:flex;gap:22px}.tool-footer a{text-decoration:none;font-size:12px}@media(max-width:900px){.intro,.section-head,.prompt-body{grid-template-columns:1fr}.prompt-body{padding-left:0}.tool-grid,.progression{grid-template-columns:1fr}.tool-card{min-height:380px}.progression article{border-right:0;border-bottom:1px solid #aca396}.tool-footer{flex-direction:column}.tool-nav a:first-child{display:none}}@media(max-width:650px){.tool-header{height:70px}.wordmark{font-size:11px}.tool-nav{gap:15px}.tool-nav a{font-size:8px}.library-hero{padding:90px 22px 75px}.library-hero h1{font-size:61px}.library-hero p:last-child{font-size:17px}.intro,.prompt-section,.tools-section{padding:80px 22px}.intro h2,.section-head h2,.conversion h2{font-size:48px}summary{grid-template-columns:48px 1fr 28px;gap:14px;min-height:130px}.prompt-type{grid-column:2}.prompt-title{grid-column:2}.toggle{grid-column:3;grid-row:1/3}.prompt-title strong{font-size:28px}.prompt-title span{font-size:14px}.prompt-box{padding:22px 18px}.tool-card{min-height:350px;padding:28px}.tool-card h2{margin-top:60px}.progression article{padding:55px 22px}.tool-footer nav{flex-direction:column}}
