@font-face{font-family:manrope;src:url(../media/manrope_latin-s.p.1sj6eobyi31rd.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.manrope_272f565f-module__FuIuHW__className{font-family:manrope,manrope Fallback}.manrope_272f565f-module__FuIuHW__variable{--font-body:"manrope", "manrope Fallback"}
@font-face{font-family:spaceGrotesk;src:url(../media/space_grotesk_latin-s.p.2cyn07wtgehh0.woff2)format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:spaceGrotesk Fallback;src:local(Arial);ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.0%;size-adjust:110.84%}.spacegrotesk_3a92ca2-module__qL3bwq__className{font-family:spaceGrotesk,spaceGrotesk Fallback}.spacegrotesk_3a92ca2-module__qL3bwq__variable{--font-display:"spaceGrotesk", "spaceGrotesk Fallback"}
:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fff;--ink:#0f172a;--ink-soft:#334155;--muted:#334155;--border:#dbe5ef;--line:#dbe5ef;--panel:#f8fafc;--soft:#f3f6fb;--accent:#0a4ecb;--blue:#0a4ecb;--blue-strong:#073b98;--blue-bright:#00a4ff;--green:#138a5b;--amber:#b66700;--red:#bf2f3d;--radius:18px;--shadow:0 16px 40px #0f172a14;background:#f6f8fc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-body), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#f6f8fc;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-weight:760;display:inline-flex}button:hover:not(:disabled),button:focus-visible:not(:disabled),a:hover,a:focus-visible{border-color:#0a4ecb73;outline:none}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}input,select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 11px}input[type=color]{padding:4px}:focus-visible{outline-offset:3px;outline:2px solid #0a4ecb52}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #dbe5efd9;transition:transform .28s,opacity .2s;position:sticky;top:0}.header-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,92vw);min-height:64px;margin:0 auto;display:flex;position:relative}.logo-link{align-items:center;line-height:0;display:inline-flex}.logo-media{object-fit:contain;object-position:center;background:#fff;border:0;border-radius:8px;width:clamp(108px,12vw,132px);height:48px}.site-nav{opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;contain:layout paint;will-change:opacity, transform;background:#fff;border:1px solid #dbe5eff2;border-radius:16px;flex-direction:column;gap:.55rem;width:100%;padding:.55rem;transition:opacity .18s,transform .22s,visibility 0s linear .22s;display:flex;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow:clip;transform:translateY(-8px)scale(.98);box-shadow:0 18px 34px #0f172a24}.site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .22s,visibility;transform:translate(0,0)scale(1)}.nav-link{border:1px solid var(--border);color:var(--ink-soft);background:#fff;border-radius:12px;padding:.78rem .95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:block}.nav-link:hover,.nav-link:focus-visible{border-color:var(--border);background:var(--panel);color:var(--ink)}.nav-link.is-active{border-color:var(--border);color:var(--ink);background:linear-gradient(#fff,#f4f8ff);box-shadow:inset 0 0 0 1px #0a4ecb0f}.nav-link.is-cta{isolation:isolate;color:#fff;background:linear-gradient(135deg,#0a4ecb,#2563eb 56%,#00a4ff);border-color:#0a4ecb3d;position:relative;overflow:hidden;box-shadow:0 10px 24px #0a4ecb2e}.nav-link.is-cta:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000 36%,#ffffffb3,#0000 64%);animation:3.8s ease-in-out forwards navCtaSweep;position:absolute;inset:-120% -60%;transform:translate(-54%)rotate(12deg)}.nav-link.is-cta:hover,.nav-link.is-cta:focus-visible,.nav-link.is-cta.is-active{color:#fff;background:linear-gradient(135deg,#073b98,#0a4ecb 52%,#00a4ff);border-color:#00a4ff85;box-shadow:0 13px 30px #0a4ecb3d}.menu-toggle{border:1px solid var(--border);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding-inline:10px;display:inline-flex}.menu-toggle span{background:var(--ink);will-change:transform, opacity;border-radius:999px;width:100%;height:2px;transition:transform .2s,opacity .16s}.menu-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@keyframes navCtaSweep{0%,46%{transform:translate(-54%)rotate(12deg)}72%,to{transform:translate(54%)rotate(12deg)}}@media (min-width:900px){.site-nav{width:auto;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;contain:none;will-change:auto;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center;gap:.45rem;margin-left:auto;padding:0;transition:none;position:static;inset:auto;overflow:visible;transform:none}.menu-toggle{display:none}.nav-link{background:0 0;border-color:#0000;border-radius:999px;padding:.55rem .95rem;font-size:.88rem}}.app-shell{z-index:0;isolation:isolate;width:min(1120px,92vw);margin:0 auto;padding:clamp(1rem,2vw,1.5rem) 0 4rem;position:relative}.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0 max(-4vw,50% - 50vw)}.app-shell:before{background:radial-gradient(circle at 18% 8%,#dbe8ffb8,#0000 32%),radial-gradient(circle at 82% 28%,#00a4ff21,#0000 34%),linear-gradient(135deg,#f8fafcfa,#fffffff0 48%,#f4f8fff5),#f8fafc}.app-shell:after{opacity:.45;background-image:linear-gradient(#11213f0e 1px,#0000 1px),linear-gradient(90deg,#11213f0e 1px,#0000 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(#000000e0,#0000 78%);mask-image:linear-gradient(#000000e0,#0000 78%)}.app-shell>*{z-index:1;position:relative}.tool-hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:22px;padding:.4rem 0 clamp(1.1rem,2.2vw,1.8rem);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 10px;font-size:.7rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:0;line-height:1.1}h1{margin-bottom:12px;font-size:clamp(2rem,4.5vw,3rem)}.hero-copy p:last-child{border-left:4px solid var(--blue);max-width:40rem;color:var(--muted);margin-bottom:0;padding-left:14px;font-size:.95rem;line-height:1.56}.hero-stats{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.hero-stats div{background:var(--soft);border-radius:14px;align-content:center;justify-items:center;gap:4px;min-height:74px;display:grid}.hero-stats span{font-size:1.65rem;font-weight:860}.hero-stats small{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:760}.screenshot-tool,.seo-content,.tool-panel,.preview-box{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.screenshot-tool{padding:16px}.tool-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.left-stack,.right-stack{gap:14px;min-width:0;display:grid}.tool-panel{gap:14px;padding:16px;display:grid}.panel-title{align-items:center;gap:8px;display:flex}.panel-title h2{margin:0;font-size:1.12rem}.panel-title.compact{justify-content:space-between}.panel-title.compact span{max-width:48%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.capture-panel label,.settings-grid label,.text-settings label{color:#263348;gap:7px;font-size:.92rem;font-weight:760;display:grid}.segmented-control,.frame-grid{gap:6px;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control button,.frame-grid button{white-space:nowrap;border-radius:8px;min-width:0;padding:0 9px}.segmented-control button.is-selected,.frame-grid button.is-selected{color:var(--blue);background:#eef5ff;border-color:#0a4ecb70}.check-row{align-items:center;grid-template-columns:18px 1fr!important;gap:10px!important}.check-row input{width:18px;height:18px;accent-color:var(--blue)}.primary-action{color:#fff;background:linear-gradient(135deg,#0b6cff,#9333ea);border-color:#0000;box-shadow:0 16px 34px #4f46e538}.upload-zone{background:var(--panel);cursor:pointer;border:1px dashed #9fb0c8;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:118px;padding:18px;display:grid}.upload-zone input{display:none}.upload-zone span{gap:4px;display:grid}.upload-zone small{color:var(--muted);line-height:1.45}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.text-settings{gap:10px;display:grid}.status-line,.practical-note,.privacy-note{color:var(--muted);margin:0;line-height:1.55}.privacy-note{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:.94rem}.practical-note{border-left:4px solid var(--blue);padding-left:12px}.error-state{color:var(--red);background:#fff1f2;border:1px solid #bf2f3d40;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.error-state p{color:var(--red);margin:0;line-height:1.45}.download-actions{flex-wrap:wrap;gap:8px;display:flex}.download-actions button{border-radius:8px}.preview-box{gap:12px;min-width:0;padding:14px;display:grid}.preview-box img{border:1px solid var(--line);object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#edf1f7 25%,#0000 25%),linear-gradient(-45deg,#edf1f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f7 75%),linear-gradient(-45deg,#0000 75%,#edf1f7 75%),none;background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:8px;width:100%;max-height:520px}.screenshot-scroll-frame{overscroll-behavior:contain;border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#edf1f7 25%,#0000 25%),linear-gradient(-45deg,#edf1f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f7 75%),linear-gradient(-45deg,#0000 75%,#edf1f7 75%),none;background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:8px;max-height:560px;overflow:auto}.screenshot-scroll-frame:focus-visible{outline-offset:3px;outline:2px solid #0a4ecb52}.preview-box .screenshot-scroll-image{object-fit:initial;background:#fff;border:0;border-radius:0;width:100%;max-height:none;display:block}.mockup-preview-box img{max-height:620px}.empty-state{border:1px solid var(--line);min-height:170px;color:var(--muted);text-align:center;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:10px;padding:22px;display:grid}.seo-content{margin-top:18px;padding:18px}.rich-content{gap:18px;display:grid}.rich-content article{border-top:1px solid var(--line);padding-top:16px}.rich-content article:first-child{border-top:0;padding-top:0}.rich-content h2{margin-bottom:10px;font-size:clamp(1.25rem,2.1vw,1.65rem)}.rich-content p,.rich-content li{color:var(--muted);line-height:1.65}.rich-content ol{margin:0;padding-left:1.25rem}.faq-list{gap:8px;display:grid}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 14px}.faq-list summary{color:var(--ink);cursor:pointer;font-weight:820}.faq-list p{margin:8px 0 0}.our-tools-slider-section{background:#fffffff0;border:1px solid #dbe5eff2;border-radius:24px;gap:1.15rem;margin-top:clamp(1.4rem,3vw,2.5rem);padding:clamp(1.25rem,2.2vw,1.6rem);display:grid;box-shadow:0 28px 70px #0f172a24}.our-tools-section-head{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.section-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.our-tools-section-head h2{color:var(--ink);letter-spacing:0;margin:.15rem 0 0;font-size:clamp(1.35rem,2.3vw,2rem)}.our-tools-section-head p:not(.section-eyebrow){color:var(--ink-soft);margin:.15rem 0 0;font-size:.9rem}.our-tools-head-link{min-height:2.45rem;color:var(--accent);border:1px solid #0a4ecb2e;border-radius:14px;justify-content:center;align-items:center;padding:.58rem .9rem;font-size:.86rem;font-weight:850;text-decoration:none;display:inline-flex}.our-tools-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;gap:1rem;padding:.1rem .1rem .55rem;display:flex;overflow-x:visible}.our-tools-rail::-webkit-scrollbar{display:none}.our-tools-card{min-width:0;min-height:96px;color:var(--ink);scroll-snap-align:start;background:#fff;border:1px solid #dbe5efeb;border-radius:18px;flex:1 1 0;place-items:center;gap:.45rem;padding:.8rem .72rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 14px 30px #0f172a14}.our-tools-card:hover,.our-tools-card:focus-visible{border-color:#0a4ecb6b;transform:translateY(-2px);box-shadow:0 16px 30px #0f172a1a}.our-tools-card-media{background:linear-gradient(135deg,#e0f2fe,#f5f3ff);border:1px solid #dbe5efeb;border-radius:14px;width:3.2rem;height:3.2rem;overflow:hidden}.our-tools-card-media img{object-fit:cover;width:100%;height:100%;display:block}.our-tools-card-copy{text-align:center;min-width:0;display:block}.our-tools-card-copy strong{color:var(--ink);font-size:.78rem;line-height:1.16}.site-footer{border-top:1px solid var(--line);width:min(1120px,92vw);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:24px 0 34px;display:flex}.site-footer div{gap:3px;display:grid}.site-footer strong{color:var(--ink)}.site-footer nav{flex-wrap:wrap;gap:12px;display:flex}.site-footer a{color:var(--blue);font-weight:760;text-decoration:none}.cookie-banner{z-index:30;border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:min(960px,100% - 28px);padding:14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #0f172a2e}.cookie-banner p{color:var(--muted);margin:0 0 6px;line-height:1.45}.cookie-banner a,.cookie-modal a{color:var(--blue);font-weight:760}.cookie-actions{flex-wrap:wrap;gap:8px;display:flex}.cookie-settings-fab{z-index:25;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 34px #0f172a1f}.cookie-modal-backdrop{z-index:40;background:#1720336b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.cookie-modal{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(520px,100%);padding:18px;box-shadow:0 24px 70px #0f172a38}.cookie-modal h3{margin-bottom:8px}.cookie-option{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin:10px 0;padding:0 12px;display:flex}.cookie-option input{width:18px;height:18px;accent-color:var(--blue)}.cookie-meta{color:var(--muted);margin:8px 0;font-size:.9rem;line-height:1.5}@media (max-width:960px){.tool-hero,.tool-grid{grid-template-columns:1fr}}@media (max-width:720px){.header-inner{min-height:64px}.app-shell{width:min(1120px,92vw);padding-top:14px}.tool-hero{padding-top:.4rem}.hero-stats,.settings-grid{grid-template-columns:1fr}.screenshot-tool,.tool-panel,.preview-box,.seo-content,.our-tools-slider-section{padding:12px}.download-actions button{flex:150px}.our-tools-section-head{flex-direction:column;align-items:start}.our-tools-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;padding-bottom:0;display:grid;overflow:visible}.our-tools-card{min-width:0;min-height:90px;padding:.7rem .55rem}.cookie-banner,.site-footer{flex-direction:column;align-items:stretch}}@media (max-width:460px){.segmented-control,.frame-grid{grid-template-columns:1fr}.upload-zone{text-align:center;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.nav-link.is-cta:before{animation:none}.site-header,.site-nav,.menu-toggle span,.nav-link,.our-tools-card{transition:none}}