/* Feature pages (/features/…): mock-ups moved from the homepage */
/* ── Landing: feature overview + phase sections ── */
.ft-ov-section h2 em{color:var(--gold2);font-style:italic}
.ft-ov{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:0 auto;text-align:left}
@media(max-width:980px){.ft-ov{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ft-ov{grid-template-columns:1fr}}
.ft-ov-col{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid var(--border2)}
.ft-ov-head{display:flex;align-items:center;gap:10px;padding:2px 4px 8px;border-bottom:1px solid var(--border2);margin-bottom:2px}
.ft-ov-num{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0a0908;font:800 14px 'Playfair Display',serif}
.ft-ov-head b{display:block;font:700 16px 'Playfair Display',serif;color:var(--bright)}
.ft-ov-head i{display:block;font:500 10px 'JetBrains Mono',monospace;color:var(--dim);font-style:normal;letter-spacing:.8px;text-transform:uppercase}
.ft-ov-tile{display:flex;align-items:flex-start;gap:10px;padding:11px 11px;border-radius:13px;background:var(--card);border:1px solid var(--border);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.ft-ov-tile:hover{border-color:var(--gold);background:var(--card2);transform:translateY(-2px)}
.ft-ov-ic{flex:none;font-size:20px;line-height:1.2}
.ft-ov-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ft-ov-name{font:700 13.5px 'DM Sans',sans-serif;color:var(--bright)}
.ft-ov-new{font:800 8.5px 'JetBrains Mono',monospace;font-style:normal;color:#0a0908;background:#4ade80;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:2px;letter-spacing:.6px}
.ft-ov-desc{font:400 12px/1.45 'DM Sans',sans-serif;color:var(--dim)}
.ft-ov-plan{align-self:flex-start;margin-top:4px;font:800 8.5px 'JetBrains Mono',monospace;letter-spacing:.6px;padding:3px 6px;border-radius:5px;white-space:nowrap}
.pl-fr{background:rgba(109,191,109,.12);color:#6dbf6d;border:1px solid rgba(109,191,109,.3)}
.pl-hu{background:rgba(194,155,60,.1);color:var(--gold2);border:1px solid rgba(194,155,60,.28)}
.pl-fl{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.3)}
.pl-de{background:rgba(232,184,48,.18);color:#f0c948;border:1px solid rgba(232,184,48,.45)}
.ft-eyebrow{font:700 11px 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--gold2);text-align:center;margin-bottom:10px}
.ft-phase-section{scroll-margin-top:20px}
#treasure-radar,#scan-modes,#sold-prices,#part-out,#listing,#dashboard,#ai-hunter,#how{scroll-margin-top:24px}
.ft-new-badge{position:absolute;top:-10px;right:18px;padding:3px 9px;border-radius:6px;background:#4ade80;color:#0a0908;font:800 9.5px 'JetBrains Mono',monospace;letter-spacing:1px;box-shadow:0 0 14px rgba(74,222,128,.35)}
.ft-inline-btn{color:var(--gold2);font-weight:700;white-space:nowrap}
.ft-mock-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;padding:11px;border-radius:12px;border:1px solid rgba(212,165,32,.45);background:rgba(212,165,32,.1);color:var(--gold2);font:700 13.5px 'DM Sans',sans-serif}
/* Part-out mock (same language as the in-app panel) */
.ft-po{padding:13px 15px;border-radius:13px;background:rgba(194,155,60,.05);border:1px solid rgba(194,155,60,.24)}
.ft-po-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font:700 9.5px 'JetBrains Mono',monospace;letter-spacing:1.3px;color:var(--gold2);margin-bottom:8px}
.ft-po-head span{margin-left:auto;font:500 10.5px 'DM Sans',sans-serif;letter-spacing:0;color:var(--dim)}
.ft-po-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid rgba(194,155,60,.1);font:400 12.5px 'DM Sans',sans-serif;color:var(--text)}
.ft-po-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft-po-row i{flex:none;font:600 9.5px 'DM Sans',sans-serif;font-style:normal;color:var(--dim);padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.05)}
.ft-po-row i.real{color:#4ade80;background:rgba(74,222,128,.1)}
.ft-po-row b{flex:none;min-width:44px;text-align:right;font:700 12.5px 'JetBrains Mono',monospace;color:var(--bright)}
.ft-po-cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ft-po-cmp div{padding:9px 10px;border-radius:11px;background:rgba(0,0,0,.25);border:1px solid var(--border3);text-align:center}
.ft-po-cmp span{display:block;font:700 9px 'JetBrains Mono',monospace;letter-spacing:1px;color:var(--dim);text-transform:uppercase}
.ft-po-cmp b{display:block;margin-top:3px;font:800 17px 'JetBrains Mono',monospace;color:var(--bright)}
.ft-po-cmp .win{border-color:rgba(74,222,128,.4);background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(74,222,128,.03))}
.ft-po-cmp .win b{color:#6ee79a}
.ft-po-note{margin-top:9px;font:400 12px 'DM Sans',sans-serif;color:var(--dim)}
.ft-po-note b{color:#6ee79a}
/* AI Hunter wide card */
.ft-hunt-img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.ft-new .ft-wide{grid-column:1/-1}
.ft-wide-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}
@media(max-width:760px){.ft-wide-grid{grid-template-columns:1fr}}
.ft-steps{margin:0;padding:0;list-style:none;counter-reset:fs}
.ft-steps li{position:relative;padding:0 0 10px 34px;font:400 13.5px/1.5 'DM Sans',sans-serif;color:var(--text);counter-increment:fs}
.ft-steps li::before{content:counter(fs);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(194,155,60,.14);border:1px solid rgba(194,155,60,.35);color:var(--gold2);font:800 11px 'JetBrains Mono',monospace}
.ft-steps b{color:var(--bright)}
.ft-hunt-deal+.ft-hunt-deal{margin-top:8px}
.ft-hunt-rej{opacity:.6;background:rgba(212,106,106,.05)!important;border-color:rgba(212,106,106,.3)!important}
.ft-hunt-rej .ft-hunt-t{text-decoration:line-through;text-decoration-color:rgba(212,106,106,.7)}
body.outdoor .ft-ov-col{background:var(--card)}
.ld-card{max-width:1000px;margin:0 auto;display:flex;gap:44px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,rgba(194,155,60,.07),rgba(20,16,12,.45));border:1px solid var(--border2);border-radius:24px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.22);box-sizing:border-box}
.ld-copy{flex:1 1 300px;min-width:0}
.ld-badges{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.ld-badge{font:700 10px 'JetBrains Mono',monospace;letter-spacing:1.5px;padding:5px 12px;border-radius:99px}
.ld-badge.new{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0a0908}
.ld-badge.paid{background:rgba(194,155,60,.12);color:var(--gold2);border:1px solid rgba(194,155,60,.3)}
.ld-title{font:600 32px/1.15 'Playfair Display',serif;color:var(--bright);text-align:left;margin-bottom:14px;letter-spacing:-.3px}
.ld-lead{font:400 15px/1.75 'DM Sans',sans-serif;color:var(--text);margin-bottom:22px;max-width:520px}
.ld-points{display:flex;flex-direction:column;gap:12px}
.ld-point{display:flex;align-items:flex-start;gap:10px;font:500 14px/1.5 'DM Sans',sans-serif;color:var(--text)}
.ld-point>span:first-child{flex:none}
.ld-phone{flex:0 0 auto;width:248px;max-width:78vw;margin:0 auto}
.ld-screen{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:9/16;background:linear-gradient(165deg,#2c2620,#0a0908);border:1px solid var(--border3);box-shadow:0 22px 55px rgba(0,0,0,.45),inset 0 0 60px rgba(0,0,0,.4)}
.ld-chip{position:absolute;top:54px;left:50%;transform:translateX(-50%);width:88%;display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(22,18,14,.92),rgba(11,10,8,.85));border:1px solid rgba(212,165,32,.45);box-shadow:0 10px 28px rgba(0,0,0,.45);box-sizing:border-box}
.ld-chip-item{display:flex;align-items:center;gap:7px;font:700 12.5px/1.25 'DM Sans',sans-serif;color:#fbf5e6;overflow-wrap:anywhere}
.ld-chip-item>span{flex:none;width:4px;height:4px;border-radius:50%;background:var(--gold2)}
.ld-ar-box{position:absolute;border:2px solid #4ade80;border-radius:10px;box-shadow:0 0 12px rgba(74,222,128,.45),inset 0 0 10px rgba(74,222,128,.15)}
.ld-ar-box.sec{border-width:1.5px;border-style:dashed;opacity:.85;box-shadow:none}
.ld-ar-arrow{position:absolute;width:22px;height:26px;transform:translateX(-50%);filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));animation:ldBob 1.1s ease-in-out infinite}
.ld-ar-arrow.sec{width:16px;height:19px}
.ld-ar-tag{position:absolute;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border-radius:9px;background:rgba(8,22,13,.9);border:1px solid rgba(74,222,128,.7);color:#dafbe4;font:800 9.5px 'DM Sans',sans-serif;box-shadow:0 0 10px rgba(74,222,128,.25)}
.ld-ar-tag b{color:#ffd34d;font:800 9px 'JetBrains Mono',monospace;margin-left:2px}
.ld-ar-tag small{font:700 7px 'JetBrains Mono',monospace;color:#4ade80;text-transform:uppercase;margin-left:3px}
.ld-ar-tag.sec{font-size:8.5px;opacity:.9}
@keyframes ldBob{0%,100%{margin-top:0}50%{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.ld-ar-arrow{animation:none}}
@media(max-width:720px){
  .ld-card{padding:22px;gap:22px}
  .ld-copy{flex-basis:100%}
  .ld-title{font-size:24px}
  .ld-lead{font-size:14.5px}
}
.gl-sec{max-width:1040px;margin:0 auto}
.gl-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center;padding:30px;border-radius:24px;border:1px solid rgba(74,222,128,.28);background:radial-gradient(circle at 15% 20%,rgba(74,222,128,.08),transparent 55%),var(--card)}
@media(max-width:820px){.gl-wrap{grid-template-columns:1fr;padding:22px}}
.gl-pov{position:relative;width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#0b0a08;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.gl-pov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:saturate(1.05) contrast(1.02)}
.gl-pov svg.gl-frame{position:absolute;inset:0;width:100%;height:100%}
.gl-hud{position:absolute;left:59.5%;top:28%;width:23.5%;padding:2.2% 1.8% 2%;border-radius:12px;background:rgba(6,14,9,.42);border:1px solid rgba(74,222,128,.4);box-shadow:0 0 22px rgba(74,222,128,.25),inset 0 0 18px rgba(74,222,128,.08);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-align:center;color:#eafff0;font-family:'DM Sans',sans-serif}
.gl-hud .h-top{display:flex;justify-content:space-between;white-space:nowrap;gap:6px;font:800 clamp(6px,.75vw,9px) 'JetBrains Mono',monospace;letter-spacing:1px;color:rgba(234,255,240,.65);margin-bottom:4%}
.gl-hud .h-arrow{position:absolute;left:-27%;top:24%;width:33%;margin:0;transform:rotate(26deg);filter:drop-shadow(0 0 8px rgba(74,222,128,.8));animation:glNudge 1.3s ease-in-out infinite}
@keyframes glNudge{50%{transform:rotate(26deg) translateX(-12%)}}
.gl-hud .h-name{font:800 clamp(8.5px,1.05vw,13px)/1.2 'DM Sans',sans-serif;color:#fff}
.gl-hud .h-price{font:800 clamp(9px,1.15vw,15px) 'JetBrains Mono',monospace;color:#4ade80;margin-top:3%;white-space:nowrap}
.gl-hud .h-chip{display:inline-block;margin-top:5%;padding:2% 6%;border-radius:6px;border:1px solid #4ade80;color:#4ade80;font:900 clamp(6.5px,.8vw,10px) 'DM Sans',sans-serif;letter-spacing:.8px}
.gl-hud .h-more{margin-top:5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 clamp(6px,.72vw,9px) 'DM Sans',sans-serif;color:rgba(234,255,240,.6)}
@media(max-width:820px){.gl-hud{left:59%;top:26%;width:24%;padding:2% 1.4% 1.8%}.gl-hud .h-arrow{width:40%;left:-33%}.gl-hud .h-name{font-size:9.5px}.gl-hud .h-price{font-size:10.5px}.gl-hud .h-top,.gl-hud .h-more{font-size:5.5px}.gl-hud .h-chip{font-size:7px}}
.gl-cap{margin-top:10px;font:400 12.5px/1.5 'DM Sans',sans-serif;color:var(--dim);text-align:center}
.gl-cap b{color:#6ee79a;font-weight:700}
.gl-copy h2{text-align:left;margin:0 0 10px}
.gl-copy .gl-badge{display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:7px;background:#4ade80;color:#0b0a08;font:800 10px 'JetBrains Mono',monospace;letter-spacing:1px}
.gl-copy p{font:400 15px/1.6 'DM Sans',sans-serif;color:var(--text);margin:0 0 12px;text-align:left}
.gl-copy ul{list-style:none;margin:0 0 18px;padding:0;text-align:left}
.gl-copy li{display:flex;gap:10px;margin-bottom:9px;font:400 14px/1.5 'DM Sans',sans-serif;color:var(--text)}
.gl-copy li span:first-child{flex:none}
.gl-copy li span:last-child{flex:1;min-width:0}
.gl-cta{display:flex;gap:10px;flex-wrap:wrap}
.gl-cta a,.gl-cta button{padding:12px 18px;border-radius:12px;font:800 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}
.gl-cta .p{border:0;background:#4ade80;color:#0b0a08}
.gl-cta .s{border:1px solid var(--border3);background:none;color:var(--bright)}
.gl-note{margin-top:12px;font:400 12px/1.5 'DM Sans',sans-serif;color:var(--dim);text-align:left}