:root{--purple:#6c4cf5;--purple-hover:#5939e8;--pink:#ff5f83;--peach:#ffb86b;--lavender:#f1ecff;--bg:#fffcfa;--white:#fff;--heading:#202033;--body:#5e6070;--border:#e9e5ee;--success:#16a273;--shadow:0 10px 34px rgba(43,35,70,.08);--soft-shadow:0 5px 18px rgba(43,35,70,.07);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--heading);font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:30;padding:10px 14px;background:var(--purple);color:#fff;border-radius:9px;transform:translateY(-160%)}.skip-link:focus{transform:none}.announcement{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--lavender);color:#4d2fe2;font-weight:800;font-size:.9rem}.announcement span{font-size:1.15rem}.site-header{height:96px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:1.45rem;font-weight:900;letter-spacing:-.035em}.logo{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#fff;font-size:2rem;line-height:1;box-shadow:inset 0 0 0 6px rgba(255,255,255,.18)}.logo:before,.logo:after,.logo i:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8d73ff;border:2px solid #fff}.logo:before{top:-2px;left:3px}.logo:after{right:-2px;top:5px}.logo i:before{bottom:-1px;right:6px}.button{border:1px solid transparent;border-radius:10px;padding:12px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--purple);color:#fff;box-shadow:0 6px 16px rgba(108,76,245,.22)}.button-primary:hover{background:var(--purple-hover)}.button-secondary{background:#fff;border-color:#d8d4df;color:var(--heading)}.button-random{background:var(--pink);color:#fff;box-shadow:0 5px 14px rgba(255,95,131,.2)}:focus-visible{outline:3px solid rgba(108,76,245,.35);outline-offset:3px}
.hero{position:relative;min-height:370px;display:flex;align-items:center;overflow:hidden}.hero-inner{text-align:center;position:relative;z-index:2;padding:44px 0 52px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:8px 24px;border-radius:999px;background:var(--lavender);color:#5738eb;font-weight:900;font-size:.8rem;letter-spacing:.12em}.eyebrow b{color:var(--pink)}.hero h1{margin:0;color:var(--heading);font-size:clamp(3.25rem,6.5vw,5.25rem);line-height:1.05;letter-spacing:-.055em;font-weight:950;text-shadow:0 3px 0 rgba(32,32,51,.05)}.hero-copy{margin:22px 0 0;color:var(--body);font-size:1.14rem}.bubble-cluster{position:absolute;inset-block:0;width:18%;pointer-events:none}.bubble-cluster i{position:absolute;border-radius:50%;opacity:.72}.bubble-left{left:0}.bubble-left i:nth-child(1){width:180px;height:180px;left:-78px;top:60px;background:#c6b5ff}.bubble-left i:nth-child(2){width:105px;height:105px;left:54px;top:150px;background:#bda7ff}.bubble-left i:nth-child(3){width:28px;height:28px;left:94px;top:48px;background:#c4b2ff}.bubble-left i:nth-child(4){width:32px;height:32px;left:28px;bottom:35px;background:#c3afff}.bubble-right{right:0}.bubble-right i:nth-child(1){width:180px;height:180px;right:-70px;top:44px;background:#ffd09c}.bubble-right i:nth-child(2){width:112px;height:112px;right:52px;bottom:0;background:#ff9db4}.bubble-right i:nth-child(3){width:36px;height:36px;right:125px;top:96px;background:#ff91aa}.bubble-right i:nth-child(4){width:34px;height:34px;right:128px;top:20px;background:#ffcf98}
.generator{position:relative;z-index:3;background:#fff;border:1px solid var(--border);border-radius:16px;padding:29px;box-shadow:var(--shadow);scroll-margin-top:24px}.input-row{display:flex;justify-content:space-between;margin-bottom:9px}.input-row label{font-size:.9rem;font-weight:900}.input-wrap{position:relative}.input-wrap input{width:100%;height:88px;border:1px solid #cac6d1;border-radius:10px;padding:0 105px 0 18px;color:var(--heading);font-size:2rem;font-weight:800;outline:0}.input-wrap input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,76,245,.12)}.input-wrap span{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--body);font-size:.9rem;font-variant-numeric:tabular-nums}.tool-actions{display:flex;justify-content:flex-end;gap:14px;margin:12px 0 42px}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.result-card{min-height:172px;padding:19px;display:flex;flex-direction:column;background:#fff;border:1px solid #eeeaf1;border-radius:12px;box-shadow:var(--soft-shadow)}.result-card h3{font-size:.9rem;margin:0 0 11px}.converted-text{margin:0 0 14px;flex:1;overflow-wrap:anywhere;color:#111;font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.45}.copy-button{align-self:flex-end;min-width:96px;background:var(--purple);color:#fff;padding:10px 15px;box-shadow:0 5px 13px rgba(108,76,245,.2)}.copy-button:before{content:"⎘";font-size:1rem}.copy-button:hover{background:var(--purple-hover)}.copy-button.copied{background:#e7f7f1;border-color:#cceee2;color:var(--success);box-shadow:none}.copy-button.copied:before{content:"✓"}.copy-button:disabled{opacity:.5;cursor:not-allowed}.notice{text-align:center;color:var(--pink)}
.trust-row{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 18px;box-shadow:var(--soft-shadow)}.trust-row>div{display:flex;align-items:center;gap:14px;padding:0 18px;border-right:1px solid var(--border)}.trust-row>div:last-child{border:0}.trust-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:1.75rem;font-weight:900}.purple{background:#eee8ff;color:var(--purple)}.pink{background:#ffe7ee;color:var(--pink)}.peach{background:#fff0df;color:#ff8e25}.rose{background:#ffe6fa;color:#f047c6}.trust-row p{margin:0}.trust-row strong,.trust-row small{display:block}.trust-row strong{font-size:.85rem}.trust-row small{font-size:.74rem;color:var(--body);margin-top:2px}.how-it-works,.popular{padding-top:44px}.how-it-works h2,.popular h2,.faq h2{text-align:center;margin:0 0 24px;font-size:1.75rem;letter-spacing:-.035em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{position:relative;min-height:138px;display:flex;gap:12px;padding:21px 78px 20px 20px;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:var(--soft-shadow)}.step-number{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900}.steps h3{font-size:.93rem;margin:3px 0 7px}.steps p{margin:0;color:var(--body);font-size:.82rem}.step-icon{position:absolute;right:20px;top:31px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.75rem}.popular{padding-bottom:52px}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.preview-card{height:160px;border-radius:14px;display:flex;align-items:center;justify-content:space-around;overflow:hidden;box-shadow:var(--soft-shadow);position:relative}.preview-card strong{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;text-align:center;font-size:2.3rem;line-height:.86;letter-spacing:-.08em;color:#fff;-webkit-text-stroke:2px var(--purple);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.03)}.preview-card>span{align-self:flex-start;margin-top:20px;font-size:1.1rem;opacity:.38}.preview-card>span:last-child{align-self:flex-end;margin:0 0 18px}.lavender{background:#e5ddff;color:#7c60f6}.pink-card{background:#ffc7d5;color:#ff6e91}.pink-card strong{-webkit-text-stroke-color:var(--pink)}.peach-card{background:#ffe1bd;color:#f7a24e}.peach-card strong{-webkit-text-stroke-color:#ff941e}
.faq-wrap{position:relative;overflow:hidden;padding:0 0 58px}.faq{max-width:880px;position:relative;z-index:2}.faq h2{margin-bottom:19px}.accordion{display:grid;gap:7px}.accordion article{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden;box-shadow:0 2px 8px rgba(43,35,70,.04)}.accordion h3{margin:0}.accordion button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border:0;background:transparent;color:var(--heading);font-weight:800;font-size:.86rem;text-align:left;cursor:pointer}.accordion button span{font-size:1.1rem;transition:transform .18s}.accordion button[aria-expanded="true"] span{transform:rotate(180deg)}.accordion [role="region"]{padding:0 18px 15px;color:var(--body);font-size:.86rem}.accordion [role="region"] p{margin:0}.faq-bubbles{position:absolute;width:150px;height:100%;bottom:0}.faq-bubbles i{position:absolute;border-radius:50%;opacity:.65}.faq-left{left:0}.faq-left i:nth-child(1){width:70px;height:70px;left:35px;top:10px;background:#c6b5ff}.faq-left i:nth-child(2){width:95px;height:95px;left:-30px;bottom:-20px;background:#ff9db4}.faq-left i:nth-child(3){width:50px;height:50px;left:80px;top:75px;background:#ff9db4}.faq-right{right:0}.faq-right i:nth-child(1){width:45px;height:45px;right:80px;top:0;background:#c1aeff}.faq-right i:nth-child(2){width:90px;height:90px;right:-10px;top:72px;background:#c1aeff}.faq-right i:nth-child(3){width:120px;height:120px;right:-35px;bottom:-35px;background:#dacfff}
.site-footer{background:#fff;border-top:1px solid var(--border)}.footer-inner{min-height:190px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.footer-brand .brand{font-size:1.28rem}.footer-brand .logo{width:44px;height:44px;font-size:1.7rem}.footer-brand p{margin:10px 0 0;color:var(--body);font-size:.78rem}.footer-inner nav{display:flex;gap:64px}.footer-inner nav a{text-decoration:none;font-size:.86rem}.footer-inner nav a:hover{text-decoration:underline;text-underline-offset:4px}.copyright{grid-column:1/-1;text-align:center;margin:-18px 0 18px;color:var(--body);font-size:.78rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Supporting pages */.page-main{padding:68px 0 90px;min-height:65vh}.page-shell{max-width:820px}.page-main h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.05;color:var(--heading);letter-spacing:-.045em;margin:0 0 18px}.page-lead{font-size:1.15rem;color:var(--body);margin:0 0 36px}.prose-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(24px,5vw,44px);box-shadow:var(--soft-shadow)}.prose-card h2{font-size:1.25rem;color:var(--purple);margin:30px 0 7px}.prose-card h2:first-child{margin-top:0}.prose-card p,.prose-card li{color:var(--body)}.contact-form{display:grid;gap:18px}.field{display:grid;gap:7px}.field label{font-weight:800}.field input,.field textarea{border:1px solid var(--border);background:#fff;border-radius:11px;padding:12px 14px;min-height:auto;font-size:1rem;font-weight:400}.field textarea{min-height:150px}.form-note{font-size:.9rem;background:var(--lavender);border-left:4px solid var(--purple);padding:12px 14px;margin:0}.form-status{min-height:1.5em;color:var(--pink);font-weight:700;margin:0}
@media(max-width:820px){.container{width:min(100% - 28px,1160px)}.announcement{font-size:.76rem;height:38px}.site-header{height:76px}.brand{font-size:1.05rem}.logo{width:41px;height:41px;font-size:1.55rem}.header-inner>.button{padding:10px 13px;font-size:.82rem}.hero{min-height:330px}.hero-inner{padding:38px 0}.hero h1{font-size:clamp(2.65rem,11vw,4.2rem)}.hero-copy{font-size:.98rem}.bubble-cluster{width:23%;opacity:.65}.generator{padding:18px}.input-wrap input{height:76px;font-size:1.45rem;padding-right:85px}.tool-actions{margin-bottom:28px}.results-grid{grid-template-columns:1fr;gap:14px}.result-card{min-height:156px}.trust-row{grid-template-columns:1fr 1fr}.trust-row>div{padding:13px;border-right:0;border-bottom:1px solid var(--border)}.trust-row>div:nth-last-child(-n+2){border-bottom:0}.steps{grid-template-columns:1fr;gap:14px}.popular-grid{grid-template-columns:1fr 1fr;gap:14px}.footer-inner{grid-template-columns:1fr;padding:38px 0 20px}.footer-inner nav{gap:18px 28px;flex-wrap:wrap}.copyright{grid-column:auto;text-align:left;margin:0}.faq-bubbles{opacity:.55}}
@media(max-width:480px){.announcement{padding:0 12px;text-align:center}.announcement span{display:none}.brand span:last-child{font-size:.9rem}.header-inner>.button{font-size:0;padding:9px 11px}.header-inner>.button:after{content:"Create";font-size:.8rem}.hero{min-height:305px}.hero h1{font-size:2.55rem}.hero-copy{max-width:310px;margin-inline:auto}.bubble-cluster{opacity:.35}.bubble-left i:nth-child(1){left:-155px}.bubble-left i:nth-child(2){left:-34px}.bubble-right i:nth-child(1){right:-165px}.bubble-right i:nth-child(2){right:-48px}.input-wrap input{font-size:1.23rem;padding-left:13px}.tool-actions .button{padding:9px 13px}.trust-row{grid-template-columns:1fr}.trust-row>div{border-bottom:1px solid var(--border)!important}.trust-row>div:last-child{border-bottom:0!important}.popular-grid{grid-template-columns:1fr}.preview-card{height:140px}.footer-inner nav{gap:15px 22px}.faq-bubbles{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Progressive style browser */
.tool-actions{margin-bottom:28px}.style-browser{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 20px}.style-browser>div{flex:1}.style-browser p{margin:0 0 9px;color:var(--body);font-size:.88rem}.style-browser input{width:min(100%,360px);height:42px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--heading);outline:0}.style-browser input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,76,245,.12)}.style-browser>span{color:var(--body);font-size:.78rem;white-space:nowrap}.more-actions{display:flex;justify-content:center;padding-top:28px}.show-more-button{min-width:190px;background:var(--lavender);border-color:#ded4ff;color:var(--purple)}.show-more-button:hover{background:#e6ddff}.empty-results{grid-column:1/-1;text-align:center;color:var(--body);padding:34px 20px;border:1px dashed var(--border);border-radius:12px}
@media(max-width:620px){.style-browser{align-items:stretch;flex-direction:column;gap:8px}.style-browser input{width:100%}.style-browser>span{white-space:normal}}

/* Result actions preserve the approved card layout while pairing Copy and Download. */
.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.result-actions .copy-button{align-self:auto}.download-button{min-width:112px;padding:10px 14px;background:#fff;border-color:#d9d2ef;color:var(--purple);box-shadow:none}.download-button:before{content:"⇩";font-size:1rem}.download-button:hover{background:var(--lavender);border-color:#cfc3fa}.download-button.downloaded{background:#e7f7f1;border-color:#cceee2;color:var(--success)}.download-button.downloaded:before{content:"✓"}.download-button:disabled{opacity:.58;cursor:wait;transform:none}.card-status{min-height:1.2em;margin:5px 0 -7px;text-align:right;color:var(--body);font-size:.7rem}.card-status:empty{visibility:hidden}
@media(max-width:420px){.result-actions{gap:7px;flex-wrap:nowrap}.result-actions .button{flex:1 1 0;min-width:0;padding-inline:8px}.card-status{text-align:center}}
@media(max-width:330px){.result-actions{flex-wrap:wrap}.result-actions .button{flex-basis:100%}}