:root{--bg:#0b0b17;--bg2:#10101f;--surface:#161626;--stroke:#2c2b40;--text:#f8f6ff;--muted:#aca9be;--lav:#c2afff;--violet:#a78af9;--lime:#d5f49b;--peach:#ffccae;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px;overflow-x:clip}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a,button,input,select,summary{outline-offset:4px}::selection{background:#a78af9;color:#140f22}.container{width:min(1190px,calc(100% - 52px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}svg{display:block}button{border:0}[hidden]{display:none!important}.skip-link{position:absolute;z-index:400;top:-100px;left:16px;background:#fff;color:#111;padding:12px;border-radius:10px}.skip-link:focus{top:12px}
.announcement{font-size:11.5px;letter-spacing:.04em;text-align:center;padding:10px 12px;background:#19162b;color:#c4bed9;border-bottom:1px solid #413159}.announce-spark{color:#dcc8ff;font-size:15px;margin-right:6px}.announcement a{font-weight:800;color:#e4dafa}.announce-sep{padding:0 8px;color:#6e6587}.announcement a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:25;background:rgba(10,10,22,.91);backdrop-filter:blur(20px);border-bottom:1px solid rgba(199,184,255,.09)}.nav-shell{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{width:38px;height:38px;background:linear-gradient(140deg,#e4d5ff,#9d7be8);border-radius:12px;color:#231933;display:grid;place-items:center;font-size:23px}.brand-icon svg{width:26px;height:26px;color:#352447}.brand-type{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1.3px;color:#fff}.brand-type>span:first-child{color:#b9a7fc}.brand-dot{color:var(--lime)!important}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#c3bed0}.desktop-nav a:hover,.mobile-nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:14px}.nav-cta{display:inline-flex;align-items:center;gap:13px;font-weight:800;font-size:12px;border:1px solid #60547d;border-radius:11px;padding:12px 16px;background:#262039;color:#eee6ff;transition:background .2s,transform .2s}.nav-cta:hover{background:#3c305a;transform:translateY(-2px)}.nav-cta svg,.card-arrow-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none;background:#242034;width:39px;height:39px;border-radius:10px;border:1px solid #443957;padding:9px}.menu-toggle span{display:block;height:2px;background:#efe6ff;border-radius:10px;margin:4px 0}.mobile-nav{display:none}
.hero{min-height:594px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;padding-top:70px;padding-bottom:75px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;left:-340px;top:-210px;width:880px;height:750px;background:radial-gradient(ellipse,#29204770,transparent 68%);pointer-events:none}.hero-copy{z-index:2;padding-bottom:15px}.hero-eyebrow,.eyebrow{color:#d5c3ff;letter-spacing:2.4px;font-weight:800;font-size:10px;display:flex;align-items:center;gap:9px}.eyebrow-star{font-size:16px;line-height:0}.eyebrow-line{display:inline-block;width:28px;height:1px;background:#827398;margin:0 4px}.hero h1{font-size:clamp(49px,5.4vw,78px);line-height:1.12;letter-spacing:-4.5px;font-weight:800;margin:21px 0 23px}.highlight-title{color:#c8b7ff}.period{color:var(--lime)}.hero-lead{max-width:525px;font-size:15.5px;color:#b7b3c9;line-height:1.95;margin:0 0 30px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.button{border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:800;font-size:13px;padding:15px 20px;min-height:51px;transition:transform .22s,box-shadow .22s,background .22s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-primary{background:#c9b8ff;color:#211638;box-shadow:0 12px 35px #9380ff1b}.button-primary:hover{background:#e1d6ff;box-shadow:0 14px 37px #9380ff32}.button-quiet{border:1px solid #393448;color:#d7d1df;background:transparent}.button-quiet:hover{background:#191829}.hero-proof{display:flex;align-items:center;gap:15px;margin-top:38px;font-size:11.5px;color:#cbc7da;line-height:1.8}.hero-proof strong{color:#f8f7fe}.proof-soft{color:#9290a7}.mini-avatars{display:flex;margin-left:4px}.mini-avatars span{width:30px;height:30px;margin-left:-5px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#c9b4ef;color:#332348;font-size:15px}.mini-avatars span:nth-child(2){background:#ffceaf}.mini-avatars span:nth-child(3){background:#d9efa5}
.hero-art{min-height:500px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-glow{position:absolute;inset:7% 0;z-index:-2;background:radial-gradient(ellipse,#7857b766 0%,#5e42722c 39%,transparent 69%);filter:blur(12px)}.art-frame{width:285px;padding:13px;background:#1e1c32;border:1px solid #60517e;border-radius:22px;box-shadow:0 36px 82px #000b,0 0 0 8px #30294850;transform:rotate(5deg);animation:artFloat 7s ease-in-out infinite}.art-topline{color:#cbc2dc;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;padding:2px 3px 10px;font-weight:800}.art-topline>span:first-child{display:flex;align-items:center;gap:6px}.art-topline i{width:5px;height:5px;background:#d7f59c;border-radius:50%;display:inline-block}.small-dots{color:#a090bb;padding-left:8px}.art-paper{height:372px;background:#efe3ce;border-radius:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#5b463d;text-align:center}.art-paper:before{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(0deg,#91796311 0 1px,transparent 2px 14px),radial-gradient(circle at 50% 0,#fff7db,transparent 80%)}.paper-stamp{z-index:1;font-weight:800;letter-spacing:2.2px;font-size:8px;position:absolute;top:65px}.art-paper p{position:relative;z-index:1;font-family:Georgia,serif;font-size:25px;line-height:1.5;letter-spacing:-.7px;margin:0}.art-paper p em{color:#9a756a;font-style:italic}.paper-caret{width:2px;height:26px;background:#b58e74;display:inline-block;margin-left:3px;vertical-align:-6px;animation:blink 1.1s step-end infinite}.paper-signature{position:absolute;z-index:1;bottom:78px;font-family:Georgia,serif;font-style:italic;font-size:11px;color:#917d70}.paper-index{z-index:1;position:absolute;bottom:27px;font-size:8px;letter-spacing:1px;color:#ab9482}.paper-index span{padding:0 7px;opacity:.65}.art-bottomline{display:flex;align-items:center;gap:10px;padding:12px 4px 1px;color:#ab9ebd;font-size:9px}.play-orb{display:grid;place-items:center;width:22px;height:22px;background:#bca6ee;color:#211b36;border-radius:50%;font-size:8px}.art-progress{height:3px;border-radius:3px;background:#514962;flex:1;overflow:hidden}.art-progress i{display:block;width:70%;height:100%;background:#d5baff}.art-bubble{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#252039e8;backdrop-filter:blur(10px);border:1px solid #62547e;border-radius:15px;padding:12px 16px;box-shadow:0 16px 45px #0008;color:#d3cde0;font-size:10px;line-height:1.65}.art-bubble strong{font-size:11px;color:#fbf6ff}.bubble-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:22px}.bubble-purple{background:#a58bdf;color:#2a213a}.bubble-peach{background:#f5c9ac;color:#483226}.art-bubble-left{top:26%;left:-8%}.art-bubble-right{right:-5%;bottom:21%}.floating-fleck{color:#dbceff;position:absolute;font-size:31px;opacity:.75}.f1{top:3%;left:20%}.f2{right:4%;top:18%;color:#ddfca4}.f3{left:15%;bottom:7%;font-size:18px}.scroll-cue{padding:18px 5px;background:#19162b;border-top:1px solid #302746;border-bottom:1px solid #332c48;text-align:center;font-family:Manrope,sans-serif;color:#807796;font-size:10px;letter-spacing:2.5px;word-spacing:8px;overflow:hidden;white-space:nowrap}.scroll-cue span{color:#ae94ec;margin:0 16px}
.tools-section{padding:105px 0 115px;background:linear-gradient(180deg,#0d0d19,#0b0b17)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.starlet{font-size:16px;color:#dbc3ff}.section-heading h2,.center-heading h2,.about-section h2,.faq-section h2,.bottom-cta h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2.2px;line-height:1.2;margin:16px 0}.section-heading h2 em,.center-heading h2 em,.about-section h2 em,.faq-section h2 em,.bottom-cta h2 em{color:#c7b1ff;font-style:normal}.section-heading p,.center-heading p,.about-section p,.faq-section p{font-size:14px;color:#a9a7bb;line-height:1.9;max-width:560px;margin:0}.tool-status{text-align:right;color:#dbd1e9;font-size:11px;letter-spacing:.8px;font-weight:800;white-space:nowrap;margin-bottom:4px}.status-indicator,.chip-live-dot,.tool-badge i{display:inline-block;background:#a8de81;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #a8de8120;margin-right:8px}.tool-status small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#858198;margin-top:9px}.toolbar{display:flex;gap:15px;align-items:center}.search-field{flex:1;display:flex;align-items:center;gap:13px;height:58px;border:1px solid #3b3650;border-radius:13px;background:#181727;padding:0 18px;transition:border-color .2s,background .2s}.search-field:focus-within{border-color:#a08adc;background:#1c192b}.search-field svg{width:20px;height:20px;fill:none;stroke:#9d93b1;stroke-width:1.7;stroke-linecap:round}.search-field input{color:#fff;font-size:13px;min-width:0;flex:1;background:transparent;outline:none;border:0}.search-field input::placeholder{color:#9189a4}.search-field input::-webkit-search-cancel-button{cursor:pointer}.search-field kbd{font-family:inherit;border:1px solid #494157;border-radius:5px;color:#a29baf;font-size:11px;line-height:20px;width:22px;text-align:center}.sort-wrap{height:58px;min-width:168px;display:flex;align-items:center;gap:10px;border-radius:13px;border:1px solid #363046;padding:0 17px;color:#858098;font-size:12px}.sort-wrap select{color:#ddd8ef;background:transparent;outline:none;border:0;font-size:12px;cursor:pointer;min-width:74px}.sort-wrap select option{color:#222}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.filter-chip{font-size:11px;font-weight:700;border-radius:100px;padding:10px 17px;background:#171625;border:1px solid #333048;color:#b3adc2;white-space:nowrap;transition:background .2s,border-color .2s}.filter-chip:hover{border-color:#76659b;color:#fff}.filter-chip.is-active{color:#24183d;background:#c7b6f9;border-color:#c7b6f9}.chip-num{font-size:10px;margin-left:5px;background:#ffffff24;padding:3px 7px;border-radius:100px}.chip-live-dot{width:6px;height:6px;box-shadow:none;margin-right:4px}.is-active .chip-live-dot{background:#36583d}.result-row{display:flex;align-items:center;justify-content:space-between;margin:31px 0 16px;gap:12px}.result-row p{margin:0;color:#8b869f;font-size:11px;font-weight:700}.result-row button{color:#c4b0ff;background:none;padding:0;font-size:11px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{text-align:left;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;border:1px solid #323047;background:#151523;color:#fff;padding:0;width:100%;transition:transform .25s,border-color .25s,box-shadow .25s;appearance:none}.tool-card:hover{transform:translateY(-5px);border-color:#7462a0;box-shadow:0 22px 45px #04040d80}.tool-card:focus-visible{outline:2px solid #cbb8ff}.tool-card.featured{grid-column:span 2;display:grid;grid-template-columns:46% 54%;min-height:326px;background:linear-gradient(128deg,#1b1930,#151522)}.tool-card-art{height:180px;overflow:hidden;position:relative;display:grid;place-items:center;border-bottom:1px solid #ffffff0d}.tool-card.featured .tool-card-art{height:100%;border:0;border-right:1px solid #ffffff10;order:2}.tool-card-info{padding:21px 22px 22px;display:flex;flex-direction:column;flex:1}.tool-card.featured .tool-card-info{padding:27px;order:1}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#88839c;white-space:nowrap}.tool-badge{padding:6px 9px;border-radius:6px;letter-spacing:.45px;font-size:8px;font-weight:800}.tool-badge.is-live{background:#2b402f;color:#d2f4bd}.tool-badge.is-soon{background:#322b43;color:#bcacd9}.tool-badge i{width:5px;height:5px;box-shadow:none;margin-right:5px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.card-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#282339;color:#c4aaf7;font-size:21px}.card-arrow{border:1px solid #443c59;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#b5a9d1;transform:rotate(-45deg)}.tool-card:hover .card-arrow{background:#c8b5fc;color:#221737}.tool-card h3{font-size:17px;letter-spacing:-.5px;line-height:1.4;margin:0 0 9px}.tool-card p{color:#a6a3b6;font-size:11.5px;line-height:1.8;margin:0 0 22px}.card-bottom{margin-top:auto;border-top:1px solid #302e40;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#cdbafd;font-size:10.5px;font-weight:800;letter-spacing:.1px}.tool-card.featured h3{font-size:23px}.tool-card.featured p{font-size:12px;line-height:1.85}.tool-card.featured .card-bottom{font-size:11.5px}.tool-card.featured .card-meta>span:last-child{font-size:9px}
/* Custom graphic previews, rendered entirely in CSS */
.art-story{background:radial-gradient(ellipse at 80% 90%,#9671a16a,transparent 80%),linear-gradient(140deg,#30243f,#56405d)}.feature-scene{width:184px;height:250px;background:#2e273d;border:1px solid #8a779e;border-radius:14px;transform:rotate(5deg);padding:9px;box-shadow:0 17px 35px #0008}.feature-page{height:215px;background:#f6e7d3;color:#65483c;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}.feature-page span{font-size:6px;letter-spacing:2px;font-weight:800}.feature-page b{font-family:Georgia,serif;font-weight:500;font-size:21px;line-height:1.2}.feature-page i{color:#b27b89;font-weight:400}.feature-page small{font-family:Georgia,serif;font-size:8px;font-style:italic}.feature-player{display:flex;align-items:center;gap:9px;font-size:7px;color:#ddd0ed;padding-top:7px}.feature-player>span{font-size:9px}.feature-player i{height:3px;flex:1;background:linear-gradient(90deg,#d4b8fa 75%,#6b5e7e 75%);border-radius:2px}
.art-match{background:linear-gradient(135deg,#d5bdad,#7f6974)}.scene-match{width:155px;height:134px;background:#f0e8d8;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:18px 12px 0 -2px #d0bba3,31px 23px 0 -4px #534557;color:#232128}.scene-match span{letter-spacing:3px;font-size:10px}.scene-match strong{font-family:Georgia,serif;font-size:29px;letter-spacing:-1.5px;line-height:1.4;border-top:3px solid;border-bottom:3px solid}.scene-match b{position:absolute;transform:rotate(9deg);top:18px;right:-46px;background:#ed757e;padding:5px 8px;color:#241b23;font-size:9px;letter-spacing:2px}
.art-cinematic{background:radial-gradient(circle at 70% 36%,#bf906356,transparent 40%),linear-gradient(150deg,#12192a,#1e263d,#110e1d)}.scene-film{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;color:#f0d4a9;transform:scale(.9)}.scene-film span{font-size:7px;letter-spacing:4px}.scene-film b{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:4px;line-height:1.5}.scene-film i{height:1px;background:#c9a574;width:80px}
.art-zoom{background:radial-gradient(circle,#bcc9e1,#6e7fa8,#252b4e)}.scene-zoom,.scene-zoom>div,.scene-zoom>div>div,.scene-zoom>div>div>div{display:grid;place-items:center;border:5px solid #ffdbb88c;box-shadow:0 0 30px #24314d70;background:#8897af4a}.scene-zoom{width:155px;height:155px;transform:rotate(12deg)}.scene-zoom>div{width:104px;height:104px;transform:rotate(14deg)}.scene-zoom>div>div{width:68px;height:68px;transform:rotate(12deg)}.scene-zoom>div>div>div{width:35px;height:35px;transform:rotate(10deg)}.scene-zoom span{font-size:22px;color:#fff0c0}
.art-beat{background:radial-gradient(circle at 50% 100%,#5b3276,transparent 70%),linear-gradient(130deg,#201330,#3a2358)}.scene-beat{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.scene-beat>span{position:absolute;top:25px;left:48px;font-size:30px;color:#ebc7ff;transform:rotate(-18deg)}.bars{width:70%;height:90px;display:flex;align-items:center;justify-content:center;gap:6px}.bars i{flex:1;max-width:10px;background:linear-gradient(180deg,#f7b5d7,#ac91ee);border-radius:9px;box-shadow:0 5px 20px #e494ed40}.tool-card:hover .bars i{animation:bars .7s ease-in-out alternate infinite}.tool-card:hover .bars i:nth-child(2n){animation-delay:-.37s}
.art-quotes{background:linear-gradient(135deg,#f7cdd2,#b09ce9)}.scene-quote{text-align:center;color:#643d6a;display:flex;flex-direction:column;align-items:center;justify-content:center}.scene-quote>span{font-family:Georgia,serif;font-size:58px;height:43px;line-height:1}.scene-quote b{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.25}.scene-quote b i{color:#8e477c}.scene-quote small{font-size:8px;letter-spacing:1.2px;margin-top:17px}
.art-mosaic{background:linear-gradient(120deg,#183142,#32536c)}.scene-mosaic{width:155px;height:140px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;transform:rotate(-5deg);position:relative;box-shadow:11px 15px 0 #17242c66}.scene-mosaic i{background:#658a95;border:1px solid #ffffff19}.scene-mosaic i:nth-child(3n){background:#e3b39d}.scene-mosaic i:nth-child(4n){background:#7fabb4}.scene-mosaic i:nth-child(5n){background:#55698c}.scene-mosaic>span{position:absolute;inset:0;display:grid;place-items:center;color:#f6d8aa;font-size:50px;text-shadow:0 0 24px #162a29}
.art-morph{background:linear-gradient(145deg,#bea2ff,#846ed0)}.scene-morph{position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.scene-morph>span{font-family:Manrope,sans-serif;font-size:33px;font-weight:900;letter-spacing:-2px;opacity:.24;transform:translateY(11px) rotate(-6deg)}.scene-morph b{font-size:30px;font-weight:900;letter-spacing:-2px;text-shadow:0 7px 17px #35245b66;transform:translateY(-5px) rotate(4deg)}.scene-morph small{font-size:16px;letter-spacing:8px;color:#fff9cc}
.art-beforeafter{background:#233e46}.scene-before{display:flex;width:100%;height:100%;position:relative}.half-before,.half-after{width:50%;display:flex;align-items:end;justify-content:center;padding-bottom:19px;color:#fff;font-size:9px;font-weight:900;letter-spacing:2px}.half-before{background:linear-gradient(30deg,#425879,#90a6b1)}.half-after{background:linear-gradient(30deg,#ddac8e,#e8e2bc)}.scene-before i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-style:normal;background:#faf0dc;color:#3a3c48;box-shadow:0 0 0 5px #ffffff44}
.empty-state{text-align:center;border:1px dashed #554b6d;border-radius:20px;padding:65px 20px;background:#151322}.empty-state>span{display:block;color:#b49aed;font-size:40px}.empty-state h3{font-size:25px;margin:10px 0}.empty-state p{color:#aaa3bb;font-size:13px}.empty-state .button{border:none;margin-top:15px}
.create-strip{margin-top:0;margin-bottom:120px;padding:31px 35px;min-height:182px;background:linear-gradient(110deg,#312544,#272039 65%,#332a48);border:1px solid #514068;border-radius:21px;display:flex;align-items:center;gap:26px;position:relative;overflow:hidden}.strip-deco{font-size:79px;line-height:1;color:#c1a2f3;opacity:.75;transform:rotate(-15deg);margin-right:7px}.strip-eyebrow{font-size:9px;color:#c3addf;font-weight:800;letter-spacing:2px}.create-strip h2{margin:5px 0;font-size:25px;letter-spacing:-.7px}.create-strip p{font-size:12px;color:#c1b9cc;margin:0}.strip-button{margin-left:auto;color:#241733;background:#d3f2a2;position:relative;z-index:1}.strip-button:hover{background:#e4fabf}.create-strip:after{content:"";width:280px;height:280px;position:absolute;border-radius:50%;right:-150px;top:-80px;border:1px solid #9f7cd365;box-shadow:0 0 0 25px #ac84e50c,0 0 0 70px #ac84e50c;pointer-events:none}
.how-section{padding-bottom:110px}.center-heading{text-align:center;display:flex;align-items:center;flex-direction:column}.center-heading h2{margin-bottom:13px}.center-heading p{max-width:480px}.step-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.step{position:relative;background:#161523;border:1px solid #312d43;border-radius:19px;padding:24px}.step-number{color:#a68eda;font-size:11px;font-weight:800;letter-spacing:2px}.step-art{height:154px;border-radius:12px;display:grid;place-items:center;position:relative;margin:19px 0 21px;overflow:hidden}.step-one{background:linear-gradient(135deg,#40304d,#654a74)}.step-notepad{width:118px;height:130px;background:#f0e8d9;transform:rotate(-8deg);border-radius:4px;padding:14px;color:#756055;box-shadow:11px 12px 0 #d3adab55}.step-notepad>span{font-size:6px;letter-spacing:2px;font-weight:900}.step-notepad b{font-size:17px;line-height:1.25;font-family:Georgia,serif;display:block;margin-top:8px;font-weight:400}.step-notepad i{display:block;height:2px;background:#b8a595;width:70%;margin-top:12px}.step-notepad i:last-child{width:45%;margin-top:5px}.doodle{position:absolute;color:#d6c5ff;top:14px;right:20px;font-size:29px}.step-two{background:linear-gradient(130deg,#55406c,#7c5c7c)}.step-swatch{width:98px;height:111px;border:5px solid #d9c3ed;border-radius:8px;position:absolute;box-shadow:0 10px 25px #0005}.s-one{background:#f7d0d4;transform:translateX(-55px) rotate(-17deg)}.s-two{background:#c3d5d6;transform:translateX(48px) rotate(14deg)}.s-three{background:linear-gradient(145deg,#e8d8be,#b49ee2);transform:rotate(-2deg)}.step-three{background:linear-gradient(135deg,#354657,#242f4e)}.step-export{width:134px;height:105px;border:2px solid #b4c8ce;border-radius:10px;background:#748e9e40;display:flex;align-items:center;justify-content:center;gap:13px;flex-direction:column;color:#d8f9db;font-size:27px}.step-export span{font-size:8px;font-weight:800;letter-spacing:2px;color:#c8dada}.step h3{font-size:17px;margin-bottom:10px;letter-spacing:-.4px}.step p{font-size:12px;color:#a29eb4;line-height:1.9;margin:0}
.about-section{padding:92px 0;background:linear-gradient(120deg,#181627,#1d1a32 55%,#161828);border-top:1px solid #302a46;border-bottom:1px solid #302a46}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about-section h2{margin-bottom:24px}.about-section p{margin-bottom:21px}.inline-action{font-size:12px;color:#d3bbff;font-weight:800;border-bottom:1px solid #766093;padding-bottom:8px;display:inline-flex;gap:14px;margin-top:9px}.benefit-stack{display:grid;gap:25px}.benefit{display:flex;gap:17px;align-items:flex-start}.benefit-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;border:1px solid #6f5b95;background:#35294b;color:#cbb5ff;font-size:22px;flex-shrink:0}.benefit h3{font-size:15px;margin:0 0 5px}.benefit p{font-size:12px;margin:0;line-height:1.8}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:start;padding-top:113px;padding-bottom:110px}.faq-section h2{margin-bottom:13px}.faq-list{border-top:1px solid #373044}.faq-list details{border-bottom:1px solid #373044;padding:0 3px}.faq-list summary{cursor:pointer;font-size:13px;color:#f1eefa;font-weight:700;padding:19px 32px 19px 0;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;right:8px;content:'+';font-size:23px;font-weight:300;color:#b8a6e5;top:13px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;color:#aaa5b9;line-height:1.9;padding-bottom:18px;margin:0}.faq-list details a{color:#cdbaff;text-decoration:underline}.bottom-cta{min-height:349px;border:1px solid #524169;border-radius:23px;margin-bottom:110px;padding:52px 65px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 55%,#62467f,#382c4f 44%,#221c35 85%);display:flex;align-items:center;justify-content:space-between}.bottom-cta h2{font-size:45px;margin:12px 0 12px}.bottom-cta p{color:#d0c5da;font-size:12px;margin-bottom:24px}.bottom-spark{position:absolute;right:6%;top:-44px;font-size:200px;color:#a788d336;line-height:1}.bottom-art{padding:0 80px 0 30px}.bottom-note{width:216px;height:220px;background:#f4e3cd;color:#604b42;border-radius:5px;box-shadow:18px 20px 0 -4px #bfa4b8,29px 32px 0 -6px #83719b,0 20px 55px #0006;transform:rotate(9deg);font-family:Georgia,serif;font-size:25px;line-height:1.35;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align:left}.bottom-note em{color:#bb7183;font-weight:400}.bottom-note span{position:absolute;right:15px;bottom:10px;font-size:20px;color:#ad8295}
.site-footer{background:#0a0a14;border-top:1px solid #302c3e}.footer-main{padding:66px 0 52px;display:flex;justify-content:space-between;gap:40px}.footer-brand p{font-size:12px;line-height:1.9;color:#9490a9;margin:16px 0 0}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));gap:60px}.footer-cols>div{display:flex;flex-direction:column;gap:13px}.footer-cols h3{font-size:12px;color:#eae5f0;margin:0 0 7px}.footer-cols a{font-size:11px;color:#9691a9}.footer-cols a:hover{color:#d4bfff}.footer-bottom{border-top:1px solid #282536;padding:19px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#79758d}.footer-bottom span span{color:#b7a1ec}
.dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#070613cd;backdrop-filter:blur(9px);padding:20px}.dialog{width:min(100%,465px);background:#1c1a2e;border:1px solid #655388;border-radius:24px;position:relative;padding:33px;box-shadow:0 34px 100px #000b}.dialog-close{position:absolute;right:18px;top:18px;width:32px;height:32px;background:#332944;border-radius:9px;color:#e1d6f6;font-size:23px;line-height:1}.dialog-close:hover{background:#4b3a64}.dialog-graphic{width:60px;height:60px;border-radius:17px;background:linear-gradient(140deg,#c9b5ff,#b7d6bb);display:grid;place-items:center;font-size:35px;color:#352349;margin-bottom:22px}.dialog-label{font-size:10px;font-weight:800;color:#c8adff;letter-spacing:2px}.dialog h2{font-size:26px;letter-spacing:-.8px;margin:10px 0 12px}.dialog p{font-size:13px;color:#b6aec8;line-height:1.9}.dialog-small{font-size:11px!important;color:#8f899f!important}.dialog-cta{margin-top:10px}.modal-open{overflow:hidden}
@keyframes artFloat{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(4deg) translateY(-11px)}}@keyframes blink{50%{opacity:0}}@keyframes bars{to{transform:scaleY(.55)}}
@media(max-width:1100px){.desktop-nav{gap:18px}.hero{gap:10px}.hero h1{font-size:60px}.art-bubble-left{left:-3%}.art-bubble-right{right:-1%}.about-grid{gap:60px}.card-meta>span:last-child{font-size:8px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{display:flex;flex-direction:column;gap:1px;background:#181426;padding:10px max(26px,calc((100vw - 730px)/2));border-top:1px solid #393046}.mobile-nav[hidden]{display:none}.mobile-nav a{font-size:13px;padding:13px 0;border-bottom:1px solid #302739;color:#cec5df}.hero{padding-top:65px;grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(45px,6vw,62px);letter-spacing:-3px}.hero-lead{font-size:13px}.art-frame{width:235px}.art-paper{height:300px}.art-paper p{font-size:21px}.paper-stamp{top:40px}.paper-signature{bottom:65px}.hero-art{min-height:440px}.art-bubble{font-size:9px;padding:9px}.art-bubble-left{left:-3%}.art-bubble-right{right:-2%}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card.featured{grid-column:span 2}.about-grid{gap:36px}.footer-cols{gap:25px}.faq-section{gap:36px}.bottom-art{padding-right:16px}}
@media(max-width:660px){.container{width:min(100% - 34px,560px)}.announcement{font-size:10px;padding:8px 12px}.nav-shell{min-height:68px}.brand-type{font-size:20px}.brand-icon{width:33px;height:33px}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:52px;padding-bottom:35px;gap:8px}.hero h1{font-size:clamp(48px,12.5vw,67px);letter-spacing:-3.2px;margin:20px 0}.hero-lead{font-size:14px;line-height:1.85}.hero-proof{margin-top:26px}.hero-art{min-height:440px}.art-frame{width:238px;transform:rotate(4deg)}.art-paper{height:310px}.art-bubble-left{left:0;top:26%}.art-bubble-right{right:0;bottom:16%}.hero-eyebrow{font-size:8px;letter-spacing:1.3px}.scroll-cue{font-size:9px;padding:15px 0}.tools-section{padding-top:65px;padding-bottom:75px}.section-heading{display:block;margin-bottom:26px}.section-heading h2,.center-heading h2,.about-section h2,.faq-section h2{font-size:clamp(30px,9vw,40px);letter-spacing:-1.6px}.tool-status{text-align:left;margin-top:22px}.tool-status small{margin-top:3px}.toolbar{display:block}.search-field{height:54px}.sort-wrap{height:42px;margin-top:12px;width:100%;justify-content:space-between}.filter-row{gap:7px}.filter-chip{padding:9px 12px;font-size:10px}.tools-grid{grid-template-columns:1fr;gap:14px}.tool-card.featured{grid-column:span 1;display:flex}.tool-card.featured .tool-card-art{order:0;height:200px;border-bottom:1px solid #ffffff15}.tool-card.featured .tool-card-info{order:1;padding:21px}.tool-card.featured h3{font-size:19px}.tool-card.featured p{font-size:12px}.tool-card-art{height:166px}.tool-card-info{padding:18px}.create-strip{margin-bottom:70px;padding:28px;flex-direction:column;align-items:flex-start;gap:14px}.strip-deco{display:none}.strip-button{margin-left:0}.create-strip h2{font-size:22px}.step-grid{grid-template-columns:1fr}.how-section{padding-bottom:75px}.step-art{height:155px}.about-section{padding:70px 0}.about-grid,.faq-section{grid-template-columns:1fr;gap:40px}.faq-section{padding-top:80px;padding-bottom:80px}.bottom-cta{padding:35px 26px;margin-bottom:75px;min-height:auto}.bottom-cta h2{font-size:37px}.bottom-art{display:none}.footer-main{flex-direction:column;gap:35px;padding:45px 0}.footer-cols{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-cols>div{gap:10px}.footer-bottom{flex-direction:column;gap:7px}.dialog{padding:25px}.dialog h2{font-size:23px}}
@media(max-width:370px){.container{width:calc(100% - 28px)}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons .button{width:100%}.art-bubble-left{left:-2%}.art-bubble-right{right:-3%}.footer-cols{grid-template-columns:repeat(2,1fr);gap:26px}.card-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}