@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#fafafc;--surface:#ffffff;--surface2:#f2f2f7;--text:#131319;--muted:#6a6a78;--line:rgba(18,18,30,.10);--line2:rgba(18,18,30,.06);--accent:#5a47f5;--accent-ink:#ffffff;--accent-soft:rgba(90,71,245,.10);--on-card-shadow:0 30px 70px -34px rgba(30,20,90,.35);--spectrum:linear-gradient(90deg,#5a47f5,#8a5cff,#c95cff,#ff7ab0,#ffb15c);--disp:"Bricolage Grotesque",-apple-system,system-ui,sans-serif;--body:"Inter",-apple-system,system-ui,sans-serif}:root[data-theme=dark]{--bg:#0b0b11;--surface:#14141c;--surface2:#1c1c26;--text:#f1f1f5;--muted:#9a9aa8;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.055);--accent:#7b68ff;--accent-ink:#ffffff;--accent-soft:rgba(123,104,255,.16);--on-card-shadow:0 40px 80px -34px rgba(0,0,0,.7)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark}body,html{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}img{max-width:100%;display:block}.eyebrow{font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.01em;color:var(--accent);display:inline-flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.logo svg{width:26px;height:26px;display:block}.logo .wm{font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.02em}.logo .wm b{color:var(--accent);font-weight:700}.logo svg .ap-open{transition:fill .2s}.nav{justify-content:space-between;padding:20px 34px;max-width:1240px;margin:0 auto}.nav,.nav-right{display:flex;align-items:center}.nav-right{gap:12px}.theme-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,transform .12s}.theme-btn:hover{border-color:var(--accent);transform:rotate(-15deg)}.theme-btn svg{width:18px;height:18px}.btn{font-family:var(--body);font-weight:600;font-size:15px;background:var(--accent);color:var(--accent-ink);border:none;padding:12px 22px;border-radius:11px;cursor:pointer;transition:box-shadow .18s,transform .12s,filter .15s;letter-spacing:-.005em}.btn:hover{filter:brightness(1.06);box-shadow:0 10px 26px -10px var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn.big{padding:15px 28px;font-size:16px;border-radius:13px}.btn:focus-visible,.chip:focus-visible,.ghost:focus-visible,.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ghost{font-family:var(--body);font-weight:500;font-size:14px;background:transparent;color:var(--text);border:1px solid var(--line);padding:11px 17px;border-radius:11px;cursor:pointer;transition:border-color .15s,color .15s}.ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{max-width:1240px;margin:0 auto;padding:64px 34px 88px;display:grid;grid-template-columns:1.06fr .94fr;grid-gap:56px;gap:56px;align-items:center}.hero h1{font-family:var(--disp);font-weight:700;font-optical-sizing:auto;font-size:clamp(52px,7vw,100px);line-height:.94;letter-spacing:-.04em;margin-top:22px;color:var(--text)}.hero h1 .em{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero .lead{font-size:19px;color:var(--muted);max-width:460px;margin-top:26px;line-height:1.6}.hero .lead b{color:var(--text);font-weight:600}.hero .actions{margin-top:34px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero .note{font-size:14px;color:var(--muted)}.showcase,.showcase .stage{position:relative}.showcase .stage{aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:var(--surface2);box-shadow:var(--on-card-shadow);border:1px solid var(--line)}.showcase .stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--spectrum);z-index:3}.showcase .slideimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;z-index:1}.showcase .slideimg.on{opacity:1;z-index:2}.showcase .badge{position:absolute;top:14px;left:14px;z-index:4;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.01em;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);padding:6px 12px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line)}.showcase .dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:7px}.showcase .dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .25s;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.showcase .dots i.on{width:20px;border-radius:100px;background:#fff}.showcase .cap{position:absolute;bottom:-30px;left:2px;font-size:13px;color:var(--muted)}.manifest{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:var(--surface2);overflow:hidden}.manifest .track{display:flex;gap:40px;padding:15px 0;white-space:nowrap;font-family:var(--disp);font-weight:500;font-size:16px;color:var(--muted);animation:marquee 34s linear infinite}.manifest .track span:after{content:"✦";color:var(--accent);margin-left:40px;font-size:11px;vertical-align:2px}@keyframes marquee{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.manifest .track{animation:none}.showcase .slideimg{transition:none}}.steps{max-width:1240px;margin:0 auto;padding:88px 34px}.steps h2{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4.6vw,52px);letter-spacing:-.03em;margin-bottom:10px;color:var(--text)}.steps .sub2{color:var(--muted);font-size:17px;margin-bottom:46px;max-width:540px}.grid3{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.cell{background:var(--surface);border-radius:18px;padding:28px 24px 30px;border:1px solid var(--line2);transition:transform .2s,box-shadow .2s}.cell:hover{transform:translateY(-4px);box-shadow:var(--on-card-shadow)}.cell .num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-family:var(--disp);font-weight:700;font-size:15px;margin-bottom:18px}.cell .lbl{font-size:13px;font-weight:600;color:var(--accent)}.cell h3{font-family:var(--disp);font-weight:600;font-size:21px;margin:4px 0 9px;letter-spacing:-.015em;color:var(--text)}.cell p{color:var(--muted);font-size:14.5px}.center-narrow{max-width:430px;margin:76px auto;padding:0 24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:var(--on-card-shadow)}.panel h2{font-family:var(--disp);font-weight:600;font-size:27px;letter-spacing:-.02em;color:var(--text)}label{display:block;font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.01em;color:var(--muted);margin:20px 0 8px;text-transform:none}input[type=email],input[type=text]{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:11px;font-family:var(--body);font-size:16px;background:var(--bg);color:var(--text);transition:border-color .15s}input::placeholder{color:var(--muted);opacity:.7}input[type=email]:focus,input[type=text]:focus{outline:none;border-color:var(--accent)}.err{color:#e5484d}.err,.ok{font-size:13.5px;margin-top:12px}.ok{color:var(--accent)}.studio{max-width:1240px;margin:0 auto;padding:28px 34px 100px}.studio h1{font-family:var(--disp);font-weight:700;font-size:36px;letter-spacing:-.03em;color:var(--text)}.studio .sub{color:var(--muted);margin-top:6px;margin-bottom:26px}.studio-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:20px;gap:20px;align-items:start}.col-left{display:flex;flex-direction:column;gap:20px}.panel-step{background:var(--surface);border:1px solid var(--line2);border-radius:18px;padding:24px}.panel-step>.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-step>.ph h3{font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.015em;color:var(--text)}.panel-step>.ph .step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-family:var(--disp);font-weight:700;font-size:13px}.panel-result{position:-webkit-sticky;position:sticky;top:20px}.result-empty{border:1.5px dashed var(--line);border-radius:16px;padding:54px 24px;text-align:center;color:var(--muted);font-size:14px}.field-block{margin-top:18px}.field-block:first-child{margin-top:0}.thumbs{display:flex;gap:10px;flex-wrap:wrap}.thumb{position:relative;width:84px;height:112px;border:1px solid var(--line2);border-radius:11px;overflow:hidden;background:var(--bg)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .rm{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:14px;line-height:1}.thumb .rm,.thumb.add{cursor:pointer;display:flex;align-items:center;justify-content:center}.thumb.add{font-size:26px;color:var(--muted);border-style:dashed;transition:all .15s}.thumb.add:hover{border-color:var(--accent);color:var(--accent)}.cost{font-family:var(--body);font-weight:400;font-size:13px;opacity:.9}@media (max-width:900px){.studio-grid{grid-template-columns:1fr}.panel-result{position:static}}.drop{display:block;border:1.5px dashed var(--line);border-radius:14px;padding:34px;text-align:center;background:var(--bg);cursor:pointer;transition:border-color .15s}.drop:hover{border-color:var(--accent)}.drop .big{font-family:var(--disp);font-weight:600;font-size:18px;color:var(--text)}.drop .hint{color:var(--muted);margin-top:6px;font-size:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.chip{font-family:var(--body);border:1px solid var(--line);background:var(--bg);color:var(--text);padding:9px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .14s}.chip.on,.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.balance{font-size:13.5px;color:var(--muted)}.balance b{color:var(--accent)}.fields2{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;max-width:640px}.sel{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:11px;font-family:var(--body);font-size:16px;background:var(--bg);color:var(--text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a47f5' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.sel:focus{outline:none;border-color:var(--accent)}label .ai-btn{float:right;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:0;color:var(--accent);background:var(--accent-soft);border:none;border-radius:8px;padding:4px 12px;cursor:pointer;margin-top:-4px;transition:all .14s}label .ai-btn:hover{background:var(--accent);color:var(--accent-ink)}label .ai-btn:disabled{opacity:.5}@media (max-width:640px){.fields2{grid-template-columns:1fr}}.slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:20px;gap:20px;margin-top:24px}.slide .frame2{position:relative;aspect-ratio:3/4;border:1px solid var(--line2);border-radius:14px;background:var(--surface2);overflow:hidden}.slide .frame2 img{width:100%;height:100%;object-fit:cover}.slide .cap{font-size:12.5px;color:var(--muted);margin-top:9px}.seo{border:1px solid var(--line2);background:var(--surface);border-radius:16px;padding:28px;margin-top:24px}.seo h4{font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.01em;color:var(--accent);margin-bottom:12px}.seo .title{font-family:var(--disp);font-weight:600;font-size:22px;letter-spacing:-.015em;margin-bottom:14px;color:var(--text)}.seo table{border-collapse:collapse;width:100%}.seo td{padding:8px 0;border-bottom:1px solid var(--line2);font-size:14px}.seo td:first-child{color:var(--muted);width:40%}.seo .kw{margin-top:12px;font-size:13px;color:var(--muted)}.batch-list{display:flex;flex-direction:column;gap:10px}.batch-row{display:grid;grid-template-columns:64px 1fr 96px;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--line2);border-radius:12px;padding:10px;background:var(--bg)}.batch-thumb{width:64px;height:64px;object-fit:cover;border-radius:9px;background:var(--surface2)}.batch-fields{display:flex;flex-direction:column;gap:6px}.batch-fields input{padding:8px 10px;font-size:13px}.batch-status{display:flex;align-items:center;justify-content:flex-end}.batch-status .hint{display:flex;align-items:center;gap:6px;font-size:12px}.batch-result{width:64px;height:64px;object-fit:cover;border-radius:9px;border:1px solid var(--line2)}.batch-status .err{font-size:11px;text-align:right}.quiz-overlay{position:fixed;inset:0;background:rgba(10,8,20,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.quiz-modal{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;width:100%;max-width:420px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.quiz-close{position:absolute;top:15px;right:15px;border:none;background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted)}.quiz-close:hover{color:var(--text)}.quiz-step{font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.01em;color:var(--accent);margin-bottom:8px}.quiz-q{font-family:var(--disp);font-weight:600;font-size:21px;letter-spacing:-.015em;margin-bottom:20px;color:var(--text)}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-opt{text-align:left;padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;cursor:pointer;transition:border-color .12s}.quiz-opt:hover{border-color:var(--accent)}.quiz-opt.ghost{color:var(--muted);border-style:dashed}.quiz-custom{display:flex;gap:10px}.quiz-custom input{flex:1 1}.quiz-busy{display:flex;align-items:center;gap:10px;padding:20px 0;color:var(--muted)}.quiz-back{margin-top:22px;background:none;border:none;color:var(--muted);font-family:var(--body);font-size:14px;cursor:pointer}.quiz-back:disabled{opacity:.3;cursor:not-allowed}.quiz-back:not(:disabled):hover{color:var(--text)}.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp .8s linear infinite;vertical-align:-2px;margin-right:6px}.spin.dark{border-color:var(--line);border-top-color:var(--accent)}@keyframes sp{to{transform:rotate(1turn)}}.loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}@media (max-width:900px){.grid3{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:52px;padding-top:34px}.showcase{max-width:360px}.nav{padding:16px 20px}}@media (max-width:640px){.grid3{grid-template-columns:1fr}.nav{flex-wrap:wrap;row-gap:10px}.nav-right{flex-wrap:wrap;gap:10px}}