:root{color:#171927;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171927;--paper:#f5f2eb;--white:#fffdf9;--cobalt:#5265ff;--lavender:#dcd8ff;--coral:#ff816a;--mint:#b9e6cf;--line:#d7d2c8;--muted:#77766f;--mono:"DM Mono", monospace;--serif:"Instrument Serif", serif;background:#f5f2eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:0 clamp(22px,5vw,78px);display:flex}.site-brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:11px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.brand-mark{fill:none;stroke:currentColor;stroke-width:1.5px;width:31px;height:31px}.site-header nav{gap:clamp(18px,3vw,42px);display:flex}.site-header nav a{color:#5e5e60;font:400 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.site-header nav a:hover{color:var(--cobalt)}.hero{border-bottom:1px solid var(--line);min-height:630px;padding:clamp(80px,10vw,140px) clamp(22px,8vw,124px) 82px;position:relative;overflow:hidden}.hero:after{content:"";aspect-ratio:1;border:1px solid #d8d2ff;border-radius:50%;width:min(43vw,580px);position:absolute;top:-14vw;right:-12vw;box-shadow:0 0 0 55px #5265ff09,0 0 0 110px #5265ff06}.kicker,.step-label{color:var(--cobalt);font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.hero h1{letter-spacing:-.075em;max-width:1050px;margin:0;font-size:clamp(58px,8.8vw,130px);font-weight:500;line-height:.82}.hero h1 em{color:var(--cobalt);font-family:var(--serif);letter-spacing:-.045em;margin-left:clamp(0px,8vw,135px);font-weight:400;display:block}.hero-copy{color:#5f5d59;letter-spacing:-.02em;max-width:660px;margin:54px 0 0 clamp(0px,8vw,135px);font-size:clamp(17px,1.6vw,21px);line-height:1.55}.paper-download{z-index:2;width:min(310px,24vw);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9b8;border:1px solid #cbc7be;padding:20px;text-decoration:none;transition:transform .18s,border-color .18s;position:absolute;top:245px;right:clamp(22px,7vw,118px)}.paper-download:hover{border-color:var(--cobalt);transform:translateY(-4px)}.paper-download>span{color:var(--cobalt);font:500 8px var(--mono);text-transform:uppercase;letter-spacing:.09em;display:block}.paper-download>strong{font-family:var(--serif);margin-top:18px;font-size:clamp(21px,2vw,29px);font-weight:400;line-height:1.02;display:block}.paper-download>small{font:500 8px var(--mono);text-transform:uppercase;border-top:1px solid #d8d4cb;justify-content:space-between;align-items:center;margin-top:24px;padding-top:12px;display:flex}.paper-download>small b{color:#fff;background:var(--cobalt);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.hero-proof{border-left:2px solid var(--cobalt);width:fit-content;margin:52px 0 0 auto;padding-left:18px}.hero-proof span,.hero-proof strong{display:block}.hero-proof span{color:var(--cobalt);font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.hero-proof strong{margin-top:7px;font-size:13px}.capture-section,.analysis-section{padding:clamp(76px,9vw,132px) clamp(20px,5vw,78px)}.section-intro{grid-template-columns:minmax(160px,.35fr) minmax(360px,1fr) minmax(260px,.55fr);align-items:end;gap:clamp(28px,5vw,86px);margin-bottom:54px;display:grid}.section-intro .step-label{align-self:start}.section-intro h2,.explanation-section h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(44px,5.7vw,82px);font-weight:400;line-height:.94}.section-intro>p:last-child{color:#696862;margin:0;font-size:15px;line-height:1.65}.capture-instructions{border:1px solid var(--line);background:#ebe8e1;border-bottom:0;align-items:center;gap:34px;min-height:74px;padding:14px 18px;display:flex}.capture-instructions>div{align-items:center;gap:6px;display:flex}.capture-instructions>div>span{width:62px;color:var(--muted);font:400 9px var(--mono);text-transform:uppercase}.capture-instructions kbd{background:var(--white);min-width:27px;font:500 9px var(--mono);text-align:center;border:1px solid #c8c3ba;border-bottom-width:2px;border-radius:4px;padding:6px 8px;box-shadow:inset 0 1px #fff}.capture-instructions b{color:#9b9891;font:400 10px var(--mono)}.selection-instruction{gap:16px!important}.selection-instruction>span{width:auto!important;color:var(--cobalt)!important}.selection-instruction strong{font-size:11px}.selection-instruction small{color:#79766f;font-size:9px}.bounds-toggle{cursor:pointer;color:#575751;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;margin-left:auto;display:flex}.bounds-toggle input{opacity:0;position:absolute}.bounds-toggle>span{background:#c6c2ba;border-radius:20px;width:31px;height:17px;padding:2px;transition:background .18s}.bounds-toggle>span:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s;display:block}.bounds-toggle input:checked+span{background:var(--cobalt)}.bounds-toggle input:checked+span:after{transform:translate(14px)}.sample-frame{background:#222438;border:1px solid #25273a;border-radius:13px;overflow:hidden;box-shadow:0 35px 90px #18192629}.browser-bar{color:#babccd;height:43px;font:400 8px var(--mono);background:#222438;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 15px;display:grid}.browser-bar>div{gap:5px;display:flex}.browser-bar i{background:#606276;border-radius:50%;width:7px;height:7px}.browser-bar i:first-child{background:var(--coral)}.browser-bar span{text-align:center}.browser-bar small{text-align:right;text-transform:uppercase;letter-spacing:.08em}.sample-app-host{position:relative}.sample-app{color:#242431;background:#f8f7f3;grid-template-columns:224px minmax(0,1fr);min-height:710px;font-family:DM Sans,sans-serif;display:grid}.sample-sidebar{background:#eeece6;border-right:1px solid #e0ded7;flex-direction:column;min-width:0;padding:25px 18px 18px;display:flex}.app-logo{align-items:center;gap:8px;padding:0 7px 24px;font-weight:700;display:flex}.app-logo .brand-mark{width:27px;height:27px}.workspace-switcher{background:#f8f6f1;border:1px solid #ddd9d0;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;min-height:62px;padding:10px;display:grid}.workspace-switcher>span{color:#fff;background:#242431;border-radius:7px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.workspace-switcher strong,.workspace-switcher small,.sidebar-footer strong,.sidebar-footer small{display:block}.workspace-switcher strong{font-size:10px}.workspace-switcher small,.sidebar-footer small{color:#8a8882;margin-top:3px;font-size:8px}.workspace-switcher b{color:#929087;font-size:13px}.app-nav{gap:4px;margin-top:27px;display:grid}.app-nav a{color:#74726d;border-radius:7px;align-items:center;gap:11px;min-height:42px;padding:0 11px;font-size:11px;text-decoration:none;display:flex}.app-nav a>span{color:#94918b;text-align:center;width:16px;font-size:16px}.app-nav a small{margin-left:auto}.app-nav a[data-active=true]{color:#fff;background:#242431}.app-nav a[data-active=true] span{color:#aeb7ff}.sidebar-footer{border-top:1px solid #d9d5cc;align-items:center;gap:9px;margin-top:auto;padding:15px 7px 2px;display:flex}.avatar{background:var(--lavender);border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.sidebar-footer strong{font-size:10px}.sample-main{min-width:0;padding:27px clamp(24px,4vw,54px) 46px}.sample-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.sample-toolbar p{color:#8a8882;margin:0 0 6px;font-size:9px}.sample-toolbar h3{letter-spacing:-.04em;margin:0;font-size:clamp(21px,2.2vw,30px);font-weight:600}.new-task{color:#fff;background:var(--cobalt);cursor:pointer;border:0;border-radius:7px;align-items:center;gap:16px;min-height:41px;padding:0 8px 0 15px;font-size:10px;display:flex}.new-task span{background:#ffffff29;border-radius:5px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.sample-content{grid-template-columns:minmax(250px,1fr) minmax(120px,.45fr) minmax(120px,.45fr);gap:15px;margin-top:28px;display:grid}.progress-summary,.mini-stat,.sprint-card,.activity-card{background:#fff;border:1px solid #e0ded7;border-radius:11px}.progress-summary{min-height:168px;padding:19px}.metric-heading,.card-topline,.activity-heading{justify-content:space-between;align-items:center;display:flex}.metric-heading span,.card-topline span,.activity-heading span{font-size:10px;font-weight:600}.metric-heading small,.card-topline small{color:#8a8882;font-size:8px}.metric-value{align-items:baseline;gap:12px;margin-top:15px;display:flex}.metric-value strong{letter-spacing:-.06em;font-size:35px}.metric-value span{color:#27835b;font-size:9px;font-weight:700}.progress-track{background:#eceae5;border-radius:5px;height:5px;margin-top:13px;overflow:hidden}.progress-track i{background:var(--cobalt);width:72%;height:100%;display:block}.progress-summary p{color:#8a8882;margin:12px 0 0;font-size:8px}.mini-stat{flex-direction:column;min-height:168px;padding:19px;display:flex}.mini-stat span{font-size:9px;font-weight:600}.mini-stat strong{letter-spacing:-.06em;margin-top:auto;font-size:34px}.mini-stat small{opacity:.65;margin-top:4px;font-size:8px}.coral-card{background:#ffd3c8;border-color:#f3bfb3}.ink-card{color:#fff;background:#252637;border-color:#252637}.sprint-card{background:#e3e0ff;border-color:#cbc6fb;grid-column:span 2;min-height:298px;padding:23px;position:relative}.sprint-card h4{max-width:380px;font-family:var(--serif);letter-spacing:-.035em;margin:27px 0 7px;font-size:clamp(29px,3vw,43px);font-weight:400;line-height:.96}.sprint-card>p{color:#5d5b72;max-width:420px;margin:0;font-size:10px;line-height:1.55}.task-pills{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.task-pill{background:#ffffff4d;border:1px solid #3f40672e;border-radius:20px;justify-content:center;align-items:center;min-width:72px;min-height:36px;padding:10px 14px;font-size:8px;display:inline-flex;overflow:hidden}.app-nav [data-pixelprovenance-path]{display:block}.app-nav [data-pixelprovenance-path]>a{min-height:36px;color:inherit;border-radius:7px;align-items:center;gap:9px;padding:8px 9px;font-size:10px;text-decoration:none;display:flex}.path-breadcrumb{font:500 9px var(--mono);color:#9ca7ff;flex-wrap:wrap;gap:4px 0;margin:0 0 10px;padding:0;list-style:none;display:flex}.path-breadcrumb li:not(:last-child):after{content:"/";opacity:.45;margin:0 6px}.path-breadcrumb li[data-leaf=true]{color:#e8ebff}.card-footer{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:21px;left:23px;right:23px}.avatar-stack{padding-left:6px;display:flex}.avatar-stack i{background:#fff;border:2px solid #e3e0ff;border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-6px;font-size:7px;font-style:normal;font-weight:700;display:grid}.avatar-stack i:nth-child(2){background:#ffc2b4}.avatar-stack i:nth-child(3){color:#fff;background:#5265ff}.card-footer>div:last-child{text-align:right}.card-footer b,.card-footer span{display:block}.card-footer b{font-size:10px}.card-footer span{color:#77758a;margin-top:2px;font-size:7px}.capture-target:before{content:"";z-index:30;pointer-events:none;border:1px solid var(--cobalt);border-radius:14px;position:absolute;inset:-9px}.capture-callout{z-index:31;color:#fff;background:var(--cobalt);border-radius:6px 6px 0 0;min-width:146px;padding:8px 10px;position:absolute;top:-41px;right:14px}.capture-callout span,.capture-callout small{display:block}.capture-callout span{font:500 8px var(--mono);text-transform:uppercase;letter-spacing:.07em}.capture-callout small{color:#dce0ff;margin-top:3px;font-size:7px}.activity-card{min-height:298px;padding:20px}.activity-heading button{color:var(--cobalt);cursor:pointer;background:0 0;border:0;font-size:8px}.activity-card ul{margin:17px 0 0;padding:0;list-style:none}.activity-card li{border-top:1px solid #ece9e3;grid-template-columns:9px 1fr;gap:9px;padding:13px 0;display:grid}.dot{border-radius:50%;width:8px;height:8px;margin-top:2px}.dot.lavender{background:#8f83ff}.dot.coral{background:var(--coral)}.dot.mint{background:#57b684}.activity-card li strong,.activity-card li span{display:block}.activity-card li strong{font-size:8px;line-height:1.35}.activity-card li span{color:#96928b;margin-top:4px;font-size:7px}[data-pixelprovenance-signal]{transition:border-color .16s}.selection-layer{z-index:80;cursor:crosshair;touch-action:none;position:absolute;inset:0;overflow:hidden}.selection-layer[data-selecting=true]{background:#1d1f3006}.selection-layer[data-source-focus=true]{background:#1d1f301a}.selection-cursor-note{color:#26305f;pointer-events:none;text-align:center;background:#ffffffeb;border:1px solid #5265ff73;border-radius:7px;padding:10px 14px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #262b4c1a}.selection-cursor-note span,.selection-cursor-note small{display:block}.selection-cursor-note span{font:500 8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.selection-cursor-note small{color:#7c7d86;margin-top:3px;font-size:7px}.selection-rect{z-index:2;border:2px solid var(--cobalt);pointer-events:none;background:#5265ff0f;transition:width .12s,height .12s,left .12s,top .12s,border-color .12s;position:absolute;box-shadow:0 0 0 9999px #191b2a1f}.selection-rect[data-too-small=true]{background:#e07a5f14;border-color:#e07a5f;box-shadow:0 0 0 9999px #191b2a1a}.selection-rect[data-source-focus=true]{background:#ff816a0e;border:3px solid #ff816a;animation:1.5s ease-in-out infinite source-focus;box-shadow:0 0 0 9999px #191b2a3d,0 0 0 7px #ff816a24}.selection-rect:before,.selection-rect:after{content:"";border-color:#fff;width:13px;height:13px;position:absolute}.selection-rect:before{border-top:3px solid;border-left:3px solid;top:-2px;left:-2px}.selection-rect:after{border-bottom:3px solid;border-right:3px solid;bottom:-2px;right:-2px}.selection-rect>span{color:#fff;background:var(--cobalt);font:500 7px var(--mono);white-space:nowrap;padding:5px 7px;position:absolute;bottom:calc(100% + 7px);right:-2px}.selection-rect[data-too-small=true]>span{background:#c45c3e}.selection-rect[data-source-focus=true]>span{color:#171927;text-overflow:ellipsis;background:#ff9b88;max-width:min(460px,80vw);padding:8px 10px;font-size:10px;overflow:hidden}.source-focused{outline-offset:4px;outline:3px solid #ff816ae6}.capture-rendering{z-index:4;color:#fff;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#1d1f30ad;place-items:center;display:grid;position:absolute;inset:0}.capture-status{color:#706e68;min-height:58px;font:400 9px var(--mono);text-align:center;padding-top:25px;transition:color .12s}.capture-status[data-tone=warn]{color:#c45c3e;font-weight:500}.capture-status[data-tone=snap]{color:var(--cobalt);font-weight:500}.continue-link{width:fit-content;color:var(--ink);font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:14px;margin:42px auto 0;text-decoration:none;display:flex}.continue-link span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.analysis-section{color:#f5f2eb;background:#1d1f30}.analysis-section .step-label{color:#9ca7ff}.analysis-section .section-intro>p:last-child{color:#b2b3bf}.drag-handoff{width:min(100%,760px);margin:-12px 0 16px auto}.captured-tray{color:#f1f2ff;cursor:grab;text-align:left;background:#292c43;border:1px solid #8490ee;grid-template-columns:160px 1fr auto;align-items:center;gap:19px;width:100%;min-height:120px;margin:0;padding:12px;animation:1.8s ease-in-out infinite capture-ready;display:grid;box-shadow:0 16px 45px #07081033,inset 0 0 0 1px #9ca7ff14}.captured-tray:active{cursor:grabbing}.captured-tray img{object-fit:cover;background:#f8f7f3;border:1px solid #737da9;width:160px;height:90px;display:block}.captured-tray span small,.captured-tray span strong{display:block}.captured-tray span small{color:#b8bdd6;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.captured-tray span strong{font-family:var(--serif);margin-top:9px;font-size:27px;font-weight:400;line-height:1}.captured-tray>b{color:#e3e6ff;font:500 11px var(--mono);text-transform:uppercase;white-space:nowrap;border:1px solid #8290f1;padding:11px 12px}.drag-route{color:#c8ccef;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:70px;display:flex;position:relative}.drag-route:before{content:"";border-left:1px dashed #6874cf;position:absolute;top:0;bottom:0;left:50%}.drag-route:after{content:"↓";color:#aeb8ff;font:700 18px/1 var(--mono);position:absolute;bottom:-3px;left:calc(50% - 8px)}.drag-route i{z-index:1;background:#9ca7ff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite drag-dot}.drag-route i:nth-child(2){animation-delay:.15s}.drag-route i:nth-child(3){animation-delay:.3s}.drag-route span{color:#aeb2cb;width:220px;font:500 10px/1.45 var(--mono);text-align:right;text-transform:uppercase;letter-spacing:.05em;position:absolute;top:25px;right:calc(50% + 20px)}.analysis-workspace{border:1px solid #45485e;grid-template-columns:minmax(0,1.3fr) minmax(360px,.85fr);display:grid}.drop-panel,.result-panel{min-width:0}.drop-panel{border-right:1px solid #45485e;padding:20px}.drop-panel[data-dragging=true]{background:#5265ff1f}.drop-panel[data-ready=true]{background:#5265ff0b}.drop-panel[data-ready=true] .preview-shell{border:2px solid #9ca7ff;animation:1.8s ease-in-out infinite target-ready;box-shadow:0 0 0 7px #5265ff14,inset 0 0 55px #5265ff1a}.drop-panel[data-ready=true] .preview-shell:before{content:"STEP 2  ·  DROP TARGET";z-index:3;color:#171927;font:600 10px var(--mono);letter-spacing:.07em;background:#bfc6ff;padding:7px 9px;position:absolute;top:15px;left:16px}.drop-panel>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-heading,.result-heading{color:#c7c9d6;min-height:39px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.drop-heading small,.result-heading small{color:#9295a9;text-align:right;font-size:10px}.preview-shell{background:#151724;border:1px dashed #54576d;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.preview-shell canvas{object-fit:contain;width:100%;height:auto;max-height:560px;display:block}.preview-shell>button{color:#eef0ff;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.preview-shell>button strong,.preview-shell>button small{display:block}.preview-shell>button strong{margin-top:18px;font-size:16px}.preview-shell>button small{color:#a4a7ba;margin-top:9px;font-size:11px}.upload-arrow{color:#c5cbff;min-width:58px;height:58px;font:500 12px var(--mono);text-transform:uppercase;border:1px solid #7f87b4;border-radius:50%;place-items:center;padding:0 8px;display:grid}.reading-state{font:400 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#151724e0;place-content:center;justify-items:center;gap:15px;display:grid;position:absolute;inset:0}.reading-state i{border:1px solid #484b62;border-top-color:#9ca7ff;border-radius:50%;width:42px;height:42px;animation:.85s linear infinite rotate}.replace-capture{color:#c5ccff;font:500 12px var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-top:15px;padding:7px 0}.result-panel{background:#232536;padding:20px}.empty-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:35px;display:flex}.empty-result span{color:#d8dae7;font-family:var(--serif);font-size:31px}.empty-result p{color:#a1a4b5;max-width:320px;margin:14px 0 0;font-size:12px;line-height:1.65}.error-result span{color:#ff9b88}.ready-result span{color:#cbd1ff}.match-summary{border-bottom:1px solid #414458;padding:34px 0 27px}.match-status{color:#dbe0ff;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid #7481d8;border-radius:20px;padding:7px 9px;display:inline-flex}.match-summary h3{color:#fff;font-family:var(--serif);overflow-wrap:anywhere;margin:19px 0 0;font-size:clamp(30px,3.2vw,46px);font-weight:400;line-height:.98}.match-summary p{color:#acafc0;font:400 10px var(--mono);text-transform:uppercase;margin:12px 0 0}.source-result{border-bottom:1px solid #414458;padding:24px 0}.source-result-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.source-result-heading>span,.ranking>span{color:#9a9db1;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.1em;display:block}.source-result-heading button{color:#c9cffc;font:500 11px var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #5c617b;padding:8px 10px}.source-result-heading button:hover{background:#2d3046;border-color:#8994e8}.source-result code{color:#e2e5ff;font:400 12px/1.65 var(--mono);overflow-wrap:anywhere;background:#181a28;border:1px solid #52566d;padding:15px;display:block}.source-result code strong{color:#ffad9d}.source-result p{color:#85889c;font:400 10px var(--mono);text-transform:uppercase;margin:9px 0 0}.source-code-panel{background:#171925;border:1px solid #4d526b;margin-top:22px}.source-code-heading{border-bottom:1px solid #3e4256;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px 13px;display:flex}.source-code-heading span,.source-code-heading strong{display:block}.source-code-heading span{color:#8d91a8;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.09em}.source-code-heading strong{color:#e4e6f0;font:500 12px var(--mono);margin-top:5px}.source-code-heading button{color:#eef0ff;min-height:36px;font:500 11px var(--mono);text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#30344e;border:1px solid #7c89e8;padding:0 11px}.source-code-heading button:hover{background:#3a4060}.source-code-panel pre{color:#d9dbe6;max-width:100%;font:400 12px/1.7 var(--mono);tab-size:2;background:#12141f;margin:0;padding:13px 0;overflow:auto}.source-code-panel pre:focus-visible{outline-offset:-2px}.source-code-line{grid-template-columns:41px minmax(360px,1fr);min-width:max-content;padding:0 14px 0 0;display:grid}.source-code-line>b{color:#5f6377;text-align:right;-webkit-user-select:none;user-select:none;padding-right:12px;font-weight:400}.source-code-line[data-highlighted=true]{color:#fff;background:#5265ff38;box-shadow:inset 3px 0 #9ca7ff}.source-code-line[data-highlighted=true]>b{color:#cbd1ff}.source-token-comment{color:#74798f}.source-token-string{color:#ffc0b3}.source-token-tag{color:#aeb8ff}.source-token-number{color:#b9e6cf}.source-token-keyword{color:#d6a8ff}.source-code-panel>p{color:#b2b6c9;font:400 11px/1.5 var(--mono);border-top:1px solid #35394b;margin:0;padding:12px 13px}.ranking{padding-top:23px}.ranking>span{margin-bottom:12px}.ranking>div{border-top:1px solid #383b4d;grid-template-columns:25px minmax(90px,1fr) minmax(60px,.8fr) 45px;align-items:center;gap:9px;min-height:42px;display:grid}.ranking b,.ranking span,.ranking strong{font:400 11px var(--mono)}.ranking b{color:#626579}.ranking span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking i{background:#3e4155;height:3px;overflow:hidden}.ranking i em{background:#9ca7ff;height:100%;display:block}.ranking strong{color:#c9cbd8;text-align:right}.retry-button{color:#edf0ff;width:100%;min-height:50px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #7885df;margin-top:24px}.retry-button:hover{background:#30344d}.explanation-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.35fr) 1fr;gap:clamp(40px,8vw,140px);padding:clamp(80px,10vw,150px) clamp(22px,8vw,124px);display:grid}.explanation-section h2{max-width:900px}.explanation-section div p{color:#67655f;max-width:650px;margin:35px 0 0;font-size:16px;line-height:1.7}footer{grid-template-columns:minmax(180px,.5fr) 1fr auto;align-items:center;gap:30px;min-height:150px;padding:32px clamp(22px,5vw,78px);display:grid}footer p{color:#7a7871;max-width:600px;font-size:10px;line-height:1.6}footer a{color:var(--ink);font:500 9px var(--mono);text-transform:uppercase;text-decoration:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes capture-ready{50%{border-color:#b5beff;box-shadow:0 18px 55px #07081047,0 0 0 4px #5265ff14}}@keyframes target-ready{50%{box-shadow:0 0 0 10px #5265ff1f,inset 0 0 65px #5265ff29}}@keyframes drag-dot{0%,to{opacity:.35;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}}@keyframes source-focus{50%{box-shadow:0 0 0 9999px #191b2a3d,0 0 0 11px #ff816a14}}@media (width<=980px){.paper-download{width:min(100%,420px);margin:42px 0 0 auto;display:block;position:relative;top:auto;right:auto}.section-intro{grid-template-columns:120px 1fr}.section-intro>p:last-child{grid-column:2}.capture-instructions{flex-wrap:wrap}.bounds-toggle{margin-left:0}.sample-app{grid-template-columns:180px minmax(0,1fr)}.sample-content{grid-template-columns:1fr 1fr}.progress-summary,.sprint-card,.activity-card{grid-column:span 2}.analysis-workspace{grid-template-columns:1fr}.drop-panel{border-bottom:1px solid #45485e;border-right:0}}@media (width<=1380px) and (width>=981px){.paper-download{width:min(100%,420px);margin:42px 0 0 auto;display:block;position:relative;top:auto;right:auto}}@media (width<=700px){.site-header nav a:first-child{display:none}.hero{min-height:570px;padding-top:78px}.hero h1{font-size:clamp(51px,15vw,82px)}.hero h1 em,.hero-copy{margin-left:0}.hero-copy{margin-top:38px}.hero-proof,.paper-download{margin-left:0}.section-intro{grid-template-columns:1fr}.section-intro>p:last-child{grid-column:1}.capture-instructions{flex-direction:column;align-items:flex-start}.sample-frame{overflow-x:auto}.browser-bar,.sample-app{min-width:760px}.sample-app{grid-template-columns:180px 1fr}.sample-main{padding-left:25px;padding-right:25px}.capture-callout{right:8px}.analysis-workspace{display:block}.captured-tray{grid-template-columns:92px 1fr}.captured-tray img{width:92px;height:70px}.captured-tray>b{display:none}.captured-tray span strong{font-size:22px}.drag-route span{width:160px;font-size:9px;right:calc(50% + 15px)}.source-code-heading{flex-direction:column;align-items:flex-start}.source-code-heading button{width:100%}.preview-shell,.empty-result{min-height:330px}.explanation-section,footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}