/*! 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-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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]){-webkit-text-decoration:underline dotted;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;-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}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contents{display:contents}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f1f1;--card:#fff;--green:#1d7a1d;--green-dark:#084808;--green-light:#2dc677;--green-tint:#e4f5ea;--pink:pink;--almond:#ffebcd;--almond-light:#fff7ef;--orange:#ff9e30;--orange-ink:#9a5005;--ink:#1e2320;--muted:#646b66;--hair:#dee2df;--shadow:0 0 1px #d3d3d3 inset, 1px 1px 5px #00000038;--shadow-soft:0 0 1px #d3d3d3 inset, 0 1px 3px #00000024;--top:env(safe-area-inset-top,0px)}html,body{background:var(--bg);color:var(--ink)}body{font:16px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{text-wrap:balance}.wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.card{background:var(--card);box-shadow:var(--shadow);border-radius:10px}.grad-border{background-image:linear-gradient(var(--card), var(--card)), linear-gradient(var(--pink), var(--almond));background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:10px}.btn{border:1px solid var(--orange);color:var(--orange-ink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn:hover,.btn.solid{background:var(--orange);color:var(--ink)}.btn.solid:hover{color:var(--orange-ink);background:#fff}.btn.green{border-color:var(--green);color:var(--green)}.btn.green:hover{background:var(--green);color:#fff}.btn[disabled]{opacity:.6;cursor:default}.tag{color:var(--ink);white-space:nowrap;background:#eef1ef;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.tag.work{background:var(--green-tint);color:var(--green-dark);border:1px solid #bfe5cc}.tag.learn{color:var(--muted);border:1px solid var(--hair);background:#fff}.tags{flex-wrap:wrap;gap:6px;display:flex}.eyebrow{color:var(--muted);margin:0;font-size:13px;font-weight:500}.caption{color:var(--muted);margin:0;font-size:12px}section{scroll-margin-top:calc(var(--top) + 76px)}.sec{gap:18px;padding-block:36px 8px;display:grid}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sec-head h2{font-size:24px;font-weight:700;line-height:1.25}.sec-head h2 span{color:var(--green)}.chipset{flex-wrap:wrap;gap:6px;display:flex}.chipset button{border:1px solid var(--hair);cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.chipset button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.topbar{top:var(--top);z-index:20;background:var(--green-light);position:sticky;box-shadow:0 2px 2px #00000047}.topbar-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-block:12px;display:flex}.brand{color:var(--green-dark);font-size:20px;font-weight:700;line-height:1;text-decoration:none}.topnav{flex-wrap:wrap;gap:6px 16px;display:flex}.topnav a{color:var(--green-dark);text-underline-offset:5px;font-size:14px;text-decoration:none}.topnav a:hover,.topnav a.on{font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.footer{background:linear-gradient(var(--almond), var(--pink));margin-top:44px}.footer-in{gap:14px;padding-block:34px 26px;display:grid}.footer h2{font-size:26px;font-weight:700;line-height:1.2}.footer p{color:#4b3a36;margin:0}.pills{flex-wrap:wrap;gap:10px;display:flex}.pill{color:var(--green-dark);background:#ffffff8c;border:3px solid #fff;border-radius:25px;align-items:center;padding:4px 14px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.pill:hover{border-color:var(--green-light);background:#fff}.footer .copyright{color:#5c4a46;font-size:12px}.intro{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;padding:clamp(22px,4vw,40px);display:grid}.intro h1{letter-spacing:-.03em;font-size:clamp(40px,6vw,60px);font-weight:700;line-height:1.05}.cats{color:var(--green);margin:10px 0 0;font-size:16px;font-weight:600;line-height:1.5}.legend{color:var(--muted);align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.techs{gap:2px;margin-top:8px;display:grid}.trow{border-top:1px solid var(--hair);grid-template-columns:7.4em minmax(0,1fr);align-items:start;gap:10px;padding:7px 0;display:grid}.trow:first-child{border-top:0}.trow button{text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600;line-height:1.3}.trow button:hover{color:var(--green)}.trow button:after{content:" →";color:var(--orange);opacity:0;transition:opacity .15s}.trow button:hover:after,.trow button:focus-visible:after{opacity:1}.facts{gap:10px;display:grid}.facts li{background:var(--almond-light);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.facts b{color:var(--green);font-variant-numeric:tabular-nums;min-width:64px;font-size:22px;font-weight:700;line-height:1}.facts span{color:#3a413c;font-size:14px}@media (width<=860px){.intro{grid-template-columns:1fr}}@media (width<=480px){.trow{grid-template-columns:1fr;gap:4px}}.job{gap:14px;padding:20px 22px;display:grid}.job-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.job-head h3{font-size:20px;font-weight:700}.when{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.job-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.job.small .job-items{grid-template-columns:1fr}.job-item{border-left:3px solid var(--green);background:#fafbfa;border-radius:3px;align-content:start;gap:6px;padding:12px 14px;display:grid}.job-item h4{color:var(--green);font-size:16px;font-weight:600;line-height:1.35}.job-item .when{font-size:12px}.job-item p{margin:0;font-size:14px}.job-item ul{gap:2px;margin:0;padding-left:18px;font-size:14px;list-style:outside;display:grid}@media (width<=760px){.job-items{grid-template-columns:1fr}}.map{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);align-items:start;gap:16px;display:grid}@media (width<=860px){.map{grid-template-columns:1fr}}.domains{padding:6px 0;display:grid}.domains button{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-right:3px solid #0000;grid-template-columns:1fr auto;gap:4px 12px;width:100%;padding:11px 18px;transition:background .15s;display:grid}.domains button:hover{background:var(--almond-light)}.domains .nm{color:var(--green);font-weight:600}.domains .ct{color:var(--muted);align-self:center;font-size:12px}.domains button[aria-pressed=true]{border-left-color:var(--green);border-right-color:var(--green);background:var(--card);border-radius:3px;box-shadow:inset 0 0 1px #d3d3d3,1px 1px 3px #00000040}.domains button[aria-pressed=true] .nm{color:var(--green-dark)}.years{grid-column:1/-1;gap:2px;margin-top:2px;display:flex}.years i{background:#e7ebe8;border-radius:2px;width:14px;height:5px}.years i.on{background:var(--green-light)}.evidence{gap:12px;padding:18px 20px;display:grid}.ev-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ev-head h3{font-size:19px;font-weight:700}.stack-line{color:#3a413c;margin:0;font-size:13px}.stack-line b{color:var(--green);font-weight:600}.ev-list{display:grid}.ev-list li{border-top:1px solid var(--hair);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:10px 2px;display:grid}.kind{white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:500;line-height:1}.kind.career{background:var(--ink);color:#fff}.kind.project{background:var(--green);color:#fff}.kind.repo{color:var(--ink);background:#e7ebe8}.kind.post{background:var(--almond);color:#7a4b12}.kind.profile{background:var(--pink);color:#7a2d3b}.ev-list a{color:var(--green);font-weight:600;text-decoration:none}.ev-list a:hover{text-decoration:underline}.ev-list .ttl{font-weight:600}.ev-list .yr{color:var(--muted);white-space:nowrap;font-size:12px}.ev-list .note{color:var(--muted);grid-column:2/-1;margin:0;font-size:13px}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=980px){.projects{grid-template-columns:1fr 1fr}}.mini-flow{gap:18px;width:100%;max-width:240px;display:grid}.mini-flow li{border-top:3px solid var(--green);box-shadow:var(--shadow-soft);text-align:center;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;position:relative}.mini-flow li+li:before{content:"↓";color:var(--green);font-size:12px;line-height:18px;position:absolute;top:-19px;left:0;right:0}@media (width<=640px){.projects{grid-template-columns:1fr}}.pcard{border:2px solid var(--pink);background:var(--card);box-shadow:var(--shadow);border-radius:10px;grid-template-rows:auto 1fr;padding:2px;display:grid}.preview{border:1px solid var(--orange);background:var(--almond-light);border-radius:10px;place-items:center;min-height:236px;padding:36px 14px 14px;display:grid;position:relative;overflow:hidden}.try{color:var(--orange-ink);border:1px solid var(--orange);background:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1;position:absolute;top:10px;left:10px}.pbody{align-content:start;gap:10px;padding:16px 16px 18px;display:grid}.pbody h3{font-size:20px;font-weight:700;line-height:1.25}.pbody .meta{color:var(--muted);margin:0;font-size:13px}.pbody p{margin:0;font-size:15px}.foot{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.gm{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:100%;display:grid}.phone{background:#16181b;border-radius:18px;width:124px;padding:6px;box-shadow:0 2px 6px #0000004d}.gm:not(.compact) .phone{width:clamp(150px,22vw,210px)}.phone img{border-radius:12px;width:100%;height:auto;display:block}.modes{gap:6px;display:grid}.modes button{border:1px solid var(--hair);text-align:left;cursor:pointer;background:#fff;border-radius:8px;padding:7px 10px;font-size:13px}.modes button[aria-pressed=true]{border-color:var(--orange);background:var(--orange);color:var(--ink)}.lis{gap:10px;width:100%;display:grid}.lis-track{grid-template-columns:repeat(4,1fr);gap:5px;padding-top:30px;display:grid;position:relative}.stn{text-align:center;color:var(--muted);box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;padding:8px 2px;font-size:11px;transition:background .3s,color .3s}.stn.done{background:var(--green);color:#fff}.tube{justify-items:center;width:calc(25% - 3.75px);transition:transform .7s cubic-bezier(.5,0,.2,1);display:grid;position:absolute;top:0;left:0}.tube svg{width:14px;height:26px}.lis-log{color:var(--muted);min-height:17px;margin:0;font-size:12px}.tl-wrap{padding:18px 20px}.timeline{padding-left:22px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--pink), var(--almond));width:2px;position:absolute;top:6px;bottom:6px;left:6px}.timeline li{border-top:1px solid var(--hair);grid-template-columns:5.6em minmax(0,1fr);gap:4px 14px;padding:9px 0;display:grid;position:relative}.timeline li:first-child{border-top:0}.timeline li:before{content:"";border:2px solid var(--green);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:15px;left:-21px}.timeline li.award:before{background:var(--orange);border-color:var(--orange)}.timeline .d{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:13px}.timeline .t{font-weight:600}.timeline .k{vertical-align:2px;background:#eef1ef;border-radius:5px;margin-right:6px;padding:3px 6px;font-size:11px;font-weight:500}.timeline li.award .k{background:var(--orange);color:var(--ink)}.timeline .s{color:var(--muted);grid-column:2;margin:0;font-size:13px}@media (width<=520px){.timeline li{grid-template-columns:1fr}.timeline .s{grid-column:1}}.detail{gap:16px;padding-block:20px 8px;display:grid}.crumbs{color:var(--muted);gap:8px;font-size:13px;display:flex}.crumbs a{color:var(--green);text-decoration:none}.crumbs a:hover{text-decoration:underline}.detail-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding:clamp(18px,3vw,28px);display:grid}.detail-copy{gap:10px;display:grid}.detail-copy h1{letter-spacing:-.02em;font-size:clamp(32px,5vw,46px);font-weight:700;line-height:1.1}.detail-copy .meta{color:var(--muted);margin:0;font-size:14px}.detail-copy .summary{margin:0;font-size:16px}@media (width<=860px){.detail-head{grid-template-columns:1fr}}.detail-body{gap:14px;padding:clamp(18px,3vw,28px);display:grid}.detail-body h2{font-size:18px;font-weight:700}.kv{gap:6px;margin:0;display:grid}.kv div{grid-template-columns:4.5em minmax(0,1fr);gap:12px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.points{gap:4px;padding-left:20px;list-style:outside;display:grid}.gallery{gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.gallery li{flex:none;justify-items:center;gap:6px;width:150px;display:grid}.gallery img{width:100%;height:auto;box-shadow:var(--shadow-soft);border:5px solid #16181b;border-radius:12px}.gallery span{color:var(--muted);font-size:12px}.biz-lede{max-width:72ch;margin:0}.hero-shot{border:1px solid var(--hair);width:100%;height:auto;box-shadow:var(--shadow-soft);border-radius:6px}.rm{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"legend legend""table detail";align-items:start;gap:12px 16px;display:grid}@media (width<=860px){.rm{grid-template-columns:1fr;grid-template-areas:"legend""table""detail"}}.rm-legend{color:var(--muted);flex-wrap:wrap;grid-area:legend;align-items:center;gap:4px 14px;font-size:12px;display:flex}.rm-table{grid-area:table;gap:4px;display:grid}.rm-head,.rm-row{grid-template-columns:minmax(7.5em,1.6fr) repeat(4,minmax(0,1fr));align-items:center;gap:6px;display:grid}.rm-head{color:var(--muted);padding:0 10px;font-size:12px}.rm-head span:not(:first-child){text-align:center}.rm-row{all:unset;box-sizing:border-box;border:1px solid var(--hair);cursor:pointer;background:#fafbfa;border-radius:8px;grid-template-columns:minmax(7.5em,1.6fr) repeat(4,minmax(0,1fr));align-items:center;gap:6px;padding:7px 10px;font-size:14px;display:grid}.rm-row:hover{border-color:var(--orange)}.rm-row.on{background:var(--almond-light);border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.rm-row:focus-visible{outline:2px solid var(--orange)}.rm-name{font-weight:600}.rm-cell,.rm-none{justify-content:center;align-items:center;gap:3px;display:flex}.rm-none{color:var(--hair)}.rm-span{color:var(--muted);grid-column:2/-1;align-items:center;gap:6px;font-size:12px;display:flex}.rm-span .rm-cell{justify-content:flex-start}.rm-who{border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-grid}.rm-who.me{background:var(--green);color:#fff}.rm-who.mate{color:var(--ink);background:#dfe4e1}.rm-cell small,.rm-review{color:var(--green-dark);background:var(--green-tint);white-space:nowrap;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:600}.rm-group{color:var(--muted);padding:8px 10px 2px;font-size:12px;font-weight:600}.rm-detail{background:var(--almond-light);border:1px solid var(--orange);top:calc(var(--top) + 76px);border-radius:10px;grid-area:detail;gap:8px;padding:14px 16px;display:grid;position:sticky}.rm-detail h3{align-items:baseline;gap:8px;font-size:17px;font-weight:700;display:flex}.rm-detail h3 span{color:var(--muted);font-size:12px;font-weight:500}.rm-detail ul{gap:6px;padding-left:18px;font-size:14px;list-style:outside;display:grid}@media (width<=520px){.rm-head,.rm-row{grid-template-columns:minmax(6em,1.4fr) repeat(4,minmax(0,1fr));gap:3px;padding-inline:6px}.rm-head{font-size:10px}.rm-cell small{background:var(--green);border-radius:999px;width:6px;height:6px;padding:0;font-size:0}}.jr{gap:14px;display:grid}.jr-track{padding-top:32px}.jr-track .stn{cursor:pointer;font:inherit;border:0;gap:1px;padding:8px 4px;font-size:13px;font-weight:600;display:grid}.jr-track .stn small{font-size:11px;font-weight:400}.jr-track .stn[aria-selected=true]{outline:2px solid var(--orange);outline-offset:1px}.jr-track .stn.done:not(.mine){background:#7d8a82}.jr-panel{background:var(--almond-light);border:1px solid var(--orange);border-radius:10px;gap:10px;padding:14px;display:grid}.jr-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.jr-head h3{font-size:18px;font-weight:700}.jr-head span{color:var(--muted);font-size:13px}.jr-head em{color:var(--muted);background:#eef1ef;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:600}.jr-head em.mine{background:var(--green-tint);color:var(--green-dark)}.jr-summary{margin:0;font-size:14px}.jr-body{gap:14px;display:grid}.jr-body.with-shot{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}@media (width<=860px){.jr-body.with-shot{grid-template-columns:1fr}}.jr-subs{gap:6px;display:grid}.jr-subs li{box-shadow:var(--shadow-soft);background:#fff;border-radius:8px}.jr-subs li.on{outline:2px solid var(--orange)}.jr-subs button{all:unset;box-sizing:border-box;cursor:pointer;align-items:baseline;gap:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.jr-subs button:focus-visible{outline:2px solid var(--orange);border-radius:8px}.jr-subs i{color:var(--muted);font-size:12px;font-style:normal}.jr-subs li.on i{color:var(--orange-ink)}.jr-subs p{margin:0;padding:0 12px 10px 30px;font-size:14px;animation:.3s ease-out rise}.jr-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jr-shot{gap:4px;margin:0;display:grid}.jr-shot img{border:1px solid var(--hair);background:#fff;border-radius:6px;width:100%;height:auto;animation:.3s ease-out fade}.jr-shot figcaption{color:var(--muted);font-size:12px}@keyframes fade{0%{opacity:0}}.spot{border:1px solid var(--hair);background:#fff;border-radius:6px;line-height:0;position:relative;overflow:hidden}.spot img{width:100%;height:auto}.spot-hole{border:2px solid var(--orange);pointer-events:none;border-radius:6px;transition:left .35s,top .35s,width .35s,height .35s;position:absolute;box-shadow:0 0 0 100vmax #141a1680}.spot-pin{background:var(--green);color:#fff;width:22px;height:22px;font:700 12px/18px var(--font-sans);text-align:center;cursor:pointer;z-index:1;border:2px solid #fff;border-radius:999px;position:absolute;box-shadow:0 1px 3px #00000059}.spot-pin.on{background:var(--orange)}.spot.dim .spot-pin:not(.on){opacity:.75}.wide-shots{gap:16px;display:grid}.wide-shots>li{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;padding:12px;display:grid}.wide-shots img{border:1px solid var(--hair);border-radius:6px;width:100%;height:auto}.wide-shots h3{color:var(--green);margin-bottom:6px;font-size:16px;font-weight:700}.wide-shots ul{gap:4px;padding-left:18px;font-size:14px;list-style:outside;display:grid}@media (width<=760px){.wide-shots>li{grid-template-columns:1fr}}.versions{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=760px){.versions{grid-template-columns:1fr}}.version{align-content:start;gap:10px;padding:18px 20px;display:grid}.version h2,.version h3{color:var(--green);font-size:18px;font-weight:700}.version p{margin:0;font-size:15px}.version.web{border:2px solid var(--pink)}.job-more{color:var(--orange-ink);justify-self:start;font-size:13px;font-weight:600;text-decoration:none}.job-more:hover{text-decoration:underline}.next-step{border-left:4px solid var(--green);justify-items:start;gap:8px;padding:18px 20px;display:grid}.next-step p{margin:0}.case .detail-copy .kv div{grid-template-columns:3em minmax(0,1fr)}.flow-box{border:1px solid var(--orange);background:var(--almond-light);border-radius:10px;margin:0;padding:40px 16px 18px;position:relative}.flow{gap:22px;display:grid}.flow>li{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:10px;display:grid;position:relative}.flow>li+li:before{content:"↓";text-align:center;width:calc(52.6316% - 5.26316px);color:var(--green);font-size:14px;line-height:20px;position:absolute;top:-21px;left:0}.flow-node{box-shadow:var(--shadow-soft);border-top:3px solid var(--green);text-align:center;background:#fff;border-radius:8px;grid-column:1;padding:8px 12px;display:grid}.flow-node b{font-size:14px;font-weight:600}.flow-node span{color:var(--muted);font-size:12px}.flow-side{grid-column:2;gap:6px;display:grid}.flow-side li{border:1px dashed var(--orange);background:#fff;border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.4;position:relative}.flow-side li:before{content:"";border-top:1px dashed var(--orange);width:10px;position:absolute;top:50%;right:100%}@media (width<=520px){.flow>li{grid-template-columns:1fr}.flow>li+li:before{width:100%}.flow-side{grid-column:1}.flow-side li:before{display:none}}.solves{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.solve{border-left:3px solid var(--green);background:#fafbfa;border-radius:3px;align-content:start;gap:6px;padding:12px 14px;display:grid}.solve h3{color:var(--green);font-size:16px;font-weight:600}.solve p{margin:0;font-size:14px}.solve em{color:var(--muted);border:1px solid var(--hair);vertical-align:1px;border-radius:4px;margin-right:6px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:600}.case-demo{border:2px solid var(--pink);gap:12px;padding:clamp(18px,3vw,28px);display:grid}.case-demo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.case-demo-head h2{font-size:18px;font-weight:700}.case-demo-head h2 span{color:var(--green)}.case-nav{justify-content:space-between;gap:12px;display:flex}.case-nav a{color:var(--ink);background:var(--card);box-shadow:var(--shadow-soft);border-radius:10px;gap:2px;padding:10px 16px;font-weight:600;text-decoration:none;display:grid}.case-nav a span{color:var(--muted);font-size:12px;font-weight:400}.case-nav a.next{text-align:right;margin-left:auto}.case-nav a:hover{color:var(--green)}.demo{background:var(--almond-light);border:1px solid var(--orange);border-radius:10px;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:14px;display:grid}.demo .foot{align-items:center;margin:0}.cc-result{border-radius:8px;justify-self:start;margin:0;padding:6px 10px;font-size:14px;font-weight:600}.cc-result.bad{color:#a3281c;background:#fdecea}.cc-result.ok{color:var(--green-dark);background:var(--green-tint)}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.rs-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<=760px){.rs-grid{grid-template-columns:1fr}}.rs-table{border-collapse:collapse;width:100%;box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;font-size:13px;overflow:hidden}.rs-table th,.rs-table td{text-align:left;border-top:1px solid var(--hair);padding:6px 8px}.rs-table thead th{background:var(--green-tint);color:var(--green-dark);border-top:0;font-size:12px}.rs-table tbody th{font-weight:500}.rs-table td{white-space:nowrap}.rs-table input{border:1px solid var(--hair);width:4.5em;font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 6px}.rs-calc{font-variant-numeric:tabular-nums;background:#f4f6f5;border-radius:6px;min-width:4.5em;padding:3px 6px;display:inline-block}.rs-flag{border-radius:4px;margin-left:6px;padding:1px 5px;font-size:11px}.rs-flag.H{color:#a3281c;background:#fdecea}.rs-flag.L{color:#1f4e9a;background:#e6eefb}.rs-ref{color:var(--muted)}.rs-side{gap:8px;display:grid}.rs-chart{width:100%;height:auto;box-shadow:var(--shadow-soft);background:#fff;border-radius:8px}.rs-line{fill:none;stroke:var(--green);stroke-width:2px}.rs-dot{fill:var(--green)}.rs-now{fill:var(--orange)}.rs-limit{stroke:#e0584a;stroke-dasharray:4 3}.rs-limit-t{fill:#a3281c;font-size:9px}.rs-val{fill:var(--ink);font-size:10px}.rs-date{fill:var(--muted);font-size:9px}.rs-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rs-log{gap:4px;font-size:13px;display:grid}.rs-log li{box-shadow:var(--shadow-soft);background:#fff;border-radius:6px;align-items:baseline;gap:8px;padding:5px 10px;animation:.3s ease-out rise;display:flex}.rs-log b{color:var(--orange-ink);font-size:12px}.rs-log span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.rs-log .rs-empty{color:var(--muted);box-shadow:none;background:0 0;padding-left:0}.cl-title{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.cl-col{cursor:pointer;border:1px solid var(--hair);background:#fff;gap:6px}.cl-col span{color:var(--muted);font-size:10px}.cl-col:hover{color:#a3281c;border-color:#e0584a}.cl-gone{color:var(--muted);border:1px dashed var(--hair);background:0 0;text-decoration:line-through}.cl-steps{gap:6px;display:grid}.cl-step{box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:8px 12px;transition:opacity .3s;display:grid}.cl-step i{color:var(--muted);font-size:12px;font-style:normal;line-height:20px}.cl-step div{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.cl-kind{color:var(--green-dark);background:var(--green-tint);border-radius:4px;padding:1px 6px;font-size:11px}.cl-step b{font-size:14px;font-weight:500}.cl-step small{flex-basis:100%;font-size:12px}.cl-step.broken{outline:2px solid #e0584a}.cl-step.broken small{color:#a3281c}.cl-step.cleaned{opacity:.55;box-shadow:none;outline:1px dashed var(--muted);background:0 0}.cl-step.cleaned b{text-decoration:line-through}.cl-preview{box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;overflow-x:auto}.cl-preview>div{background:var(--green-tint);display:flex}.cl-preview span{color:var(--green-dark);white-space:nowrap;flex:1 0 auto;padding:6px 10px;font-size:12px;font-weight:600}.cl-preview span+span{border-left:1px solid #bfe5cc}.cl-preview p{color:var(--muted);text-align:center;background:repeating-linear-gradient(-45deg,#fafbfa,#fafbfa 6px,#f1f3f2 6px 12px);margin:0;padding:10px;font-size:12px}.gr-controls{flex-wrap:wrap;gap:8px 16px;display:flex}.gr-answer{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.gr-answer b{color:var(--green-dark);font-variant-numeric:tabular-nums;font-size:22px}.gr-answer span{color:var(--muted);font-size:12px}.gr-bars{gap:10px;display:grid}.gr-bars span{color:var(--muted);font-size:12px}.gr-bar{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;margin-top:3px;padding:4px 8px;font-size:13px;font-weight:600;transition:width .4s}.gr-bar.raw{color:var(--orange-ink);background:#fde2c0}.gr-bar.agg{background:var(--green);color:#fff}.gr-table{box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;font-size:12px;display:grid;overflow:hidden}.gr-table>div{font-variant-numeric:tabular-nums;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:8px;padding:5px 10px;display:grid}.gr-table>div+div{border-top:1px solid var(--hair)}.gr-th{background:var(--green-tint);color:var(--green-dark);font-weight:600}.page{gap:16px;padding-block:56px 32px;display:grid}.display{letter-spacing:-.02em;font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1.1}.lede{color:var(--muted);max-width:44ch;margin:0}.lede a{color:var(--green)}.dev-stack{background:var(--card);border-radius:8px;padding:12px;font-size:12px;overflow-x:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}