*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.table{display:table}.hidden{display:none}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#23382f;background:#fbfcf8;font-synthesis:none;--bg:#fbfcf8;--surface:#fff;--soft:#f1f4ec;--ink:#23382f;--muted:#69786c;--line:#dfe6db;--green:#2e5945;--lime:#d7edaa;--sage:#e8efdf;--sand:#f4efe4;--shadow:0 18px 50px #253d2810;--ease:cubic-bezier(.22,1,.36,1);--motion:.5s;color-scheme:light}:root[data-theme=dark]{--bg:#17211c;--surface:#202e25;--soft:#25352b;--ink:#edf2e7;--muted:#aab9a8;--line:#3a4d3c;--green:#c6dfa9;--lime:#d7edaa;--sage:#2d4031;--sand:#36372c;--shadow:0 18px 50px #0002;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.7;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,summary,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;line-height:1.35;letter-spacing:-.055em}p{word-break:keep-all;overflow-wrap:break-word}img{display:block;max-width:100%}svg{display:block}ul,ol{padding:0;list-style:none}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #76a451}::-moz-selection{background:#d9edb6;color:#23382f}::selection{background:#d9edb6;color:#23382f}[hidden]{display:none!important}.shell{max-width:1184px;margin:0 auto;padding:0 36px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--muted);display:block}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#739960;flex-shrink:0}.arrow-icon{width:22px;height:22px;flex-shrink:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);padding:10px 18px;background:var(--ink);color:var(--bg);z-index:100}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{height:94px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Outfit,Inter,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.045em;flex-shrink:0}.brand-mark{width:37px;height:37px;border-radius:10px;background:var(--green);color:var(--bg);display:grid;place-items:center}.brand-mark svg{width:27px;height:27px}.brand-caption{font-family:Noto Sans KR,sans-serif;display:block;font-size:10px;font-weight:400;letter-spacing:.025em;color:var(--muted);margin-top:1px}.header-inner nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:500}.header-inner nav a{transition:color .18s}.header-inner nav a:hover{color:#6d944d}.header-end{display:flex;align-items:center;gap:14px;margin-left:17px}.language-link{font-size:11px;font-weight:600;letter-spacing:.04em}.theme-toggle{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.theme-toggle svg{width:17px;height:17px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:36px;align-items:center;padding:85px 0 81px;min-height:535px}.hero-copy .eyebrow{display:flex;gap:9px;align-items:center;font-size:12px;letter-spacing:.02em}.hero h1{font-size:clamp(38px,4.1vw,53px);font-weight:650;line-height:1.38;margin:20px 0 22px;letter-spacing:-.065em}.hero h1 span{display:block}.hero-accent{color:var(--green)}.hero-description{font-size:15px;color:var(--muted);line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}.hero-actions>span{font-size:10px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.5;transition:transform .22s var(--ease),background-color .22s,box-shadow .22s;min-height:46px}.button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #23382f12}.button:active{transform:translateY(0)}.button.primary{background:var(--green);color:var(--bg)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button .arrow-icon{width:18px}.button.primary:hover{filter:brightness(1.08)}.hero-art{height:366px;position:relative;isolation:isolate;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:19px 19px;border-radius:50%}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1}.orbit-one{width:280px;height:280px;left:17%;top:18px}.orbit-two{width:370px;height:370px;left:7%;top:-26px;opacity:.5}.art-label{position:absolute;top:0;left:55px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.floating-note{position:absolute;left:9%;top:32px;display:flex;align-items:center;gap:10px;font-size:11px;background:var(--surface);padding:11px 15px;border-radius:10px;border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(-3deg);z-index:3}.note-icon{width:22px;color:var(--green)}.note-check{border-radius:50%;background:var(--sage);padding:0 5px;font-size:10px;margin-left:15px}.art-paper{position:absolute;top:100px;left:0;width:67%;padding:22px 24px 19px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow);transform:rotate(-5deg);z-index:1}.paper-head{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.paper-head>span:last-child{margin-left:auto;font-family:monospace}.paper-before{font-size:11px;color:var(--muted);margin-top:19px}.paper-arrow{color:#90aa72;display:block;margin:8px 0 2px}.paper-after{font-size:17px;line-height:1.8;font-weight:500;color:var(--green)}.art-paper .example-label{font-size:8px;margin-top:17px}.art-image{width:43%;height:202px;position:absolute;top:147px;right:0;transform:rotate(7deg);border:6px solid var(--surface);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;z-index:2}.art-image img{width:100%;height:158px;-o-object-fit:cover;object-fit:cover}.art-image>div{background:var(--surface);display:flex;justify-content:space-between;padding:7px 5px;font-size:9px;font-weight:500}.art-caption{position:absolute;bottom:-8px;left:34px;font-size:10px;color:var(--muted);letter-spacing:.02em}.checkerboard{background-color:#f9faf7;background-image:linear-gradient(45deg,#e6e9df 25%,transparent 25%),linear-gradient(-45deg,#e6e9df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e9df 75%),linear-gradient(-45deg,transparent 75%,#e6e9df 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.section-space{margin-bottom:76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:27px;font-weight:600}.section-heading>p,.section-note{font-size:12px;color:var(--muted)}.section-note{padding-bottom:5px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-card{display:block;padding:27px 28px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .25s}.guide-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#acbf9d}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.task-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:var(--sage);color:var(--green)}.image .task-icon{background:var(--sand);color:#907342}.task-icon svg{width:22px;height:22px}.small-caps{font-size:10px;color:var(--muted);letter-spacing:.05em}.guide-card h3{font-size:24px;font-weight:600}.card-description{font-size:13px;color:var(--muted);margin:10px 0 20px;min-height:44px;line-height:1.8;max-width:370px}.text-preview{background:var(--soft);border:1px solid var(--line);padding:24px;border-radius:13px}.preview-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-bottom:14px}.original-text{font-size:14px;color:var(--muted);line-height:1.9}.text-transform{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;margin:16px 0}.text-transform>span:first-child{font-size:18px;color:#91ab71}.refined-text{font-size:15px;color:var(--green);line-height:1.95;font-weight:500}.example-label{font-size:9px;color:var(--muted);display:block;margin-top:14px}.small-preview{padding:19px 20px;height:229px}.small-preview .preview-label{margin-bottom:9px}.small-preview .original-text{font-size:11px;line-height:1.8}.small-preview .text-transform{margin:11px 0;font-size:9px}.small-preview .refined-text{font-size:12px;line-height:1.85}.small-preview .example-label{margin-top:10px;font-size:8px}.image-preview{height:229px;background:var(--sand);padding:25px 15px 15px;border:1px solid var(--line);border-radius:13px}.image-pair{display:grid;grid-template-columns:1fr 22px 1fr;gap:5px;align-items:center}.image-pair>div{position:relative;border:4px solid var(--surface);border-radius:9px;overflow:hidden;box-shadow:0 4px 16px #493d1912}.image-pair>div:first-child{transform:rotate(-4deg)}.image-pair>div:last-child{transform:rotate(4deg)}.image-pair img{height:140px;width:100%;-o-object-fit:cover;object-fit:cover}.visual-tag{position:absolute;z-index:1;top:6px;left:6px;font-size:8px;background:#ffffffe3;color:#344131;border-radius:4px;padding:2px 5px}.pair-arrow{font-size:17px;color:#a69a7c;text-align:center}.image-preview>.example-label{text-align:center;margin-top:20px;font-size:8px}.card-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:23px;padding:20px 0;font-size:11px}.card-bottom>span{display:flex;align-items:center;gap:8px}.card-bottom img{width:19px;height:19px;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.card-steps{color:var(--muted)}.card-cta{font-weight:600}.card-cta .arrow-icon{width:17px;transition:transform .3s var(--ease)}.guide-card:hover .card-cta .arrow-icon{transform:translate(4px)}.how-section{background:var(--sage);border-radius:18px;padding:36px 40px;display:grid;grid-template-columns:1fr 1.6fr;gap:38px;align-items:center}.how-section h2{font-size:25px;margin-top:13px;line-height:1.5}.how-section ol{display:flex;flex-direction:column;gap:22px;margin:0}.how-section li{display:flex;gap:19px}.how-section li>span{font-size:12px;color:var(--green);padding-top:2px;font-family:monospace}.how-section h3{font-size:14px;font-weight:600}.how-section p{font-size:12px;color:var(--muted);margin-top:4px}.explore-section{margin-bottom:86px}.directory{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.directory>summary{display:flex;gap:20px;padding:25px 0;align-items:center}.directory-logos{display:flex;padding-left:6px}.directory-logos .tool-logo{background:#fff;width:35px;height:35px;padding:8px;border:1px solid #dfe6db;border-radius:50%;margin-left:-6px}.directory>summary strong{font-size:15px;font-weight:500}.directory>summary small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.expand-sign{margin-left:auto;font-size:25px;line-height:1;font-weight:300;transition:transform .22s var(--ease)}details[open]>summary .expand-sign{transform:rotate(45deg)}.directory-content{padding:0 0 28px}.directory[open] .directory-content{animation:panel-in .28s var(--ease)}.search-label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}input[type=search]{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 15px;width:100%;color:var(--ink)}#search-count{margin:12px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-tile{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .2s}.service-tile:hover{border-color:#8ba977}.tool-logo{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;background:#fff;padding:4px;border-radius:7px}.service-tile h3{font-size:17px;margin-top:16px}.service-tile p{font-size:12px;color:var(--muted);margin:9px 0 15px;line-height:1.8}.service-tile>span{font-size:11px;font-weight:500}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:10px 15px 25px}.workflow-grid h3{font-size:18px}.workflow-grid p,.workflow-grid li{font-size:12px;color:var(--muted);margin-top:10px}.workflow-grid strong{color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding-top:26px;padding-bottom:28px;display:flex;align-items:center;gap:20px}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:27px;height:27px;border-radius:7px}.footer-brand .brand-mark svg{width:20px;height:20px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>span{margin-left:auto;font-size:10px;color:var(--muted)}.guide-page{padding-top:35px}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:35px}.back-link:hover{color:var(--green)}.guide-heading{padding-bottom:39px;border-bottom:1px solid var(--line);margin-bottom:42px}.guide-heading h1{font-size:42px;font-weight:600;margin:13px 0 16px}.guide-heading>p{font-size:16px;color:var(--muted)}.guide-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:10px;color:var(--muted)}.guide-meta span+span:before{content:"·";margin-right:12px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:56px;align-items:start}.guide-body{min-width:0}.guide-section{margin-bottom:47px}.guide-section h2{font-size:23px;margin-bottom:20px;font-weight:600}.guide-section .section-heading h2{margin:0}.guide-section .section-heading{align-items:center;margin-bottom:18px}.tag{font-size:9px;color:var(--muted);padding:4px 8px;background:var(--soft);border-radius:5px;white-space:nowrap}.outcome{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:15px;color:var(--muted)}.outcome .arrow-icon{width:16px}.guide-section>.eyebrow{margin-bottom:11px}.guide-sidebar{position:sticky;top:26px}.tool-panel{padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:13px}.tool-title{display:flex;align-items:center;gap:11px;margin:20px 0 17px}.tool-title h2{font-size:23px;font-family:Outfit,sans-serif;font-weight:500}.tool-panel>p{font-size:12px;color:var(--muted);line-height:1.85}.tool-panel dl{margin:24px 0}.tool-panel dl>div{padding:13px 0;border-top:1px solid var(--line)}.tool-panel dt{font-size:10px;font-weight:600;margin-bottom:5px}.tool-panel dd{font-size:11px;color:var(--muted);margin:0;word-break:keep-all;line-height:1.7}.tool-panel .button{width:100%}.tool-detail-link{display:block;text-align:center;margin-top:13px;font-size:10px;color:var(--muted)}.privacy-note{padding:23px 10px;font-size:11px;color:var(--muted)}.privacy-note strong{color:var(--ink);font-weight:500}.privacy-note p{margin-top:8px;line-height:1.9}.steps{display:flex;flex-direction:column;gap:31px}.step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:17px}.step-number{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-family:monospace;color:var(--green);font-size:13px;background:var(--sage)}.step h3{font-size:17px;padding-top:2px;margin-bottom:12px;font-weight:600}.step p{font-size:13px;color:var(--muted);line-height:1.9}.step .button{margin-top:16px}.prompt-editor{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px;margin-top:22px}.editor-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:20px}.editor-heading h3{font-size:14px;margin:0}.text-button{font-size:10px;color:var(--muted);background:transparent;border:0;text-decoration:underline;flex-shrink:0}.prompt-editor label{font-size:11px;font-weight:600;display:block;margin-bottom:8px}.prompt-editor textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font-size:12px;line-height:1.8;resize:vertical;min-height:105px}.tone-row{display:flex;align-items:center;gap:15px;margin:14px 0}.tone-row label{margin:0}.tone-row select{padding:7px 24px 7px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:11px}.prompt-editor .input-note,.input-note{font-size:10px!important;color:var(--muted);margin:10px 0 23px;line-height:1.7!important}.prompt-editor .prompt-output{background:var(--soft);min-height:160px}.prompt-editor .copy-status{font-size:10px;margin-top:10px;min-height:17px}.completion{padding:26px;background:var(--sage);border-radius:13px}.check-row{display:flex;gap:12px;align-items:flex-start;font-size:12px;padding:10px 0;cursor:pointer}.check-row input{accent-color:var(--green);width:17px;height:17px;margin-top:2px;flex-shrink:0}.completion-message{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:13px;min-height:40px}.completion-message.complete{color:var(--green);font-weight:600;animation:panel-in .3s var(--ease)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:500}.faq-item summary>span{font-size:20px;font-weight:300;transition:transform .2s}.faq-item[open] summary>span{transform:rotate(45deg)}.faq-item>p{padding:0 20px 20px 0;font-size:12px;color:var(--muted);line-height:1.9;animation:panel-in .25s var(--ease)}.sources{border-top:1px solid var(--line);padding-top:25px}.sources h2{font-size:15px}.sources p{font-size:11px;color:var(--muted);margin:10px 0;line-height:1.9}.sources ul{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:15px}.sources a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.next-guide{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);margin-bottom:60px}.next-guide small{font-size:9px;letter-spacing:.06em;color:var(--muted);display:block;margin-bottom:9px}.next-guide strong{font-size:18px;font-weight:500}.comparison-demo{margin:0}.comparison-stage{aspect-ratio:600/380;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.comparison-stage img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.comparison-after,.comparison-before{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#e9e1cf}.comparison-handle{position:absolute;left:var(--split);top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #c5cbbb;color:#324b37;display:grid;place-items:center;pointer-events:none}.comparison-handle:before,.comparison-handle:after{content:"";position:absolute;height:500px;width:2px;background:#fff;left:16px}.comparison-handle:before{bottom:34px}.comparison-handle:after{top:34px}.comparison-label{position:absolute;top:16px;background:#ffffffe6;color:#344131;padding:4px 9px;font-size:10px;border-radius:5px}.before-label{left:16px}.after-label{right:16px}.comparison-demo label{display:block;font-size:11px;color:var(--muted);margin-top:18px}.comparison-demo input{width:100%;accent-color:var(--green);margin:12px 0}.comparison-demo figcaption{font-size:10px;color:var(--muted)}.service-page{max-width:960px;padding-top:35px}.service-title{display:flex;align-items:center;gap:20px;margin-bottom:20px}.service-title .tool-logo{width:60px;height:60px;padding:9px;border:1px solid var(--line);border-radius:13px}.service-title h1{font-size:38px;font-weight:600;margin-top:7px}.service-description{font-size:18px;color:var(--muted);margin-bottom:24px;max-width:680px}.service-page>.button{margin-bottom:36px}.service-page .guide-section{padding-top:30px;border-top:1px solid var(--line)}.feature-list{display:flex;flex-wrap:wrap;gap:10px}.feature-list li{padding:8px 13px;background:var(--soft);border-radius:7px;font-size:13px}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.price-grid article{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.price-grid h3{font-size:17px;margin-bottom:12px}.price-grid strong{font-size:23px;font-weight:500;color:var(--green)}.price-grid p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.9}.pricing-status{font-size:12px;color:var(--muted);margin:20px 0 10px}.source-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.service-page .muted{margin-top:12px;font-size:11px}.pair-idea{padding:20px 0;border-bottom:1px solid var(--line)}.pair-idea h3{font-size:16px}.pair-idea p{font-size:13px;color:var(--muted);margin-top:8px}.related-guides a{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--sage);border-radius:12px}.missing-page{min-height:65vh;padding-top:80px}.missing-page h1{margin-bottom:30px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px) scale(.98);background:var(--ink);color:var(--bg);padding:13px 23px;font-size:12px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .22s,transform .35s var(--ease);z-index:90;max-width:calc(100% - 32px);width:-moz-max-content;width:max-content;box-shadow:var(--shadow)}.toast.shown{opacity:1;transform:translate(-50%) scale(1)}@keyframes text-reveal{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-reveal{animation:text-reveal var(--motion) var(--ease) both;animation-delay:var(--delay,0ms)}.hero-art.hero-reveal{animation-duration:.65s}.reveal{transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal-wait{opacity:0;transform:translateY(16px)}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation:auto}::view-transition-old(root){animation:.16s ease both fade-out}::view-transition-new(root){animation:.24s var(--ease) both panel-in}@keyframes fade-out{to{opacity:0}}@media (min-width:1400px){.hero{padding-top:95px;padding-bottom:95px}.hero-art{margin-left:10px}}@media (max-width:1000px){.shell{padding-left:28px;padding-right:28px}.hero{gap:22px;padding-top:62px;padding-bottom:70px}.hero h1{font-size:43px}.hero-art{height:330px}.art-image{height:176px}.art-image img{height:134px}.art-paper{width:72%;padding:20px}.paper-after{font-size:15px}.hero-actions>span{width:100%}.guide-layout{gap:28px;grid-template-columns:minmax(0,1fr) 245px}.guide-card{padding-left:22px;padding-right:22px}.small-preview{height:245px}.image-preview{height:245px;padding-top:36px}.card-steps{display:none}}@media (max-width:760px){.header-inner{height:78px;gap:15px}.brand{font-size:17px}.brand-caption{font-size:9px}.brand-mark{width:32px;height:32px}.header-inner nav{gap:17px;font-size:11px}.header-end{margin-left:0;gap:10px}.hero{grid-template-columns:1fr 1fr;gap:20px;padding:48px 0 56px;min-height:0}.hero h1{font-size:33px}.hero-description{font-size:12px}.hero-copy .eyebrow{font-size:10px}.hero-art{height:280px}.art-paper{top:78px;padding:16px;width:78%}.paper-after{font-size:12px}.paper-before{font-size:9px}.paper-head{font-size:7px}.floating-note{font-size:9px;left:5%;top:19px;padding:8px 10px}.floating-note .note-check{margin-left:0}.art-label{font-size:6px;left:25px}.art-image{top:166px;height:145px;width:48%}.art-image img{height:108px}.art-image>div{font-size:7px}.art-caption{display:none}.orbit-one{width:210px;height:210px;left:5%;top:45px}.orbit-two{width:260px;height:260px;left:0;top:20px}.hero-actions{margin-top:22px}.hero-actions>span{font-size:9px}.hero-actions .button{font-size:11px;padding:12px 14px}.section-heading h2{font-size:24px}.section-space{margin-bottom:50px}.guide-grid{gap:16px}.guide-card{padding:22px 20px 0}.guide-card h3{font-size:21px}.card-description{font-size:12px;min-height:65px}.small-preview{height:250px;padding:15px}.small-preview .original-text{font-size:10px}.small-preview .refined-text{font-size:11px}.small-preview .text-transform{font-size:8px}.image-preview{height:250px;padding:45px 8px 15px}.image-pair{gap:0;grid-template-columns:1fr 16px 1fr}.image-pair img{height:119px}.image-preview>.example-label{font-size:7px}.card-bottom{font-size:10px}.card-bottom>span{gap:5px}.card-bottom img{width:16px;height:16px}.card-cta .arrow-icon{width:15px}.how-section{padding:29px;grid-template-columns:1fr 1.4fr;gap:24px}.how-section h2{font-size:21px}.how-section h3{font-size:12px}.how-section p{font-size:10px}.section-heading>p{max-width:190px;font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.site-footer{flex-wrap:wrap;gap:12px}.site-footer p{font-size:10px}.site-footer>span{font-size:9px}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;grid-row:1}.tool-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:23px}.tool-panel>.eyebrow{grid-column:1/-1}.tool-title{margin:13px 0}.tool-panel>p{grid-column:1;grid-row:3}.tool-panel dl{grid-column:2;grid-row:2/5;margin:10px 0}.tool-panel dl>div{padding:8px 0}.tool-panel .button{grid-column:1;margin-top:20px;align-self:end}.tool-detail-link{grid-column:1}.privacy-note{padding:17px 4px 0}.guide-heading h1{font-size:35px}.guide-heading{margin-bottom:28px;padding-bottom:28px}.guide-sidebar{margin-bottom:10px}.guide-heading>p{font-size:14px}}@media (max-width:540px){.shell{padding-left:21px;padding-right:21px}.header-inner{height:72px}.header-inner nav{gap:12px}.header-inner nav a:first-child{display:none}.brand-caption{display:none}.header-end{gap:9px}.theme-toggle{width:28px;height:28px}.theme-toggle svg{width:15px}.brand{font-size:16px;gap:8px}.brand-mark{width:29px;height:29px}.brand-mark svg{width:22px}.hero{grid-template-columns:1fr;padding:42px 0 48px;gap:34px}.hero h1{font-size:39px;margin:17px 0 16px;line-height:1.35}.hero-description{font-size:13px}.hero-copy .eyebrow{font-size:11px}.hero-actions{align-items:center;gap:12px;margin-top:23px}.hero-actions .button{font-size:12px;padding:12px 17px}.hero-actions>span{width:auto;font-size:9px}.hero-art{height:258px;max-width:350px;width:100%;margin:0 auto}.art-label{left:47px}.art-paper{top:72px;left:6px;width:69%;padding:17px 19px}.paper-before{font-size:9px;margin-top:13px}.paper-after{font-size:13px}.paper-head{font-size:8px}.paper-arrow{margin:5px 0 0}.art-paper .example-label{margin-top:9px;font-size:7px}.floating-note{left:15%;top:18px}.art-image{width:41%;top:124px;height:156px;right:8px}.art-image img{height:120px}.art-image>div{font-size:7px}.orbit-one{left:20%;top:15px;width:230px;height:230px}.orbit-two{left:9%;top:-3px;width:280px;height:280px}.section-heading{align-items:flex-start;gap:13px;margin-bottom:22px}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:9px}.section-note{font-size:9px;margin-top:26px;max-width:90px;text-align:right}.guide-grid{grid-template-columns:1fr;gap:20px}.guide-card{padding:24px 24px 0}.card-top{margin-bottom:17px}.guide-card h3{font-size:24px}.card-description{min-height:0;margin-bottom:21px;font-size:13px}.small-preview{height:auto;min-height:215px;padding:18px}.small-preview .original-text{font-size:11px}.small-preview .refined-text{font-size:12px}.small-preview .text-transform{font-size:9px}.image-preview{height:218px;padding:22px 13px}.image-pair{grid-template-columns:1fr 22px 1fr}.image-pair img{height:142px}.image-preview>.example-label{font-size:8px;margin-top:17px}.card-bottom{font-size:11px}.card-steps{display:inline}.card-bottom img{width:18px;height:18px}.card-bottom>span{gap:7px}.how-section{grid-template-columns:1fr;padding:28px}.how-section h2{font-size:23px}.how-section h3{font-size:14px}.how-section p{font-size:12px}.how-section ol{gap:22px}.explore-section .section-heading{display:block}.explore-section .section-heading>p{max-width:none;margin-top:12px}.directory>summary{gap:13px}.directory>summary strong{font-size:13px}.directory>summary small{font-size:9px}.directory-logos .tool-logo{width:29px;height:29px;padding:7px}.service-grid{grid-template-columns:1fr}.service-tile{padding:20px}.workflow-grid{grid-template-columns:1fr}.site-footer p{width:100%;order:3}.site-footer>span{margin-left:auto}.guide-page{padding-top:26px}.back-link{margin-bottom:26px}.guide-heading h1{font-size:31px;line-height:1.4}.guide-heading>p{font-size:13px}.guide-meta{font-size:9px;gap:8px}.guide-meta span+span:before{margin-right:8px}.guide-layout{gap:23px}.tool-panel{padding:20px;gap:0 17px;grid-template-columns:1fr}.tool-panel .tool-title,.tool-panel>p,.tool-panel dl,.tool-panel .button,.tool-panel .tool-detail-link{grid-column:auto;grid-row:auto}.tool-panel .tool-title h2{font-size:24px}.tool-panel dl{display:grid;grid-template-columns:1fr;gap:0;margin:16px 0 0}.tool-panel dl>div{display:grid;grid-template-columns:44px 1fr;gap:7px;padding:10px 0}.tool-panel dl dt{margin:0}.tool-panel .button{margin-top:15px}.privacy-note{font-size:10px}.guide-section h2{font-size:21px}.guide-section .tag{font-size:8px}.step{grid-template-columns:28px minmax(0,1fr);gap:12px}.step-number{width:27px;height:27px;font-size:12px}.step h3{font-size:16px}.step p{font-size:12px}.prompt-editor{padding:16px;margin-left:-39px;margin-top:21px}.editor-heading{gap:8px}.editor-heading h3{font-size:13px}.text-button{font-size:9px}.prompt-editor textarea{font-size:12px}.completion{padding:22px}.check-row{font-size:11px}.text-preview{padding:21px}.text-preview .original-text{font-size:12px}.text-preview .refined-text{font-size:13px}.comparison-label{font-size:9px;top:10px}.before-label{left:10px}.after-label{right:10px}.comparison-demo figcaption{font-size:9px}.service-title h1{font-size:32px}.service-title .tool-logo{width:50px;height:50px}.service-description{font-size:15px}.price-grid{grid-template-columns:1fr}.service-page{padding-top:28px}.service-page h2{font-size:23px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-reveal,.reveal-wait{opacity:1;transform:none;filter:none}.guide-card:hover,.button:hover{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (max-width:540px){.hero-art{display:none}.hero{padding-bottom:42px;gap:0}}.language-link{display:inline-flex;align-items:center;min-height:44px;padding:0 3px}.theme-toggle{min-width:40px;min-height:40px}.check-row{min-height:44px}@media (max-width:540px){.theme-toggle{min-width:40px;min-height:40px}.prompt-editor textarea,.tone-row select,input[type=search]{font-size:16px}}@media (max-width:360px){.header-inner nav{display:none}.header-end{margin-left:auto}.hero h1{font-size:34px}}
