.trace-page{background:#f4f3ee;color:var(--ink)}
.trace-page .site-header{color:var(--ink);mix-blend-mode:normal;background:rgba(244,243,238,.88);backdrop-filter:blur(14px);border-bottom:1px solid #11130f17}
.trace-page .site-header .logo img{filter:none}
.trace-page.menu-open .site-header{background:transparent;backdrop-filter:none;border-color:transparent}
.trace-hero{min-height:100svh;padding:clamp(145px,12vw,205px) var(--pad) clamp(75px,7vw,125px);display:grid;grid-template-columns:minmax(330px,.88fr) minmax(470px,1.12fr);gap:clamp(55px,7vw,135px);align-items:center;background:#f4f3ee;overflow:hidden}
.trace-hero-copy{position:relative;z-index:2}.trace-kicker{margin:0 0 clamp(30px,3vw,50px);font-size:8px;letter-spacing:.14em;color:#617048;opacity:0;animation:trace-fade .8s ease .12s forwards}
.trace-hero h1{margin:0;font:500 clamp(79px,8.6vw,164px)/.73 "Barlow Condensed",sans-serif;letter-spacing:-.055em;text-transform:uppercase}.trace-hero h1 span{display:block;opacity:0;transform:translateY(100%);animation:trace-title 1.05s cubic-bezier(.22,1,.36,1) .16s forwards}.trace-hero h1 span+span{animation-delay:.28s}
.trace-lead{max-width:580px;margin:clamp(34px,3.5vw,58px) 0 0;font-size:clamp(10px,.75vw,13px);line-height:1.85;opacity:0;animation:trace-fade .9s ease .58s forwards}.trace-search{margin-top:clamp(38px,4vw,68px);opacity:0;animation:trace-fade .9s ease .74s forwards}.trace-search>label{display:block;margin-bottom:13px;font-size:8px;letter-spacing:.1em}
.search-row{display:flex;align-items:center;border-bottom:1px solid #11130f}.search-row input{min-width:0;flex:1;height:62px;padding:0 16px 0 0;border:0;outline:0;background:transparent;color:var(--ink);font:400 clamp(12px,.85vw,15px)/1 "JetBrains Mono",monospace;text-transform:uppercase}.search-row input::placeholder{color:#11130f69}
.search-row button{flex:0 0 auto;height:46px;padding:0 7px 0 18px;display:flex;align-items:center;gap:26px;border:1px solid #11130f;border-radius:100px;background:transparent;color:var(--ink);font:500 8px/1 "JetBrains Mono",monospace;letter-spacing:.08em;cursor:pointer;transition:background .35s,color .35s,gap .35s}.search-row button b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;transition:background .35s,color .35s}.search-row button:hover{gap:35px;background:var(--ink);color:#fff}.search-row button:hover b{background:var(--lime);color:var(--ink)}
.search-hint{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0 0;font-size:7px;color:#11130f7e}.search-hint>span{margin-right:4px;letter-spacing:.1em;color:#617048}.chip{padding:4px 0;border:0;border-bottom:1px solid #11130f50;background:none;color:inherit;font:400 7px/1 "JetBrains Mono",monospace;cursor:pointer;transition:color .3s,border-color .3s}.chip:hover{color:#617a41;border-color:#617a41}
.trace-hero-image{position:relative;height:min(69vw,760px);max-height:calc(100svh - 155px);min-height:520px;margin:0;overflow:hidden;clip-path:inset(0 0 100% 0);animation:trace-image 1.25s cubic-bezier(.76,0,.24,1) .18s forwards}.trace-hero-image img{width:100%;height:112%;display:block;object-fit:cover;object-position:center;transform:translateY(-5%);will-change:transform}.trace-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 57%,rgba(8,10,7,.66))}.trace-hero-image figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:end;color:#fff;font-size:7px;letter-spacing:.1em}.trace-hero-image figcaption b{font-weight:400;color:#c7d8a1}
@keyframes trace-title{to{opacity:1;transform:none}}@keyframes trace-fade{to{opacity:1}}@keyframes trace-image{to{clip-path:inset(0)}}
.trace-content{padding:0 var(--pad) clamp(125px,11vw,200px);background:#fff}.status-banner{padding:24px 0;border-top:1px solid #11130f40;border-bottom:1px solid #11130f40;font-size:8px;letter-spacing:.07em;color:#11130f94;transition:color .3s,border-color .3s}.status-banner.is-error{color:#8e332a;border-color:#8e332a66}.status-banner.is-success{color:#58723c;border-color:#58723c66}
.empty-state{padding:clamp(115px,10vw,185px) 0 0}.empty-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(35px,5vw,100px);align-items:start}.empty-heading>p,.result-heading>p{margin:8px 0 0;font-size:8px;letter-spacing:.13em;color:#617048}.empty-heading h2,.result-heading h2{margin:0;font:500 clamp(70px,8.2vw,150px)/.77 "Barlow Condensed",sans-serif;letter-spacing:-.05em;text-transform:uppercase}
.empty-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(75px,7vw,125px);border-top:1px solid #11130f45;border-bottom:1px solid #11130f45}.empty-points article{min-height:270px;padding:23px clamp(19px,2vw,37px) 25px 0;display:flex;flex-direction:column}.empty-points article+article{padding-left:clamp(19px,2vw,37px);border-left:1px solid #11130f45}.empty-points span{font-size:8px;color:#617048}.empty-points h3{margin:auto 0 13px;font:500 clamp(27px,2.2vw,42px)/.95 "Barlow Condensed",sans-serif}.empty-points p{margin:0;max-width:240px;font-size:8px;line-height:1.65}.hidden{display:none!important}
.result{padding-top:clamp(110px,10vw,180px);opacity:0;transform:translateY(30px)}.result.is-visible{animation:result-in .95s cubic-bezier(.22,1,.36,1) forwards}.result-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(35px,5vw,100px);margin-bottom:clamp(80px,8vw,140px)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(50px,7vw,130px)}
.summary-card{padding-top:22px;border-top:1px solid #11130f70;background:transparent}.section-kicker{margin:0 0 clamp(45px,4vw,72px);font-size:8px;letter-spacing:.12em;color:#617048}.summary-card>h2{margin:0;font:500 clamp(44px,4.5vw,82px)/.82 "Barlow Condensed",sans-serif;letter-spacing:-.04em;text-transform:uppercase}.product-subtitle{margin:22px 0 0;font-size:9px;line-height:1.65;color:#11130f9c}.detail-grid{margin:clamp(50px,5vw,82px) 0 0}.detail-row{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);gap:22px;padding:15px 0;border-bottom:1px solid #11130f2d}.detail-row dt{font-size:7px;letter-spacing:.06em;color:#11130f83}.detail-row dd{margin:0;text-align:right;font-size:8px;line-height:1.5}
.stack{margin-top:clamp(45px,4vw,72px)}.stack-block{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);gap:22px;padding:16px 0;border-bottom:1px solid #11130f2d}.stack-block h3{margin:0;font:500 10px/1.4 "JetBrains Mono",monospace;color:#11130f85}.stack-block p,.stack-block ul{margin:0;padding:0;list-style:none;font-size:8px;line-height:1.7}.stack-block a{border-bottom:1px solid currentColor}
.timeline-section{margin-top:clamp(125px,12vw,220px)}.section-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(35px,5vw,100px);align-items:start;margin-bottom:clamp(65px,6vw,110px)}.section-heading .section-kicker{margin-top:8px}.section-heading h2{margin:0;font:500 clamp(65px,7.2vw,132px)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.05em;text-transform:uppercase}
.timeline{position:relative;margin-left:calc(27.5% + clamp(17px,2.5vw,50px));border-top:1px solid #11130f68}.timeline-item{--delay:0ms;position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(30px,5vw,90px);padding:28px 0 55px;border-bottom:1px solid #11130f36;opacity:0;transform:translateY(24px)}.result.is-visible .timeline-item{animation:timeline-in .75s cubic-bezier(.22,1,.36,1) var(--delay) forwards}.timeline-marker{position:absolute;left:-7px;top:-5px;width:13px;height:13px;border-radius:50%;background:#91aa66;border:3px solid #fff;box-shadow:0 0 0 1px #91aa66}.timeline-date{margin:0;font-size:7px;letter-spacing:.1em;color:#617048;text-transform:uppercase}.timeline-body h3{margin:0 0 15px;font:500 clamp(27px,2.5vw,46px)/.95 "Barlow Condensed",sans-serif;text-transform:uppercase}.timeline-description{margin:0;max-width:620px;font-size:8px;line-height:1.75}.lower-grid{margin-top:clamp(125px,12vw,220px)}
@keyframes result-in{to{opacity:1;transform:none}}@keyframes timeline-in{to{opacity:1;transform:none}}
@media(max-width:980px){.trace-hero{grid-template-columns:1fr;padding-top:145px}.trace-hero-image{height:72vw;max-height:680px;min-height:460px}.trace-hero h1{font-size:16vw}.trace-lead{max-width:680px}.empty-heading,.result-heading,.section-heading{grid-template-columns:1fr}.empty-heading h2,.result-heading h2,.section-heading h2{font-size:14vw}.empty-points{grid-template-columns:repeat(2,1fr)}.empty-points article:nth-child(3){border-left:0;border-top:1px solid #11130f45}.empty-points article:nth-child(4){border-top:1px solid #11130f45}.timeline{margin-left:0}.result-grid{gap:55px}}
@media(max-width:680px){.trace-page .site-header{height:76px}.trace-hero{padding:120px 20px 78px;gap:58px}.trace-kicker{margin-bottom:25px}.trace-hero h1{font-size:23vw}.trace-lead{font-size:10px;margin-top:30px}.trace-search{margin-top:38px}.search-row input{height:58px;font-size:11px}.search-row button{padding-left:15px;gap:15px}.search-hint{line-height:1.8}.trace-hero-image{height:120vw;min-height:440px}.trace-hero-image figcaption{left:16px;right:16px;bottom:16px;flex-direction:column;align-items:flex-start;gap:7px}.trace-content{padding:0 20px 110px}.status-banner{line-height:1.65}.empty-state{padding-top:90px}.empty-heading h2,.result-heading h2,.section-heading h2{font-size:20vw}.empty-points{grid-template-columns:1fr;margin-top:65px}.empty-points article{min-height:210px;padding:20px 0 24px}.empty-points article+article{padding-left:0;border-left:0;border-top:1px solid #11130f45}.empty-points h3{font-size:36px}.result{padding-top:90px}.result-grid{grid-template-columns:1fr}.summary-card>h2{font-size:15vw}.detail-row,.stack-block{grid-template-columns:1fr;gap:8px}.detail-row dd{text-align:left}.section-kicker{margin-bottom:38px}.timeline-section,.lower-grid{margin-top:110px}.timeline-item{grid-template-columns:1fr;gap:15px;padding:27px 0 42px}.timeline-marker{left:auto;right:0}.timeline-body h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){.trace-kicker,.trace-hero h1 span,.trace-lead,.trace-search{opacity:1;transform:none;animation:none}.trace-hero-image{clip-path:none;animation:none}.result,.timeline-item{opacity:1;transform:none}.result.is-visible,.result.is-visible .timeline-item{animation:none}}
.search-row{position:relative}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:5;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #11130f20;border-radius:10px;box-shadow:0 24px 60px #0b0d0929;max-height:280px;overflow-y:auto}.search-suggestions li{margin:0}.search-suggestions button{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;font-family:"JetBrains Mono",monospace;cursor:pointer}.search-suggestions button:hover,.search-suggestions button.is-active{background:#f1f0e9}.suggestion-code{font-size:10px;letter-spacing:.04em}.suggestion-meta{font-size:8px;color:#11130f8a}