/* Loupilo: quiet instrument, expressive introduction, editorial evidence. */
:root{--line:#393D42;--surface:#23262A}
.container{max-width:1200px}.public-nav{border-bottom:1px solid var(--line)}.sidebar{background:#1E2023;border-color:#33363B}.sidebar .brand img{width:132px;min-width:0}.sidebar .workspace{background:transparent;border:0;padding-left:0}.sidebar .bottom{line-height:1.7}.pagehead{max-width:800px;margin-bottom:32px}.pagehead h1{font-size:clamp(28px,3.4vw,42px);line-height:1.16;letter-spacing:-.04em}.pagehead p{max-width:660px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.crafted-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px}.intake-hero{padding:58px 0 38px;max-width:none}.intake-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-.055em;margin:22px 0}.intake-hero h1 span{color:var(--ink)}.intake-hero>p{font-size:17px;max-width:460px}.intake-hero>p.fine{font-size:12px}.inspection-art{margin:0;min-width:0}.inspection-art svg{width:100%;height:auto;display:block}.inspection-art figcaption{text-align:right;color:var(--muted);font-size:11px;letter-spacing:.03em;margin-top:-8px;padding-right:18px}
.intake-workbench{border:1px solid #4B5056;border-radius:16px;padding:30px;background:#212428}.intake-workbench>.row h2{font-size:24px}.intake-workbench>.grid2{grid-template-columns:1.15fr 1fr;gap:36px}.intake-workbench .stack>.card{border:0;border-top:1px solid #414449;border-radius:0;padding:20px 0;background:transparent}.intake-workbench .stack>.card:first-child{border-top:0;padding-top:0}.intake-workbench .stack>.card h3{font-size:22px;line-height:1.3}.intake-workbench .stack>.note{font-size:12px;background:transparent;padding:12px 0;border:0;color:var(--muted)}.intake-workbench .drop{padding:30px 20px;border-radius:10px;background:#1C1E21}.upload-choice{display:block;width:max-content;max-width:100%;margin:18px auto 0;background:var(--raised);border:1px solid var(--control);border-radius:6px;padding:10px 18px;color:var(--ink);cursor:pointer;font-weight:600}#intake-files{position:absolute;width:1px;height:1px;opacity:0;padding:0;min-height:0} .drop:focus-within{outline:2px solid var(--citron);outline-offset:3px}.intake-workbench .drop:has(+.step-list .step-item){padding:16px}.section>.grid3>.card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0}.stepnum{background:transparent;border:0;padding:0;color:var(--muted)}.section h2{font-size:28px;letter-spacing:-.035em;line-height:1.2}.section>.grid3{gap:36px}.section{border-color:var(--line)}
.method-lenses{gap:48px;margin-top:40px}.method-lenses article{border-top:1px solid var(--line);padding-top:24px}.method-lenses h2{margin:14px 0 24px;font-size:28px}.method-lenses p{line-height:1.8;color:var(--muted)}.method-example{background:#272B30;padding:24px;border:1px solid #484D53;border-radius:12px;min-height:230px}.method-example>strong{display:block;margin:20px 0 12px;font-size:16px}.example-field{border:1px solid #747A82;border-radius:6px;padding:12px;display:flex;justify-content:space-between}.evidence-callout{font-size:12px;margin-top:18px;display:flex;align-items:center;gap:10px}.evidence-callout>span{border:1px solid var(--warning);color:var(--warning);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.task-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;padding:9px 0}.task-path>span{padding:9px;background:#353A40;border-radius:5px}.task-path .hesitation{border:1px solid var(--warning)}.task-path i{font-style:normal;color:var(--muted)}.method-cta{margin:48px 0 24px;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.prototype-details{color:var(--muted);font-size:13px}
.report-summary{margin:30px 0 20px;padding-top:24px;border-top:1px solid var(--line);max-width:750px}.report-summary h2{font-size:28px;line-height:1.25;letter-spacing:-.035em}.stats{grid-template-columns:2fr 1fr 1fr 1fr;gap:0;border-block:1px solid var(--line)}.stats .stat{background:transparent;border:0;border-radius:0;padding:24px 20px;border-right:1px solid var(--line)}.stats .stat:last-child{border:0}.stats .stat:first-child{padding-left:0}.stats .stat:first-child .value{font-size:64px;font-weight:500;line-height:1.2;letter-spacing:-.05em}.stats .stat:first-child .value .fine{font-size:22px;color:var(--muted)}.ease-scale{display:flex;gap:5px;margin-top:20px}.ease-scale span{flex:1;text-align:center;font-size:11px;background:#30343A;border-radius:3px;padding:5px 0;color:var(--muted)}.ease-scale .selected{background:var(--citron);color:var(--bg);font-weight:700}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}.report-grid>.card{border:0;border-top:1px solid var(--line);background:transparent;border-radius:0;padding:24px 0}.finding{border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0;background:transparent}.finding h3{font-size:18px}.finding p{font-size:14px}.screen-demo{border-color:#60666E}.screen-demo .inner{padding:28px}.annotation{padding:18px;border-left:3px solid var(--warning);line-height:1.8}.account-sheet{max-width:800px}.account-details{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}.account-sheet>.card:has(>a:is([href="#/account/settings"],[data-auth-signout])){background:transparent;border:0;padding-left:0}.pricing .card{padding:28px;border-radius:12px}.pricing .price{font-size:42px}.pricing .plan-current{border-color:#747A82}.feature-matrix th,.feature-matrix td{padding:18px}.value{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.stats .stat:nth-child(2){border-right:0}.stats .stat:nth-child(n+3){border-top:1px solid var(--line)}.crafted-intro{grid-template-columns:1.2fr 1fr}.intake-workbench>.grid2{gap:24px}}
@media(max-width:720px){.crafted-intro{grid-template-columns:1fr;gap:0}.intake-hero{padding:36px 0 12px}.intake-hero h1{font-size:42px}.inspection-art{max-width:340px;width:100%;margin:0 auto 28px}.inspection-art figcaption{display:none}.intake-workbench{padding:20px}.intake-workbench>.grid2{grid-template-columns:1fr}.method-lenses{gap:28px}.method-cta{align-items:flex-start;flex-direction:column}.stats .stat{padding:18px 12px}.stats .stat:first-child .value{font-size:52px}.stats .stat:nth-child(3){padding-left:0}.report-summary h2{font-size:24px}.pagehead h1{font-size:30px}}
.report-intro{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px;align-items:center;margin-bottom:28px}.report-intro .pagehead{margin-bottom:0}.report-iteration-art{margin:0;width:100%}.report-iteration-art svg{display:block;width:100%;height:auto}.report-iteration-art figcaption{text-align:center;font-size:11px;color:var(--ink);letter-spacing:.035em}.report-iteration-art figcaption span{display:block;color:var(--muted);font-size:10px;margin-top:4px}@media(max-width:1000px){.report-intro{grid-template-columns:minmax(0,1fr) 190px;gap:20px}}@media(max-width:720px){.report-intro{grid-template-columns:1fr;gap:16px}.report-iteration-art{width:160px;grid-row:1;justify-self:start}.report-iteration-art figcaption{font-size:10px}.report-intro .pagehead h1{font-size:28px}}

/* Pencil artwork stays separate from controls and evidence. */
.inspection-art img,.report-iteration-art img{display:block;width:100%;height:auto;mix-blend-mode:lighten}.inspection-art figcaption{margin-top:0}.report-iteration-art img{margin-bottom:8px}@media(max-width:720px){.inspection-art{max-width:360px}.report-iteration-art{width:180px}}

/* Prevent intrinsic raster dimensions widening grid tracks on mobile Safari. */
.crafted-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.crafted-intro>*{min-width:0}.inspection-art,.report-iteration-art{min-width:0;max-width:100%}.inspection-art img,.report-iteration-art img{max-width:100%;min-width:0;object-fit:contain}.container,.intake-workbench,.intake-workbench>.grid2,.report-intro{min-width:0;max-width:100%}@media(max-width:1000px){.crafted-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media(max-width:720px){.crafted-intro{grid-template-columns:minmax(0,1fr)}.crafted-intro .inspection-art{width:100%;max-width:340px;margin:0 auto 24px!important}.intake-workbench>.grid2{grid-template-columns:minmax(0,1fr)}.report-intro{grid-template-columns:minmax(0,1fr)}}
/* Match the pencil assets' near-black paper to the surrounding graphite.
   Values at/above 48 retain their original colour; only near-black paper is keyed out. */
img[src="/art/pencil-inspection.webp"],img[src="/art/pencil-iteration.webp"]{filter:url('/art/background-match.svg#graphite');mix-blend-mode:lighten}

/* New review: an inspected journey, with the upload remaining the main action. */
.form:has(.new-review-intro){max-width:1040px}
.new-review-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;margin:8px 0 28px}
.new-review-intro .pagehead{margin:0;padding:0;min-width:0}
.new-review-intro .pagehead h1{font-size:clamp(28px,3.2vw,42px);line-height:1.15;letter-spacing:-.04em}
.new-review-map{margin:0;min-width:0;pointer-events:none}
.new-review-map img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}
@media(max-width:640px){.new-review-intro{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.new-review-map{grid-row:1;justify-self:end;width:min(76%,300px)}.new-review-map img{max-height:160px}}

/* Citron-filled controls must retain dark labels in every interaction state. */
button.mode:hover,button.mode:focus-visible{background:var(--hover);color:#1C1E21;-webkit-text-fill-color:#1C1E21;border-color:var(--citron)}
button.mode:hover *,button.mode:focus-visible *{color:#1C1E21;-webkit-text-fill-color:#1C1E21}
button:not(.secondary):not(.ghost):not(.mode):not(.profile):not([class]):is(:hover,:focus-visible),
.button:not(.secondary):not(.ghost):is(:hover,:focus-visible),
button[data-action="next"]:is(:hover,:focus-visible),
button[data-action="sample"]:not(.secondary):not(.ghost):is(:hover,:focus-visible){color:#1C1E21;-webkit-text-fill-color:#1C1E21}
.review-file-choice:is(:hover,:focus-within){background:var(--hover);color:#1C1E21;-webkit-text-fill-color:#1C1E21}

/* Workspace: shared content measure and restrained, equal-size actions. */
.workspace-page .account-sheet,.workspace-page .workspace-connections,.workspace-page>.tier-banner{width:100%;max-width:820px;margin-left:auto;margin-right:auto}
.workspace-page .account-sheet .account-details{padding:20px 0}
.workspace-page .account-sheet>.card:has(>a:is([href="#/account/settings"],[data-auth-signout])){padding:24px 0;margin-top:24px!important;border-top:1px solid var(--line);border-radius:0}
.workspace-page .workspace-connections{margin-top:24px;padding:24px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.workspace-page .workspace-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.workspace-page .account-sheet a.button,.workspace-page .workspace-connections a.button{width:148px;min-height:44px;padding:10px 16px;background:#292D31!important;border:1px solid #52585D!important;color:#EEEDE8!important;-webkit-text-fill-color:#EEEDE8!important;box-shadow:none}
.workspace-page .account-sheet a.button:hover,.workspace-page .workspace-connections a.button:hover{background:#353B40!important;border-color:#737C82!important;color:#EEEDE8!important;-webkit-text-fill-color:#EEEDE8!important}
.workspace-page .tier-banner a.button{padding:8px 0;background:transparent!important;border:0;box-shadow:none;color:#EEEDE8!important;-webkit-text-fill-color:#EEEDE8!important;text-decoration:underline;text-underline-offset:4px}
.workspace-page .tier-banner a.button:hover{color:#D7E45B!important;-webkit-text-fill-color:#D7E45B!important}
@media(max-width:540px){.workspace-page .mapping .row{align-items:flex-start;flex-wrap:wrap}.workspace-page .mapping .row>strong{max-width:100%}.workspace-page .workspace-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page .workspace-actions a.button{width:100%}}