/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:"IBM Plex Sans", system-ui, sans-serif;--color-pdf-ink:#111827;--color-pdf-paper:#faf9f7}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth}body{background-color:var(--color-pdf-paper);color:var(--color-pdf-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.grayscale{--tw-grayscale:grayscale(100%);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{--color-bg:#faf9f6;--color-bg-alt:#f3f1ec;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e0da;--color-border-focus:#cbd5e1;--color-accent:#d63031;--color-accent-hover:#c0292a;--color-accent-soft:#fef2f2;--color-success:#16a34a;--color-success-soft:#f0fdf4;--color-error:#dc2626;--color-error-soft:#fef2f2;--font-heading:"DM Sans", system-ui, -apple-system, sans-serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--max-width:1080px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--ease:cubic-bezier(.25, .1, .25, 1);--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:var(--color-text);text-decoration:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}fieldset{border:none}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header{z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);color:var(--color-text);letter-spacing:-.01em;display:flex}.logo svg{flex-shrink:0}.header-nav{gap:var(--space-8);display:flex}.header-nav a{font-size:var(--fs-sm);color:var(--color-text-muted);transition:color var(--duration) var(--ease);letter-spacing:.01em;font-weight:500}.header-nav a:hover{color:var(--color-text)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.lang-dropdown{user-select:none;position:relative}.lang-dropdown-btn{align-items:center;gap:var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);padding:6px 12px;font-family:inherit;font-weight:500;display:inline-flex}.lang-dropdown-btn:hover{background:var(--color-surface);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.lang-dropdown-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.current-lang-text{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.dropdown-chevron{transition:transform var(--duration) var(--ease);color:var(--color-text-muted)}.lang-dropdown-btn[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}.lang-dropdown-menu{z-index:150;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:220px;max-height:340px;margin:0;padding:6px;list-style:none;animation:.15s ease-out dropdownFadeIn;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.lang-dropdown-menu.show{display:block}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);padding:8px 10px;display:flex}.lang-option:hover{background:var(--color-bg-alt);color:var(--color-primary)}.lang-option.active{color:var(--color-primary);background:#d6303114;font-weight:600}.lang-flag{font-size:1.1em;line-height:1}.lang-native{flex:1}.lang-name{color:var(--color-text-muted);font-size:.85em}[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .lang-dropdown-menu{left:0;right:auto}[dir=rtl] .logo,[dir=rtl] .header-nav{flex-direction:row}[dir=rtl] .stat-arrow svg{transform:rotate(180deg)}[dir=rtl] .tutorial-link span[aria-hidden=true]{display:inline-block;transform:rotate(180deg)}.hero{padding:var(--space-16) 0 var(--space-20)}.hero-grid{gap:var(--space-16);grid-template-columns:1fr 1.15fr;align-items:start;display:grid}.hero-text{padding-top:var(--space-10)}.hero-text h1{font-size:var(--fs-3xl);letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-3);font-weight:700}.hero-kicker{max-width:520px;margin-bottom:var(--space-5);color:var(--color-text);font-size:var(--fs-lg);letter-spacing:-.015em;line-height:1.35}.hero-subtitle{font-size:var(--fs-md);color:var(--color-text-muted);max-width:520px;line-height:1.65}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);flex-direction:column;justify-content:center;min-height:340px;display:flex}.tool-state{animation:fadeIn .3s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease)}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--color-text-light);background:var(--color-bg)}.drop-zone.drag-over{border-color:var(--color-accent);background:var(--color-accent-soft)}.drop-zone-icon{color:var(--color-text-light);margin-bottom:var(--space-4);display:inline-flex}.drop-zone-text{font-family:var(--font-heading);font-size:var(--fs-base);color:var(--color-text);margin-bottom:var(--space-2)}.drop-zone-hint{font-size:var(--fs-sm);color:var(--color-text-muted)}.selected-file{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex}.file-icon{color:var(--color-accent);flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-family:var(--font-heading);font-weight:500;font-size:var(--fs-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.file-size{font-size:var(--fs-xs);color:var(--color-text-muted)}.btn-remove{color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration) var(--ease);flex-shrink:0}.btn-remove:hover{color:var(--color-error)}.compression-options{margin-bottom:var(--space-6)}.compression-label{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-text);margin-bottom:var(--space-3);font-weight:600;display:block}.segmented-control{gap:var(--space-2);padding:var(--space-1);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.segment{cursor:pointer;position:relative}.segment input{opacity:0;width:0;height:0;position:absolute}.segment-inner{padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);text-align:center;flex-direction:column;align-items:center;display:flex}.segment input:checked+.segment-inner{background:var(--color-surface);box-shadow:0 1px 3px #00000014}.segment input:focus-visible+.segment-inner{outline:2px solid var(--color-accent);outline-offset:1px}.segment-title{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);color:var(--color-text)}.segment-desc{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:1px}.btn-compress{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);border-radius:var(--radius-md);transition:background var(--duration) var(--ease), transform .1s var(--ease);letter-spacing:.01em;display:flex}.btn-compress:hover{background:var(--color-accent-hover)}.btn-compress:active{transform:scale(.985)}.btn-compress:disabled{opacity:.6;pointer-events:none}.btn-download{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:var(--color-success);color:#fff;font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);border-radius:var(--radius-md);transition:background var(--duration) var(--ease), transform .1s var(--ease);letter-spacing:.01em;text-decoration:none;display:flex}.btn-download:hover{color:#fff;background:#15803d}.btn-download:active{transform:scale(.985)}.btn-another{width:100%;padding:var(--space-3);margin-top:var(--space-3);font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--duration) var(--ease), background var(--duration) var(--ease);font-weight:500}.btn-another:hover{color:var(--color-text);background:var(--color-bg)}.btn-retry{padding:var(--space-3) var(--space-8);margin-top:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);color:var(--color-text);border-radius:var(--radius-md);transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease);justify-content:center;align-items:center;display:inline-flex}.btn-retry:hover{border-color:var(--color-text-light);background:var(--color-surface)}.progress-section{padding:var(--space-4) 0}.progress-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.progress-step{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);color:var(--color-text)}.progress-pct{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:600}.progress-track{background:var(--color-bg-alt);height:6px;margin-bottom:var(--space-3);border-radius:3px;overflow:hidden}.progress-fill{background:var(--color-accent);width:0%;height:100%;transition:width .2s var(--ease);border-radius:3px}.progress-hint{font-size:var(--fs-xs);color:var(--color-text-muted)}.result-check{text-align:center;margin-bottom:var(--space-4)}.result-check svg{animation:scaleIn .4s var(--ease);margin:0 auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.result-title{text-align:center;font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--color-text);margin-bottom:var(--space-6);font-weight:600}.result-stats{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.stat{text-align:center}.stat-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);font-weight:500;display:block}.stat-value{font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.stat-value--highlight{color:var(--color-success)}.stat-value--accent{color:var(--color-accent)}.stat-arrow{color:var(--color-text-light);flex-shrink:0}.stat--saved{padding-left:var(--space-5);border-left:1px solid var(--color-border)}.error-icon{text-align:center;margin-bottom:var(--space-4)}.error-title{text-align:center;font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600}.error-message{text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted);max-width:340px;margin:0 auto}.section{padding:var(--space-20) 0}.section--alt{background:var(--color-bg-alt)}.section-heading{font-size:var(--fs-2xl);letter-spacing:-.025em;text-align:center;margin-bottom:var(--space-12);color:var(--color-text);font-weight:700}.content-container{max-width:1060px}.section-intro{max-width:760px;margin:calc(var(--space-12) * -.55) auto var(--space-10);color:var(--color-text-muted);font-size:var(--fs-base);text-align:center;line-height:1.75}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.feature-grid--wide{grid-template-columns:repeat(6,1fr)}.feature-grid--wide .content-card{grid-column:span 2}.feature-grid--wide .content-card:nth-last-child(-n+2){grid-column:span 3}.content-card,.tutorial-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.content-card h3,.tutorial-card h3,.faq-entry h3{margin-bottom:var(--space-3);font-size:var(--fs-md);letter-spacing:-.015em;line-height:1.35}.content-card p,.tutorial-card p,.faq-entry p,.site-directory p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.75}.content-card code{border:1px solid var(--color-border);background:var(--color-bg);border-radius:4px;padding:.1em .35em;font-size:.9em}.how-list{counter-reset:steps;max-width:760px;margin:0 auto;padding:0;list-style:none}.how-list li{min-height:48px;padding:0 0 var(--space-6) 64px;color:var(--color-text-muted);counter-increment:steps;line-height:1.7;position:relative}.how-list li:before{content:counter(steps);background:var(--color-text);width:42px;height:42px;color:var(--color-bg);font-family:var(--font-heading);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:-5px;left:0}.how-list li:not(:last-child):after{content:"";background:var(--color-border);width:1px;position:absolute;top:43px;bottom:3px;left:20px}.how-list strong,.faq-entry strong{color:var(--color-text)}.faq-entry{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.faq-entry:first-child{padding-top:0}.faq-entry:last-child{border-bottom:0;padding-bottom:0}.tutorial-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.eyebrow{margin-bottom:var(--space-3);color:var(--color-accent);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:inline-block}.tutorial-link{gap:var(--space-2);margin-top:var(--space-4);color:var(--color-accent);font-size:var(--fs-xs);font-weight:600;display:inline-flex}.tutorial-link:hover{text-underline-offset:3px;text-decoration:underline}.site-directory{padding-top:var(--space-12);padding-bottom:var(--space-12);border-top:1px solid var(--color-border)}.directory-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.directory-grid h2{margin-bottom:var(--space-3);font-size:var(--fs-base);letter-spacing:-.01em}.mechanic-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.mechanic-item{gap:var(--space-5);padding:var(--space-6);border-top:1px solid var(--color-border);display:flex}.mechanic-number{color:var(--color-accent);font-family:var(--font-heading);font-size:var(--fs-xs);letter-spacing:.08em;font-weight:700}.mechanic-item h3,.use-grid h3{margin-bottom:var(--space-2);font-size:var(--fs-md);line-height:1.35}.mechanic-item p,.use-grid p,.answer-box p,.content-note{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.75}.answer-box{max-width:800px;margin:var(--space-10) auto 0;padding:var(--space-6);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-bg-alt)}.answer-box strong{margin-bottom:var(--space-2);color:var(--color-text);font-family:var(--font-heading);font-size:var(--fs-md);display:block}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.comparison-table th,.comparison-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-sm);vertical-align:top;line-height:1.55}.comparison-table thead th{background:var(--color-text);color:var(--color-bg);font-family:var(--font-heading);font-weight:600}.comparison-table tbody th{color:var(--color-text);font-family:var(--font-heading)}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.content-note{max-width:760px;margin:var(--space-5) auto 0;text-align:center}.use-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.use-grid article{padding-top:var(--space-5);border-top:2px solid var(--color-border)}.steps-grid{gap:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.step{text-align:center}.step-number{background:var(--color-text);width:36px;height:36px;color:var(--color-bg);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-sm);margin-bottom:var(--space-5);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step h3{font-size:var(--fs-md);margin-bottom:var(--space-3);letter-spacing:-.01em;font-weight:600}.step p{font-size:var(--fs-sm);color:var(--color-text-muted);max-width:280px;margin:0 auto;line-height:1.6}.faq-list{max-width:680px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{padding:var(--space-5) 0;font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);color:var(--color-text);cursor:pointer;transition:color var(--duration) var(--ease);justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--fs-lg);color:var(--color-text-muted);margin-left:var(--space-4);transition:transform var(--duration) var(--ease);flex-shrink:0;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:var(--color-accent)}.faq-answer{padding-bottom:var(--space-5);animation:slideDown .2s var(--ease)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.7}.faq-answer a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.security-card{gap:var(--space-8);max-width:680px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 auto;display:flex}.security-icon{color:var(--color-success);padding-top:var(--space-1);flex-shrink:0}.security-content h2{font-size:var(--fs-xl);margin-bottom:var(--space-5);letter-spacing:-.02em;font-weight:700}.security-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.security-list li{font-size:var(--fs-sm);color:var(--color-text-muted);padding-left:var(--space-5);line-height:1.6;position:relative}.security-list li:before{content:"";background:var(--color-success);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.security-list li strong{color:var(--color-text);font-weight:600}.header-search{align-items:center;display:flex;position:relative}.header-search-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);transition:color var(--duration) var(--ease), background var(--duration) var(--ease);justify-content:center;align-items:center;display:flex}.header-search-toggle:hover{color:var(--color-text);background:var(--color-bg-alt)}.search-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s var(--ease), visibility .25s var(--ease);background:#1a1a1a73;justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}.search-overlay.active{opacity:1;visibility:visible}.search-modal{width:100%;max-width:560px;margin:0 var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .25s var(--ease);overflow:hidden;transform:translateY(-12px)scale(.97);box-shadow:0 24px 48px #0000001f}.search-overlay.active .search-modal{transform:translateY(0)scale(1)}.search-input-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.search-input-wrap svg{color:var(--color-text-light);flex-shrink:0}.search-input{font-size:var(--fs-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-light)}.search-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);font-size:var(--fs-xs);font-family:var(--font-heading);background:var(--color-bg-alt);transition:background var(--duration) var(--ease);justify-content:center;align-items:center;font-weight:600;display:flex}.search-close:hover{background:var(--color-border)}.search-results{max-height:340px;padding:var(--space-2);overflow-y:auto}.search-results:empty{display:none}.search-result-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);transition:background var(--duration) var(--ease);display:block}.search-result-item:hover,.search-result-item:focus-visible{background:var(--color-bg-alt)}.search-result-item span{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px;display:block}.search-no-results{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm)}.site-footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-border);background:var(--color-bg)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:1.5fr 1fr 1fr;display:grid}.footer-brand .logo{margin-bottom:var(--space-4)}.footer-brand p{font-size:var(--fs-sm);color:var(--color-text-muted);max-width:320px;line-height:1.65}.footer-heading{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.footer-contact-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-contact-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.55;display:flex}.footer-contact-list li svg{color:var(--color-text-light);flex-shrink:0;margin-top:2px}.footer-contact-list a{color:var(--color-text-muted);transition:color var(--duration) var(--ease)}.footer-contact-list a:hover{color:var(--color-accent)}.footer-nav-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-nav-list a{font-size:var(--fs-sm);color:var(--color-text-muted);transition:color var(--duration) var(--ease)}.footer-nav-list a:hover{color:var(--color-text)}.footer-social{gap:var(--space-3);margin-top:var(--space-5);display:flex}.footer-social a{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);background:var(--color-bg-alt);border:1px solid var(--color-border);transition:color var(--duration) var(--ease), background var(--duration) var(--ease), border-color var(--duration) var(--ease);justify-content:center;align-items:center;display:flex}.footer-social a:hover{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--fs-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.footer-note{color:var(--color-text-light)}.back-to-top{bottom:var(--space-8);right:var(--space-8);z-index:90;background:var(--color-text);width:44px;height:44px;color:var(--color-bg);opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility .3s var(--ease), transform .3s var(--ease), background var(--duration) var(--ease);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(12px);box-shadow:0 4px 14px #0000002e}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-accent)}.back-to-top svg{width:20px;height:20px}@media (width<=768px){:root{--fs-3xl:2rem;--fs-2xl:1.5rem}.header-nav{gap:var(--space-5)}.hero{padding:var(--space-10) 0 var(--space-12)}.hero-grid{gap:var(--space-10);grid-template-columns:1fr}.hero-text{text-align:center;padding-top:0}.hero-subtitle{margin:0 auto}.hero-kicker{margin-left:auto;margin-right:auto}.tool-card{padding:var(--space-6)}.feature-grid,.feature-grid--wide,.tutorial-grid,.mechanic-grid{grid-template-columns:1fr}.feature-grid--wide .content-card,.feature-grid--wide .content-card:nth-last-child(-n+2){grid-column:auto}.directory-grid,.use-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{gap:var(--space-8);grid-template-columns:1fr}.result-stats{gap:var(--space-4)}.stat-arrow{display:none}.stat--saved{border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:var(--space-3);width:100%}.security-card{gap:var(--space-5);padding:var(--space-6);flex-direction:column}.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-2);text-align:center;flex-direction:column}.back-to-top{bottom:var(--space-6);right:var(--space-6);width:40px;height:40px}}@media (width<=480px){:root{--fs-3xl:1.625rem}.container{padding:0 var(--space-4)}.header-nav a:nth-child(3){display:none}.segmented-control{grid-template-columns:1fr}.segment-inner{gap:var(--space-2);flex-direction:row}.section{padding:var(--space-12) 0}.section-heading{margin-bottom:var(--space-8)}.section-intro{margin-top:calc(var(--space-8) * -.45)}.directory-grid,.use-grid{gap:var(--space-6);grid-template-columns:1fr}.mechanic-item{padding-left:0;padding-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.blog-preview__subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--fs-md);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto}.blog-preview__cta a{background:var(--color-accent);color:#fff;font-weight:600;font-size:var(--fs-base);border-radius:var(--radius-lg);transition:background var(--duration) var(--ease), transform var(--duration) var(--ease);align-items:center;gap:.5rem;padding:.75rem 2rem;text-decoration:none;display:inline-flex}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.blog-card__title{font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--color-text);margin-bottom:.625rem;font-weight:700;line-height:1.3}.blog-card__title a{color:inherit;transition:color var(--duration) var(--ease);text-decoration:none}.blog-card__excerpt{font-size:var(--fs-sm);color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__meta{font-size:var(--fs-xs);color:var(--color-text-light);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}@media (width<=640px){.blog-preview__grid{grid-template-columns:1fr}}@media print{.site-header,.site-footer,.tool-card,.btn-compress,.btn-download{display:none}}.target-page{--target-ink:#172033;--target-blue:#3157d5;--target-blue-soft:#eef2ff}.target-page .content-container{max-width:1060px}.breadcrumbs{gap:var(--space-2);margin-bottom:var(--space-8);color:var(--color-text-muted);font-size:var(--fs-xs);display:flex}.breadcrumbs a{color:var(--color-accent)}.target-hero{padding:var(--space-8) 0 var(--space-20);background:radial-gradient(circle at 75% 28%, #d6303114, transparent 25rem), var(--color-bg)}.target-hero-grid{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);align-items:center;display:grid}.target-intro h1{max-width:640px;margin-bottom:var(--space-3);color:var(--target-ink);letter-spacing:-.055em;font-size:clamp(2.35rem,5vw,4.2rem);line-height:1.02}.target-intro h2{margin-bottom:var(--space-5);font-size:var(--fs-xl);letter-spacing:-.025em}.target-intro>p{max-width:620px;color:var(--color-text-muted);font-size:var(--fs-md);line-height:1.75}.target-badge,.visual-label{margin-bottom:var(--space-4);color:var(--color-accent);font-family:var(--font-heading);font-size:var(--fs-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:700;display:inline-flex}.target-badge{padding:var(--space-2) var(--space-3);background:var(--color-accent-soft);border:1px solid #fecaca;border-radius:999px}.hero-checks{gap:var(--space-3) var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;list-style:none;display:flex}.hero-checks li{color:var(--color-text);font-size:var(--fs-sm);padding-left:20px;position:relative}.hero-checks li:before{content:"✓";color:var(--color-success);font-weight:700;position:absolute;left:0}.target-tool{border:0;min-height:470px;box-shadow:0 22px 65px #18181b1a}.target-tool .tool-state{flex-direction:column;justify-content:center;width:100%;display:flex}.target-ring{width:84px;height:84px;margin:0 auto var(--space-5);font-family:var(--font-heading);text-align:center;position:relative}.target-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.target-ring circle{fill:none;stroke-width:6px}.ring-track{stroke:var(--color-bg-alt)}.ring-value{stroke:var(--color-accent);stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:44px}.target-ring strong,.target-ring span{z-index:1;display:block;position:relative}.target-ring strong{font-size:var(--fs-xl);padding-top:20px;line-height:1}.target-ring span{color:var(--color-text-muted);font-size:.65rem}.compact-drop{padding:var(--space-8) var(--space-5)}.compact-drop svg{margin:0 auto var(--space-3);color:var(--color-text-light)}.compact-drop p{color:var(--color-text);margin-bottom:2px}.compact-drop>span{font-size:var(--fs-xs)}.target-file-icon{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;width:42px;height:48px;font-family:var(--font-heading);place-items:center;font-size:.65rem;font-weight:700;display:grid}.target-tool .btn-remove{font-size:1.5rem;line-height:1}.fixed-target{margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid #fecaca;justify-content:space-between;align-items:center;display:flex}.fixed-target span{color:var(--color-text-muted);font-size:var(--fs-sm)}.fixed-target strong{color:var(--color-accent);font-family:var(--font-heading);font-size:var(--fs-lg)}.target-choice{margin-bottom:var(--space-4)}.target-choice legend{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--fs-xs)}.target-choice-options{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.target-choice-options--three{grid-template-columns:repeat(3,1fr)}.target-choice label{cursor:pointer;position:relative}.target-choice input{opacity:0;position:absolute}.target-choice span{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-family:var(--font-heading);font-size:var(--fs-sm);transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease);place-items:center;font-weight:600;display:grid}.target-choice input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.target-choice input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.dual-target-visual{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.multi-target-visual{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.four-target-visual{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.target-preset-card{padding:var(--space-8);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:left;transition:transform var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:14px}.target-preset-card:hover,.target-preset-card.active{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 16px 36px #18181b14}.target-preset-card>span{margin-bottom:var(--space-4);color:var(--color-accent);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:700;display:inline-block}.target-preset-card h3{margin-bottom:var(--space-2)}.target-preset-card p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7}.target-explainer,.result-message{margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--fs-xs);text-align:center;line-height:1.6}.processing-visual{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.processing-file,.processing-target{border-radius:var(--radius-md);height:58px;font-family:var(--font-heading);font-size:var(--fs-xs);place-items:center;font-weight:700;display:grid}.processing-file{background:var(--color-accent);color:#fff;width:46px}.processing-target{background:var(--color-success-soft);width:68px;color:var(--color-success);border:1px solid #bbf7d0}.processing-pulses{gap:5px;display:flex}.processing-pulses i{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite targetPulse}.processing-pulses i:nth-child(2){animation-delay:.15s}.processing-pulses i:nth-child(3){animation-delay:.3s}@keyframes targetPulse{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}.target-result-icon{width:58px;height:58px;margin:0 auto var(--space-4);background:var(--color-success-soft);color:var(--color-success);font-family:var(--font-heading);font-size:var(--fs-xl);border-radius:50%;place-items:center;font-weight:700;display:grid}.target-result-icon--warning{color:#c2410c;background:#fff7ed}.target-result-icon--error{background:var(--color-error-soft);color:var(--color-error)}.target-stats{gap:var(--space-3);padding:var(--space-4)}.target-stats .stat-value{font-size:var(--fs-base)}.visual-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #18181b0b}.size-lab,.feasibility-lab,.quality-lab{grid-template-columns:.9fr 1.1fr;min-height:360px;display:grid}.visual-copy,.feasibility-controls,.quality-controls{padding:var(--space-10);flex-direction:column;justify-content:center;display:flex}.visual-copy h3,.feasibility-controls h3,.quality-controls h3{margin-bottom:var(--space-3);font-size:var(--fs-xl);letter-spacing:-.025em}.visual-copy p,.quality-controls p{margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7}.visual-copy label,.feasibility-controls>label,.quality-controls label{margin-bottom:var(--space-3);font-size:var(--fs-sm)}input[type=range]{width:100%;accent-color:var(--color-accent)}.size-visual{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-10);background:linear-gradient(#3157d50d 1px, transparent 1px), linear-gradient(90deg, #3157d50d 1px, transparent 1px), var(--target-blue-soft);background-size:24px 24px;display:flex}.file-block{aspect-ratio:.78;width:120px;transition:transform var(--duration) var(--ease);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 12px 25px #3157d51a}.file-block span{color:var(--color-text-muted);font-size:var(--fs-xs)}.file-block strong{font-family:var(--font-heading);font-size:var(--fs-lg)}.file-block--source{transform:scale(1.08)}.file-block--target{color:var(--color-success);border:2px solid #86efac}.reduction-arrow{text-align:center;min-width:82px}.reduction-arrow span{color:var(--target-blue);font-size:var(--fs-xs);font-weight:600}.reduction-arrow i{height:2px;margin-top:var(--space-3);background:var(--target-blue);display:block;position:relative}.reduction-arrow i:after{content:"";border-top:2px solid var(--target-blue);border-right:2px solid var(--target-blue);width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.step-explorer{grid-template-columns:230px 1fr;min-height:390px;display:grid}.step-tabs{gap:var(--space-2);padding:var(--space-6);border-right:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;display:flex}.step-tab{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:left;display:flex}.step-tab span{border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;font-size:var(--fs-xs);border-radius:50%;place-items:center;display:grid}.step-tab.active{background:var(--color-surface);color:var(--color-text);font-weight:600;box-shadow:0 4px 14px #18181b0f}.step-tab.active span{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.step-stage{align-items:center;gap:var(--space-8);padding:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.step-illustration{background:var(--target-blue-soft);border-radius:12px;place-items:center;min-height:230px;display:grid;position:relative}.mini-file{width:100px;height:132px;color:var(--color-accent);font-family:var(--font-heading);transition:transform .3s var(--ease);background:#fff;border-radius:8px;place-items:center;font-weight:700;display:grid;box-shadow:0 16px 30px #3157d526}.mini-cursor{color:var(--target-blue);font-size:2rem;position:absolute;bottom:20%;right:22%}.step-illustration[data-step="2"] .mini-file{transform:scale(.8)}.step-illustration[data-step="3"] .mini-file{transform:rotate(-3deg);box-shadow:8px 8px #bbf7d0}.step-illustration[data-step="4"] .mini-file{transform:translateY(14px)}.step-content span{color:var(--color-accent);font-size:var(--fs-xs);font-weight:600}.step-content h3{margin:var(--space-2) 0 var(--space-3);font-size:var(--fs-xl)}.step-content p,.pipeline-copy p,.content-columns p,.answer-grid p,.intent-visual p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.75}.pipeline-controls{justify-content:center;gap:var(--space-2);padding:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.pipeline-tab{padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm);border-radius:999px}.pipeline-tab.active{background:var(--target-ink);color:#fff}.pipeline-stage{justify-content:center;align-items:center;gap:var(--space-8);min-height:310px;padding:var(--space-10);background:var(--target-blue-soft);display:flex}.pipeline-file{justify-content:center;align-items:center;gap:var(--space-4);background:#fff;border-radius:10px;flex-direction:column;width:150px;height:190px;display:flex;box-shadow:0 16px 35px #3157d51f}.pipeline-file--small{border:2px solid #86efac;width:112px;height:145px}.pipeline-file span{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600}.pixel-grid{background:repeating-linear-gradient(45deg,#cbd5e1 0 4px,#e2e8f0 4px 8px);width:86px;height:76px}.pixel-grid--small{filter:blur(.5px);width:60px;height:48px}.pipeline-engine{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-width:145px;display:flex}.pipeline-engine i{background:var(--target-blue);width:26px;height:2px}.pipeline-engine strong{width:100%;color:var(--target-blue);font-size:var(--fs-xs);text-align:center}.pipeline-copy{max-width:680px;padding:var(--space-6);text-align:center;margin:0 auto}.pipeline-copy h3{margin-bottom:var(--space-2)}.content-columns{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.content-columns>div{padding-top:var(--space-5);border-top:2px solid var(--color-border)}.content-columns h3{margin-bottom:var(--space-2)}.feasibility-controls{background:var(--color-surface)}.feasibility-controls fieldset{gap:var(--space-3);margin-top:var(--space-6);display:grid}.feasibility-controls legend{margin-bottom:var(--space-3);font-size:var(--fs-sm);font-weight:600}.feasibility-controls fieldset label{color:var(--color-text-muted);font-size:var(--fs-sm)}.feasibility-controls input[type=radio]{margin-right:var(--space-2);accent-color:var(--color-accent)}.feasibility-meter{padding:var(--space-10);background:var(--target-blue-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.meter-ring{width:174px;height:174px;margin-bottom:var(--space-5);background:radial-gradient(circle, var(--target-blue-soft) 61%, transparent 62%), conic-gradient(var(--color-success) calc(var(--score,82) * 1%), #dde4f5 0);border-radius:50%;place-content:center;display:grid}.meter-ring strong{font-family:var(--font-heading);font-size:var(--fs-3xl);line-height:1}.meter-ring span{color:var(--color-text-muted);font-size:var(--fs-xs)}.feasibility-meter h3{margin-bottom:var(--space-2);font-size:var(--fs-lg)}.feasibility-meter p{max-width:360px;color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7}.answer-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.answer-grid article{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.answer-grid strong{margin-bottom:var(--space-2);display:block}.quality-preview{background:linear-gradient(#3157d50d 1px, transparent 1px), linear-gradient(90deg, #3157d50d 1px, transparent 1px), var(--target-blue-soft);background-size:24px 24px;place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.preview-page{background:#fff;border-radius:7px;width:210px;height:278px;padding:32px 26px;position:absolute;box-shadow:0 18px 40px #3157d524}.preview-page>i{background:#cbd5e1;width:100%;height:5px;margin-bottom:9px;display:block}.preview-page>i:nth-child(3){width:82%}.preview-page>i:nth-child(4){width:91%}.preview-page .preview-heading{background:var(--target-ink);width:62%;height:10px;margin-bottom:18px}.preview-photo{background:linear-gradient(135deg,#93c5fd,#c4b5fd 48%,#fca5a5);height:100px;margin-top:20px}.preview-page--compressed{clip-path:inset(0 0 0 var(--split,50%));filter:blur(var(--blur,.45px))}.preview-page--compressed .preview-photo{filter:saturate(.75)}.preview-label{bottom:var(--space-5);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);background:#fff;border-radius:999px;font-weight:600;position:absolute}.preview-label--left{left:var(--space-5)}.preview-label--right{right:var(--space-5);color:var(--color-accent)}.quality-scale{margin-top:var(--space-2);color:var(--color-text-light);font-size:var(--fs-xs);justify-content:space-between;display:flex}.intent-visual{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.intent-visual article{padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:12px}.intent-visual article:hover,.intent-visual article:focus{outline:none;transform:translateY(-5px);box-shadow:0 16px 32px #18181b14}.intent-icon{width:48px;height:48px;margin-bottom:var(--space-5);background:var(--target-blue-soft);color:var(--target-blue);font-family:var(--font-heading);font-size:var(--fs-lg);border-radius:12px;place-items:center;display:grid}.intent-visual h3{margin-bottom:var(--space-2);font-size:var(--fs-base)}.intent-visual article>span{margin-top:var(--space-4);color:var(--color-accent);font-size:var(--fs-xs);font-weight:600;display:inline-block}.optimizer-checklist{grid-template-columns:1.1fr .9fr;display:grid}.checklist-copy{padding:var(--space-10)}.checklist-copy h3{margin-bottom:var(--space-3);font-size:var(--fs-xl)}.checklist-copy>p,.readiness-visual>p,.privacy-note p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.75}.checklist-items{gap:var(--space-3);margin-top:var(--space-6);display:grid}.checklist-items label{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-sm);transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease)}.checklist-items label:has(input:checked){background:var(--color-success-soft);color:var(--color-text);border-color:#86efac}.checklist-items input{margin-right:var(--space-3);accent-color:var(--color-success)}.readiness-visual{padding:var(--space-10);background:var(--target-blue-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.readiness-ring{width:178px;height:178px;margin-bottom:var(--space-5);background:radial-gradient(circle, var(--target-blue-soft) 62%, transparent 63%), conic-gradient(var(--target-blue) var(--readiness,20%), #dde4f5 0);border-radius:50%;place-content:center;display:grid}.readiness-ring strong,.readiness-ring span{text-align:center;display:block}.readiness-ring strong{font-family:var(--font-heading);font-size:var(--fs-2xl)}.readiness-ring span{color:var(--color-text-muted);font-size:var(--fs-xs)}.readiness-visual h3{margin-bottom:var(--space-2)}.file-lifecycle{grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;display:grid}.file-lifecycle article{min-height:260px;padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);text-align:center;transition:transform var(--duration) var(--ease);border-radius:12px}.file-lifecycle article:hover{transform:translateY(-4px)}.lifecycle-time{margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--fs-xs);display:inline-block}.lifecycle-icon{width:58px;height:58px;margin:0 auto var(--space-5);background:var(--target-blue-soft);color:var(--target-blue);font-family:var(--font-heading);font-size:var(--fs-xl);border-radius:50%;place-items:center;display:grid}.lifecycle-icon--delete{background:var(--color-accent-soft);color:var(--color-accent)}.file-lifecycle h3{margin-bottom:var(--space-2)}.file-lifecycle p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7}.lifecycle-line{background:var(--color-border);height:2px;position:relative}.lifecycle-line:after{content:"";border-top:2px solid var(--color-border);border-right:2px solid var(--color-border);width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.privacy-note{gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-6);border-left:4px solid var(--color-accent);background:var(--color-surface);grid-template-columns:.35fr 1fr;display:grid}.privacy-note strong{font-family:var(--font-heading)}.faq-visual{max-width:520px;margin:calc(var(--space-5) * -1) auto var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);display:flex}.faq-visual>span,.faq-visual>strong{padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-size:var(--fs-xs);border-radius:999px}.faq-visual>span{background:var(--color-accent-soft);color:var(--color-accent)}.faq-visual>strong{background:var(--target-blue-soft);color:var(--target-blue)}.faq-visual i{background:var(--color-border);border-radius:50%;width:8px;height:8px}.target-page .faq-answer strong{color:var(--color-text)}.target-page .footer-note a{color:var(--color-accent)}@media (width<=900px){.target-hero-grid{grid-template-columns:1fr}.target-intro{text-align:center}.target-intro>p{margin-left:auto;margin-right:auto}.hero-checks{justify-content:center}.target-tool{max-width:560px}.intent-visual{grid-template-columns:repeat(2,1fr)}.file-lifecycle{gap:var(--space-4);grid-template-columns:1fr}.lifecycle-line{width:2px;height:36px;margin:0 auto}.lifecycle-line:after{top:auto;bottom:0;right:-4px;transform:rotate(135deg)}}@media (width<=768px){.target-hero{padding-bottom:var(--space-12)}.target-hero-grid{gap:var(--space-10)}.target-intro h1{font-size:2.6rem}.size-lab,.feasibility-lab,.quality-lab,.step-explorer{grid-template-columns:1fr}.step-tabs{padding:var(--space-3);border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.step-tab{padding:var(--space-2);font-size:var(--fs-xs);text-align:center;flex-direction:column;gap:4px}.step-stage{grid-template-columns:1fr}.pipeline-stage{gap:var(--space-4)}.pipeline-file{width:120px;height:155px}.pipeline-file--small{width:92px;height:120px}.pipeline-engine{min-width:80px}.pipeline-engine i{width:15px}.content-columns,.answer-grid,.optimizer-checklist,.privacy-note{grid-template-columns:1fr}}@media (width<=520px){.target-intro h1{font-size:2.15rem}.target-intro h2{font-size:var(--fs-lg)}.target-tool{min-height:430px}.visual-copy,.feasibility-controls,.quality-controls,.step-stage{padding:var(--space-6)}.size-visual{gap:var(--space-3);padding:var(--space-6) var(--space-3)}.file-block{width:90px}.reduction-arrow{min-width:60px}.pipeline-stage{min-height:240px;padding:var(--space-6) var(--space-3)}.pipeline-file{width:92px;height:125px}.pipeline-file--small{width:74px;height:100px}.pixel-grid{width:58px;height:48px}.pixel-grid--small{width:42px;height:34px}.pipeline-engine{min-width:56px}.pipeline-engine strong{font-size:.55rem}.intent-visual,.dual-target-visual,.multi-target-visual,.four-target-visual,.target-choice-options--three{grid-template-columns:1fr}.faq-visual i:nth-of-type(3){display:none}}.reading-progress{background:linear-gradient(90deg, var(--color-accent), #e74c3c, #ff6b6b);z-index:101;width:0%;height:3px;transition:width 50ms linear;position:fixed;top:56px;left:0}.blog-header{z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.blog-header .header-inner{justify-content:space-between;align-items:center;max-width:1080px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.blog-header .logo{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.01em;align-items:center;gap:.75rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.blog-header .logo svg{flex-shrink:0}.blog-header .header-nav{gap:2rem;display:flex}.blog-header .header-nav a{color:var(--color-text-muted);letter-spacing:.01em;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-header .header-nav a:hover,.blog-header .header-nav a.active{color:var(--color-accent)}.breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 0;font-size:.8125rem;display:flex}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .separator{opacity:.4;font-size:.75rem}.breadcrumb .current{color:var(--color-text);font-weight:500}.blog-hero{text-align:center;padding:4rem 0 2rem}.blog-hero h1{font-family:var(--font-heading);color:var(--color-text);margin-bottom:1rem;font-size:2.75rem;font-weight:700;line-height:1.15}.blog-hero p{color:var(--color-text-muted);max-width:640px;margin:0 auto;font-size:1.125rem;line-height:1.7}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding-bottom:4rem;display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 32px -8px #0000001f}.blog-card__image{object-fit:cover;width:100%;height:200px;display:block}.blog-card__body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:100px;align-items:center;gap:.375rem;width:fit-content;margin-bottom:.75rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.blog-card__title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:.625rem;font-size:1.25rem;font-weight:700;line-height:1.3}.blog-card__title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card__title a:hover{color:var(--color-accent)}.blog-card__excerpt{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--color-text-light);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.75rem;display:flex}.blog-card__readtime{align-items:center;gap:.375rem;display:flex}.article-container{grid-template-columns:1fr 240px;align-items:start;gap:3rem;max-width:1080px;margin:0 auto;padding:0 1.5rem;display:grid}.article-main{min-width:0}.article-hero{margin-bottom:2.5rem}.article-hero__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:100px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.article-hero h1{font-family:var(--font-heading);color:var(--color-text);margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:1.2}.article-hero__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.article-hero__meta span{align-items:center;gap:.375rem;display:flex}.article-hero__image{border-radius:12px;width:100%;margin-bottom:.5rem;overflow:hidden}.article-hero__image img{width:100%;height:auto;display:block}.article-body h2{font-family:var(--font-heading);color:var(--color-text);border-bottom:2px solid var(--color-border);margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;scroll-margin-top:80px;font-size:1.625rem;font-weight:700}.article-body h3{font-family:var(--font-heading);color:var(--color-text);margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:80px;font-size:1.25rem;font-weight:600}.article-body h4{font-family:var(--font-heading);color:var(--color-text);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.article-body p{color:var(--color-text);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.article-body ul,.article-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-body li{color:var(--color-text);margin-bottom:.5rem;font-size:1rem;line-height:1.8}.article-body strong{color:var(--color-text);font-weight:600}.article-body a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline #d630314d;transition:text-decoration-color .2s}.article-body a:hover{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.article-body blockquote{border-left:4px solid var(--color-accent);background:var(--color-accent-soft);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-body blockquote p{color:var(--color-text);margin-bottom:0}.article-body code{background:var(--color-bg-alt);border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.diagram{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin:2rem 0;padding:2rem;overflow-x:auto}.diagram__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);text-align:center;margin-bottom:1.25rem;font-size:.875rem;font-weight:600}.diagram__visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.diagram__box{background:var(--color-bg-alt);border:1px solid var(--color-border);text-align:center;border-radius:8px;min-width:120px;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s}.diagram__box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.diagram__box--accent{border-color:var(--color-accent);background:var(--color-accent-soft)}.diagram__box--success{border-color:var(--color-success);background:var(--color-success-soft)}.diagram__box-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.diagram__box-value{font-family:var(--font-heading);color:var(--color-text);font-size:1.125rem;font-weight:700}.diagram__arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.25rem}.flow-diagram{flex-direction:column;align-items:center;gap:.5rem;display:flex}.flow-step{align-items:center;gap:1rem;width:100%;max-width:500px;display:flex}.flow-step__number{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.flow-step__content{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;flex:1;padding:.75rem 1rem}.flow-step__label{color:var(--color-text);font-size:.9375rem;font-weight:600}.flow-step__desc{color:var(--color-text-muted);margin-top:.25rem;font-size:.8125rem}.flow-connector{background:var(--color-border);width:2px;height:20px;margin-left:17px}.article-body .comparison-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:8px;width:100%;margin:1.5rem 0;font-size:.875rem;overflow:hidden}.article-body .comparison-table thead{background:var(--color-bg-alt)}.article-body .comparison-table th{text-align:left;color:var(--color-text);border-bottom:2px solid var(--color-border);padding:.875rem 1rem;font-size:.8125rem;font-weight:600}.article-body .comparison-table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:.75rem 1rem;line-height:1.5}.article-body .comparison-table tbody tr:last-child td{border-bottom:none}.article-body .comparison-table tbody tr:hover{background:var(--color-accent-soft)}.table-wrap{border-radius:8px;margin:1.5rem 0;overflow-x:auto}.callout{background:linear-gradient(135deg, var(--color-accent-soft), #fff5f5);border:1px solid #d6303126;border-left:4px solid var(--color-accent);border-radius:0 12px 12px 0;margin:2rem 0;padding:1.25rem 1.5rem}.callout__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:flex}.callout__text{color:var(--color-text);margin:0;font-size:.9375rem;line-height:1.7}.callout--success{background:linear-gradient(135deg, var(--color-success-soft), #f0fff4);border-color:#16a34a26;border-left-color:var(--color-success)}.callout--success .callout__title{color:var(--color-success)}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-height:calc(100vh - 100px);padding:1.5rem;position:sticky;top:80px;overflow-y:auto}.toc__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.75rem;font-size:.8125rem;font-weight:700}.toc__list{margin:0;padding:0;list-style:none}.toc__list li{margin-bottom:.125rem}.toc__list a{color:var(--color-text-muted);border-left:2px solid #0000;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.toc__list a:hover{color:var(--color-accent);background:var(--color-accent-soft)}.toc__list a.active{color:var(--color-accent);border-left-color:var(--color-accent);background:var(--color-accent-soft);font-weight:500}.related-posts{border-top:2px solid var(--color-border);margin-top:4rem;padding-top:3rem}.related-posts__title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.related-posts__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.article-faq{margin-top:2.5rem}.article-faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:.75rem;transition:border-color .2s}.article-faq details:hover,.article-faq details[open]{border-color:var(--color-accent)}.article-faq summary{cursor:pointer;color:var(--color-text);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1rem;font-weight:600;list-style:none;display:flex}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:"+";color:var(--color-accent);flex-shrink:0;font-size:1.25rem;font-weight:700;transition:transform .2s}.article-faq details[open] summary:after{content:"−"}.article-faq .faq-answer{color:var(--color-text-muted);padding:0 1.25rem 1.25rem;font-size:.9375rem;line-height:1.75}.blog-preview{padding:4rem 0}.blog-preview .section-heading{text-align:center;margin-bottom:.75rem}.blog-preview__subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.0625rem}.blog-preview__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.blog-preview__cta{text-align:center;margin-top:2rem}.blog-preview__cta a{background:var(--color-accent);color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.blog-preview__cta a:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.internal-link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.internal-link-card:hover{border-color:var(--color-accent);transform:translate(4px);box-shadow:0 4px 12px #d6303114}.internal-link-card__icon{background:var(--color-accent-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.internal-link-card__icon svg{color:var(--color-accent)}.internal-link-card__text{flex:1}.internal-link-card__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:.125rem;font-size:.6875rem;font-weight:600}.internal-link-card__title{color:var(--color-text);font-size:.9375rem;font-weight:600}.internal-link-card__arrow{color:var(--color-text-light);transition:color .2s,transform .2s}.internal-link-card:hover .internal-link-card__arrow{color:var(--color-accent);transform:translate(2px)}.checklist{margin:1.5rem 0;padding:0;list-style:none}.checklist li{padding:.5rem 0 .5rem 2rem;font-size:.9375rem;line-height:1.6;position:relative}.checklist li:before{content:"✓";background:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:.5rem;left:0}@media (width<=860px){.article-container{grid-template-columns:1fr;gap:0}.toc{max-height:none;margin-bottom:2rem;position:static}.article-hero h1{font-size:1.75rem}.blog-hero h1{font-size:2rem}.blog-grid,.related-posts__grid,.blog-preview__grid{grid-template-columns:1fr}.diagram__visual{flex-direction:column}.diagram__arrow{transform:rotate(90deg)}}@media (width<=640px){.blog-header .header-nav{gap:1rem}.blog-header .header-nav a{font-size:.75rem}.article-body h2{font-size:1.375rem}.blog-hero h1{font-size:1.625rem}.flow-step{flex-direction:column;align-items:flex-start;gap:.5rem}.flow-connector{height:12px;margin-left:17px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}