:root{
  --paper:#f5f2ea;--paper2:#ebe7dc;--ink:#171714;--muted:#6f6c64;--line:#d8d3c7;
  --accent:#5f62d6;--accent-soft:#e7e6fa;--mint:#cfe3d6;--peach:#f1d7c5;--yellow:#e8df9d;
  --max:1180px;--radius:6px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,242,234,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;letter-spacing:-.04em}.brand span{color:var(--accent);font-style:italic}.nav-links{display:flex;gap:30px;font-size:.9rem}.nav-links a{border-bottom:1px solid transparent}.nav-links a:hover{border-color:var(--ink)}
.hero{padding:96px 0 80px;border-bottom:1px solid var(--line)}.hero .wrap{position:relative}.eyebrow{display:inline-block;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--ink);padding-bottom:3px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(4rem,10vw,8.3rem);line-height:.88;letter-spacing:-.065em;margin:30px 0 28px;max-width:980px}.hero h1::after{content:"↝";font-family:Georgia,serif;color:var(--accent);font-size:.42em;vertical-align:top;margin-left:.12em}.hero p{font-family:Georgia,"Times New Roman",serif;color:#44423d;font-size:clamp(1.15rem,2vw,1.5rem);max-width:680px;margin:0 0 34px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:12px 18px;background:var(--ink);color:var(--paper);font-size:.9rem;cursor:pointer;transition:.18s}.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--ink)}.btn.secondary:hover{background:var(--paper2);border-color:var(--ink)}
.section{padding:70px 0}.section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;margin:0 0 32px}.grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.card{min-height:180px;padding:25px 20px 28px 0;border-bottom:1px solid var(--line);position:relative;transition:.18s}.card:nth-child(odd){border-right:1px solid var(--line);padding-right:34px}.card:nth-child(even){padding-left:34px}.card h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.65rem;letter-spacing:-.025em;margin:0 0 10px}.card p{color:var(--muted);max-width:440px;margin:0 0 22px}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.card:after{content:"↗";position:absolute;right:12px;top:22px;font-size:1.15rem;opacity:0;transform:translate(-5px,5px);transition:.18s}.card:hover:after{opacity:1;transform:none}.card:hover h3{font-style:italic;color:var(--accent)}
.tool-hero{padding:68px 0 38px}.crumbs{color:var(--muted);font-size:.78rem;margin-bottom:28px}.crumbs a{text-decoration:underline;text-underline-offset:3px}.tool-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(3.5rem,8vw,6.8rem);line-height:.92;letter-spacing:-.06em;margin:24px 0 18px;max-width:1000px}.tool-hero .lead{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;color:#4f4c46;max-width:720px}.tool-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:52px;align-items:start;margin:28px auto 82px}.generator{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0 28px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.field label{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px}.field select{width:100%;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:11px 12px;outline:none}.field select:focus{border-color:var(--accent)}.result{min-height:260px;background:#fbf9f3;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative}.result:before{content:"MUSE / SHUFFLE";position:absolute;top:12px;right:14px;color:#a19c91;font-size:.62rem;letter-spacing:.13em}.result h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;margin:0 0 12px}.result p,.result li{color:#4e4b45}.result ul{margin:8px 0;padding-left:20px}.result .meta{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.status{font-size:.82rem;color:var(--muted);min-height:1.4em;margin-top:8px}.side-note{border-top:2px solid var(--accent);padding-top:20px}.side-note h3,.side-note h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.45rem;margin:0 0 14px}.side-note p{color:var(--muted)}.side-note ul{padding:0;list-style:none;color:#55524c}.side-note li{padding:7px 0;border-bottom:1px solid var(--line);font-size:.88rem}.side-note li:before{content:"✓";color:var(--accent);margin-right:8px}
.content{max-width:820px}.content h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2.2rem;letter-spacing:-.035em;margin-top:52px}.content h3{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;margin-top:28px}.content p,.content li{color:#56534d}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-family:Georgia,"Times New Roman",serif;cursor:pointer}.faq details p{margin:8px 0 0}.tool-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.mini{padding:16px 16px 18px 0;border-bottom:1px solid var(--line);min-height:120px}.mini strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.05rem;display:block;margin-bottom:7px}.mini span{color:var(--muted);font-size:.82rem}.mini:hover strong{color:var(--accent);font-style:italic}.footer{border-top:1px solid var(--ink);padding:30px 0 46px;color:var(--muted);margin-top:50px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.notice{font-size:.82rem}
@media(max-width:800px){.wrap{width:min(100% - 28px,var(--max))}.nav-links{gap:16px}.hero{padding:70px 0 58px}.hero h1{font-size:4.2rem}.grid{grid-template-columns:1fr}.card:nth-child(odd){border-right:0;padding-right:0}.card:nth-child(even){padding-left:0}.tool-shell{grid-template-columns:1fr;gap:36px}.controls,.tool-links{grid-template-columns:1fr}.tool-hero h1{font-size:4rem}.result{padding:26px 20px}}


/* v1.3 — refined editorial system */
:root{--paper:#f7f4ec;--paper2:#eee9de;--ink:#11120f;--muted:#6e6b63;--line:#d9d4c8;--accent:#6967e8;--max:1220px}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 28%,transparent 72%,rgba(255,255,255,.18)),var(--paper)}
.wrap{width:min(var(--max),calc(100% - 72px))}
.site-header{position:relative;background:rgba(247,244,236,.96);backdrop-filter:none}.nav{height:76px}.brand{font-size:1.75rem}.nav-links{font-size:.82rem;gap:26px;align-items:center}.nav-links:after{content:"↗";display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:.9rem}
.hero{padding:94px 0 70px;overflow:hidden}.hero .wrap:after{content:"";position:absolute;right:-40px;top:-40px;width:250px;height:390px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(218,214,204,.35));box-shadow:0 24px 70px rgba(40,37,30,.08);transform:rotate(2deg);z-index:-1}.hero .eyebrow{border:0;letter-spacing:.28em;font-size:.64rem;color:#65625c}.hero h1{font-size:clamp(4.7rem,9.2vw,8rem);max-width:870px;line-height:.9;margin-top:36px}.hero p{font-family:Inter,ui-sans-serif,sans-serif;font-size:1.1rem;line-height:1.55;max-width:570px;color:#4e4c47}.hero .btn{margin-top:4px}.hero:after{content:"100%   Free to use       10+   Creative generators       ∞   Endless possibilities";white-space:pre;display:block;width:min(var(--max),calc(100% - 72px));margin:62px auto 0;font-family:Georgia,serif;font-size:1.02rem;word-spacing:9px;color:#3e3c37}
.section{padding:58px 0 82px}.section h2{font-size:2.8rem}.grid{grid-template-columns:1fr;border-top:1px solid var(--ink);counter-reset:tool}.card{counter-increment:tool;min-height:0;padding:20px 48px 20px 72px!important;border-right:0!important;display:grid;grid-template-columns:minmax(250px,.7fr) 1fr auto;gap:28px;align-items:center}.card:before{content:counter(tool,decimal-leading-zero);position:absolute;left:0;top:22px;font-family:Georgia,serif;color:#aab4bc;font-size:1.5rem}.card h3{font-size:1.42rem;margin:0}.card p{margin:0;font-size:.9rem}.card .tag{display:none}.card:after{opacity:1;top:50%;right:2px;transform:translateY(-50%);font-size:1.15rem}.card:hover:after{transform:translateY(-50%) translateX(3px)}
.tool-hero{padding:46px 0 26px}.crumbs{margin-bottom:34px}.tool-hero .eyebrow{border:0;letter-spacing:.26em;font-size:.65rem}.tool-hero h1{font-size:clamp(4rem,7vw,6.2rem);max-width:780px;margin:18px 0 15px}.tool-hero .lead{font-family:Inter,ui-sans-serif,sans-serif;font-size:1.1rem}
.tool-shell{grid-template-columns:minmax(0,1.65fr) minmax(270px,.55fr);gap:44px;margin-top:22px}.generator{border-top:1px solid var(--ink);padding-top:20px}.controls{margin-bottom:16px}.result{min-height:330px;padding:42px 44px;background:rgba(255,255,255,.5);box-shadow:0 14px 42px rgba(36,33,27,.035)}.result:before{top:18px;right:20px}.result .meta{font-size:.65rem;letter-spacing:.18em}.result h3{font-size:clamp(2.2rem,4.2vw,3.6rem);max-width:640px;letter-spacing:-.04em}.result p{max-width:560px}.actions{margin-top:18px}.side-note{margin-top:0;border-top:1px solid var(--accent);padding-top:24px}.side-note h3,.side-note h2{font-size:1.7rem}.side-note li{border-bottom:0;padding:5px 0}.content{max-width:900px}.content h2{font-size:2.35rem;margin-top:64px}.tool-links{grid-template-columns:repeat(2,1fr)}.mini{padding:18px 36px 18px 0;position:relative}.mini:after{content:"→";position:absolute;right:12px;top:18px}.faq details{padding:17px 0}.footer{padding:30px 0;margin-top:76px}
@media(max-width:800px){.wrap{width:min(100% - 30px,var(--max))}.nav-links:after{display:none}.hero:after{width:calc(100% - 30px);white-space:normal;line-height:2}.hero .wrap:after{display:none}.hero h1{font-size:4.15rem}.card{grid-template-columns:1fr;padding:22px 30px 22px 48px!important;gap:7px}.card:before{font-size:1.15rem}.tool-shell{grid-template-columns:1fr}.tool-hero h1{font-size:3.8rem}.result{min-height:280px;padding:36px 24px}.tool-links{grid-template-columns:1fr}}

/* v1.4 — final polish: quiet creative brand system */
:root{--paper:#f7f4ec;--ink:#10110e;--muted:#706d65;--line:#d9d3c7;--accent:#6764ed;--accent-soft:#ecebff;--max:1220px}
body{background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--accent-soft);color:var(--ink)}
.site-header{border-color:rgba(17,18,15,.12)}
.nav-links:after{content:"↗";transition:transform .25s ease,background .25s ease}.nav-links:hover:after{transform:rotate(8deg);background:var(--accent)}
.hero{padding:86px 0 62px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:70px;align-items:start}.hero .eyebrow,.hero h1,.hero p,.hero .btn{grid-column:1}.hero .wrap:after{display:none}.hero h1{font-size:clamp(4.9rem,8.5vw,7.7rem);max-width:900px;margin-bottom:24px}.hero p{max-width:610px}.hero:after{display:none}
.idea-slip{grid-column:2;grid-row:1/6;margin-top:4px;min-height:365px;padding:30px 28px 26px;background:rgba(255,255,255,.62);border:1px solid rgba(17,18,15,.08);box-shadow:0 24px 65px rgba(45,40,30,.08);transform:rotate(1.7deg);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s ease,box-shadow .35s ease}.idea-slip:hover{transform:rotate(.4deg) translateY(-3px);box-shadow:0 30px 80px rgba(45,40,30,.11)}.slip-top{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#99948a}.slip-mark{font-family:Georgia,serif;color:var(--accent);font-size:1.45rem;letter-spacing:0}.slip-idea{font-family:Georgia,"Times New Roman",serif;font-size:2.05rem;line-height:1.04;letter-spacing:-.035em;margin:42px 0 30px}.slip-action{appearance:none;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font-size:.76rem;letter-spacing:.04em;cursor:pointer;width:max-content;border-bottom:1px solid #aaa59a;padding-bottom:3px}.slip-action:hover{color:var(--accent);border-color:var(--accent)}
.brand-note{border-bottom:1px solid var(--line)}.brand-note .wrap{display:flex;align-items:center;gap:18px;padding-top:25px;padding-bottom:25px}.brand-note .glyph{font-family:Georgia,serif;color:var(--accent);font-size:1.5rem}.brand-note p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;color:#4d4a43}.brand-note small{margin-left:auto;color:#969188;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.section#generators{padding-top:66px}.section h2{letter-spacing:-.05em}.grid{border-top:1px solid var(--ink)}.card{transition:background .2s ease,padding .2s ease}.card:before{font-size:1.22rem;top:23px;color:#aab3bb}.card h3{transition:color .18s ease,transform .18s ease}.card p{max-width:500px}.card:hover{background:rgba(255,255,255,.28)}.card:hover h3{transform:translateX(4px)}
.closing-note{padding-top:94px!important;padding-bottom:112px!important}.closing-note .content{max-width:900px;position:relative}.closing-note .content:before{content:"↝";position:absolute;left:-72px;top:-14px;font-family:Georgia,serif;font-size:2.1rem;color:var(--accent)}.closing-note h2{font-size:clamp(2.6rem,4.6vw,4.15rem);max-width:700px;line-height:1}.closing-note p{max-width:760px;font-size:.96rem}
.tool-hero{padding-top:54px}.tool-hero h1{line-height:.9}.tool-shell{margin-bottom:98px}.generator{border-bottom:1px solid var(--ink)}.result{overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.result:after{content:"↝";position:absolute;right:28px;bottom:18px;font-family:Georgia,serif;color:var(--accent);font-size:1.7rem;opacity:.45}.result.is-shuffling{animation:shufflePulse .24s ease}.result h3{font-size:clamp(2.15rem,3.5vw,3.25rem)}.actions .btn{min-width:126px}.side-note{position:sticky;top:26px}.side-note h3,.side-note h2{line-height:1.05}.content>h2:first-child{margin-top:0}.mini{transition:background .18s ease}.mini:hover{background:rgba(255,255,255,.25)}
.footer{margin-top:90px}.footer strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.05rem}
@keyframes shufflePulse{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.hero .wrap{grid-template-columns:1fr 230px;column-gap:34px}.idea-slip{min-height:320px;padding:24px}.slip-idea{font-size:1.65rem}.closing-note .content:before{display:none}}
@media(max-width:800px){.hero .wrap{display:block}.idea-slip{display:none}.brand-note small{display:none}.brand-note .wrap{align-items:flex-start}.hero h1{font-size:4.1rem}.closing-note{padding-top:66px!important;padding-bottom:72px!important}.side-note{position:static}}


/* v1.5 — brand lockup + precision polish */
.brand-logo{display:flex;align-items:center;width:154px;height:42px;overflow:hidden}
.brand-logo img{display:block;width:154px;height:auto;transform:scale(1.32);transform-origin:center center}
.nav{height:68px}
.hero h1{max-width:880px}
.hero .btn{padding:11px 19px;min-width:0}
.section#generators .grid{counter-reset:generator}
.section#generators .card{counter-increment:generator;display:grid;grid-template-columns:48px minmax(250px,.85fr) minmax(280px,1.15fr) 28px;align-items:center;gap:22px;min-height:74px;padding:16px 0!important;border-right:0!important}
.section#generators .card:before{content:counter(generator,decimal-leading-zero);position:static;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;letter-spacing:.08em;color:#a5afb7}
.section#generators .card h3{font-size:1.38rem;margin:0}
.section#generators .card p{font-size:.86rem;margin:0;max-width:500px}
.section#generators .card .tag{display:none}
.section#generators .card:after{position:static;justify-self:end;opacity:1;transform:none;font-size:1rem;color:#35342f}
.section#generators .card:hover h3{transform:translateX(3px)}
.section#generators .card:hover:after{color:var(--accent)}
.result{position:relative;background:rgba(255,255,255,.34);border:1px solid rgba(17,18,15,.12);min-height:260px;padding:38px 36px}
.result .meta{color:var(--accent);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.result h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:14px 0 18px}
.result ul{padding-left:1.1em}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#copy-status{font-size:.78rem;color:var(--muted);margin-left:5px}
@media(max-width:800px){
  .brand-logo{width:132px;height:38px}.brand-logo img{width:132px}
  .hero{padding-top:62px}.hero h1{font-size:clamp(3.65rem,16vw,4.4rem);line-height:.9}
  .hero p{font-size:1.12rem}.brand-note p{font-size:1rem}
  .section#generators .card{grid-template-columns:38px 1fr 22px;gap:10px;padding:19px 0!important}
  .section#generators .card h3{font-size:1.24rem}.section#generators .card p{grid-column:2/4;font-size:.83rem;margin-top:-2px}
  .result{min-height:235px;padding:30px 22px}
}

/* v1.6 — final visual polish: editorial restraint + tactile interaction */
:root{--paper:#f7f4ec;--ink:#10110e;--muted:#6b685f;--line:#d7d1c5;--accent:#6662ef;--accent-soft:#ecebff;--max:1220px}
.site-header{background:rgba(247,244,236,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav{height:72px}.brand-logo{width:162px;height:44px}.brand-logo img{width:162px;transform:scale(1.26)}
.nav-links a{padding:5px 0;transition:opacity .18s ease}.nav-links a:hover{border-color:transparent;opacity:.55}
.hero{padding:92px 0 66px}.hero .wrap{grid-template-columns:minmax(0,1fr) 286px;column-gap:82px}.hero .eyebrow{margin-top:8px}.hero h1{font-size:clamp(4.85rem,8.1vw,7.45rem);max-width:850px;line-height:.895;margin:31px 0 25px}.hero h1::after{font-size:.34em;margin-left:.08em}.hero p{max-width:590px;font-size:1.05rem;line-height:1.6;margin-bottom:30px}.hero .btn{width:auto;padding:11px 20px}
.idea-slip{min-height:350px;margin-top:0;padding:28px 26px 24px;transform:rotate(1.2deg);box-shadow:0 20px 58px rgba(45,40,30,.07)}.idea-slip:hover{transform:rotate(.25deg) translateY(-2px)}.slip-idea{font-size:1.95rem;margin:38px 0 28px}.slip-action{font-size:.72rem}
.brand-note .wrap{padding-top:22px;padding-bottom:22px}.brand-note p{font-size:1.02rem}.brand-note small{letter-spacing:.14em}
.section#generators{padding-top:62px;padding-bottom:72px}.section#generators h2{font-size:2.65rem;margin-bottom:28px}.section#generators .card{grid-template-columns:48px minmax(250px,.88fr) minmax(300px,1.12fr) 24px;gap:20px;min-height:70px;padding:15px 0!important}.section#generators .card h3{font-size:1.32rem;letter-spacing:-.02em}.section#generators .card p{font-size:.83rem;line-height:1.45}.section#generators .card:hover{background:rgba(255,255,255,.22)}.section#generators .card:hover h3{transform:translateX(2px)}
.closing-note{padding-top:82px!important;padding-bottom:100px!important}.closing-note .content{max-width:860px}.closing-note h2{font-size:clamp(2.55rem,4.25vw,3.85rem);max-width:650px}.closing-note p{font-size:.92rem;line-height:1.65;max-width:720px}
.tool-hero{padding-top:58px;padding-bottom:30px}.tool-hero h1{font-size:clamp(4rem,6.6vw,6rem);max-width:800px;line-height:.91}.tool-hero .lead{font-size:1.06rem;line-height:1.6}.tool-shell{grid-template-columns:minmax(0,1.7fr) minmax(260px,.52fr);gap:54px;margin-top:24px;margin-bottom:104px}.generator{padding-top:22px;padding-bottom:30px}.field select{background:rgba(255,255,255,.18);padding:12px 13px;transition:border-color .18s ease,background .18s ease}.field select:hover{background:rgba(255,255,255,.34)}
.result{min-height:285px;padding:40px 40px;background:rgba(255,255,255,.4);box-shadow:0 16px 46px rgba(36,33,27,.028)}.result:before{top:16px;right:18px}.result:after{right:24px;bottom:16px;font-size:1.5rem}.result h3{font-size:clamp(2.15rem,3.35vw,3.15rem);max-width:650px}.result p,.result li{line-height:1.6}.actions .btn{min-width:118px;padding:11px 17px}.side-note{top:22px;padding-top:20px}.side-note h3,.side-note h2{font-size:1.58rem}.side-note p{font-size:.9rem;line-height:1.6}.side-note li{font-size:.84rem}
.content{max-width:860px}.content h2{font-size:2.25rem}.content p,.content li{line-height:1.68}.tool-links{gap:0}.mini{min-height:112px}.faq summary{transition:color .18s ease}.faq summary:hover{color:var(--accent)}
.footer{margin-top:78px;padding-top:27px;padding-bottom:38px}
@media(max-width:950px){.hero .wrap{grid-template-columns:minmax(0,1fr) 225px;column-gap:38px}.idea-slip{min-height:310px}.slip-idea{font-size:1.6rem}.tool-shell{gap:36px}}
@media(max-width:800px){.wrap{width:min(100% - 30px,var(--max))}.nav{height:64px}.brand-logo{width:138px;height:38px}.brand-logo img{width:138px}.hero{padding:58px 0 50px}.hero h1{font-size:clamp(3.5rem,15.4vw,4.25rem);margin-top:25px}.hero p{font-size:1rem}.hero .btn{width:auto}.brand-note .wrap{padding-top:18px;padding-bottom:18px}.section#generators{padding-top:50px}.section#generators h2{font-size:2.25rem}.section#generators .card{grid-template-columns:34px 1fr 20px;min-height:0;padding:17px 0!important}.section#generators .card:before{font-size:.7rem}.section#generators .card h3{font-size:1.18rem}.section#generators .card p{font-size:.8rem}.tool-hero{padding-top:38px}.tool-hero h1{font-size:clamp(3.35rem,14vw,4rem)}.tool-shell{margin-bottom:72px}.result{min-height:240px;padding:32px 22px}.result h3{font-size:2.1rem}.closing-note{padding-top:60px!important;padding-bottom:70px!important}.footer{margin-top:56px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v1.7 — final QA lock: hierarchy, restraint, interaction */
:root{--focus:rgba(102,98,239,.22)}
/* Header: quieter, sharper brand frame */
.site-header{border-bottom-color:rgba(17,18,15,.10)}
.nav-links{gap:24px}.nav-links:after{transition:transform .2s ease,background .2s ease}.nav-links:hover:after{transform:rotate(8deg)}
/* Homepage hero: CTA must read as an action, never as a full-width bar */
.hero .btn{justify-self:start;width:max-content!important;min-width:0!important;padding:11px 20px!important;box-shadow:none}
.hero h1{text-wrap:balance}.hero p{text-wrap:pretty}
.idea-slip{border:1px solid rgba(17,18,15,.055);background:rgba(255,255,255,.72)}
.slip-action:focus-visible,.btn:focus-visible,.nav-links a:focus-visible,.card:focus-visible,.mini:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* Generator index: editorial rows with less visual noise */
.section#generators .grid{border-top-color:rgba(17,18,15,.72)}
.section#generators .card{border-bottom-color:rgba(17,18,15,.11)}
.section#generators .card:after{opacity:.72}.section#generators .card:hover:after{opacity:1}
/* Tool hero + working area: make the generator the unmistakable focal point */
.tool-hero{padding-bottom:24px}.tool-hero h1{text-wrap:balance}.tool-hero .lead{max-width:620px;color:#57544d}
.tool-shell{margin-top:20px;align-items:start}
.generator{border-top-color:rgba(17,18,15,.82);border-bottom-color:rgba(17,18,15,.82)}
.controls{grid-template-columns:minmax(0,390px) minmax(0,390px)}
.field select{min-height:46px;border-color:rgba(17,18,15,.13)}
.result{border-color:rgba(17,18,15,.11);background:rgba(255,255,255,.48);box-shadow:0 18px 55px rgba(36,33,27,.035)}
.result h3{text-wrap:balance}.result p{text-wrap:pretty}
.actions{margin-top:17px}.actions .btn{min-height:43px}
.status:empty{display:none}
/* Side note: one compact proof block only */
.side-note{border-top-width:1px}.side-note ul{margin:18px 0 0}.side-note li{padding:6px 0;border-bottom:0}.side-note li:before{display:inline-block;width:16px;margin-right:4px}
/* Long-form SEO content: editorial rhythm, not a generic article stack */
.content{max-width:880px}.content>h2{position:relative;margin-top:64px;padding-top:2px}.content>h2:first-child{margin-top:0}.content>h2:not(:first-child):before{content:"";display:block;width:42px;border-top:1px solid rgba(17,18,15,.32);margin-bottom:34px}
.content p{max-width:780px}.tool-links{grid-template-columns:repeat(2,minmax(0,1fr));border-top-color:rgba(17,18,15,.62)}
.mini{position:relative;min-height:108px;padding:17px 34px 18px 0;border-bottom-color:rgba(17,18,15,.11)}
.mini:nth-child(odd){border-right:1px solid rgba(17,18,15,.11);padding-right:30px}.mini:nth-child(even){padding-left:30px}
.mini:after{content:"→";position:absolute;right:8px;top:17px;opacity:.48;transition:transform .18s ease,opacity .18s ease}.mini:hover:after{transform:translateX(3px);opacity:1}.mini:hover{background:transparent}
.faq{border-bottom:1px solid var(--line)}.faq details{padding:17px 0}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:Arial,sans-serif;font-size:1.1rem;color:var(--muted)}.faq details[open] summary:after{content:"−"}.faq details p{max-width:720px;padding-right:40px}
.footer{border-top-color:rgba(17,18,15,.65)}
@media(max-width:800px){
  .hero .btn{width:max-content!important}.controls{grid-template-columns:1fr}.tool-shell{gap:30px}.side-note{border-top-color:var(--accent);padding-top:18px}
  .content>h2{margin-top:50px}.content>h2:not(:first-child):before{margin-bottom:26px}.tool-links{grid-template-columns:1fr}.mini:nth-child(odd){border-right:0;padding-right:34px}.mini:nth-child(even){padding-left:0}.mini{min-height:0;padding-top:16px;padding-bottom:18px}
}

/* v1.7.1 — mobile layout hardening (iPhone / narrow viewport) */
@media (max-width: 800px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 32px);max-width:none}

  /* Header */
  .nav{height:66px;gap:16px}
  .brand-logo{width:128px;height:38px;flex:0 0 128px}
  .brand-logo img{width:128px;max-width:100%;transform:scale(1.18);transform-origin:left center}
  .nav-links{gap:18px;font-size:.82rem;white-space:nowrap}
  .nav-links:after{display:none!important}

  /* Tool heading */
  .tool-hero{padding:34px 0 22px}
  .crumbs{display:flex;flex-wrap:wrap;gap:3px;font-size:.76rem;line-height:1.55;margin-bottom:26px}
  .tool-hero .eyebrow{font-size:.68rem;letter-spacing:.22em}
  .tool-hero h1{font-size:clamp(3.2rem,14.5vw,4rem)!important;line-height:.91;letter-spacing:-.055em;max-width:100%;margin:22px 0 18px;overflow-wrap:normal;word-break:normal}
  .tool-hero .lead{font-size:1.05rem;line-height:1.55;max-width:100%}

  /* Critical: desktop two-column grid must collapse on phones */
  .tool-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin:18px auto 68px!important;
  }
  .tool-shell > *{min-width:0!important;width:100%!important}
  .generator{min-width:0;width:100%;padding:18px 0 26px}
  .controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;width:100%}
  .field{min-width:0;width:100%}
  .field select{display:block;width:100%;max-width:100%;min-height:46px}

  /* Result card must never become a narrow column */
  .result{width:100%;min-width:0;min-height:245px;padding:34px 22px 30px;overflow:hidden}
  .result:before{top:13px;right:14px;font-size:.55rem;letter-spacing:.10em}
  .result:after{right:17px;bottom:12px;font-size:1.25rem}
  .result .meta{font-size:.64rem;line-height:1.45;margin:10px 0 14px;padding-right:72px}
  .result h3{font-size:clamp(2rem,10vw,2.65rem)!important;line-height:1.04;max-width:100%;overflow-wrap:break-word;word-break:normal}
  .result p,.result li{font-size:.98rem;line-height:1.58;overflow-wrap:break-word}
  .actions{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
  .actions .btn{min-width:0!important;width:auto!important;min-height:44px;padding:11px 17px!important;font-size:.9rem}

  /* Supporting note belongs below the generator on mobile */
  .side-note{position:static!important;top:auto!important;width:100%!important;margin:0!important;padding:20px 0 0!important;border-top:1px solid var(--accent)!important}
  .side-note h3,.side-note h2{font-size:1.75rem;line-height:1.05;margin-bottom:12px}
  .side-note p{font-size:.95rem;line-height:1.6;max-width:34rem}
  .side-note ul{margin:15px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}
  .side-note li{font-size:.88rem;padding:4px 0}

  /* Long-form content: readable editorial scale, not desktop-sized */
  .section{padding:46px 0 58px}
  .content{width:100%;max-width:100%}
  .content>h2,.content h2{font-size:clamp(2rem,9.3vw,2.65rem)!important;line-height:1.02;letter-spacing:-.04em;margin-top:48px}
  .content>h2:first-child{margin-top:0}
  .content p,.content li{font-size:1rem;line-height:1.68;max-width:100%}
  .tool-links{grid-template-columns:minmax(0,1fr)!important}
  .mini,.mini:nth-child(odd),.mini:nth-child(even){padding:16px 34px 18px 0!important;border-right:0!important;min-width:0}
  .faq summary{font-size:1rem;line-height:1.45}
  .faq details p{padding-right:0}

  .footer{margin-top:48px;padding:26px 0 34px}
  .footer-inner{display:block}
  .footer-inner>div+div{margin-top:14px}
}

@media (max-width: 430px){
  .wrap,.tool-shell{width:calc(100% - 28px)!important}
  .brand-logo{width:120px;flex-basis:120px}.brand-logo img{width:120px}
  .nav-links{gap:14px;font-size:.78rem}
  .tool-hero h1{font-size:clamp(3rem,14.2vw,3.55rem)!important}
  .result h3{font-size:clamp(1.9rem,9.6vw,2.4rem)!important}
  .side-note ul{grid-template-columns:1fr}
}

/* v1.7.2 — mobile visual polish: iOS type scale, density, narrow-screen rhythm */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

@media (max-width:800px){
  /* Mobile rhythm: preserve editorial character without oversized blocks */
  .hero{padding:50px 0 42px}
  .hero .eyebrow{font-size:.61rem;letter-spacing:.22em;line-height:1.45}
  .hero h1{font-size:clamp(3.15rem,14.1vw,3.8rem)!important;line-height:.91;letter-spacing:-.06em;margin:22px 0 22px;max-width:11ch}
  .hero p{font-size:.98rem;line-height:1.58;max-width:31rem;margin-bottom:27px}
  .hero .btn{font-size:.86rem;padding:10px 18px!important}

  .brand-note .wrap{gap:12px;padding-top:15px;padding-bottom:15px}
  .brand-note .glyph{font-size:1.2rem}
  .brand-note p{font-size:.94rem;line-height:1.45}

  /* Homepage index: tighter, clearer and faster to scan on phones */
  .section#generators{padding-top:42px;padding-bottom:54px}
  .section#generators h2{font-size:2.08rem;line-height:1;margin-bottom:24px}
  .section#generators .card{grid-template-columns:30px minmax(0,1fr) 18px!important;gap:8px!important;padding:14px 0!important;min-height:0}
  .section#generators .card:before{font-size:.66rem;align-self:start;padding-top:4px}
  .section#generators .card h3{font-size:1.08rem;line-height:1.16;letter-spacing:-.02em}
  .section#generators .card p{grid-column:2/4;font-size:.78rem;line-height:1.48;margin-top:1px!important;max-width:100%}
  .section#generators .card:after{font-size:.88rem;align-self:center}

  .closing-note{padding-top:52px!important;padding-bottom:58px!important}
  .closing-note h2{font-size:clamp(2.15rem,9.2vw,2.75rem)!important;line-height:1.02}
  .closing-note p{font-size:.9rem;line-height:1.62}

  /* Tool pages: mobile-first scale and density */
  .tool-hero{padding:30px 0 18px}
  .crumbs{font-size:.72rem;margin-bottom:22px}
  .tool-hero .eyebrow{font-size:.62rem;letter-spacing:.20em}
  .tool-hero h1{font-size:clamp(2.9rem,13.1vw,3.45rem)!important;line-height:.92;margin:18px 0 15px;max-width:9.8ch}
  .tool-hero .lead{font-size:1rem;line-height:1.52}

  .tool-shell{gap:27px!important;margin-top:14px!important;margin-bottom:58px!important}
  .generator{padding:16px 0 22px}
  .field label{font-size:.66rem;margin-bottom:6px}
  .field select{min-height:43px;padding:9px 11px;font-size:.9rem}

  .result{min-height:225px;padding:29px 20px 27px}
  .result:before{font-size:.5rem;top:11px;right:12px}
  .result .meta{font-size:.59rem;margin:8px 0 12px;padding-right:62px}
  .result h3{font-size:clamp(1.85rem,8.9vw,2.25rem)!important;line-height:1.04}
  .result p,.result li{font-size:.92rem;line-height:1.55}
  .actions{gap:8px;margin-top:14px}
  .actions .btn{min-height:41px;padding:9px 15px!important;font-size:.86rem}

  .side-note{padding-top:17px!important}
  .side-note h3,.side-note h2{font-size:1.62rem;line-height:1.08;margin-bottom:10px}
  .side-note p{font-size:.9rem;line-height:1.58}
  .side-note li{font-size:.84rem;padding:3px 0}

  .section{padding:40px 0 50px}
  .content>h2,.content h2{font-size:clamp(1.9rem,8.5vw,2.35rem)!important;line-height:1.04;margin-top:43px}
  .content p,.content li{font-size:.94rem;line-height:1.65}
  .content>h2:not(:first-child):before{margin-bottom:22px}
  .mini strong{font-size:1rem}.mini span{font-size:.78rem;line-height:1.5}
  .faq summary{font-size:.94rem}.faq details{padding:14px 0}
}

@media (max-width:430px){
  .nav{height:62px;gap:12px}
  .brand-logo{width:112px;height:34px;flex-basis:112px}.brand-logo img{width:112px;transform:scale(1.16)}
  .nav-links{gap:12px;font-size:.74rem}
  .hero{padding:44px 0 38px}
  .hero h1{font-size:clamp(3rem,13.8vw,3.45rem)!important;max-width:10.6ch}
  .hero p{font-size:.94rem}
  .brand-note p{font-size:.9rem}
  .section#generators h2{font-size:1.95rem}
  .section#generators .card h3{font-size:1.02rem}
  .section#generators .card p{font-size:.75rem}
  .tool-hero h1{font-size:clamp(2.75rem,12.8vw,3.2rem)!important}
  .result h3{font-size:clamp(1.75rem,8.4vw,2.1rem)!important}
  .actions .btn{padding:9px 13px!important;font-size:.82rem}
  .side-note h3,.side-note h2{font-size:1.52rem}
}

@media (max-width:375px){
  .wrap,.tool-shell{width:calc(100% - 24px)!important}
  .brand-logo{width:104px;flex-basis:104px}.brand-logo img{width:104px}
  .nav-links{gap:10px;font-size:.71rem}
  .hero h1{font-size:2.95rem!important}
  .hero p{font-size:.92rem}
  .section#generators .card{grid-template-columns:26px minmax(0,1fr) 16px!important}
  .section#generators .card h3{font-size:.98rem}
  .tool-hero h1{font-size:2.68rem!important}
  .result{padding-left:18px;padding-right:18px}
}
/* v1.8 functional controls */
.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}.controls .field{min-width:0}.controls select{width:100%}
@media(max-width:700px){.controls{grid-template-columns:1fr;gap:12px}}