/* ================================================================ CASEY COURT — Property Intelligence Dossier A luxury commercial land marketing stylesheet. Dark mode · Glass cards · Monospace accents · Gold highlights Bloomberg Terminal meets luxury property brochure. ================================================================ */ /* ---------------------------------------------------------------- 0. DESIGN TOKENS ---------------------------------------------------------------- */:root{--bg:#0d0f12;--bg-card:#141618;--bg-elevated:#1a1c20;--border:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--gold:#c9a24d;--gold-light:#e8d48b;--gold-dim:rgba(201,162,77,0.15);--gold-glow:rgba(201,162,77,0.08);--teal:#2a7c6f;--teal-dim:rgba(42,124,111,0.15);--text:#f0ede6;--text-secondary:rgba(240,237,230,0.65);--text-dim:rgba(240,237,230,0.5);--text-muted:rgba(240,237,230,0.35);--red:#e05252;--green:#3ddc84;--radius:12px;--radius-lg:20px;--mono:'SF Mono','Fira Code','Cascadia Code','Consolas',monospace;--ease:cubic-bezier(0.4,0,0.2,1);--spring:cubic-bezier(0.34,1.56,0.64,1)}/* ---------------------------------------------------------------- 1. RESET & BASE ---------------------------------------------------------------- */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:72px;-webkit-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);line-height:1.6;background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;color:var(--text);line-height:1.1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gold{color:var(--gold)}/* ---------------------------------------------------------------- 2. SCROLL PROGRESS BAR ---------------------------------------------------------------- */ .scroll-bar{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:9999;transition:width 60ms linear}/* ---------------------------------------------------------------- 3. NAVIGATION ---------------------------------------------------------------- */ .nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(3,4,6,0.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,162,77,0.06);transition:background 400ms var(--ease),box-shadow 400ms var(--ease)}.nav.scrolled{background:rgba(13,15,18,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo-mark{width:32px;height:32px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--bg);letter-spacing:-0.5px;flex-shrink:0}.nav-logo-text{display:flex;flex-direction:column;font-size:0.95rem;font-weight:600;color:var(--text);line-height:1.2}.nav-logo-sub{font-size:0.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:500}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:0.85rem;color:var(--text-dim);transition:color 300ms var(--ease);font-weight:500}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--gold) !important;color:var(--bg) !important;padding:10px 20px;border-radius:var(--radius);font-weight:600 !important;font-size:0.85rem;transition:transform 300ms var(--ease),box-shadow 300ms var(--ease),background 300ms var(--ease) !important}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(201,162,77,0.3);background:var(--gold-light) !important}/* Hamburger */ .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0}.nav-toggle span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:transform 300ms var(--ease),opacity 300ms var(--ease)}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}/* ---------------------------------------------------------------- 4. HERO ---------------------------------------------------------------- */ .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 0;background:var(--bg);position:relative;overflow:hidden;text-align:center}/* Subtle animated grid background */ .hero-bg-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-bg-grid::before{content:'';position:absolute;width:200%;height:200%;top:50%;left:-50%;background:linear-gradient(90deg,rgba(201,162,77,0.03) 1px,transparent 1px),linear-gradient(0deg,rgba(201,162,77,0.03) 1px,transparent 1px);background-size:80px 80px;transform:perspective(800px) rotateX(60deg);transform-origin:center top;animation:gridDrift 10s linear infinite}@keyframes gridDrift{0%{transform:perspective(800px) rotateX(60deg) translateY(0)}100%{transform:perspective(800px) rotateX(60deg) translateY(80px)}}.hero-content{position:relative;z-index:1;max-width:1200px;width:100%}/* Badge */ .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,162,77,0.08);border:1px solid rgba(201,162,77,0.2);border-radius:100px;padding:8px 20px;font-family:var(--mono);font-size:13px;color:var(--gold);margin-bottom:32px;letter-spacing:0.5px}.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{box-shadow:0 0 8px var(--green)}50%{box-shadow:0 0 16px var(--green),0 0 32px rgba(61,220,132,0.3)}}/* Headline */ .hero h1{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-1.5px;margin-bottom:20px}.hero-sub{font-size:1.1rem;color:var(--text-secondary);max-width:680px;margin:0 auto 40px;line-height:1.7}/* ---- ENGINE TERMINAL ---- */ .engine{width:100%;max-width:1152px;margin:0 auto 40px;background:#060a14;border:1px solid rgba(255,255,255,0.06);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 100px rgba(201,162,77,0.03);text-align:left}/* Top bar with gradient accent line */ .engine::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent 5%,var(--gold) 30%,var(--teal) 70%,transparent 95%)}.engine-bar{display:flex;align-items:center;padding:12px 22px;background:#040608;border-bottom:1px solid rgba(255,255,255,0.04);gap:10px}.engine-dots{display:flex;gap:6px}.engine-dots i{width:8px;height:8px;border-radius:50%;display:block}.engine-dots i:nth-child(1){background:#e05252}.engine-dots i:nth-child(2){background:#e8b339}.engine-dots i:nth-child(3){background:#3ddc84}.engine-title{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-right:auto}.engine-sig{font-family:var(--mono);font-size:10px;color:var(--text-muted);letter-spacing:1px}/* Engine body — console content */ .engine-body{padding:24px;height:560px;font-family:var(--mono);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-behavior:smooth}.engine-body::-webkit-scrollbar{display:none}/* Console line — each insight/status line */ .eline{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:8px;opacity:0;transform:translateY(8px);transition:opacity 0.5s ease,transform 0.5s ease;padding-left:24px;text-indent:-24px}.eline.vis{opacity:1;transform:translateY(0)}.eline .pr{color:var(--text-muted)}/* prompt > */ .eline .hg{color:var(--gold);font-weight:700}/* gold highlight */ .eline .ht{color:var(--teal);font-weight:700}/* teal highlight */ .eline .hw{color:#fff;font-weight:700}/* white highlight */ .eline .hr{color:#e05252;font-weight:700}/* red highlight */ .eline .hgr{color:var(--green);font-weight:700}/* green highlight */ /* Vector row — tags that light up */ .evec-row{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;justify-content:center}.evec{font-family:var(--mono);font-size:12px;font-weight:800;padding:6px 16px;border-radius:5px;letter-spacing:1px;opacity:0.12;transform:scale(0.8);transition:all 0.6s var(--ease)}.evec.lit{opacity:1;transform:scale(1);box-shadow:0 0 12px currentcolor;animation:vecPulse 1.5s ease-in-out 1}@keyframes vecPulse{0%{box-shadow:0 0 12px currentcolor}30%{box-shadow:0 0 24px currentcolor,0 0 48px currentcolor;transform:scale(1.1)}100%{box-shadow:0 0 12px currentcolor;transform:scale(1)}}.evec.tarrant{color:#e8b339;background:rgba(232,179,57,0.12)}.evec.txdot{color:#5b93d9;background:rgba(91,147,217,0.12)}.evec.census{color:#3ddc84;background:rgba(61,220,132,0.12)}.evec.mls{color:#5b93d9;background:rgba(91,147,217,0.12)}.evec.zillow{color:#56b8e6;background:rgba(86,184,230,0.12)}.evec.usgs{color:#4dd4c0;background:rgba(77,212,192,0.12)}.evec.faa{color:#a78bfa;background:rgba(167,139,250,0.12)}.evec.sat{color:#c084fc;background:rgba(192,132,252,0.12)}.evec.fema{color:#f472b6;background:rgba(244,114,182,0.12)}/* Fuse bar */ .efuse{display:flex;align-items:center;gap:12px;padding:12px 0;justify-content:center}.efuse-label{font-size:13px;color:var(--text-dim)}.efuse-track{width:400px;height:10px;background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden}.efuse-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:4px;transition:width 2.5s cubic-bezier(0.16,1,0.3,1)}/* Separator */ .esep{border:none;border-top:1px solid rgba(201,162,77,0.2);margin:20px 0}/* Signal generated header */ .esig-head{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;opacity:0;transition:opacity 0.6s ease}.esig-head.vis{opacity:1;animation:sigFlash 0.8s ease 1}@keyframes sigFlash{0%{opacity:0;text-shadow:none}40%{opacity:1;text-shadow:0 0 20px var(--gold),0 0 40px rgba(201,162,77,0.3)}100%{opacity:1;text-shadow:none}}.esig-head .edot{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}/* Signal readout */ .ereadout{max-width:640px;margin:0 auto 24px}.er{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:14px;opacity:0;transform:translateX(-10px);transition:opacity 0.4s ease,transform 0.4s ease}.er.vis{opacity:1;transform:translateX(0)}.er-k{color:var(--text-dim);font-size:13px}.er-v{color:#fff;font-weight:600;text-align:right}.er-v.gold{color:var(--gold)}.er-v.green{color:var(--green)}.er-v.hw{color:#fff;font-weight:700}/* Confidence bar inline */ .econf-bar{display:inline-flex;align-items:center;gap:8px}.econf-track{width:100px;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}.econf-fill{height:100%;width:0%;background:var(--green);border-radius:3px;transition:width 1.5s cubic-bezier(0.16,1,0.3,1)}/* Lots inside engine */ .elots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:640px;margin:0 auto 24px}.elot{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:12px;text-align:center;font-size:12px;opacity:0;transform:scale(0.9);transition:all 0.4s var(--ease)}.elot.vis{opacity:1;transform:scale(1)}.elot.hl{border-color:var(--gold);background:rgba(201,162,77,0.08);box-shadow:0 0 20px rgba(201,162,77,0.25);animation:lotFlash 0.6s ease 1}@keyframes lotFlash{0%{box-shadow:0 0 0 rgba(201,162,77,0)}40%{box-shadow:0 0 30px rgba(201,162,77,0.4)}100%{box-shadow:0 0 20px rgba(201,162,77,0.25)}}.elot-n{display:block;font-weight:800;font-size:16px;color:var(--gold);margin-bottom:4px}.elot-addr{display:block;color:var(--text);font-size:11px;margin-bottom:4px}.elot-tag{font-size:8px;font-weight:700;padding:2px 8px;border-radius:100px;letter-spacing:0.5px}.elot-tag.g{color:var(--gold);background:rgba(201,162,77,0.12)}.elot-tag.t{color:var(--teal);background:rgba(42,124,111,0.12)}/* Image inside engine */ .eimg{max-width:640px;margin:0 auto 20px;border-radius:10px;overflow:hidden;border:1px solid rgba(201,162,77,0.12);opacity:0;transform:scale(0.96);transition:opacity 0.8s ease,transform 0.8s ease}.eimg.vis{opacity:1;transform:scale(1)}.eimg img{width:100%;height:auto;display:block;filter:brightness(0.8) contrast(1.05)}.eimg-tag{display:block;text-align:center;font-size:9px;color:var(--text-muted);padding:6px;background:rgba(0,0,0,0.4);letter-spacing:1.5px}/* Execute CTA inside engine */ .eexec{text-align:center;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;opacity:0;transition:opacity 0.5s ease}.eexec.vis{opacity:1}.eaction{text-align:center;font-size:14px;color:var(--text-secondary);max-width:580px;margin:0 auto 20px;line-height:1.7;opacity:0;transition:opacity 0.6s ease}.eaction.vis{opacity:1}/* Layers at bottom */ .elayers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,0.04);opacity:0;transition:opacity 0.5s ease}.elayers.vis{opacity:1}.elayers-label{font-size:9px;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-right:4px}/* --- Hero CTAs --- */ .hero-ctas{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}/* --- Hero Stats Bar --- */ .hero-stats{display:flex;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,0.06);width:100%;max-width:1152px;position:relative;z-index:1}.hero-stat{flex:1;text-align:center;padding:20px 8px;border-right:1px solid rgba(255,255,255,0.04)}.hero-stat:last-child{border-right:none}.hero-stat strong{display:block;font-family:var(--mono);font-size:1.4rem;color:var(--gold);font-weight:700}.hero-stat small{display:block;font-family:var(--mono);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}/* Responsive */ @media (max-width:768px){.hero{padding-top:90px}.hero h1{font-size:clamp(2rem,7vw,3rem)}.engine-body{padding:16px;height:400px}.eline{font-size:12px}.hero-badge{font-size:11px}.hero-sub{font-size:14px}.efuse-track{width:200px;height:8px}.evec{font-size:10px;padding:4px 10px}.evec-row{gap:5px}.elots{grid-template-columns:repeat(2,1fr);gap:8px}.elot{padding:10px 8px}.elot-n{font-size:14px}.ereadout{margin-bottom:16px}.er{font-size:12px;padding:8px 0}.er-k{font-size:11px}.er-v{font-size:12px}.esig-head{font-size:12px;letter-spacing:1.5px}.eimg{margin:16px auto}.eaction{font-size:12px;margin-bottom:16px}.eexec{font-size:11px}input,select,textarea{font-size:16px !important}.fab{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.hero-stats{flex-wrap:wrap}.hero-stat{flex:0 0 33.33%;border-bottom:1px solid rgba(255,255,255,0.04)}.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .btn-gold,.hero-ctas .btn-outline{width:100%;max-width:320px;justify-content:center}}@media (max-width:480px){.engine-body{height:360px}.eline{font-size:11px;padding-left:16px;text-indent:-16px}.efuse-track{width:140px}.hero h1{font-size:clamp(1.6rem,8vw,2.4rem)}.hero-badge{font-size:10px;padding:6px 14px}.hero-sub{font-size:13px;margin-bottom:24px}.engine-bar{padding:8px 12px}.engine-title{font-size:9px}.engine-body{padding:14px}.evec{font-size:9px;padding:3px 8px}.er{flex-direction:column;gap:2px;font-size:11px}.er-v{text-align:left}.elots{grid-template-columns:repeat(2,1fr)}.elot-n{font-size:12px}.elot-addr{font-size:10px}.elot-tag{font-size:7px}.econf-track{width:60px}.hero-stat{flex:0 0 50%}.hero-stat strong{font-size:1.1rem}.con-lot{grid-template-columns:30px 1fr 80px}}@media (prefers-reduced-motion:reduce){.hero-bg-grid::before{animation:none}.hero-dot{animation:none}.eline,.evec,.er,.elot,.eimg,.esig-head,.eexec,.eaction,.elayers{opacity:1 !important;transform:none !important;transition:none !important}.evec{opacity:1 !important;transform:none !important}}/* ---------------------------------------------------------------- 5. PROPERTY INTELLIGENCE TERMINAL ---------------------------------------------------------------- */ .pit{max-width:680px;margin:0 auto;background:#080a10;border:1px solid rgb(30,35,50);border-radius:16px;overflow:hidden;font-family:var(--mono);box-shadow:0 4px 24px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.03);text-align:left}.pit-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,0.06);background:#040608}.pit-dots{display:flex;gap:6px}.pit-dots i{width:7px;height:7px;border-radius:50%;display:block}.pit-dots i:nth-child(1){background:var(--red);opacity:0.8}.pit-dots i:nth-child(2){background:#e8b339;opacity:0.8}.pit-dots i:nth-child(3){background:var(--green);opacity:0.8}.pit-title{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim)}.pit-status{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim)}.pit-pulse{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}/* Sources Row */ .pit-sources{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 18px;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.2)}.ps{font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;letter-spacing:0.8px;opacity:0.25;transition:opacity 600ms var(--ease),box-shadow 600ms var(--ease),transform 400ms var(--ease);transform:scale(0.9)}.ps.lit{opacity:1;transform:scale(1)}.ps.tarrant{color:#e8b339;background:rgba(232,179,57,0.1)}.ps.tarrant.lit{box-shadow:0 0 8px rgba(232,179,57,0.2)}.ps.txdot{color:#5b93d9;background:rgba(91,147,217,0.1)}.ps.txdot.lit{box-shadow:0 0 8px rgba(91,147,217,0.2)}.ps.census{color:var(--green);background:rgba(61,220,132,0.1)}.ps.census.lit{box-shadow:0 0 8px rgba(61,220,132,0.2)}.ps.mls{color:#5b93d9;background:rgba(91,147,217,0.1)}.ps.mls.lit{box-shadow:0 0 8px rgba(91,147,217,0.2)}.ps.zillow{color:#56b8e6;background:rgba(86,184,230,0.1)}.ps.zillow.lit{box-shadow:0 0 8px rgba(86,184,230,0.2)}.ps.usgs{color:#4dd4c0;background:rgba(77,212,192,0.1)}.ps.usgs.lit{box-shadow:0 0 8px rgba(77,212,192,0.2)}.ps.faa{color:#a78bfa;background:rgba(167,139,250,0.1)}.ps.faa.lit{box-shadow:0 0 8px rgba(167,139,250,0.2)}.ps.sat{color:#c084fc;background:rgba(192,132,252,0.1)}.ps.sat.lit{box-shadow:0 0 8px rgba(192,132,252,0.2)}.ps.fema{color:#f472b6;background:rgba(244,114,182,0.1)}.ps.fema.lit{box-shadow:0 0 8px rgba(244,114,182,0.2)}.ps-plus{font-size:9px;color:var(--text-muted)}.ps-arrow{font-size:12px;color:var(--text-dim);margin:0 6px}.ps-out{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:1.5px;padding:3px 10px;background:rgba(201,162,77,0.1);border-radius:4px;border:1px solid rgba(201,162,77,0.2)}/* Terminal Output */ .pit-output{padding:14px 18px}.pit-out-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pit-addr{color:#fff;font-size:11px;font-family:var(--mono)}.pit-grade{background:var(--gold);color:var(--bg);font-size:10px;font-weight:800;padding:3px 10px;border-radius:100px;letter-spacing:0.5px}.pit-metrics{display:flex;gap:24px;margin-bottom:12px}.pit-m{display:flex;flex-direction:column;align-items:center;flex:1}.pit-m strong{color:var(--gold);font-size:1.3rem;font-weight:700;line-height:1.2}.pit-m small{color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.pit-desc{font-size:10px;color:var(--text-muted);line-height:1.6;border-top:1px solid rgba(255,255,255,0.04);padding-top:10px}/* ---------------------------------------------------------------- 6. HERO ACTIONS ---------------------------------------------------------------- */ .hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--bg);padding:16px 36px;border-radius:var(--radius);font-weight:700;font-size:0.95rem;transition:transform 300ms var(--ease),box-shadow 300ms var(--ease),background 300ms var(--ease);border:none;cursor:pointer}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(201,162,77,0.35);background:var(--gold-light)}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);padding:16px 36px;border-radius:var(--radius);font-weight:600;font-size:0.95rem;border:2px solid rgba(255,255,255,0.2);transition:border-color 300ms var(--ease),background 300ms var(--ease)}.btn-outline:hover{border-color:var(--text);background:rgba(255,255,255,0.04)}/* ---------------------------------------------------------------- 7. SECTIONS (General) ---------------------------------------------------------------- */ .sec{padding:80px 0;position:relative}.sec-dark{background:var(--bg-card)}.sec-tag{display:block;text-align:center;font-family:var(--mono);font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;font-weight:600}.sec-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:16px;font-weight:700;color:var(--text)}.sec-desc{font-size:1rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 60px;line-height:1.7}/* ---------------------------------------------------------------- 8. LOT GRID ---------------------------------------------------------------- */ .lot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lot{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;position:relative;transition:transform 300ms var(--ease),border-color 300ms var(--ease),box-shadow 300ms var(--ease);overflow:hidden}.lot:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3)}.lot-num{font-family:var(--mono);font-size:2.5rem;color:var(--gold);opacity:0.2;font-weight:800;position:absolute;top:16px;right:20px;line-height:1}.lot-info{display:flex;flex-direction:column;gap:4px}.lot-addr{font-size:1rem;color:#fff;font-weight:600;font-family:var(--mono)}.lot-size{font-size:0.8rem;color:var(--text-dim);font-family:var(--mono)}.lot-tag{display:inline-block;font-size:8px;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:100px;margin-top:16px;font-weight:700}.lot-tag.gold{color:var(--gold);background:var(--gold-dim);border:1px solid rgba(201,162,77,0.2)}.lot-tag.teal{color:var(--teal);background:var(--teal-dim);border:1px solid rgba(42,124,111,0.2)}.lot-flag{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--bg);font-size:8px;font-family:var(--mono);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:100px}/* Lot Summary */ .lot-summary{display:flex;justify-content:center;gap:32px;margin-top:32px;padding:20px 0;border-top:1px solid var(--border)}.lot-sum-item{font-size:0.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.lot-sum-item i{color:var(--gold);font-size:0.9rem}/* ---------------------------------------------------------------- 9. INTELLIGENCE SECTION ---------------------------------------------------------------- */ .intel-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.intel-bar .sec-tag{text-align:left;margin-bottom:0}.intel-label{font-family:var(--mono);font-size:9px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.intel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}.ig-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:transform 300ms var(--ease),border-color 300ms var(--ease),box-shadow 300ms var(--ease)}.ig-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.ig-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ig-src{font-family:var(--mono);font-size:9px;font-weight:700;padding:3px 10px;border-radius:4px;letter-spacing:1px;text-transform:uppercase}.ig-src.txdot{color:#5b93d9;background:rgba(91,147,217,0.12)}.ig-src.usgs{color:#4dd4c0;background:rgba(77,212,192,0.12)}.ig-src.census{color:var(--green);background:rgba(61,220,132,0.12)}.ig-src.city{color:#e8b339;background:rgba(232,179,57,0.12)}.ig-src.mls{color:#5b93d9;background:rgba(91,147,217,0.12)}.ig-src.fema{color:#f472b6;background:rgba(244,114,182,0.12)}.ig-name{color:var(--text-dim);font-size:0.8rem}.ig-val{font-family:'Playfair Display',Georgia,serif;font-size:2.5rem;color:var(--gold);font-weight:800;margin-bottom:16px;line-height:1}/* Progress Bar */ .ig-bar{height:3px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;margin-bottom:12px}.ig-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:3px;width:0;transition:width 1.2s var(--ease)}/* Depletion Bar */ .ig-depletion{height:6px;background:rgba(255,255,255,0.06);border-radius:4px;overflow:hidden;margin-bottom:12px;position:relative}.ig-dep-fill{height:100%;background:linear-gradient(90deg,var(--red),#e8b339);border-radius:4px;width:0;transition:width 1.2s var(--ease)}.ig-dep-marker{position:absolute;top:-2px;width:2px;height:10px;background:#fff;border-radius:2px;right:8%;transition:right 1.2s var(--ease)}.ig-note{font-size:0.8rem;color:var(--text-dim);line-height:1.5}/* ---------------------------------------------------------------- 10. ADJACENCY DISPLAY — Premium Strategic Connection ---------------------------------------------------------------- */ .adjacency-display{display:flex;align-items:center;justify-content:center;gap:0;margin-top:48px;padding:0;background:transparent;border-radius:var(--radius-lg);border:1px solid rgba(201,162,77,0.08);overflow:hidden;position:relative}/* Glassmorphism background */ .adjacency-display::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,162,77,0.03) 0%,rgba(10,14,24,0.8) 40%,rgba(42,124,111,0.03) 100%);z-index:0}.adj-block{display:flex;flex-direction:column;align-items:center;flex:1;padding:36px 24px;text-align:center;position:relative;z-index:1}.adj-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;position:relative}.adj-property .adj-icon{background:linear-gradient(135deg,rgba(201,162,77,0.15),rgba(201,162,77,0.08));color:var(--gold);border:1px solid rgba(201,162,77,0.2);box-shadow:0 0 24px rgba(201,162,77,0.08)}.adj-hotel .adj-icon{background:linear-gradient(135deg,rgba(42,124,111,0.15),rgba(42,124,111,0.08));color:var(--teal);border:1px solid rgba(42,124,111,0.2);box-shadow:0 0 24px rgba(42,124,111,0.08)}.adj-name{font-weight:700;font-size:1rem;margin-bottom:6px;color:#fff}.adj-detail{font-size:0.78rem;color:var(--text-dim);font-family:var(--mono);line-height:1.5}/* Strategic connector */ .adj-connector{flex:0 0 180px;display:flex;flex-direction:column;align-items:center;gap:0;padding:24px 0;position:relative;z-index:1}.adj-line{width:100%;height:2px;background:linear-gradient(90deg,rgba(201,162,77,0.05),rgba(201,162,77,0.25),rgba(201,162,77,0.05));position:relative;overflow:visible;border:none;min-height:2px}/* Animated energy particles along the line */ .adj-line::before{content:'';position:absolute;top:50%;transform:translateY(-50%);width:20px;height:4px;background:var(--gold);border-radius:4px;box-shadow:0 0 12px rgba(201,162,77,0.6),0 0 24px rgba(201,162,77,0.3);animation:adjFlow 2.5s ease-in-out infinite}.adj-line::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:12px;height:3px;background:var(--teal);border-radius:3px;box-shadow:0 0 8px rgba(42,124,111,0.5);animation:adjFlow 2.5s ease-in-out infinite 1.2s}@keyframes adjFlow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 20px);opacity:0}}.adj-label{font-family:var(--mono);font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;padding:8px 16px;background:rgba(201,162,77,0.06);border:1px solid rgba(201,162,77,0.12);border-radius:100px;margin:12px 0}/* ---------------------------------------------------------------- 11. ELEVATION CHART ---------------------------------------------------------------- */ .elev-chart{height:300px;position:relative;margin:60px auto;max-width:900px;border-bottom:1px solid var(--border)}.elev-point{position:absolute;bottom:0;left:var(--pos);display:flex;flex-direction:column;align-items:center}.elev-point::before{content:attr(data-label);font-family:var(--mono);font-size:10px;color:var(--text-dim);white-space:nowrap;margin-bottom:6px}.elev-point::after{content:'';width:1px;background:rgba(255,255,255,0.1);position:absolute;bottom:0}.elev-peak{color:var(--gold)}.elev-peak::before{color:var(--gold);font-weight:600}.elev-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;margin:48px auto 0}.es{background:var(--bg-card);border-radius:var(--radius);padding:24px;text-align:center;border:1px solid var(--border)}.es-val{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.8rem;color:var(--gold);font-weight:700;margin-bottom:4px}.es-label{display:block;font-size:0.75rem;color:var(--text-dim);font-family:var(--mono);text-transform:uppercase;letter-spacing:0.5px}/* ---------------------------------------------------------------- 12. GALLERY ---------------------------------------------------------------- */ .gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gal-featured{grid-row:span 2}.gal-item{border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer}.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--ease)}.gal-item:hover img{transform:scale(1.06)}.gal-cap{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,0.7));color:#fff;font-size:0.85rem;font-weight:600}/* Lightbox */ .lightbox{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.95);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 300ms var(--ease)}.lightbox.active{display:flex;opacity:1}.lb-close{position:absolute;top:20px;right:24px;font-size:2rem;color:var(--text);background:none;border:none;cursor:pointer;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:var(--text);font-size:1.5rem;background:rgba(255,255,255,0.06);border:1px solid var(--border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 300ms var(--ease);z-index:2}.lb-nav:hover{background:rgba(255,255,255,0.12)}.lb-prev{left:20px}.lb-next{right:20px}.lb-content{max-width:90vw;max-height:85vh;text-align:center}.lb-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius)}.lb-content p{margin-top:12px;color:var(--text-secondary);font-size:0.9rem}/* ---------------------------------------------------------------- 13. DEVELOPMENT TABS & PANELS ---------------------------------------------------------------- */ .dev-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap}.dt{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:12px 24px;font-family:var(--mono);font-size:0.8rem;color:var(--text-dim);cursor:pointer;transition:all 300ms var(--ease);display:flex;align-items:center;gap:8px}.dt:hover{border-color:var(--border-hover);color:var(--text)}.dt.active{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.dev-panel{display:none;animation:fadeUp 400ms var(--ease)}.dev-panel.active{display:block}.dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.dp-visual{border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:0 12px 48px rgba(0,0,0,0.3)}.dp-visual img{width:100%;height:auto;display:block}.dp-badge{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--bg);font-family:var(--mono);font-size:10px;font-weight:700;padding:6px 14px;border-radius:100px;display:flex;align-items:center;gap:6px;letter-spacing:0.5px}.dp-data h3{font-size:1.6rem;margin-bottom:12px}.dp-data p{color:var(--text-secondary);margin-bottom:28px;line-height:1.7}.dp-specs{border-top:1px solid var(--border)}.dp-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:0.9rem}.dp-row span:first-child{color:var(--text-secondary)}.dp-row span:last-child{font-family:var(--mono);font-weight:600}.dp-row .gold{color:var(--gold)}/* ---------------------------------------------------------------- 14. THE MATH TABLE ---------------------------------------------------------------- */ .math-table{display:flex;max-width:1000px;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-lg);overflow:visible;box-shadow:0 12px 48px rgba(0,0,0,0.25);border:1px solid var(--border);position:relative}.math-col{flex:1;padding:40px 32px}.math-before{background:rgba(0,0,0,0.15);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.math-after{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.math-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.math-before .math-label{color:var(--text-dim)}.math-after .math-label{color:var(--gold)}.math-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:0.9rem}.math-row span:first-child{color:var(--text-secondary)}.math-row span:last-child{font-family:var(--mono);font-weight:600}.dim{color:var(--text-muted) !important}.up{color:var(--gold) !important}.up em{font-size:8px;background:var(--teal);color:#fff;padding:2px 8px;border-radius:100px;font-style:normal;font-weight:600;margin-left:6px;vertical-align:middle}.up b{color:var(--gold-light);font-weight:700;margin-left:6px}.math-note{font-size:0.8rem;color:var(--text-dim);margin-top:16px;line-height:1.6;font-style:italic}/* Math Divider */ .math-divider{min-width:80px;flex:0 0 80px;position:relative;border-left:1px solid rgba(201,162,77,0.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;box-sizing:border-box}.math-divider > *{position:relative}.md-label{font-family:var(--mono);font-size:7px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);text-align:center;line-height:1.6;white-space:normal;max-width:100%;margin-bottom:8px}.md-arrow{width:32px;height:32px;background:var(--bg-elevated);border:1px solid rgba(201,162,77,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:12px;margin-bottom:12px}.md-mult{font-family:'Playfair Display',Georgia,serif;font-size:2.2rem;color:var(--gold);font-weight:800;line-height:1}.md-sub{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-top:4px}/* ---------------------------------------------------------------- 15. TERMS & PRICING ---------------------------------------------------------------- */ .terms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.term-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:border-color 300ms var(--ease),transform 300ms var(--ease)}.term-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.tc-val{font-family:'Playfair Display',Georgia,serif;font-size:1.8rem;color:var(--gold);font-weight:700;margin-bottom:6px;line-height:1.1}.tc-label{font-family:var(--mono);font-size:0.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px}/* Lease Card */ .lease-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);padding:36px;margin-top:32px}.lc-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.lc-header i{color:var(--gold);font-size:1.5rem}.lc-header h3{font-size:1.3rem;margin-bottom:2px}.lc-header p{color:var(--text-secondary);font-size:0.9rem}.lc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.lc-item{display:flex;flex-direction:column;gap:4px}.lc-label{font-family:var(--mono);font-size:0.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px}.lc-val{font-family:var(--mono);font-size:1.05rem;color:var(--gold);font-weight:600}.lc-benefits li{padding:8px 0;color:var(--text-secondary);font-size:0.9rem;line-height:1.5;border-bottom:1px solid var(--border)}.lc-benefits li:last-child{border-bottom:none}.lc-benefits strong{color:var(--text)}/* ---------------------------------------------------------------- 16. CONTACT ---------------------------------------------------------------- */ .contact-phone{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--gold);color:var(--gold);font-family:var(--mono);border-radius:var(--radius);padding:14px 28px;margin:24px auto;font-size:1rem;font-weight:600;transition:background 300ms var(--ease);/* Center block trick */ display:flex;width:fit-content;margin-left:auto;margin-right:auto}.contact-phone:hover{background:var(--gold-dim)}.contact-phone i{font-size:0.9rem}.contact-form{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;color:var(--text);font-size:0.95rem;font-family:'Inter',var(--mono),sans-serif;transition:border-color 300ms var(--ease),box-shadow 300ms var(--ease);outline:none;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-dim)}.contact-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(240,237,230,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.contact-form select option{background:var(--bg-elevated);color:var(--text)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.contact-form textarea{resize:vertical;min-height:80px}.contact-form .btn-gold{width:100%;padding:16px;font-size:1rem;justify-content:center}.form-msg{text-align:center;color:var(--green);font-family:var(--mono);font-size:0.85rem}/* ---------------------------------------------------------------- 17. FOOTER ---------------------------------------------------------------- */ .footer{background:#080a0d;padding:56px 0 28px;border-top:1px solid var(--border)}.footer-top{display:flex;align-items:flex-start;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand strong{display:block;font-size:1rem;margin-bottom:2px}.footer-brand address{font-style:normal;font-size:0.8rem;color:var(--text-dim);line-height:1.5}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-dim);font-size:0.85rem;transition:color 300ms var(--ease)}.footer-links a:hover{color:var(--gold)}.footer-bottom{color:var(--text-dim);font-size:0.8rem;margin-top:32px;border-top:1px solid var(--border);padding-top:20px}.footer-fine{color:var(--text-muted);font-size:0.7rem;margin-top:6px}/* ---------------------------------------------------------------- 18. FAB (Floating Action Button) ---------------------------------------------------------------- */ .fab{position:fixed;bottom:28px;right:28px;width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 20px rgba(201,162,77,0.35);z-index:900;transition:transform 300ms var(--ease),box-shadow 300ms var(--ease),opacity 300ms var(--ease);opacity:0;pointer-events:none}.fab.visible{opacity:1;pointer-events:auto}.fab:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(201,162,77,0.45)}/* ---------------------------------------------------------------- 19. KEYFRAME ANIMATIONS ---------------------------------------------------------------- */ @keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(61,220,132,0.5)}50%{opacity:0.7;box-shadow:0 0 0 6px rgba(61,220,132,0)}}@keyframes kenBurns{0%{transform:scale(1.05)}100%{transform:scale(1.1)}}@keyframes gridMove{0%{transform:perspective(600px) rotateX(65deg) translateY(0)}100%{transform:perspective(600px) rotateX(65deg) translateY(60px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}/* Scroll-triggered reveal */ .reveal{opacity:0;transform:translateY(24px);transition:opacity 600ms var(--ease),transform 600ms var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}/* ---------------------------------------------------------------- 20. TERMINAL FRAME (reusable terminal wrapper) ---------------------------------------------------------------- */ .terminal-frame{background:#080a10;border:1px solid rgb(30,35,50);border-radius:16px;overflow:hidden;margin-bottom:0;position:relative}/* Scanline overlay on all terminal frames */ .terminal-frame::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px );pointer-events:none;z-index:1;border-radius:inherit}.tf-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,0.06);background:#040608}.tf-bar-sm{padding:8px 16px}.tf-dots{display:flex;gap:6px}.tf-dots i{width:7px;height:7px;border-radius:50%;display:block}.tf-dots i:nth-child(1){background:#e05252;opacity:0.8}.tf-dots i:nth-child(2){background:#e8b339;opacity:0.8}.tf-dots i:nth-child(3){background:#3ddc84;opacity:0.8}.tf-title{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim)}.tf-status{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;color:var(--text-dim)}.tf-status-text{font-family:var(--mono);font-size:9px;letter-spacing:1px}.tf-status-text.dim{color:var(--text-muted)}.tf-status-text.gold{color:var(--gold)}.tf-pulse{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}/* tf-full:content IS the terminal */ .tf-full{margin-bottom:0}.tf-body{padding:32px 24px}.tf-section-head{text-align:center;margin-bottom:40px}.tf-section-head h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:12px}.tf-section-head p{color:var(--text-secondary);font-size:0.95rem;max-width:600px;margin:0 auto;line-height:1.6}.tf-classified{display:block;font-family:var(--mono);font-size:9px;color:var(--red);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;opacity:0.7}/* Terminal Footer */ .tf-footer{display:flex;justify-content:center;gap:24px;padding:12px 16px;border-top:1px solid rgba(255,255,255,0.04);font-family:var(--mono);font-size:0.75rem;color:var(--text-dim)}.tf-footer i{color:var(--gold);margin-right:4px}/* ---------------------------------------------------------------- 20a. FAQ (details/summary accordion) ---------------------------------------------------------------- */ .faq-item{border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;background:rgba(255,255,255,0.02)}.faq-item:last-child{margin-bottom:0}.faq-item[open]{background:rgba(255,255,255,0.04);border-color:rgba(201,162,77,0.2)}.faq-q{display:flex;align-items:center;padding:16px 20px;font-family:var(--mono);font-size:0.9rem;font-weight:600;color:var(--text);cursor:pointer;list-style:none}.faq-q::-webkit-details-marker{display:none}.faq-q::before{content:'+';margin-right:12px;color:var(--gold);font-weight:700}.faq-item[open] .faq-q::before{content:'−'}.faq-q:hover{color:var(--gold-light)}.faq-a{padding:0 20px 16px 48px}.faq-a p{color:var(--text-secondary);font-size:0.92rem;line-height:1.7;margin:0}/* ---------------------------------------------------------------- 20b. LOT TABLE (terminal data table) ---------------------------------------------------------------- */ .lot-table{font-family:var(--mono);font-size:0.85rem}.lt-header{display:grid;grid-template-columns:48px 1fr 80px 80px 140px;gap:0;padding:8px 16px;color:var(--text-muted);font-size:0.7rem;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid rgba(255,255,255,0.06)}.lt-row{display:grid;grid-template-columns:48px 1fr 80px 80px 140px;gap:0;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.03);transition:background 200ms;align-items:center;position:relative}.lt-row:hover{background:rgba(201,162,77,0.04)}.lt-row:last-child{border-bottom:none}.lt-num{color:var(--gold);font-weight:700;font-size:1rem}.lt-addr{color:var(--text);font-weight:600}.lt-tag{font-size:8px;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:0.5px}.lt-tag.gold{color:var(--gold);background:var(--gold-dim)}.lt-tag.teal{color:var(--teal);background:var(--teal-dim)}.lt-flag{position:absolute;top:8px;right:16px;font-size:7px;background:var(--gold);color:var(--bg);padding:2px 8px;border-radius:100px;font-weight:700;text-transform:uppercase;letter-spacing:1px}/* Old lot-grid hidden (replaced by lot-table) */ .terminal-frame .lot-grid{padding:16px;display:none}.terminal-frame .lot{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.04)}.terminal-frame .lot:hover{background:rgba(255,255,255,0.04)}/* ---------------------------------------------------------------- 20c. ELEVATION CHART (bar-style redesign) ---------------------------------------------------------------- */ .elev-chart{display:flex;align-items:flex-end;justify-content:space-around;height:280px;padding:20px 24px;gap:32px}.elev-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end;gap:8px}.elev-bar-line{width:40px;height:0;/* animated to var(--h) by JS */ background:linear-gradient(180deg,rgba(201,162,77,0.3) 0%,rgba(201,162,77,0.05) 100%);border:1px solid rgba(201,162,77,0.15);border-radius:6px 6px 0 0;transition:height 1.5s cubic-bezier(0.16,1,0.3,1);position:relative}.elev-bar-line::after{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--gold-dim);border:2px solid rgba(201,162,77,0.4)}.elev-peak .elev-bar-line{background:linear-gradient(180deg,rgba(201,162,77,0.5) 0%,rgba(201,162,77,0.1) 100%);border-color:rgba(201,162,77,0.35)}.elev-peak .elev-bar-line::after{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px rgba(201,162,77,0.5)}.elev-val{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--text-secondary)}.elev-peak .elev-val{color:var(--gold);font-size:1.3rem}.elev-lbl{font-family:var(--mono);font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.elev-peak .elev-lbl{color:var(--gold)}.elev-badge{font-family:var(--mono);font-size:8px;background:var(--gold);color:var(--bg);padding:2px 8px;border-radius:100px;font-weight:700;letter-spacing:1px;text-transform:uppercase}/* ---------------------------------------------------------------- 20d. TERMINAL FRAME — DEVELOPMENT PANEL OVERRIDES ---------------------------------------------------------------- */ .terminal-frame .dev-panel{padding:0 16px 16px}.terminal-frame .dp-visual{border-radius:12px}/* ---------------------------------------------------------------- 20e. TERMINAL FRAME — TERMS OVERRIDES ---------------------------------------------------------------- */ .terminal-frame .terms-grid{padding:16px}.terminal-frame .term-card{background:rgba(255,255,255,0.02)}/* ---------------------------------------------------------------- 20i. tf-full CONTENT OVERRIDES — content IS the terminal ---------------------------------------------------------------- */ /* Intelligence cards inside terminal */ .tf-full .ig-card{background:rgba(255,255,255,0.015)}.tf-full .adjacency-display{background:rgba(255,255,255,0.015);border-color:rgba(255,255,255,0.04)}/* Dev specs deeper terminal feel */ .tf-full .dp-row span:first-child{font-family:var(--mono);color:var(--text-dim);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.5px}.tf-full .dp-row span:last-child{font-family:var(--mono)}/* Math table inside terminal */ .tf-full .math-table{border:none;box-shadow:none;background:transparent}.tf-full .math-before{background:rgba(0,0,0,0.2);border-radius:var(--radius) 0 0 var(--radius)}/* Gallery inside terminal */ .tf-full .gal-grid{margin:0}.tf-full .gal-cap{font-family:var(--mono)}/* Terms inside terminal — remove inner nesting */ .tf-full .terms-grid{padding:0}.tf-full .term-card{background:rgba(255,255,255,0.02)}/* Contact form inside terminal */ .tf-full .contact-form input,.tf-full .contact-form select,.tf-full .contact-form textarea{background:rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.08);font-family:var(--mono)}.tf-full .contact-phone{font-family:var(--mono)}.tf-full .btn-gold{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;font-size:0.85rem}/* Lease card inside terminal */ .tf-full .lease-card{border-color:rgba(255,255,255,0.04);background:rgba(255,255,255,0.015)}.tf-full .lc-val{font-family:var(--mono)}.tf-full .lc-label{font-family:var(--mono)}.tc-src{display:block;font-family:var(--mono);font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}/* ---------------------------------------------------------------- 20f. CONTACT URGENCY ---------------------------------------------------------------- */ .contact-urgency{display:flex;align-items:center;justify-content:center;gap:10px;max-width:600px;margin:0 auto 32px;padding:14px 24px;background:rgba(224,82,82,0.06);border:1px solid rgba(224,82,82,0.15);border-radius:var(--radius);font-family:var(--mono);font-size:0.8rem;color:var(--text-secondary);text-align:center;line-height:1.5}.cu-dot{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.cu-text{color:var(--text-secondary)}/* ---------------------------------------------------------------- 20g. SECTION DIVIDERS ---------------------------------------------------------------- */ .sec + .sec::before,.sec + .sec-dark::before,.sec-dark + .sec::before{content:'';display:block;position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,77,0.1),transparent)}/* ---------------------------------------------------------------- 20h. GALLERY CAPTION ENHANCEMENT ---------------------------------------------------------------- */ .gal-cap{font-family:var(--mono);font-size:0.8rem;letter-spacing:0.5px}/* ---------------------------------------------------------------- 21. ACCESSIBILITY — REDUCED MOTION ---------------------------------------------------------------- */ @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.pit-pulse{animation:none}.reveal{opacity:1;transform:none}.hero-aerial img{animation:none !important}.hero-grid-overlay::before{animation:none !important}.hero-scan-line{animation:none !important}.sat-radar::before,.sat-radar::after{animation:none !important}.hero-accent-line{animation:none !important;opacity:0.6}.hero-content.entering .hero-loc,.hero-content.entering h1,.hero-content.entering .hero-sub,.hero-content.entering .hero-actions{opacity:1;transform:none}.sig-status-icon{animation:none !important}.sig-status,.sig-context,.sig-identity,.sig-readout,.sig-bottom{opacity:1;transform:none;transition:none}.sig-grade{opacity:1;transform:none}.hero-aerial-overlay{transition:none}/* Hero terminal — reduced motion */ .pv{opacity:1;transform:none;transition:none}.pv-plus{opacity:1}.ht-fuse-core{opacity:1}.ht-fuse-core.active .ht-core-ring{animation:none}.ht-fuse-arrow{opacity:1}.ht-pipe-output{opacity:1;transform:none}.ht-result{opacity:1;transform:none}.ht-result-image{opacity:1;transform:none}.ht-img-grade{opacity:1;transform:none}.rr{opacity:1;transform:none}.ht-lot{opacity:1;transform:none}.ht-metrics-strip{opacity:1;transform:none}.ht-ms-badge{opacity:1;transform:none}}/* ---------------------------------------------------------------- 21. RESPONSIVE — TABLET (1024px) ---------------------------------------------------------------- */ @media (max-width:1024px){.hs-metrics{grid-template-columns:repeat(3,1fr)}.hs-m{border-bottom:1px solid rgba(255,255,255,0.03)}.hero-content{padding:60px 32px}.hero-content h1{font-size:clamp(2.2rem,5vw,3.2rem)}.sig-display h1{font-size:clamp(2rem,4.5vw,3rem)}.sig-readout{font-size:12px}.lot-grid{grid-template-columns:repeat(2,1fr)}.intel-grid{grid-template-columns:1fr}.dp-grid{grid-template-columns:1fr}.dp-visual{order:-1}.math-table{flex-direction:column;overflow:hidden}.math-before{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.math-after{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.math-divider{width:100%;min-width:unset;flex:none;height:auto;border-left:none;border-top:1px solid rgba(201,162,77,0.2);flex-direction:row;align-items:center;justify-content:center;padding:20px 32px;gap:16px}.terms-grid{grid-template-columns:repeat(3,1fr)}.adjacency-display{flex-direction:column;gap:20px;padding:32px 24px}.adj-connector{flex-direction:row;max-width:100%;width:100%}.adj-line{border-top:none;border-left:1px dashed var(--gold-dim);min-height:30px;width:1px}.elev-stats{grid-template-columns:repeat(2,1fr)}/* Hero terminal */ .ht-result{grid-template-columns:1fr}.ht-result-image{max-height:300px;border-top:1px solid rgba(255,255,255,0.04)}.ht-ms-grid{grid-template-columns:repeat(3,1fr)}.ht-res-title{font-size:clamp(1.8rem,3.5vw,2.6rem)}}/* ---------------------------------------------------------------- 22. RESPONSIVE — MOBILE (768px) ---------------------------------------------------------------- */ @media (max-width:768px){.ht-system-inner{padding:10px 16px;flex-wrap:wrap;gap:8px}.ht-sys-name{font-size:10px;letter-spacing:2px}.ht-sources{display:none}.hero-content{padding:48px 20px}.hero-content h1{font-size:clamp(1.8rem,7vw,2.8rem)}.hero-sub{font-size:0.95rem}.hero-actions{flex-direction:column}.hero-actions .btn-gold,.hero-actions .btn-outline{width:100%;justify-content:center}.sig-identity{flex-direction:column}.sig-grade{align-self:flex-start}.sig-display h1{font-size:clamp(1.8rem,6vw,2.6rem)}.sig-r{flex-direction:column;gap:4px;padding:10px 16px}.sig-r-k{min-width:auto}.sig-bottom{flex-direction:column;align-items:stretch}.sig-actions{flex-direction:column}.sig-actions .btn-gold,.sig-actions .btn-outline{width:100%;justify-content:center}.sig-price{text-align:center}.hs-metrics{grid-template-columns:repeat(3,1fr)}.hs-m strong{font-size:1rem}.hero-main{min-height:400px}.sec{padding:80px 0}/* Nav:mobile drawer */ .nav-toggle{display:flex}.nav-links{position:fixed;top:64px;left:0;right:0;background:rgba(13,15,18,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;align-items:center;gap:0;padding:16px 0;border-bottom:1px solid var(--border);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform 400ms var(--ease),opacity 300ms var(--ease)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{padding:14px 24px;width:100%;text-align:center;font-size:1rem}.nav-cta{margin:8px 24px;text-align:center;display:block;width:calc(100% - 48px)}.btn-gold,.btn-outline{width:100%;justify-content:center}/* Lots */ .lot-grid{grid-template-columns:1fr}.lot-summary{flex-direction:column;align-items:center;gap:12px}/* Terms */ .terms-grid{grid-template-columns:repeat(2,1fr)}.terms-grid .term-card:nth-child(5){grid-column:1 / -1}/* Gallery */ .gal-grid{grid-template-columns:repeat(2,1fr)}.gal-featured{grid-row:span 1;grid-column:1 / -1}/* PIT */ .pit-metrics{flex-wrap:wrap;gap:16px}.pit-m{flex:0 0 calc(50% - 8px)}/* Footer */ .footer-top{flex-direction:column;gap:24px}.footer-links{flex-wrap:wrap;gap:16px}/* Dev tabs */ .dev-tabs{gap:6px}.dt{padding:10px 16px;font-size:0.75rem}/* Lease Card */ .lc-grid{grid-template-columns:1fr;gap:12px}.lc-header{flex-direction:column;text-align:center}/* Math divider */ .md-label{display:none}/* Terminal Frame responsive */ .terminal-frame .lot-grid{grid-template-columns:1fr}.terminal-frame .terms-grid{grid-template-columns:repeat(2,1fr)}.terminal-frame .terms-grid .term-card:nth-child(5){grid-column:1 / -1}.elev-chart{height:220px;gap:16px;padding:16px}.elev-bar-line{width:28px}.elev-val{font-size:0.9rem}.elev-peak .elev-val{font-size:1.1rem}.elev-lbl{font-size:0.6rem}.contact-urgency{flex-direction:column;gap:8px;padding:12px 16px;font-size:0.75rem}/* Lot table responsive — hide acreage and sq ft columns */ .lt-header,.lt-row{grid-template-columns:40px 1fr 120px}.lt-header span:nth-child(3),.lt-header span:nth-child(4),.lt-row span:nth-child(3),.lt-row span:nth-child(4){display:none}/* tf-body & tf-footer responsive */ .tf-body{padding:20px 16px}.tf-footer{flex-direction:column;align-items:center;gap:8px}/* FIX 1:Prevent horizontal overflow */ .hero-terminal{overflow-x:hidden}/* FIX 3:Signal display mobile */ .sig-display{padding:32px 0}.sig-status{flex-wrap:wrap;gap:8px}.sig-status-text{font-size:10px}.sig-conf{font-size:16px;margin-left:0}.sig-context{font-size:10px}.sig-readout{border-radius:8px}.sig-r-k{min-width:80px;font-size:8px}.sig-r-v{font-size:11px}.sig-grade{font-size:16px;padding:8px 16px}.sig-vectors{gap:4px}.sv{font-size:7px;padding:2px 6px}.sig-price{font-size:10px}/* FIX 4:Bottom signal strip */ .hs-m{padding:12px 4px}.hs-m small{font-size:7px}.hs-addr{font-size:9px;letter-spacing:1px}.hs-grade{font-size:9px;padding:3px 10px}.hs-gen-label{font-size:8px}/* FIX 6:Intel grid cards */ .intel-grid{grid-template-columns:1fr}.ig-val{font-size:2rem}/* FIX 7:Adjacency display */ .adjacency-display{flex-direction:column;padding:24px 16px;gap:16px}.adj-block{width:100%}.adj-connector{flex-direction:row;width:100%}/* FIX 8:Development panel */ .dp-grid{grid-template-columns:1fr}.dp-visual{order:-1}/* FIX 10:Touch targets */ .btn-gold,.btn-outline,.nav-cta,.contact-phone,button{min-height:44px}input,select,textarea{min-height:44px;font-size:16px !important}/* FIX 11:Safe area for notched phones */ .fab{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}/* Hero terminal */ .ht-pipe-fuse,.ht-pipe-output{display:none}.ht-lots{grid-template-columns:repeat(2,1fr)}.ht-res-title{font-size:clamp(1.6rem,5vw,2.2rem)}.ht-actions{flex-direction:column}.ht-actions .btn-gold,.ht-actions .btn-outline{width:100%;justify-content:center}.ht-ms-grid{grid-template-columns:repeat(2,1fr)}.ht-result-data{padding:20px}}/* ---------------------------------------------------------------- 23. RESPONSIVE — SMALL MOBILE (480px) ---------------------------------------------------------------- */ @media (max-width:480px){.sec{padding:64px 0}.container{padding:0 16px}.hero-content{padding:110px 16px 48px}.engine-body{height:360px;padding:14px}.eline{font-size:11px;padding-left:16px;text-indent:-16px}.efuse-track{width:140px}.hero h1,.hero-content h1{font-size:clamp(1.6rem,8vw,2.4rem)}.hero-badge{font-size:10px;padding:6px 14px}.hero-sub{font-size:13px;margin-bottom:24px}.engine-bar{padding:8px 12px}.engine-title{font-size:9px}.evec{font-size:9px;padding:3px 8px}.er{flex-direction:column;gap:2px;font-size:11px}.er-v{text-align:left}.elots{grid-template-columns:repeat(2,1fr)}.elot-n{font-size:12px}.elot-addr{font-size:10px}.elot-tag{font-size:7px}.econf-track{width:60px}.hero-stat{flex:0 0 50%}.hero-stat strong{font-size:1.1rem}.con-lot{grid-template-columns:30px 1fr 80px}.pit{border-radius:12px}.pit-metrics{gap:12px}.pit-m strong{font-size:1.1rem}.sec-title{font-size:clamp(1.6rem,6vw,2.2rem)}.sec-desc{margin-bottom:40px;font-size:0.9rem}.lot{padding:24px 20px}.ig-card{padding:24px}.ig-val{font-size:2rem}.elev-stats{grid-template-columns:repeat(2,1fr);gap:12px}.es{padding:16px}.es-val{font-size:1.4rem}.terms-grid{grid-template-columns:1fr}.tc-val{font-size:1.5rem}.math-col{padding:28px 20px}.lease-card{padding:24px 20px}.gal-grid{grid-template-columns:1fr;gap:8px}.adjacency-display{padding:24px 16px}.btn-gold,.btn-outline{padding:14px 24px;font-size:0.9rem}.contact-form{gap:12px}.fab{bottom:20px;right:20px;width:44px;height:44px}/* Terminal Frame responsive — small mobile */ .terminal-frame .terms-grid{grid-template-columns:1fr}.terminal-frame .terms-grid .term-card:nth-child(5){grid-column:auto}.elev-chart{height:180px;gap:8px;padding:12px 8px}.elev-bar-line{width:20px}.elev-val{font-size:0.8rem}.elev-peak .elev-val{font-size:0.95rem}.elev-badge{font-size:7px;padding:2px 6px}/* FIX 5:Small mobile signal & metrics */ .hs-metrics{grid-template-columns:repeat(2,1fr)}.hs-m strong{font-size:0.9rem}.sig-display h1{font-size:clamp(1.5rem,7vw,2rem)}.sig-identity{gap:12px}.sig-r{padding:8px 12px}.sig-r-k{min-width:70px;font-size:7px;letter-spacing:1px}.sig-r-v{font-size:10px}/* Hero terminal */ .ht-lots{grid-template-columns:repeat(2,1fr)}.rr{flex-direction:column;gap:2px}}/* ---------------------------------------------------------------- 24. CUSTOM SCROLLBAR (WebKit) ---------------------------------------------------------------- */::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.14)}/* ---------------------------------------------------------------- 25. SELECTION HIGHLIGHT ---------------------------------------------------------------- */::selection{background:rgba(201,162,77,0.3);color:var(--text)}::-moz-selection{background:rgba(201,162,77,0.3);color:var(--text)}/* ---------------------------------------------------------------- 26. UTILITY CLASSES ---------------------------------------------------------------- */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-gold{color:var(--gold)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.mono{font-family:var(--mono)}/* ================================================================ 27. HERO ENHANCEMENT — Professional Grade Display Ambient atmosphere,streaming intelligence feed,engine glow,stats bar refinement,and cohesive section transitions. ================================================================ */ /* ---- Ambient Glow Orbs ---- */ .hero-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.hero-glow-gold{width:700px;height:700px;background:radial-gradient(circle,rgba(201,162,77,0.07) 0%,transparent 70%);top:5%;left:-10%;filter:blur(80px);animation:glowFloat 14s ease-in-out infinite alternate}.hero-glow-teal{width:500px;height:500px;background:radial-gradient(circle,rgba(42,124,111,0.05) 0%,transparent 70%);top:40%;right:-8%;filter:blur(80px);animation:glowFloat 18s ease-in-out infinite alternate-reverse}@keyframes glowFloat{0%{transform:translate(0,0) scale(1);opacity:0.5}50%{opacity:0.8}100%{transform:translate(40px,-30px) scale(1.15);opacity:0.6}}/* ---- Scanline Texture ---- */ .hero-scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,0,0,0.015) 2px,rgba(0,0,0,0.015) 4px );pointer-events:none;z-index:1}/* ---- Enhanced Headline ---- */ .hero h1 .gold{color:var(--gold);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}/* ================================================================ 27a. STREAMING INTELLIGENCE FEED Scrolling data source tags — mirrors RoofCommand signal feed. ================================================================ */ .hero-feed{width:100%;max-width:900px;margin:0 auto 40px;background:rgba(4,6,8,0.6);border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,0.3),0 0 60px rgba(201,162,77,0.02)}/* Feed top accent line */ .hero-feed::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent 5%,var(--gold) 30%,var(--teal) 70%,transparent 95%);opacity:0.5}.hero-feed-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.3)}.hf-name{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase}.hf-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--green);font-weight:600;letter-spacing:0.5px}.hf-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:dotPulse 2s ease-in-out infinite}/* Scrolling data-source track */ .hero-feed-track{overflow:hidden;padding:14px 0;position:relative}.hero-feed-track::before,.hero-feed-track::after{content:'';position:absolute;top:0;bottom:0;width:50px;z-index:2;pointer-events:none}.hero-feed-track::before{left:0;background:linear-gradient(to right,rgba(4,6,8,0.9),transparent)}.hero-feed-track::after{right:0;background:linear-gradient(to left,rgba(4,6,8,0.9),transparent)}.hero-feed-scroll{display:flex;align-items:center;gap:6px;white-space:nowrap;animation:feedScroll 30s linear infinite;padding:0 20px;will-change:transform}@keyframes feedScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}/* Individual feed tags */ .hf-tag{font-family:var(--mono);font-size:11px;font-weight:800;padding:5px 14px;border-radius:5px;letter-spacing:0.8px;flex-shrink:0;transition:box-shadow 300ms ease}.hf-tarrant{color:#e8b339;background:rgba(232,179,57,0.1)}.hf-txdot{color:#5b93d9;background:rgba(91,147,217,0.1)}.hf-census{color:#3ddc84;background:rgba(61,220,132,0.1)}.hf-mls{color:#5b93d9;background:rgba(91,147,217,0.1)}.hf-zillow{color:#56b8e6;background:rgba(86,184,230,0.1)}.hf-usgs{color:#4dd4c0;background:rgba(77,212,192,0.1)}.hf-faa{color:#a78bfa;background:rgba(167,139,250,0.1)}.hf-sat{color:#c084fc;background:rgba(192,132,252,0.1)}.hf-fema{color:#f472b6;background:rgba(244,114,182,0.1)}.hf-plus{font-family:var(--mono);font-size:10px;color:var(--text-muted);flex-shrink:0}.hf-arrow{font-size:16px;color:var(--gold);margin:0 10px;flex-shrink:0;opacity:0.6}.hf-output{font-family:var(--mono);font-size:10px;font-weight:800;color:var(--gold);letter-spacing:1.5px;padding:5px 14px;background:rgba(201,162,77,0.1);border-radius:5px;border:1px solid rgba(201,162,77,0.25);flex-shrink:0;box-shadow:0 0 12px rgba(201,162,77,0.1)}.hf-spacer{width:40px;flex-shrink:0}/* Feed bottom metrics */ .hero-feed-metrics{display:flex;align-items:center;justify-content:center;gap:32px;padding:10px 20px;border-top:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.2);font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:0.5px}.hero-feed-metrics strong{color:var(--gold);font-weight:700;margin-left:4px}/* ================================================================ 27b. ENGINE GLOW ENHANCEMENT ================================================================ */ .engine{box-shadow:0 25px 80px rgba(0,0,0,0.6),0 0 120px rgba(201,162,77,0.04),0 0 300px rgba(201,162,77,0.02);border-color:rgba(255,255,255,0.08)}.engine::before{height:2px;background:linear-gradient(90deg,transparent 2%,var(--gold) 20%,var(--teal) 50%,var(--gold) 80%,transparent 98%);opacity:0.8}/* ================================================================ 27c. STATS BAR ENHANCEMENT ================================================================ */ .hero{padding-bottom:32px}.hero-stats{background:rgba(4,6,8,0.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;margin-top:8px}.hero-stat{border-right-color:rgba(255,255,255,0.06)}.hero-stat strong{text-shadow:0 0 20px rgba(201,162,77,0.2)}/* ================================================================ 27d. HERO FEED RESPONSIVE ================================================================ */ @media (max-width:768px){.hero-feed{border-radius:10px;margin:0 auto 24px}.hero-feed-header{padding:8px 14px}.hf-name{font-size:8px;letter-spacing:1px}.hf-status{font-size:9px}.hf-tag{font-size:9px;padding:3px 10px}.hero-feed-metrics{gap:14px;font-size:9px;flex-wrap:wrap;padding:8px 14px}.hero-glow{display:none}.hero-scanlines{display:none}}@media (max-width:480px){.hero-feed{margin:0 auto 20px;border-radius:8px}.hero-feed-metrics{gap:8px;font-size:8px}.hf-tag{font-size:8px;padding:3px 8px}.hf-name{font-size:7px}.hf-output{font-size:8px;padding:3px 10px}}/* ---- Nav Refinement ---- */ .nav.scrolled{background:rgba(8,10,14,0.92);box-shadow:0 1px 0 rgba(201,162,77,0.08)}.nav-links a:hover{color:var(--gold)}/* Hero content z-index layering */ .hero-content{z-index:3}.hero-stats{z-index:3}/* Bottom gradient transition from hero to content */ .hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none;z-index:0}@media (prefers-reduced-motion:reduce){.hero-feed-scroll{animation:none}.hero-glow{animation:none}}/* ================================================================ 28. FULL-SCREEN TERMINAL BOOT SEQUENCE The entire viewport IS the terminal on load. After the signal generates,the terminal dissolves and the website emerges. ================================================================ */ /* Terminal overlay — covers hero,acts as the "page" on first load */ .hero-terminal{position:fixed;inset:0;z-index:9000;background:#040608;display:flex;align-items:center;justify-content:center;padding:24px;opacity:1;transition:opacity 1.4s cubic-bezier(0.4,0,0.2,1),transform 1.4s cubic-bezier(0.4,0,0.2,1)}.hero-terminal.ht-done{opacity:0;transform:scale(0.92);pointer-events:none}/* Terminal frame centered on screen */ .ht-frame{width:100%;max-width:1050px;height:78vh;max-height:720px;background:#060a14;border:1px solid rgba(255,255,255,0.08);border-radius:18px;overflow:hidden;box-shadow:0 0 200px rgba(201,162,77,0.05),0 0 80px rgba(0,0,0,0.6),0 20px 60px rgba(0,0,0,0.5);display:flex;flex-direction:column}/* Accent line */ .ht-frame::before{content:'';display:block;height:2px;background:linear-gradient(90deg,transparent 2%,var(--gold) 20%,var(--teal) 50%,var(--gold) 80%,transparent 98%);flex-shrink:0}/* Scanline overlay on terminal */ .ht-frame::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.02) 2px,rgba(0,0,0,0.02) 4px);pointer-events:none;z-index:1;border-radius:inherit}/* Title bar */ .ht-bar{display:flex;align-items:center;padding:14px 24px;background:#030406;border-bottom:1px solid rgba(255,255,255,0.05);gap:12px;flex-shrink:0}.ht-dots{display:flex;gap:7px}.ht-dots i{width:11px;height:11px;border-radius:50%;display:block}.ht-dots i:nth-child(1){background:#e05252}.ht-dots i:nth-child(2){background:#e8b339}.ht-dots i:nth-child(3){background:#3ddc84}.ht-title{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-right:auto}.ht-sig{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--green);font-weight:600}.ht-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:dotPulse 2s ease-in-out infinite}/* Terminal body */ .ht-body{flex:1;padding:28px 28px 20px;overflow-y:auto;overflow-x:hidden;font-family:var(--mono);scrollbar-width:none;scroll-behavior:smooth}.ht-body::-webkit-scrollbar{display:none}/* ---- Terminal content elements ---- */ .ht-line{font-size:14px;line-height:1.85;color:var(--text-secondary);margin-bottom:2px;opacity:0;transform:translateY(5px);transition:opacity 0.35s ease,transform 0.35s ease;padding-left:22px;text-indent:-22px}.ht-line.vis{opacity:1;transform:translateY(0)}.ht-line .pr{color:var(--text-muted)}.ht-line .hg{color:var(--gold);font-weight:700}.ht-line .ht{color:var(--teal);font-weight:700}.ht-line .hw{color:#fff;font-weight:700}.ht-line .hr{color:#e05252;font-weight:700}.ht-line .hgr{color:var(--green);font-weight:700}/* Vector tag row */ .ht-vec-row{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;opacity:0;transition:opacity 0.5s ease}.ht-vec-row.vis{opacity:1}.ht-vec{font-family:var(--mono);font-size:11px;font-weight:800;padding:5px 14px;border-radius:5px;letter-spacing:0.8px;opacity:0.12;transform:scale(0.85);transition:all 0.5s var(--ease)}.ht-vec.lit{opacity:1;transform:scale(1);box-shadow:0 0 14px currentcolor;animation:vecPulse 1.2s ease 1}.ht-vec.tarrant{color:#e8b339;background:rgba(232,179,57,0.12)}.ht-vec.txdot{color:#5b93d9;background:rgba(91,147,217,0.12)}.ht-vec.census{color:#3ddc84;background:rgba(61,220,132,0.12)}.ht-vec.mls{color:#5b93d9;background:rgba(91,147,217,0.12)}.ht-vec.zillow{color:#56b8e6;background:rgba(86,184,230,0.12)}.ht-vec.usgs{color:#4dd4c0;background:rgba(77,212,192,0.12)}.ht-vec.faa{color:#a78bfa;background:rgba(167,139,250,0.12)}.ht-vec.sat{color:#c084fc;background:rgba(192,132,252,0.12)}.ht-vec.fema{color:#f472b6;background:rgba(244,114,182,0.12)}/* Fusion bar */ .ht-fuse{display:flex;align-items:center;gap:12px;padding:14px 0}.ht-fuse-label{font-size:13px;color:var(--text-dim)}.ht-fuse-track{flex:1;max-width:500px;height:10px;background:rgba(255,255,255,0.05);border-radius:5px;overflow:hidden}.ht-fuse-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:5px;transition:width 2.5s cubic-bezier(0.16,1,0.3,1)}/* Signal banner */ .ht-signal{text-align:center;padding:16px 0 8px;opacity:0;transform:scale(0.92);transition:opacity 1s ease,transform 1s cubic-bezier(0.34,1.56,0.64,1)}.ht-signal.vis{opacity:1;transform:scale(1)}.ht-signal-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:15px;font-weight:800;color:var(--gold);letter-spacing:3px;text-transform:uppercase;padding:14px 28px;background:rgba(201,162,77,0.06);border:1px solid rgba(201,162,77,0.25);border-radius:12px;animation:sigFlash 1.5s ease 1}.ht-signal-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px var(--gold),0 0 60px rgba(201,162,77,0.3)}.ht-signal-sub{display:block;margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--text-secondary);letter-spacing:1px}.ht-signal-grade{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-family:var(--mono);font-size:14px}.ht-signal-grade span{color:var(--text-dim)}.ht-signal-grade strong{color:var(--gold);font-weight:700}/* ---- Reveal animation for website content ---- */ #heroContent{opacity:0;transition:opacity 0.6s ease}#heroContent.hc-visible{opacity:1}.hero-ri{opacity:0;transform:translateY(30px);transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1),transform 0.9s cubic-bezier(0.4,0,0.2,1)}.hero-ri.vis{opacity:1;transform:translateY(0)}/* Nav hidden during boot sequence */ .nav.nav-boot-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}/* ---- Terminal boot responsive ---- */ @media (max-width:768px){.hero-terminal{padding:12px}.ht-frame{height:82vh;max-height:none;border-radius:14px}.ht-bar{padding:10px 16px;gap:8px}.ht-dots i{width:9px;height:9px}.ht-title{font-size:8px;letter-spacing:1px}.ht-sig{font-size:9px}.ht-body{padding:18px 16px}.ht-line{font-size:12px;line-height:1.7;padding-left:18px;text-indent:-18px}.ht-vec{font-size:9px;padding:3px 10px}.ht-vec-row{gap:5px}.ht-fuse-track{max-width:250px;height:8px}.ht-signal-badge{font-size:13px;padding:14px 24px;letter-spacing:2px}.ht-signal-sub{font-size:11px}.ht-signal-grade{font-size:12px;gap:10px;flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.ht-frame{border-radius:10px}.ht-line{font-size:11px}.ht-vec{font-size:8px;padding:3px 8px}.ht-fuse-track{max-width:160px}.ht-signal-badge{font-size:11px;padding:12px 18px}}@media (prefers-reduced-motion:reduce){.ht-line{opacity:1;transform:none;transition:none}.ht-vec{opacity:1;transform:none}.ht-signal{opacity:1;transform:none}}/* ================================================================ 29. FULL-TERMINAL HERO — The entire hero IS one terminal. No website/terminal barrier. Everything lives inside the frame. ================================================================ */ .hero{height:100vh;max-height:100vh;min-height:0;padding:76px 20px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;background:#030406;position:relative;overflow:hidden;text-align:left}/* ---- INTEL MAP BACKGROUND (adapted from roofcommand) ---- */ /* ---- INTEL MAP BACKGROUND — Prominent,site-wide ---- */ .imap-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;opacity:0.35;overflow:hidden}.imap-bg svg{width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.imap-bg .im-grid line{stroke:rgba(201,162,77,0.18);stroke-width:0.6}.imap-bg .im-ring{fill:none;stroke:rgba(201,162,77,0.15);stroke-width:0.8;stroke-dasharray:3 5}.imap-bg .im-zone{fill:rgba(201,162,77,0.06);stroke:rgba(201,162,77,0.14);stroke-width:0.8}.imap-bg .im-road{stroke:rgba(255,255,255,0.07);stroke-width:1;fill:none}.imap-bg .im-hwy{stroke:rgba(201,162,77,0.12);stroke-width:2;fill:none}.imap-bg .im-node{fill:#5b93d9;filter:drop-shadow(0 0 10px rgba(91,147,217,1))}.imap-bg .im-node.gold{fill:var(--gold);filter:drop-shadow(0 0 16px rgba(201,162,77,1))}.imap-bg .im-node-ring{fill:none;stroke:#5b93d9;stroke-width:1.5;opacity:0.8}.imap-bg .im-node-ring.gold{stroke:var(--gold);opacity:0.7;stroke-width:2.5}.imap-bg .im-pulse{fill:none;stroke:#5b93d9;stroke-width:1;opacity:0;animation:imPulseRing 4s ease-out infinite;transform-origin:center}.imap-bg .im-pulse.gold{stroke:var(--gold);stroke-width:1.5}.imap-bg .im-pulse.d1{animation-delay:0s}.imap-bg .im-pulse.d2{animation-delay:1.3s}.imap-bg .im-pulse.d3{animation-delay:2.6s}@keyframes imPulseRing{0%{transform:scale(1);opacity:0.7}100%{transform:scale(7);opacity:0}}.imap-bg .im-label{font-family:var(--mono);font-size:11px;fill:rgba(91,147,217,0.8);text-anchor:middle;font-weight:700;letter-spacing:1.5px}.imap-bg .im-label.gold{fill:rgba(201,162,77,0.95);font-size:12px}.imap-bg .im-city{font-family:var(--mono);font-size:8px;fill:rgba(91,147,217,0.6);text-anchor:middle;text-transform:uppercase;letter-spacing:2.5px}.imap-bg .im-city.gold{fill:rgba(201,162,77,0.75);font-size:9px}.imap-bg .im-flow{stroke:rgba(91,147,217,0.1);stroke-width:0.6;stroke-dasharray:4 4;fill:none}.imap-bg .im-flow.gold{stroke:rgba(201,162,77,0.2);stroke-width:0.8}.imap-bg .im-hit{fill:rgba(201,162,77,0.8);opacity:0}.imap-bg .im-hit.a{animation:imHitFlash 5s ease-out infinite}.imap-bg .im-hit.b{animation:imHitFlash 5s ease-out infinite 1.8s}.imap-bg .im-hit.c{animation:imHitFlash 5s ease-out infinite 3.5s}@keyframes imHitFlash{0%{opacity:0;transform:scale(1)}10%{opacity:1;transform:scale(2.5)}30%{opacity:0.5;transform:scale(1.5)}100%{opacity:0;transform:scale(1)}}.imap-bg .im-sweep{animation:imSweep 12s linear infinite;transform-origin:420px 190px}@keyframes imSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.imap-bg{opacity:0.2}}@media (max-width:480px){.imap-bg{opacity:0.12}}/* Ambient glow behind the terminal */ .hero::before{content:'';position:absolute;width:800px;height:800px;top:-10%;left:-5%;background:radial-gradient(circle,rgba(201,162,77,0.04) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.hero::after{content:'';position:absolute;width:600px;height:600px;bottom:-5%;right:-5%;background:radial-gradient(circle,rgba(42,124,111,0.03) 0%,transparent 70%);filter:blur(80px);pointer-events:none}/* ================================================================ MEMORANDUM-STYLE HERO — Polished,quiet luxury ================================================================ */ .memo-hero{flex:1;max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:20px 24px}.memo-bg{position:absolute;inset:0;background:url('images/aerial-wide-sh114.png') center center / cover no-repeat;opacity:0.06;pointer-events:none;border-radius:20px;z-index:0}.memo-content{position:relative;z-index:1}.memo-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto}.memo-monogram{font-family:Georgia,'Times New Roman',serif;font-size:48px;color:var(--gold);letter-spacing:12px;line-height:1;margin:14px 0;text-shadow:0 0 40px rgba(201,162,77,0.15)}.memo-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;color:#fff;letter-spacing:4px;text-transform:uppercase;margin:20px 0 8px;line-height:1.1}.memo-subtitle{font-family:var(--mono);font-size:12px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:0}.memo-divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,77,0.4),transparent);margin:24px auto}.memo-desc{font-family:'Inter',sans-serif;font-size:0.95rem;color:var(--text-secondary);max-width:560px;margin:0 auto 28px;line-height:1.75}.memo-metrics{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 20px;max-width:580px;border:1px solid rgba(201,162,77,0.1);border-radius:12px;overflow:hidden;background:rgba(201,162,77,0.02)}.memo-metric{flex:1;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.memo-val{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:800;color:var(--gold);line-height:1.1;text-shadow:0 0 20px rgba(201,162,77,0.12)}.memo-lbl{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.memo-metric-div{width:1px;height:36px;background:rgba(201,162,77,0.12);flex-shrink:0}.memo-badge{font-family:var(--mono);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,162,77,0.5);margin-bottom:24px}.memo-ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;max-width:480px;margin:0 auto}.memo-ctas .btn-gold,.memo-ctas .btn-outline{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}@media (max-width:768px){.memo-ctas{flex-direction:column;align-items:center;gap:10px;max-width:320px}.memo-ctas .btn-gold,.memo-ctas .btn-outline{width:100%;min-height:48px;padding:14px 20px;font-size:0.85rem}}@media (max-width:375px){.memo-ctas{max-width:280px;gap:8px}.memo-ctas .btn-gold,.memo-ctas .btn-outline{padding:12px 16px;font-size:0.8rem}}/* Memo responsive */ @media (max-width:768px){.memo-hero{padding:16px}.memo-monogram{font-size:36px;letter-spacing:8px}.memo-title{font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:3px}.memo-subtitle{font-size:10px;letter-spacing:2px}.memo-desc{font-size:0.88rem;margin-bottom:20px}.memo-metrics{flex-wrap:wrap}.memo-metric{flex:0 0 50%;padding:14px 8px}.memo-metric-div{display:none}.memo-val{font-size:1.3rem}.memo-lbl{font-size:8px}.memo-badge{font-size:8px;letter-spacing:3px}.memo-ctas{flex-direction:column;align-items:center}.memo-ctas .btn-gold,.memo-ctas .btn-outline{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.memo-monogram{font-size:28px;letter-spacing:6px}.memo-title{letter-spacing:2px}.memo-desc{font-size:0.82rem}.memo-val{font-size:1.1rem}}/* Hide old terminal (preserved in code,not displayed) */ .hero-term{display:none}/* ---- The Terminal Frame (hidden but preserved) ---- */ .hero-term-original{flex:1;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;background:#060a14;border:1px solid rgba(255,255,255,0.08);border-radius:18px;overflow:hidden;position:relative;z-index:1;box-shadow:0 25px 80px rgba(0,0,0,0.6),0 0 200px rgba(201,162,77,0.03),0 0 80px rgba(0,0,0,0.4)}/* Accent gradient line at top */ .hero-term::before{content:'';display:block;height:2px;background:linear-gradient(90deg,transparent 2%,var(--gold) 20%,var(--teal) 50%,var(--gold) 80%,transparent 98%);flex-shrink:0}/* Scanline overlay */ .hero-term::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.015) 2px,rgba(0,0,0,0.015) 4px);pointer-events:none;z-index:2;border-radius:inherit}/* ---- Title Bar ---- */ .hero-term-bar{display:flex;align-items:center;padding:14px 24px;background:#030406;border-bottom:1px solid rgba(255,255,255,0.05);gap:12px;flex-shrink:0}/* ---- Terminal Body (scrolling content area) ---- */ .hero-term-body{flex:1;padding:28px 32px 20px;overflow-y:auto;overflow-x:hidden;font-family:var(--mono);scrollbar-width:none;scroll-behavior:smooth;transition:opacity 0.4s ease;position:relative}.hero-term-body::-webkit-scrollbar{display:none}/* Background image reveal (appears after signal generates) */ .ht-bg-reveal{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 2s cubic-bezier(0.4,0,0.2,1);background:url('images/aerial-wide-sh114.png') center center / cover no-repeat}.ht-bg-reveal::after{content:'';position:absolute;inset:0;background:linear-gradient( 180deg,rgba(6,10,24,0.78) 0%,rgba(6,10,24,0.85) 40%,rgba(6,10,24,0.92) 100% )}.ht-bg-reveal.vis{opacity:1}/* All signal content sits above the background */ .ht-signal,.ht-headline,.ht-subtext,.ht-readout-strip,.ht-ctas,.elayers{position:relative;z-index:1}/* ---- Stats Footer ---- */ .hero-term-foot{display:flex;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,0.06);background:#030406;flex-shrink:0}.htf-stat{flex:1;text-align:center;padding:10px 6px;border-right:1px solid rgba(255,255,255,0.04)}.htf-stat:last-child{border-right:none}.htf-stat strong{display:block;font-family:var(--mono);font-size:1.05rem;color:var(--gold);font-weight:700}.htf-stat small{display:block;font-family:var(--mono);font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}/* ---- Headline INSIDE the terminal ---- */ .ht-headline{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;color:#fff;text-align:center;line-height:1.08;letter-spacing:-1.5px;padding:20px 0 12px;opacity:0;transform:translateY(16px) scale(0.97);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(0.34,1.56,0.64,1)}.ht-headline.vis{opacity:1;transform:translateY(0) scale(1)}.ht-headline .gold{color:var(--gold);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ht-subtext{text-align:center;font-size:0.95rem;font-family:'Inter',sans-serif;color:var(--text-secondary);max-width:580px;margin:0 auto 20px;line-height:1.65;opacity:0;transition:opacity 0.8s ease}.ht-subtext.vis{opacity:1}/* ---- Compact readout strip (after condense) ---- */ .ht-readout-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:16px 0;margin:0 auto 16px;max-width:680px;border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);font-family:var(--mono);font-size:13px;color:var(--text-dim);opacity:0;transition:opacity 0.8s ease}.ht-readout-strip.vis{opacity:1}.ht-readout-strip strong{font-weight:700;margin-right:4px}.ht-readout-strip .gold{color:var(--gold)}.ht-readout-strip .hgr{color:var(--green)}@media (max-width:768px){.ht-readout-strip{gap:12px;font-size:11px}}@media (max-width:480px){.ht-readout-strip{gap:8px;font-size:10px}}/* ---- CTA buttons inside terminal ---- */ .ht-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:4px 0 8px;opacity:0;transition:opacity 0.6s ease}.ht-ctas.vis{opacity:1}.ht-ctas .btn-gold,.ht-ctas .btn-outline{padding:12px 28px;font-size:0.85rem}.ht-ctas .btn-gold{font-family:var(--mono);letter-spacing:0.5px;text-transform:uppercase;font-size:0.85rem}.ht-ctas .btn-outline{font-family:var(--mono);font-size:0.85rem}/* ---- Full-terminal responsive ---- */ @media (max-width:768px){.hero{padding:68px 10px 10px}.hero-term{border-radius:14px}.hero-term-bar{padding:10px 16px}.hero-term-body{padding:18px 16px;min-height:380px}.ht-headline{font-size:clamp(1.6rem,6vw,2.4rem);padding:20px 0 12px}.ht-subtext{font-size:0.9rem;margin-bottom:20px}.htf-stat{padding:12px 4px}.htf-stat strong{font-size:1rem}.htf-stat small{font-size:7px}.hero-term-foot{flex-wrap:wrap}.htf-stat{flex:0 0 33.33%;border-bottom:1px solid rgba(255,255,255,0.04)}}@media (max-width:480px){.hero{padding:64px 8px 8px}.hero-term{border-radius:10px}.hero-term-body{padding:14px 12px;min-height:320px}.ht-headline{font-size:clamp(1.4rem,7vw,2rem);letter-spacing:-0.5px}.htf-stat{flex:0 0 50%}}/* ================================================================ 30. GLOBAL OPTIMIZATION — Professional Grade Polish Terminal contrast · Spacing · Sizing · Cohesion · Micro-details ================================================================ */ /* ---- A. SECTION SPACING ---- */ .sec{padding:44px 0;position:relative;z-index:1}.hero + .sec{padding-top:20px}.sec-desc{margin:0 auto 36px}/* ---- B. TERMINAL-TO-BACKGROUND CONTRAST ---- Sections are semi-transparent so the intel map shows through. */ .sec{background:rgba(10,12,18,0.88)}.sec-dark{background:rgba(6,8,14,0.92)}.terminal-frame{background:#0a0e18;border-color:rgba(201,162,77,0.08);box-shadow:0 8px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.02);transition:box-shadow 400ms var(--ease),border-color 400ms var(--ease)}.terminal-frame:hover{border-color:rgba(201,162,77,0.15);box-shadow:0 12px 48px rgba(0,0,0,0.4),0 0 80px rgba(201,162,77,0.03)}.tf-bar{background:#060810}/* Terminal frame top accent line */ .terminal-frame::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(201,162,77,0.2) 30%,rgba(42,124,111,0.15) 70%,transparent 95%);position:relative;z-index:3}/* ---- C. TERMINAL INTERNALS ---- */ .tf-body{padding:24px 22px}.tf-section-head{margin-bottom:24px}.tf-section-head h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:10px}.tf-section-head p{font-size:0.9rem;line-height:1.6}.tf-footer{padding:10px 16px;gap:20px;font-size:0.72rem}/* ---- D. SECTION DIVIDERS ---- */ .sec + .sec::before,.sec-dark + .sec::before{left:12%;right:12%;background:linear-gradient(90deg,transparent,rgba(201,162,77,0.12),transparent)}/* ---- E. LOTS ---- */ .lot-table{font-size:0.82rem}.lt-row{padding:10px 16px}.lt-row:hover{background:rgba(201,162,77,0.06)}/* ---- F. INTELLIGENCE ---- */ .intel-grid{gap:14px}.ig-card{padding:24px;background:rgba(10,14,24,0.6);border-color:rgba(201,162,77,0.06)}.ig-card:hover{border-color:rgba(201,162,77,0.15)}.ig-val{font-size:2.2rem;margin-bottom:12px}.ig-note{font-size:0.78rem}.adjacency-display{margin-top:28px;padding:28px;background:rgba(10,14,24,0.5);border-color:rgba(201,162,77,0.06)}/* ---- G. ELEVATION ---- */ .elev-chart{margin:36px auto}.elev-stats{margin:28px auto 0;gap:10px}.es{padding:18px;background:rgba(10,14,24,0.5);border-color:rgba(201,162,77,0.06)}.es:hover{border-color:rgba(201,162,77,0.12)}.es-val{font-size:1.5rem}/* ---- H. GALLERY ---- */ .gal-grid{gap:8px}.gal-item{border-radius:10px}.gal-item img{filter:brightness(0.85) contrast(1.05)}.gal-item:hover img{filter:brightness(1) contrast(1.05)}/* ---- I. DEVELOPMENT ---- */ .dev-tabs{margin-bottom:28px;gap:6px}.dt{border-color:rgba(201,162,77,0.08);padding:10px 20px;font-size:0.78rem}.dt.active{box-shadow:0 2px 12px rgba(201,162,77,0.15)}.dp-grid{gap:24px}.dp-data h3{font-size:1.35rem;margin-bottom:8px}.dp-data p{margin-bottom:18px;font-size:0.9rem}.dp-row{font-size:0.85rem}/* ---- J. MATH TABLE ---- */ .math-table{border-color:rgba(201,162,77,0.06)}.math-col{padding:28px 22px}.math-divider{padding:0 12px}.md-label{font-size:8px;letter-spacing:1.5px}.md-sub{font-size:9px}.math-row{padding:8px 0;font-size:0.85rem}.math-note{font-size:0.75rem;margin-top:10px}/* ---- K. TERMS ---- */ .terms-grid{gap:10px}.term-card{padding:20px;background:rgba(10,14,24,0.5)}.term-card:hover{border-color:rgba(201,162,77,0.15)}.tc-val{font-size:1.6rem;margin-bottom:4px}.tc-src{font-size:9px}.lease-card{padding:28px;margin-top:20px;background:rgba(10,14,24,0.4);border-color:rgba(201,162,77,0.06)}.lc-header{margin-bottom:18px}.lc-header h3{font-size:1.15rem}/* ---- L. CONTACT ---- */ .contact-urgency{margin:0 auto 24px;padding:12px 20px;font-size:0.78rem;border-color:rgba(224,82,82,0.12);background:rgba(224,82,82,0.04)}.contact-form{gap:12px}.contact-form input,.contact-form select,.contact-form textarea{padding:13px 16px;font-size:0.9rem;background:rgba(6,8,16,0.6);border-color:rgba(255,255,255,0.06)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,77,0.08),0 0 20px rgba(201,162,77,0.04)}/* ---- M. NAV ---- */ .nav.scrolled{background:rgba(4,6,8,0.96);box-shadow:0 1px 0 rgba(201,162,77,0.06),0 6px 24px rgba(0,0,0,0.4)}.nav-cta{padding:10px 22px !important}/* ---- N. FOOTER ---- */ .footer{background:rgba(4,6,8,0.94);padding:36px 0 22px;border-top:1px solid rgba(201,162,77,0.06);position:relative;z-index:1}.footer-bottom{margin-top:20px;padding-top:14px;border-top-color:rgba(255,255,255,0.04)}/* ---- O. CONTAINER ---- */ .container{max-width:1160px}/* ---- P. BUTTON REFINEMENT ---- */ .btn-gold{box-shadow:0 4px 16px rgba(201,162,77,0.2)}.btn-gold:hover{box-shadow:0 8px 32px rgba(201,162,77,0.3)}/* ---- Q. RESPONSIVE ---- */ @media (max-width:768px){.sec{padding:36px 0}.hero + .sec{padding-top:14px}.tf-body{padding:16px 14px}.tf-section-head{margin-bottom:18px}.ig-card{padding:20px}.math-col{padding:22px 16px}.terms-grid{gap:8px}.lease-card{padding:20px}.dp-grid{gap:20px}.es{padding:14px}}@media (max-width:480px){.sec{padding:28px 0}.tf-section-head h2{font-size:clamp(1.3rem,5vw,1.8rem)}.ig-val{font-size:1.8rem}.es-val{font-size:1.2rem}.tc-val{font-size:1.3rem}.math-col{padding:18px 12px}.dp-data h3{font-size:1.15rem}}/* ================================================================ R1. TYPOGRAPHY OVERRIDES — Section headings,gold values,terminal ================================================================ */ /* R1 — Section headings (h2 inside .tf-section-head) */ .tf-section-head h2{text-shadow:0 0 40px rgba(201,162,77,0.1);letter-spacing:-0.5px}/* R1 — Gold values */ .ig-val,.tc-val,.es-val,.md-mult{text-shadow:0 0 30px rgba(201,162,77,0.15)}/* R1 — Terminal frame titles */ .tf-title{font-size:10px;letter-spacing:2.5px}/* R1 — Body text refinement */ .tf-section-head p,.dp-data p,.math-note,.ig-note{color:rgba(240,237,230,0.58)}/* R1 — Lot table addresses */ .lt-addr{color:rgba(240,237,230,0.9)}/* R1 — Classified tag pulse animation */ @keyframes tfClassifiedPulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.tf-classified{animation:tfClassifiedPulse 3s ease-in-out infinite}/* ================================================================ R2. TERMINAL FRAME VISUAL ENHANCEMENTS ================================================================ */ /* R2 — Terminal frame border glow */ .terminal-frame{border:1px solid rgba(201,162,77,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.02),0 8px 40px rgba(0,0,0,0.35)}/* R2 — Title bar dots enhancement */ .tf-dots i{width:8px;height:8px}.tf-dots i:nth-child(3){box-shadow:0 0 6px rgba(61,220,132,0.3)}/* R2 — Status pulse enhancement */ .tf-pulse{box-shadow:0 0 6px var(--green),0 0 16px rgba(61,220,132,0.2)}/* R2 — Terminal bar gradient */ .tf-bar{background:linear-gradient(180deg,#060810 0%,#040608 100%)}/* R2 — Terminal body subtle vignette */ .terminal-frame .tf-body{position:relative}.terminal-frame .tf-body::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,0.12) 100%);pointer-events:none;border-radius:inherit;z-index:0}/* ================================================================ R3. INTELLIGENCE CARDS & ADJACENCY REFINEMENTS ================================================================ */ /* R3 — Intelligence card hover:subtle top-border glow + stronger box-shadow */ .ig-card:hover{border-top-color:rgba(201,162,77,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.25),0 0 0 1px rgba(201,162,77,0.08)}/* R3 — Progress bar (.ig-fill) shimmer on load */ .ig-fill{background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));background-size:200% 100%;animation:igShimmer 1.2s ease-out 1}@keyframes igShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}/* R3 — Depletion bar (.ig-dep-fill) shimmer */ .ig-dep-fill{background:linear-gradient(90deg,var(--red),#e8b339,var(--red));background-size:200% 100%;animation:igDepShimmer 1.2s ease-out 1}@keyframes igDepShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}/* R3 — Data source badges:color-matching glow on hover */ .ig-src.txdot:hover{box-shadow:0 0 8px rgba(91,147,217,0.2)}.ig-src.usgs:hover{box-shadow:0 0 8px rgba(77,212,192,0.2)}.ig-src.census:hover{box-shadow:0 0 8px rgba(61,220,132,0.2)}.ig-src.city:hover{box-shadow:0 0 8px rgba(232,179,57,0.2)}.ig-src.mls:hover{box-shadow:0 0 8px rgba(91,147,217,0.2)}.ig-src.fema:hover{box-shadow:0 0 8px rgba(244,114,182,0.2)}/* R3 — Adjacency connector:gold pulse traveling along dashed line */ .adj-line{position:relative;overflow:visible}.adj-line::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),transparent);border-radius:2px;box-shadow:0 0 8px rgba(201,162,77,0.4);animation:adjPulse 2.5s ease-in-out infinite}@keyframes adjPulse{0%{left:0;opacity:0.6}50%{opacity:1}100%{left:100%;opacity:0.6}}/* R3 — Card number counter:tabular figures for aligned digits */ .ig-val{font-variant-numeric:tabular-nums}/* R4 — Gallery items:subtle gold border on hover */ .gal-item{border:1px solid transparent}.gal-item:hover{border:1px solid rgba(201,162,77,0.15)}/* R4 — Gallery captions:darker gradient + glass effect */ .gal-cap{background:linear-gradient(transparent,rgba(0,0,0,0.85));backdrop-filter:blur(4px)}/* R4 — Featured gallery item:subtle gold border-left */ .gal-featured{border-left:2px solid rgba(201,162,77,0.15)}/* R4 — Lightbox overlay:improved backdrop + blur */ .lightbox{background:rgba(3,4,6,0.97);backdrop-filter:blur(20px)}/* R4 — Lightbox image:subtle shadow */ .lightbox img{box-shadow:0 20px 60px rgba(0,0,0,0.5)}/* R4 — Lightbox nav buttons:gold border + background tint on hover */ .lb-nav:hover{border-color:rgba(201,162,77,0.3);background:rgba(201,162,77,0.06)}/* R5 */ .dt{transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.dt:hover{transform:translateY(-1px)}.dt.active{box-shadow:0 4px 16px rgba(201,162,77,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}.dp-visual{border:1px solid rgba(201,162,77,0.08)}.dp-visual:hover{border-color:rgba(201,162,77,0.15)}.dp-row{transition:background 300ms cubic-bezier(0.4,0,0.2,1)}.dp-row:hover{background:rgba(201,162,77,0.03)}.dp-badge{animation:roiBadgePulse 2s ease-in-out infinite}@keyframes roiBadgePulse{0%,100%{box-shadow:0 2px 8px rgba(201,162,77,0.2)}50%{box-shadow:0 4px 20px rgba(201,162,77,0.35)}}/* R6 */ .math-after{border-left:1px solid rgba(201,162,77,0.12)}.math-after .math-row:hover{border-left:2px solid rgba(201,162,77,0.2);padding-left:8px;background:rgba(201,162,77,0.02)}.md-mult{text-shadow:0 0 30px rgba(201,162,77,0.2),0 0 60px rgba(201,162,77,0.08);animation:multReveal 1s cubic-bezier(0.34,1.56,0.64,1) forwards}@keyframes multReveal{from{transform:scale(0.8)}to{transform:scale(1)}}.md-arrow{box-shadow:0 0 12px rgba(201,162,77,0.15);border-color:rgba(201,162,77,0.2)}.up em{padding:4px 10px;box-shadow:0 0 12px rgba(42,124,111,0.3)}.up b{text-shadow:0 0 12px rgba(201,162,77,0.25)}/* R7 */ .contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-left:2px solid var(--gold);caret-color:var(--gold)}.terminal-frame .contact-form .btn-gold:hover{animation:submitGlow 0.6s ease-out}@keyframes submitGlow{0%,100%{box-shadow:0 4px 20px rgba(201,162,77,0.35)}50%{box-shadow:0 0 30px rgba(201,162,77,0.4)}}.contact-urgency .cu-dot{box-shadow:0 0 8px var(--red),0 0 20px rgba(224,82,82,0.15)}.form-msg{text-shadow:0 0 20px rgba(61,220,132,0.2);animation:formMsgFadeIn 0.4s ease-out}@keyframes formMsgFadeIn{from{opacity:0}to{opacity:1}}.contact-form select:hover{border-color:rgba(201,162,77,0.2)}/* R8 */ .elev-bar-line:hover{filter:brightness(1.3);border-color:rgba(201,162,77,0.4)}.elev-peak .elev-bar-line::after{animation:elevPeakPulse 2s ease-in-out infinite}@keyframes elevPeakPulse{0%,100%{box-shadow:0 0 12px rgba(201,162,77,0.5)}50%{box-shadow:0 0 24px rgba(201,162,77,0.8)}}.elev-badge{box-shadow:0 2px 8px rgba(201,162,77,0.2)}.term-card:hover{border-top:1px solid rgba(201,162,77,0.2)}.lease-card{border-left:3px solid rgba(201,162,77,0.4)}.lease-card:hover{border-left-color:rgba(201,162,77,0.6)}.lc-benefits li{position:relative;padding:8px 0 8px 16px}.lc-benefits li::before{content:'';position:absolute;left:0;top:14px;width:4px;height:4px;border-radius:50%;background:var(--gold)}/* R9 */ .scroll-bar{height:3px;box-shadow:0 0 8px rgba(201,162,77,0.3)}.fab.visible{animation:fabPulse 3s ease-in-out infinite}@keyframes fabPulse{0%,100%{box-shadow:0 4px 20px rgba(201,162,77,0.35)}50%{box-shadow:0 6px 28px rgba(201,162,77,0.5)}}.nav-logo-mark{transition:box-shadow 300ms var(--ease)}.nav-logo-mark:hover{box-shadow:0 0 12px rgba(201,162,77,0.3)}.btn-gold,.btn-outline{transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.btn-outline:hover{border-color:rgba(201,162,77,0.3)}.reveal{transform:translateY(20px) scale(0.98)}.reveal.visible{transform:translateY(0) scale(1)}.footer-links a:hover{text-decoration:underline;text-decoration-color:rgba(201,162,77,0.3);text-underline-offset:4px}/* ================================================================ F2-R1:Lots section enhancements — terminal table polish ================================================================ */ /* F2-R1:1. Lot table row hover — left-border accent that slides in */ .lt-row{border-left:3px solid transparent;margin-left:0;transition:border-left 220ms var(--ease),background 220ms var(--ease),transform 220ms var(--ease),padding-left 220ms var(--ease)}.lt-row:hover{border-left:3px solid var(--gold);padding-left:19px;/* 16 + 3 to shift content right */}/* F2-R1:2. Lot number — data terminal badge styling */ .lt-num{background:rgba(201,162,77,0.06);border-radius:4px;padding:2px 6px;display:inline-block}/* F2-R1:3. Westin Boundary tags — subtle glow + micro pulse */ .lt-tag.gold{box-shadow:0 0 8px rgba(201,162,77,0.15);animation:ltGoldPulse 2.5s ease-in-out infinite}@keyframes ltGoldPulse{0%,100%{opacity:0.85}50%{opacity:1}}/* F2-R1:4. Largest flag — shimmer sweep animation */ .lt-flag{animation:ltFlagShimmer 3s ease-in-out infinite;background:linear-gradient( 90deg,var(--gold) 0%,var(--gold) 40%,var(--gold-light) 50%,var(--gold) 60%,var(--gold) 100% );background-size:200% 100%;background-position:100% 0}@keyframes ltFlagShimmer{0%{background-position:100% 0}50%{background-position:0 0}100%{background-position:100% 0}}/* F2-R1:5. Table header — gradient line instead of flat border */ .lt-header{border-bottom:none;background-image:linear-gradient( to right,transparent 0%,rgba(201,162,77,0.15) 20%,rgba(201,162,77,0.35) 50%,rgba(201,162,77,0.15) 80%,transparent 100% );background-size:100% 1px;background-repeat:no-repeat;background-position:bottom;padding-bottom:9px;/* preserve spacing where border was */}/* F2-R1:6. Terminal footer — gold dot separators + icon tint */ .tf-footer span:not(:last-child)::after{content:' · ';color:var(--gold);opacity:0.6;margin-left:24px;margin-right:8px}.tf-footer i{color:var(--gold);filter:brightness(1.1)}/* F2-R1:7. Alternating row backgrounds — depth */ .lot-table .lt-row:nth-child(odd){background:rgba(255,255,255,0.008)}.lot-table .lt-row:nth-child(odd):hover{background:rgba(201,162,77,0.04)}/* F2-R3 — Elevation visualization:dramatic,data-terminal premium */ .elev-chart{border-bottom:1px solid transparent;background-image:linear-gradient(90deg,transparent 10%,rgba(201,162,77,0.15) 50%,transparent 90%);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat}.elev-col::before{content:'';position:absolute;left:0;width:50%;height:0;border-top:1px dashed rgba(201,162,77,0.2);pointer-events:none}.elev-col:nth-child(1)::before{top:60%}.elev-col:nth-child(2)::before{top:38%}.elev-col:nth-child(3)::before{top:22%}.elev-col:nth-child(4)::before{top:0}.elev-col{position:relative}.elev-peak .elev-bar-line{background:linear-gradient(180deg,rgba(201,162,77,0.9) 0%,rgba(201,162,77,0.4) 30%,rgba(201,162,77,0.1) 70%,transparent 100%)}.elev-peak .elev-bar-line::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:2px;height:2px;border-radius:50%;background:transparent;box-shadow:-4px 0 0 rgba(201,162,77,0.8),0 -3px 0 rgba(201,162,77,0.6),4px 0 0 rgba(201,162,77,0.5)}.elev-stats .es:nth-child(1){border-top:1px solid rgba(201,162,77,0.3)}.elev-stats .es:nth-child(2){border-top:1px solid rgba(42,124,111,0.3)}.elev-stats .es:nth-child(3){border-top:1px solid rgba(91,147,217,0.3)}.elev-stats .es:nth-child(4){border-top:1px solid rgba(201,162,77,0.3)}.elev-stats .es:nth-child(1) .es-val::before,.elev-stats .es:nth-child(2) .es-val::before{content:'↑ ';color:#4ade80}#elevation .tf-section-head h2{text-shadow:0 0 20px rgba(201,162,77,0.25),0 0 40px rgba(201,162,77,0.12)}/* ================================================================ F2-R2 — Intelligence:Classified investor briefing terminal ================================================================ */ /* 1. Intelligence card layout — left border accent,hover to source color */ #intelligence .ig-card{border-left:2px solid transparent;transition:border-left-color var(--transition),transform 300ms var(--ease),border-color 300ms var(--ease),box-shadow 300ms var(--ease)}#intelligence .ig-card:has(.ig-src.txdot):hover{border-left-color:var(--gold)}#intelligence .ig-card:has(.ig-src.usgs):hover{border-left-color:var(--teal)}#intelligence .ig-card:has(.ig-src.census):hover{border-left-color:var(--green)}#intelligence .ig-card:has(.ig-src.city):hover{border-left-color:#e8b339}/* 2. Big values — data terminal readout styling */ #intelligence .ig-val{font-feature-settings:"tnum";letter-spacing:1px}/* 3. Source badges — larger,left border matching color */ #intelligence .ig-src{padding:4px 12px;border-left:2px solid currentColor}/* 4. Progress/depletion bars — tick mark at leading edge */ #intelligence .ig-fill,#intelligence .ig-dep-fill{position:relative}#intelligence .ig-fill::after,#intelligence .ig-dep-fill::after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;height:100%;background:#fff;opacity:0.85}/* 5. Classified tag — red left border */ #intelligence .tf-classified{border-left:2px solid var(--red);padding-left:10px;display:inline-block}/* 6. Adjacency blocks — center gradient,icon bounce on hover */ #intelligence .adj-block{background:linear-gradient(180deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0.04) 50%,rgba(255,255,255,0.02) 100%);border-radius:var(--radius);padding:16px}#intelligence .adj-block .adj-icon{transition:transform var(--transition)}#intelligence .adj-block:hover .adj-icon{transform:scale(1.05)}/* 7. Adjacency connector label — gold brackets */ #intelligence .adj-label::before{content:'[ ';color:var(--gold)}#intelligence .adj-label::after{content:' ]';color:var(--gold)}/* F2-R5 */ .dt{position:relative}.dt::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);opacity:0;transition:opacity 300ms var(--ease)}.dt.active::after{opacity:1}@keyframes panelSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.dev-panel.active{animation:panelSlideIn 400ms ease}.dp-visual::after{content:'CONCEPTUAL RENDERING';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:0.9rem;opacity:0.15;transform:rotate(-15deg);pointer-events:none}.dp-specs{border-top:1px solid rgba(201,162,77,0.15)}.dp-specs .dp-row span:first-child{color:var(--text-dim)}.dp-specs .dp-row span:last-child{color:var(--text);font-family:var(--mono)}.dp-row:has(.gold){box-shadow:inset 3px 0 0 rgba(201,162,77,0.15)}.dp-badge::before{content:'✦ ';color:var(--gold)}/* F2-R6 */ .math-before,.tf-full .math-before{background:repeating-linear-gradient(45deg,transparent 0,transparent 3px,rgba(0,0,0,0.05) 3px,rgba(0,0,0,0.05) 4px),rgba(0,0,0,0.2);filter:saturate(0.9)}.math-after{background:linear-gradient(180deg,rgba(201,162,77,0.03) 0%,transparent 30%)}.math-after .math-row .up{font-weight:700;font-size:0.95rem}.math-divider{position:relative}.math-divider::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,77,0.25) 0%,rgba(201,162,77,0.08) 40%,transparent 70%);pointer-events:none;animation:dividerPulse 2.5s ease-in-out infinite}@keyframes dividerPulse{0%,100%{opacity:0.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.md-mult{outline:2px solid rgba(201,162,77,0.2);outline-offset:8px;border-radius:50%}#investment .tf-section-head h2 .gold{text-decoration:underline;text-decoration-color:rgba(201,162,77,0.3);text-underline-offset:6px}.up em{border-radius:100px;box-shadow:0 0 12px rgba(42,124,111,0.3),0 0 20px rgba(42,124,111,0.15)}/* F2-R7 */ .terms-grid .term-card:nth-child(1),.terms-grid .term-card:nth-child(2){border-top:2px solid rgba(201,162,77,0.25);background:rgba(255,255,255,0.04)}.tc-val{letter-spacing:-0.5px;font-feature-settings:"tnum"}.tc-src{border-bottom:1px solid rgba(201,162,77,0.1);padding-bottom:4px}.lease-card{background-image:linear-gradient(180deg,rgba(201,162,77,0.1) 0%,transparent 10px),repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(201,162,77,0.035) 24px,rgba(201,162,77,0.035) 25px);background-color:var(--bg-card)}.terminal-frame .lease-card,.tf-full .lease-card{background-image:linear-gradient(180deg,rgba(201,162,77,0.1) 0%,transparent 10px),repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(201,162,77,0.035) 24px,rgba(201,162,77,0.035) 25px)}.lease-card .lc-header i{animation:lcIconSpin 20s linear infinite}@keyframes lcIconSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.lc-item .lc-val{transition:color 250ms var(--ease)}.lc-item:hover .lc-val{color:var(--gold-light)}.lc-benefits li::before{content:'✓';color:var(--green);margin-right:8px;font-weight:700;position:static;left:auto;top:auto;width:auto;height:auto;border-radius:0;background:none}/* F2-R9 */ .nav-logo-mark{text-shadow:0 1px 2px rgba(0,0,0,0.3)}.nav.scrolled .nav-logo-mark{box-shadow:0 0 0 2px rgba(201,162,77,0.15)}.nav-links a.active{color:var(--gold);position:relative}.nav-links a.active::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--gold)}.nav-cta{position:relative;overflow:hidden}.nav-cta::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);animation:navCtaShimmer 5s ease-in-out infinite}@keyframes navCtaShimmer{0%{left:-100%}20%{left:100%}100%{left:100%}}.footer-brand .nav-logo-mark{box-shadow:0 0 0 2px rgba(201,162,77,0.1)}.footer-bottom p:first-child::after{content:' · ';color:var(--gold);opacity:0.6}.footer-links a{position:relative}.footer-links a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.footer-links a::before{content:'→';position:absolute;right:100%;margin-right:6px;opacity:0;transition:opacity 300ms var(--ease)}.footer-links a:hover::before{opacity:1}.fab{outline:2px solid rgba(201,162,77,0.15);outline-offset:4px}.fab.visible{animation:fabPulse 3s ease-in-out infinite,fabRingPulse 3s ease-in-out infinite}@keyframes fabRingPulse{0%,100%{outline-color:rgba(201,162,77,0.15)}50%{outline-color:rgba(201,162,77,0.35)}}/* ---------------------------------------------------------------- D-R1 — Lots section DRAMATIC:scan,threat-level,Westin tags,flags ---------------------------------------------------------------- */ /* D-R1:1. Lot table rows — live scan effect */ .lt-row{position:relative;overflow:hidden}.lt-row::after{content:'';position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(201,162,77,0.06) 50%,transparent 100% );pointer-events:none;animation:ltScanSweep 8s ease-in-out infinite}.lot-table .lt-row:nth-child(2)::after{animation-delay:0s}.lot-table .lt-row:nth-child(3)::after{animation-delay:1.6s}.lot-table .lt-row:nth-child(4)::after{animation-delay:3.2s}.lot-table .lt-row:nth-child(5)::after{animation-delay:4.8s}@keyframes ltScanSweep{0%{left:-100%}100%{left:100%}}/* D-R1:2. Row hover — threat-level activation */ .lt-row:hover{background:rgba(201,162,77,0.08) !important;box-shadow:inset 0 0 30px rgba(201,162,77,0.04),0 0 20px rgba(201,162,77,0.03)}.lt-row:hover .lt-num{transform:scale(1.1)}.lt-row:hover .lt-addr{color:#fff !important}.lt-num{transition:transform 220ms var(--ease)}.lt-addr{transition:color 220ms var(--ease)}/* D-R1:3. Westin Boundary tags — CRITICAL classification */ .lt-tag.gold{text-shadow:0 0 8px rgba(201,162,77,0.4);border:1px solid rgba(201,162,77,0.3);animation:ltGoldPulse 2.5s ease-in-out infinite,ltTagBorderPulse 2.5s ease-in-out infinite}@keyframes ltTagBorderPulse{0%,100%{border-color:rgba(201,162,77,0.2)}50%{border-color:rgba(201,162,77,0.4)}}/* D-R1:4. "Largest" flag — priority target */ .lt-flag{background:linear-gradient(135deg,var(--gold),#e8b339) !important;box-shadow:0 0 12px rgba(201,162,77,0.4)}/* D-R1:5. Table header — command strip */ .lt-header{background:linear-gradient( 90deg,rgba(201,162,77,0.02),transparent,rgba(201,162,77,0.02) ) !important;letter-spacing:2px}/* D-R1:6. Terminal footer — status bar with live feel */ .tf-footer{position:relative;overflow:hidden}.tf-footer::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(201,162,77,0.04) 50%,transparent 100% );pointer-events:none;animation:tfFooterScan 6s ease-in-out infinite}@keyframes tfFooterScan{0%{left:-100%}100%{left:100%}}.tf-pulse{width:7px !important;height:7px !important;box-shadow:0 0 8px rgba(57,220,132,0.6),0 0 12px rgba(57,220,132,0.4)}/* D-R3 — Elevation:CONQUERING THE SKYLINE. Military targeting display. */ /* 1. Peak bar — DOMINANT PRESENCE */ .elev-peak .elev-bar-line{box-shadow:0 0 30px rgba(201,162,77,0.3),0 0 60px rgba(201,162,77,0.1)}.elev-peak .elev-bar-line::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:2px;height:40px;background:linear-gradient(to top,rgba(201,162,77,0.8) 0%,rgba(201,162,77,0) 100%);border-radius:2px;animation:elevBeamPulse 3s ease-in-out infinite}@keyframes elevBeamPulse{0%,100%{opacity:0.6}50%{opacity:1}}/* 2. Other bars — diminished */ .elev-col:not(.elev-peak){opacity:0.6;transition:opacity 300ms var(--ease)}.elev-col:not(.elev-peak):hover{opacity:0.85}.elev-col:not(.elev-peak) .elev-bar-line::after{width:6px;height:6px;top:-3px;box-shadow:0 0 4px rgba(201,162,77,0.25)}.elev-col:not(.elev-peak) .elev-val,.elev-col:not(.elev-peak) .elev-lbl{color:var(--text-muted)}/* 3. Peak value (761') — UNMISSABLE */ .elev-peak .elev-val{font-size:1.6rem;text-shadow:0 0 20px rgba(201,162,77,0.4),0 0 40px rgba(201,162,77,0.15)}.elev-peak .elev-badge{animation:elevBadgeGlow 2s ease-in-out infinite}@keyframes elevBadgeGlow{0%,100%{box-shadow:0 2px 8px rgba(201,162,77,0.3)}50%{box-shadow:0 0 16px rgba(201,162,77,0.5),0 0 24px rgba(201,162,77,0.2)}}/* 4. Elevation stats — impact numbers */ .elev-stats .es:nth-child(1) .es-val,.elev-stats .es:nth-child(2) .es-val{color:#4ade80}.elev-stats .es:nth-child(3) .es-val{letter-spacing:2px}/* 5. Section heading — POWERFUL */ #elevation .tf-section-head h2{text-shadow:0 0 30px rgba(201,162,77,0.35),0 0 60px rgba(201,162,77,0.2)}#elevation .tf-section-head h2::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-24px;width:1px;height:36px;background:linear-gradient(to bottom,rgba(201,162,77,0.5) 0%,rgba(201,162,77,0) 100%)}#elevation .tf-section-head{position:relative}#elevation .tf-section-head h2{position:relative}/* 6. Chart container — radar sweep */ .elev-chart{position:relative}.elev-chart::after{content:'';position:absolute;inset:0;background:conic-gradient(from 0deg at 75% 100%,transparent 0deg,rgba(201,162,77,0.03) 90deg,transparent 180deg);transform-origin:75% 100%;animation:elevRadarSweep 20s linear infinite;pointer-events:none}@keyframes elevRadarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}/* D-R2 — Intelligence section:TOP SECRET dossier drama */ /* 1. Threat-level borders — always visible left accent */ #intelligence .ig-card:nth-child(1){border-left:3px solid #5b93d9}#intelligence .ig-card:nth-child(2){border-left:3px solid #4dd4c0}#intelligence .ig-card:nth-child(3){border-left:3px solid var(--green)}#intelligence .ig-card:nth-child(4){border-left:3px solid #e05252}/* 2. Big values — perpetual subtle pulse */ @keyframes valPulse{0%,100%{text-shadow:0 0 20px rgba(201,162,77,0.1)}50%{text-shadow:0 0 40px rgba(201,162,77,0.25)}}#intelligence .ig-val{animation:valPulse 3s ease-in-out infinite}/* 3. Progress bar — data stream racing across filled portion */ #intelligence .ig-fill{overflow:visible}#intelligence .ig-fill::before{content:'';position:absolute;top:0;left:-20px;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(232,212,139,0.9),rgba(201,162,77,1),rgba(232,212,139,0.9),transparent );animation:dataStream 3s linear infinite;pointer-events:none}@keyframes dataStream{0%{left:-20px}100%{left:100%}}/* 4. Depletion bar — DANGER ZONE red pulse at marker */ @keyframes depMarkerPulse{0%,100%{box-shadow:0 0 8px var(--red),0 0 16px rgba(224,82,82,0.3)}50%{box-shadow:0 0 14px var(--red),0 0 28px rgba(224,82,82,0.5)}}#intelligence .ig-dep-marker{animation:depMarkerPulse 2s ease-in-out infinite}/* 5. Classified tag — scanline + screen flicker */ #intelligence .tf-classified{position:relative;overflow:hidden;animation:classifiedFlicker 5s ease-in-out infinite}#intelligence .tf-classified::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(224,82,82,0.15) 30%,rgba(224,82,82,0.4) 50%,rgba(224,82,82,0.15) 70%,transparent 100% );animation:scanlineSweep 2s linear infinite;pointer-events:none}@keyframes scanlineSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes classifiedFlicker{0%,96%{opacity:1}98%,99%{opacity:0.7}100%{opacity:1}}/* 6. Adjacency — gold particles along path + breathing blocks */ #intelligence .adj-connector{position:relative}#intelligence .adj-line{position:relative;overflow:visible}#intelligence .adj-line::before,#intelligence .adj-line::after,#intelligence .adj-connector::before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px rgba(201,162,77,0.8);animation:particleTravel 2.5s ease-in-out infinite}#intelligence .adj-line::after{animation-delay:0.8s}#intelligence .adj-connector::before{animation-delay:1.6s}@keyframes particleTravel{0%{left:0;opacity:0.6}50%{opacity:1}100%{left:100%;opacity:0.6}}#intelligence .adj-block{animation:blockBreathe 4s ease-in-out infinite}@keyframes blockBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.01)}}/* ---------------------------------------------------------------- D-R5 — Dev section STRATEGIC COMMAND CENTER ---------------------------------------------------------------- */ /* D-R5:1. Tab bar — command selector */ .dt.active::after{box-shadow:0 3px 12px rgba(201,162,77,0.3)}.dt:not(.active){position:relative}.dt:not(.active)::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,77,0.12),transparent);opacity:0.6;animation:dtScanLine 3s ease-in-out infinite}@keyframes dtScanLine{0%,100%{opacity:0.3}50%{opacity:0.6}}/* D-R5:2. Panel entrance — dramatic reveal */ @keyframes panelSlideIn{from{opacity:0;transform:translateX(40px) scale(0.98)}to{opacity:1;transform:translateX(0) scale(1)}}.dev-panel.active{animation:panelSlideIn 500ms cubic-bezier(0.34,1.56,0.64,1)}/* D-R5:3. Render images — blueprint overlay (grid on::after with watermark) */ .dp-visual::after{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 19px,rgba(201,162,77,0.035) 19px,rgba(201,162,77,0.035) 20px),repeating-linear-gradient(90deg,transparent 0,transparent 19px,rgba(201,162,77,0.035) 19px,rgba(201,162,77,0.035) 20px);background-size:20px 20px}/* D-R5:4. Specs table rows — data terminal scan sweep */ .dp-specs .dp-row{position:relative;overflow:hidden}.dp-specs .dp-row::after{content:'';position:absolute;top:0;left:-100%;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.03),transparent);pointer-events:none;animation:dpRowScan 9s ease-in-out infinite}.dp-specs .dp-row:nth-child(1)::after{animation-delay:0s}.dp-specs .dp-row:nth-child(2)::after{animation-delay:1.5s}.dp-specs .dp-row:nth-child(3)::after{animation-delay:3s}.dp-specs .dp-row:nth-child(4)::after{animation-delay:4.5s}.dp-specs .dp-row:nth-child(5)::after{animation-delay:6s}.dp-specs .dp-row:nth-child(n+6)::after{animation-delay:7.5s}@keyframes dpRowScan{0%{left:-100%}100%{left:100%}}/* D-R5:5. "Highest ROI" badge — PREMIUM ALERT */ .dp-badge{background:linear-gradient(135deg,var(--gold),#e8b339);box-shadow:0 0 20px rgba(201,162,77,0.4),0 0 40px rgba(201,162,77,0.15);animation:dpBadgeGlow 2s ease-in-out infinite}@keyframes dpBadgeGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}/* D-R5:6. Specs gold values — DRAMATIC emphasis */ .dev-panel.active .dp-row .gold{text-shadow:0 0 12px rgba(201,162,77,0.4),0 0 24px rgba(201,162,77,0.2);animation:goldFlash 0.8s cubic-bezier(0.34,1.56,0.64,1) 0.25s both}@keyframes goldFlash{0%{opacity:0.6;text-shadow:0 0 0 rgba(201,162,77,0)}40%{opacity:1;text-shadow:0 0 20px rgba(201,162,77,0.6),0 0 40px rgba(201,162,77,0.3)}100%{opacity:1;text-shadow:0 0 12px rgba(201,162,77,0.4),0 0 24px rgba(201,162,77,0.2)}}/* D-R6 — Investment math table:MONEY TRANSFORM (dead → surging) */ /* 1. Before column — DEAD STATE */ .math-before,.tf-full .math-before{filter:saturate(0.7) brightness(0.9);position:relative}.math-before::after{content:'';position:absolute;inset:0;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;opacity:0.03;pointer-events:none}.math-before .dim,.math-before .math-row span.dim{color:rgba(224,82,82,0.4) !important}/* 2. After column — SURGING LIFE */ .math-after{position:relative;overflow:hidden}.math-after::before{content:'';position:absolute;inset:-50%;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(201,162,77,0.15) 0%,transparent 60%);pointer-events:none;animation:goldAmbientPulse 4s ease-in-out infinite}@keyframes goldAmbientPulse{0%,100%{opacity:0.02}50%{opacity:0.06}}.math-after .math-row .up{animation:upValueFlash 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards}.math-after .math-row:nth-child(4) .up{animation-delay:0.05s}.math-after .math-row:nth-child(5) .up{animation-delay:0.12s}.math-after .math-row:nth-child(6) .up{animation-delay:0.19s}.math-after .math-row:nth-child(7) .up{animation-delay:0.26s}@keyframes upValueFlash{0%{filter:brightness(0.7);text-shadow:0 0 0 rgba(201,162,77,0)}50%{filter:brightness(1.2);text-shadow:0 0 16px rgba(201,162,77,0.5),0 0 32px rgba(201,162,77,0.25)}100%{filter:brightness(1);text-shadow:0 0 12px rgba(201,162,77,0.25),0 0 24px rgba(201,162,77,0.12)}}/* 3. The 2.9× multiplier — EXPLOSIVE MONEY SHOT */ .md-mult{font-size:3rem !important;text-shadow:0 0 20px rgba(201,162,77,0.4),0 0 40px rgba(201,162,77,0.2),0 0 80px rgba(201,162,77,0.1);animation:multReveal 1s cubic-bezier(0.34,1.56,0.64,1) forwards,multScalePulse 3s ease-in-out 1s infinite}@keyframes multScalePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}/* 4. Arrow icon — ENERGY FLOW */ .md-arrow{color:#e8b339;animation:arrowTrailPulse 2s ease-in-out infinite}@keyframes arrowTrailPulse{0%,100%{box-shadow:0 0 8px rgba(201,162,77,0.2)}50%{box-shadow:0 0 24px rgba(201,162,77,0.5)}}/* 5. +195% badge — DRAMATIC */ .math-after .up b{font-size:1.1em;text-shadow:0 0 16px rgba(201,162,77,0.5),0 0 32px rgba(201,162,77,0.25);animation:pct195Flash 0.8s cubic-bezier(0.34,1.56,0.64,1) 0.4s both}@keyframes pct195Flash{0%{opacity:0.7;text-shadow:0 0 8px rgba(201,162,77,0.2)}40%{opacity:1;text-shadow:0 0 24px rgba(201,162,77,0.7),0 0 48px rgba(201,162,77,0.35)}100%{opacity:1;text-shadow:0 0 16px rgba(201,162,77,0.5),0 0 32px rgba(201,162,77,0.25)}}/* 6. NEW badges — ALERT pulse */ .math-after .up em{animation:newBadgePulse 2s ease-in-out infinite}@keyframes newBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}/* 7. Divider border — energy flowing between states */ .math-divider{position:relative}.math-divider::after{content:'';position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(201,162,77,0.2) 15%,rgba(201,162,77,0.9) 45%,rgba(201,162,77,0.9) 55%,rgba(201,162,77,0.2) 85%,transparent 100%);background-size:100% 200%;transform:translateX(-50%);animation:dividerEnergyFlow 2.5s ease-in-out infinite;pointer-events:none}@keyframes dividerEnergyFlow{0%{background-position:0 0;filter:brightness(0.7)}50%{background-position:0 50%;filter:brightness(1.2)}100%{background-position:0 100%;filter:brightness(0.7)}}/* D-R7 — Premium auction terms:THE OFFER commands attention */ /* 1. Grid pattern — subtle dot/grid behind terms */ .terms-grid{position:relative}.terms-grid::before{content:'';position:absolute;inset:-8px;background-image:radial-gradient(circle,rgba(201,162,77,0.06) 1px,transparent 1px),linear-gradient(rgba(201,162,77,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,77,0.03) 1px,transparent 1px);background-size:20px 20px,24px 24px,24px 24px;background-position:0 0,0 0,0 0;pointer-events:none;z-index:0}.terms-grid > *{position:relative;z-index:1}/* 2. Primary price cards ($4.75M,$7/SF) — dramatic gold top-border glow */ .terms-grid .term-card:nth-child(1),.terms-grid .term-card:nth-child(2){box-shadow:0 -2px 12px rgba(201,162,77,0.15),0 4px 20px rgba(0,0,0,0.2)}.terms-grid .term-card:nth-child(1) .tc-val,.terms-grid .term-card:nth-child(2) .tc-val{animation:tcValBreathe 3s ease-in-out infinite}@keyframes tcValBreathe{0%,100%{text-shadow:0 0 20px rgba(201,162,77,0.2)}50%{text-shadow:0 0 28px rgba(201,162,77,0.35)}}/* 3. All card values — gold text-shadow,intensify on hover */ .tc-val{text-shadow:0 0 20px rgba(201,162,77,0.2);transition:text-shadow 300ms var(--ease,ease)}.term-card:hover .tc-val{text-shadow:0 0 30px rgba(201,162,77,0.35)}/* 4. Card hover — premium lift */ .term-card{transition:transform 300ms var(--ease,ease),border-color 300ms var(--ease,ease),box-shadow 300ms var(--ease,ease)}.term-card:hover{border-color:rgba(201,162,77,0.25);transform:translateY(-3px) scale(1.02)}/* 5. Lease card — FEATURED DEAL:gold gradient left edge + animated scanline */ .lease-card{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(201,162,77,0.35) 0%,rgba(201,162,77,0.15) 6px,transparent 8px),linear-gradient(180deg,rgba(201,162,77,0.08) 0%,transparent 10px);background-color:var(--bg-card);border-left:none}.lease-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(201,162,77,0.12) 40%,rgba(201,162,77,0.25) 50%,rgba(201,162,77,0.12) 60%,transparent 100% );animation:leaseScanlineSweep 3s linear infinite;pointer-events:none;z-index:0}@keyframes leaseScanlineSweep{0%{transform:translateX(-100%);opacity:0.6}10%{opacity:1}90%{opacity:1}100%{transform:translateX(100%);opacity:0.6}}/* 6. Lease values on hover — DRAMATIC glow + brief flash */ .lease-card .lc-val{transition:text-shadow 200ms ease,color 200ms ease}.lease-card:hover .lc-val{text-shadow:0 0 24px rgba(201,162,77,0.5),0 0 48px rgba(201,162,77,0.25);animation:lcValFlash 0.5s ease-out}@keyframes lcValFlash{0%{filter:brightness(1)}20%{filter:brightness(1.4)}100%{filter:brightness(1)}}/* D-R9 — Global cinematic atmosphere:intelligence glow,dramatic reveals,energy line */ body{cursor:crosshair}body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(201,162,77,0.015),transparent 70%);pointer-events:none;z-index:0}.reveal,.terminal-frame.reveal{opacity:0;transform:translateY(30px) scale(0.97);transition:opacity 600ms var(--ease),transform 600ms var(--ease)}.reveal.visible,.terminal-frame.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.terminal-frame.reveal.visible{animation:terminalRevealGoldFlash 0.5s ease-out 1}@keyframes terminalRevealGoldFlash{0%{box-shadow:inset 0 0 0 1px rgba(201,162,77,0.4)}100%{box-shadow:inset 0 0 0 1px rgba(201,162,77,0.08)}}.scroll-bar{height:4px;box-shadow:0 0 12px rgba(201,162,77,0.4),0 0 24px rgba(201,162,77,0.15)}.scroll-bar::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--gold)}.sec + .sec::before,.sec-dark + .sec::before,.sec + .sec-dark::before{background:linear-gradient(90deg,transparent,rgba(201,162,77,0.2),rgba(201,162,77,0.25),rgba(201,162,77,0.2),transparent);animation:dividerVeinPulse 3s ease-in-out infinite}@keyframes dividerVeinPulse{0%,100%{opacity:0.85}50%{opacity:1}}h2{position:relative}h2::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,77,0.3),rgba(201,162,77,0.5),rgba(201,162,77,0.3),transparent)}.terminal-frame{border-color:rgba(201,162,77,0.08);animation:terminalBorderBreathe 6s ease-in-out infinite}@keyframes terminalBorderBreathe{0%,100%{border-color:rgba(201,162,77,0.08)}50%{border-color:rgba(201,162,77,0.14)}}.terminal-frame{cursor:default}/* ================================================================ MOBILE OPTIMIZATION — 41 Fixes Font minimums,touch targets,performance,layout,overflow ================================================================ */ /* ================================================================ HERO TERMINAL DRAMA — Bigger vectors,dramatic fusion,Casey data ================================================================ */ /* ---- LIVE STATS COUNTER BAR ---- */ .ht-live-stats{display:flex;align-items:center;justify-content:center;gap:28px;padding:14px 20px;margin:12px 0;background:rgba(201,162,77,0.03);border:1px solid rgba(201,162,77,0.08);border-radius:10px;font-family:var(--mono)}.htls{display:flex;flex-direction:column;align-items:center;gap:2px}.htls-val{font-size:20px;font-weight:800;color:var(--gold);letter-spacing:-0.5px;text-shadow:0 0 20px rgba(201,162,77,0.2)}.htls-val.htls-blue{color:#5b93d9;text-shadow:0 0 20px rgba(91,147,217,0.2)}.htls-val.htls-green{color:var(--green);text-shadow:0 0 20px rgba(61,220,132,0.2)}.htls-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.htls-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green);font-weight:600}.htls-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:dotPulse 1.5s ease-in-out infinite}/* ---- HERO VECTORS WITH FILL BARS ---- */ .ht-vec-hero{justify-content:center;gap:8px;padding:16px 0 20px}.ht-vec-hero .ht-vec{font-size:11px;padding:6px 12px;border-radius:6px;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px}.htv-name{font-weight:800}.htv-bar{width:100%;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}.htv-fill{height:100%;width:0%;background:currentColor;border-radius:2px;transition:width 0.6s cubic-bezier(0.16,1,0.3,1)}.ht-vec-hero .ht-vec.lit{box-shadow:0 0 16px currentcolor,0 0 32px currentcolor;animation:vecHeroPulse 1.2s ease 1}.ht-vec-hero .ht-vec.lit .htv-fill{box-shadow:0 0 6px currentColor}@keyframes vecHeroPulse{0%{box-shadow:0 0 16px currentcolor;transform:scale(1)}25%{box-shadow:0 0 28px currentcolor,0 0 50px currentcolor;transform:scale(1.08)}100%{box-shadow:0 0 16px currentcolor,0 0 32px currentcolor;transform:scale(1)}}/* ---- SCROLLING PROPERTY FEED ---- */ .ht-feed{max-height:140px;overflow-y:auto;scrollbar-width:none;margin:8px 0;border:1px solid rgba(255,255,255,0.04);border-radius:8px;background:rgba(0,0,0,0.2);font-family:var(--mono);position:relative}.ht-feed::-webkit-scrollbar{display:none}.ht-feed::after{content:'';position:sticky;bottom:0;display:block;height:30px;background:linear-gradient(transparent,rgba(6,10,20,0.9));pointer-events:none}.htf-row{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:12px;border-bottom:1px solid rgba(255,255,255,0.02);animation:htfRowIn 0.3s ease forwards;opacity:0}@keyframes htfRowIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.htf-zip{color:#5b93d9;font-weight:700;min-width:44px}.htf-addr{color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htf-type{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;background:rgba(255,255,255,0.04);color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px}.htf-val{color:var(--gold);font-weight:700;min-width:50px;text-align:right}.htf-conf{color:var(--text-dim);font-weight:700;min-width:36px;text-align:right}.htf-conf.htf-hot{color:var(--green);text-shadow:0 0 8px rgba(61,220,132,0.3)}/* Casey Court row HIGHLIGHT */ .htf-highlight{background:rgba(201,162,77,0.06) !important;border-left:2px solid var(--gold)}.htf-highlight .htf-addr{color:var(--gold) !important;font-weight:700}.htf-highlight .htf-type{background:rgba(201,162,77,0.12);color:var(--gold)}/* ---- SCREEN FLASH on fusion complete ---- */ .ht-flash{position:absolute;inset:0;background:rgba(201,162,77,0.08);z-index:10;pointer-events:none;animation:htFlashBang 0.8s ease-out forwards}@keyframes htFlashBang{0%{opacity:0}15%{opacity:1;background:rgba(201,162,77,0.15)}100%{opacity:0}}/* ---- Responsive ---- */ @media (max-width:768px){.ht-live-stats{gap:14px;padding:10px 14px;flex-wrap:wrap}.htls-val{font-size:16px}.htls-label{font-size:8px}.ht-vec-hero .ht-vec{font-size:9px;padding:4px 8px;min-width:56px}.ht-feed{max-height:110px}.htf-row{font-size:11px;gap:6px;padding:5px 10px}.htf-addr{display:none}.ht-live-stats{display:none}}@media (max-width:480px){.ht-vec-hero .ht-vec{font-size:8px;padding:3px 6px;min-width:46px}.htv-bar{height:2px}.ht-feed{max-height:90px}}/* ---- DRAMATIC fusion bar ---- */ .ht-fuse-dramatic{padding:20px 0 12px;text-align:center}.htfd-label{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;text-shadow:0 0 20px rgba(201,162,77,0.2)}.htfd-bar{width:100%;height:18px;background:rgba(255,255,255,0.04);border-radius:9px;overflow:hidden;position:relative;border:1px solid rgba(201,162,77,0.1)}.htfd-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal),var(--gold),var(--gold-light));border-radius:9px;transition:width 2.8s cubic-bezier(0.16,1,0.3,1);position:relative;box-shadow:0 0 20px rgba(201,162,77,0.3)}.htfd-fill::after{content:'';position:absolute;right:0;top:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4));border-radius:0 9px 9px 0}.htfd-glow{position:absolute;inset:-4px;border-radius:13px;box-shadow:0 0 24px rgba(201,162,77,0.15),0 0 48px rgba(201,162,77,0.06);pointer-events:none;animation:fuseGlowPulse 1s ease-in-out infinite}@keyframes fuseGlowPulse{0%,100%{opacity:0.5}50%{opacity:1}}.htfd-pct{font-family:var(--mono);font-size:20px;font-weight:800;color:var(--gold);margin-top:12px;letter-spacing:2px;text-shadow:0 0 20px rgba(201,162,77,0.3)}/* ---- SIGNAL READOUT — Premium Intel Display ---- */ /* ---- Brochure-style brand block ---- */ .sig-brand{text-align:center;padding:12px 0 6px;opacity:0;transform:translateY(12px);transition:opacity 1s ease,transform 1s ease}.sig-brand.vis{opacity:1;transform:translateY(0)}.sig-monogram{font-family:Georgia,'Times New Roman',serif;font-size:42px;color:var(--gold);letter-spacing:10px;line-height:1;margin:8px 0;text-shadow:0 0 30px rgba(201,162,77,0.2)}.sig-mono-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto}.sig-badge-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}/* Headline — brochure serif typography */ .sig-headline{letter-spacing:6px !important;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.8rem) !important}.sig-headline .gold{font-size:0.55em;letter-spacing:4px}.sig-sub-line{text-align:center;font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin:4px auto 8px;opacity:0;transition:opacity 0.8s ease}.sig-sub-line.vis{opacity:1}.sig-memo-label{text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);opacity:0.6;margin-bottom:12px;padding-top:8px}/* Responsive brochure brand */ @media (max-width:768px){.sig-monogram{font-size:32px;letter-spacing:8px}.sig-headline{letter-spacing:4px !important}.sig-sub-line{font-size:9px;letter-spacing:2px}.sig-memo-label{font-size:8px;letter-spacing:3px}}@media (max-width:480px){.sig-monogram{font-size:26px;letter-spacing:6px}.sig-headline{letter-spacing:3px !important}.sig-sub-line{font-size:8px;letter-spacing:1.5px}.sig-memo-label{font-size:7px;letter-spacing:2px}}/* Signal header bar (legacy selector compat) */ .sig-header{text-align:center;padding:16px 0 8px;opacity:0;transform:translateY(12px);transition:opacity 0.8s ease,transform 0.8s ease}.sig-header.vis{opacity:1;transform:translateY(0)}.sig-top{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.sig-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:800;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;padding:10px 22px;background:rgba(201,162,77,0.06);border:1px solid rgba(201,162,77,0.2);border-radius:10px;animation:sigFlash 1.5s ease 1}.sig-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold),0 0 24px rgba(201,162,77,0.3);animation:dotPulse 2s ease-in-out infinite}.sig-conf-pill{font-family:var(--mono);font-size:13px;font-weight:800;color:var(--green);padding:8px 16px;background:rgba(61,220,132,0.06);border:1px solid rgba(61,220,132,0.2);border-radius:8px;letter-spacing:1px}.sig-conf-val{font-size:18px;margin-right:4px;text-shadow:0 0 16px rgba(61,220,132,0.3)}.sig-grade-pill{font-family:var(--mono);font-size:18px;font-weight:900;color:var(--gold-light);padding:8px 18px;background:rgba(201,162,77,0.08);border:1px solid rgba(201,162,77,0.25);border-radius:8px;text-shadow:0 0 16px rgba(201,162,77,0.3)}.sig-addr{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:1px}/* Key intel metrics — 4 stats with fill bars */ .sig-intel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:600px;margin:12px auto;opacity:0;transform:translateY(12px);transition:opacity 0.8s ease,transform 0.8s ease}.sig-intel.vis{opacity:1;transform:translateY(0)}.sig-stat{text-align:center;padding:10px 6px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:8px}.sig-stat-val{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:800;color:var(--gold);text-shadow:0 0 16px rgba(201,162,77,0.15);margin-bottom:6px}.sig-stat-bar{width:100%;height:3px;background:rgba(255,255,255,0.04);border-radius:2px;overflow:hidden;margin-bottom:6px}.sig-stat-fill{height:100%;background:var(--gold);border-radius:2px;box-shadow:0 0 6px rgba(201,162,77,0.3)}.sig-fill-teal{background:var(--teal);box-shadow:0 0 6px rgba(42,124,111,0.3)}.sig-fill-green{background:var(--green);box-shadow:0 0 6px rgba(61,220,132,0.3)}.sig-fill-red{background:var(--red);box-shadow:0 0 6px rgba(224,82,82,0.3)}.sig-stat-lbl{font-family:var(--mono);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}/* Offer block — premium pricing display */ .sig-offer{display:flex;align-items:center;justify-content:center;gap:0;max-width:520px;margin:12px auto;background:rgba(201,162,77,0.04);border:1px solid rgba(201,162,77,0.12);border-radius:10px;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity 0.8s ease,transform 0.8s ease}.sig-offer.vis{opacity:1;transform:translateY(0)}.sig-offer-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 12px;gap:4px}.sig-offer-val{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:800;color:var(--gold);text-shadow:0 0 20px rgba(201,162,77,0.2)}.sig-offer-lbl{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.sig-offer-div{width:1px;height:40px;background:rgba(201,162,77,0.15)}/* Confirmed vectors strip */ .sig-vectors{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:10px 0;opacity:0;transition:opacity 0.6s ease}.sig-vectors.vis{opacity:1}.sig-vec-label{font-family:var(--mono);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-right:6px}.sig-vec{font-family:var(--mono);font-size:9px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:0.5px;opacity:0.9;box-shadow:0 0 8px currentcolor}.sig-vec.tarrant{color:#e8b339;background:rgba(232,179,57,0.12)}.sig-vec.txdot{color:#5b93d9;background:rgba(91,147,217,0.12)}.sig-vec.census{color:#3ddc84;background:rgba(61,220,132,0.12)}.sig-vec.mls{color:#5b93d9;background:rgba(91,147,217,0.12)}.sig-vec.zillow{color:#56b8e6;background:rgba(86,184,230,0.12)}.sig-vec.usgs{color:#4dd4c0;background:rgba(77,212,192,0.12)}.sig-vec.faa{color:#a78bfa;background:rgba(167,139,250,0.12)}.sig-vec.sat{color:#c084fc;background:rgba(192,132,252,0.12)}.sig-vec.fema{color:#f472b6;background:rgba(244,114,182,0.12)}/* Responsive signal readout */ @media (max-width:768px){.sig-top{gap:8px}.sig-badge{font-size:11px;padding:8px 16px;letter-spacing:2px}.sig-conf-pill{font-size:11px;padding:6px 12px}.sig-conf-val{font-size:15px}.sig-grade-pill{font-size:15px;padding:6px 14px}.sig-addr{font-size:10px}.sig-intel{grid-template-columns:repeat(2,1fr);gap:8px}.sig-stat-val{font-size:1.1rem}.sig-offer{flex-direction:column}.sig-offer-div{width:60%;height:1px}.sig-offer-item{padding:10px}.sig-offer-val{font-size:1.3rem}}@media (max-width:480px){.sig-badge{font-size:10px;padding:6px 12px}.sig-conf-pill{font-size:10px}.sig-grade-pill{font-size:14px}.sig-stat-val{font-size:1rem}.sig-vec{font-size:8px;padding:2px 6px}}/* ---- CASEY COURT property data grid (legacy,kept for fallback) ---- */ .ht-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:580px;margin:0 auto 16px;opacity:0;transform:translateY(16px);transition:opacity 0.8s ease,transform 0.8s ease}.ht-data-grid.vis{opacity:1;transform:translateY(0)}.htd-card{background:rgba(201,162,77,0.04);border:1px solid rgba(201,162,77,0.1);border-radius:8px;padding:12px 8px;text-align:center;transition:border-color 300ms ease,box-shadow 300ms ease}.htd-card:hover{border-color:rgba(201,162,77,0.25);box-shadow:0 0 20px rgba(201,162,77,0.08)}.htd-val{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:800;color:var(--gold);line-height:1.1;margin-bottom:3px;text-shadow:0 0 24px rgba(201,162,77,0.2)}.htd-label{font-family:var(--mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.htd-conf .htd-val{color:var(--green);text-shadow:0 0 24px rgba(61,220,132,0.2)}.htd-grade .htd-val{color:var(--gold-light)}/* ---- Responsive hero drama ---- */ @media (max-width:768px){.ht-vec-hero .ht-vec{font-size:11px;padding:6px 14px}.ht-vec-hero{gap:6px;padding:16px 0 20px}.htfd-label{font-size:11px;letter-spacing:1.5px}.htfd-bar{height:14px}.htfd-pct{font-size:16px}.ht-data-grid{grid-template-columns:repeat(3,1fr);gap:8px}.htd-val{font-size:1.4rem}.htd-label{font-size:9px}.htd-card{padding:12px 8px}}@media (max-width:480px){.ht-vec-hero .ht-vec{font-size:10px;padding:5px 10px}.htfd-bar{height:12px}.htfd-pct{font-size:14px}.ht-data-grid{grid-template-columns:repeat(2,1fr)}.htd-val{font-size:1.2rem}}/* ---- TACTICAL RECON MAP DISPLAY ---- */ .recon-map{display:block;position:relative;margin-bottom:24px;border-radius:12px;overflow:hidden;border:1px solid rgba(201,162,77,0.15);box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 60px rgba(201,162,77,0.03),inset 0 0 80px rgba(0,0,0,0.3)}/* Top accent line */ .recon-map::before{content:'';display:block;height:2px;background:linear-gradient(90deg,transparent 5%,var(--gold) 25%,var(--teal) 50%,var(--gold) 75%,transparent 95%);opacity:0.5;position:relative;z-index:4}.recon-map img{width:100%;height:auto;display:block;filter:brightness(0.55) contrast(1.2) saturate(0.7) hue-rotate(-5deg);transition:filter 600ms ease}.recon-map:hover img{filter:brightness(0.75) contrast(1.1) saturate(0.85)}/* Grid overlay — fine tactical grid */ .recon-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(201,162,77,0.04) 29px,rgba(201,162,77,0.04) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,rgba(201,162,77,0.04) 29px,rgba(201,162,77,0.04) 30px);pointer-events:none;z-index:1}/* Heavy vignette for dramatic focus */ .recon-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 20%,rgba(6,10,20,0.6) 100%),linear-gradient(180deg,rgba(6,10,20,0.5) 0%,transparent 15%,transparent 85%,rgba(6,10,20,0.6) 100%);pointer-events:none;z-index:2}/* Corner tags */ .recon-tag{position:absolute;font-family:var(--mono);font-size:9px;color:rgba(240,237,230,0.75);letter-spacing:1.5px;text-transform:uppercase;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 14px;border-radius:6px;z-index:5;border:1px solid rgba(255,255,255,0.06)}.recon-tl{top:14px;left:14px;border-color:rgba(201,162,77,0.15)}.recon-tr{top:14px;right:14px;color:rgba(240,237,230,0.4);font-size:8px}.recon-bl{bottom:14px;left:14px;color:rgba(240,237,230,0.5);font-size:8px}.recon-br{bottom:14px;right:14px;color:var(--gold);border-color:rgba(201,162,77,0.2);background:rgba(201,162,77,0.08);transition:background 300ms ease,box-shadow 300ms ease}.recon-map:hover .recon-br{background:rgba(201,162,77,0.15);box-shadow:0 0 12px rgba(201,162,77,0.15)}.recon-dot-gold{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold),0 0 20px rgba(201,162,77,0.3);margin-right:6px;vertical-align:middle;animation:dotPulse 2s ease-in-out infinite}/* Property labels */ .recon-label{position:absolute;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;padding:5px 14px;border-radius:4px;z-index:5;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.recon-label-westin{top:10%;left:50%;transform:translateX(-50%);color:var(--teal);background:rgba(6,10,20,0.7);border:1px solid rgba(42,124,111,0.35);box-shadow:0 0 16px rgba(42,124,111,0.1)}.recon-label-lots{top:48%;left:50%;transform:translateX(-50%);color:var(--gold);background:rgba(6,10,20,0.7);border:1px solid rgba(201,162,77,0.3);box-shadow:0 0 20px rgba(201,162,77,0.12);animation:lotsLabelPulse 3s ease-in-out infinite}@keyframes lotsLabelPulse{0%,100%{box-shadow:0 0 20px rgba(201,162,77,0.12)}50%{box-shadow:0 0 28px rgba(201,162,77,0.25)}}/* Scanning line — green radar sweep */ .recon-scanline{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 10%,rgba(61,220,132,0.4) 50%,transparent 90%);box-shadow:0 0 12px rgba(61,220,132,0.2);z-index:3;pointer-events:none;animation:reconScan 5s linear infinite}@keyframes reconScan{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}@media (max-width:768px){.recon-map img{max-height:260px;object-fit:cover;object-position:center 40%}.recon-label{font-size:8px;padding:4px 10px;letter-spacing:2px}.recon-tag{font-size:8px;padding:5px 10px}}@media (max-width:480px){.recon-map img{max-height:200px}.recon-tr{display:none}.recon-label{font-size:7px}}/* Global:fix select dropdown caret */ .contact-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a24d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}/* Global:prevent terms grid overflow */ .terms-grid{overflow:hidden}/* ---- TABLET (1024px) ---- */ @media (max-width:1024px){body{cursor:auto}.math-divider::after{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);background:linear-gradient(to right,transparent 0%,rgba(201,162,77,0.2) 15%,rgba(201,162,77,0.9) 45%,rgba(201,162,77,0.9) 55%,rgba(201,162,77,0.2) 85%,transparent 100%)}}/* ---- TABLET / MOBILE (768px) ---- */ @media (max-width:768px){/* Font minimums — nothing below 10px */ .htf-stat small{font-size:9px;letter-spacing:1px}.hero-term-bar .ht-title{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.hero-term-bar .ht-sig{font-size:10px}.tf-title{font-size:11px}.tf-status,.tf-status-text{font-size:10px}.tf-classified{font-size:10px}.lt-tag{font-size:10px;padding:3px 10px}.lt-flag{font-size:9px;padding:3px 10px}.elev-lbl{font-size:0.65rem}.elev-badge{font-size:10px;padding:3px 8px}.ig-src{font-size:10px}.tc-src{font-size:10px}.up em{font-size:10px}.md-sub{font-size:10px}.md-label{font-size:9px}.math-label{font-size:11px}.lt-header,.lt-row{grid-template-columns:40px 1fr 100px}/* Touch targets — 44px minimum */ .nav-toggle{width:44px;height:44px}.dt{min-height:44px;padding:12px 16px;font-size:0.78rem}/* Performance — disable expensive animations on mobile */ body::before{display:none}.terminal-frame{animation:none !important}#intelligence .ig-val{animation:none}.lt-row::after{animation:none;display:none}.dp-specs .dp-row::after{animation:none;display:none}.lease-card::before{animation:none;opacity:0}.sec + .sec::before,.sec-dark + .sec::before,.sec + .sec-dark::before{animation:none}.tf-footer::before{animation:none;display:none}/* Reduce dramatic effects for readability on mobile */ .ig-val,.tc-val,.es-val,.md-mult{text-shadow:0 0 12px rgba(201,162,77,0.1)}.elev-peak .elev-bar-line{box-shadow:0 0 15px rgba(201,162,77,0.2)}.elev-peak .elev-bar-line::before{width:120%;left:-10%}.elev-chart{overflow:hidden}/* UX — disable hover transforms on touch */ .term-card:hover{transform:none}.ig-card:hover{transform:none}.lot:hover{transform:none}}/* ---- MOBILE (480px) ---- */ @media (max-width:480px){.elev-badge{font-size:9px;padding:3px 8px}.elot-tag{font-size:9px}.ig-val{font-size:1.6rem}.md-mult{font-size:2.2rem !important}.lt-addr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elev-lbl{font-size:0.6rem;max-width:60px;text-align:center;line-height:1.2;word-break:break-word}}/* ---- SMALL MOBILE (400px) ---- */ @media (max-width:400px){.dev-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dt{justify-content:center;padding:12px 8px;font-size:0.72rem;min-height:44px}.htf-stat strong{font-size:0.9rem}.htf-stat small{font-size:8px;letter-spacing:0.5px}.htf-stat{padding:10px 4px}}/* ================================================================ POLISH — Terminal + Signal page refinement & mobile optimization ================================================================ */ /* 1. Live stats counter bar — vertical centering of column children */ .ht-live-stats .htls{justify-content:center}/* 2. Feed rows — consistent height */ .htf-row{min-height:32px;align-items:center}/* 3. Casey Court highlight rows — subtle gold pulse on left border */ @keyframes goldBorderPulse{0%,100%{border-left-color:rgba(201,162,77,1)}50%{border-left-color:rgba(201,162,77,0.3)}}.htf-highlight{animation:htfRowIn 0.3s ease forwards,goldBorderPulse 2s ease-in-out 0.3s infinite}/* 4. Fusion bar — bright-band shimmer after fill completes */ @keyframes fuseBarShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.htfd-fill{overflow:hidden}.htfd-fill[style*="100"]::before{content:'';position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:fuseBarShimmer 2.4s ease-in-out 3s infinite;pointer-events:none}/* 5. Signal pills — uniform height & perfect vertical alignment */ .sig-badge,.sig-conf-pill,.sig-grade-pill{min-height:40px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}/* 6. Signal address — spacing from pills above */ .sig-addr{margin-top:12px}/* 7. Intel stat fill bars — animate in from zero width */ .sig-stat-fill{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(0.16,1,0.3,1) 0.3s}.sig-intel.vis .sig-stat-fill{transform:scaleX(1)}/* 8. Offer block — gold gradient top line + more visible dividers */ .sig-offer{border-top:1px solid rgba(201,162,77,0.15)}.sig-offer-div{background:rgba(201,162,77,0.3)}/* 9. Headline — adequate spacing from elements above and below */ .ht-headline{padding:24px 0 16px;margin-top:4px;margin-bottom:4px}/* 10. Vectors strip — top border for visual separation */ .sig-vectors{border-top:1px solid rgba(255,255,255,0.06);padding-top:14px;margin-top:8px}/* 24. Consistent max-width alignment — signal page column */ .sig-header,.sig-intel,.sig-offer,.sig-vectors{max-width:580px;margin-left:auto;margin-right:auto}/* 25. CTA buttons — consistent touch targets */ .ht-ctas .btn-gold,.ht-ctas .btn-outline{min-height:44px;display:inline-flex;align-items:center;justify-content:center}/* ---- POLISH:TABLET / MOBILE (768px) ---- */ @media (max-width:768px){/* 17. Hide live stats entirely — too busy on mobile */ .ht-live-stats{display:none !important}/* 12. Signal pills — wrap to 2 lines,reduced badge fonts */ .sig-top{gap:8px;justify-content:center}.sig-badge{font-size:11px;padding:8px 14px;letter-spacing:1.5px;min-height:36px}.sig-conf-pill{font-size:11px;padding:6px 12px;min-height:36px}.sig-conf-val{font-size:14px}.sig-grade-pill{font-size:14px;padding:6px 14px;min-height:36px}/* 13. Intel — 2x2 grid */ .sig-intel{grid-template-columns:repeat(2,1fr);gap:8px}.sig-stat-val{font-size:1.1rem}/* 14. Offer stacks vertically — dividers become horizontal lines */ .sig-offer{flex-direction:column;gap:0}.sig-offer-div{width:60%;height:1px}.sig-offer-item{padding:10px}/* 15. Feed compact + hide address column */ .ht-feed{max-height:110px}.htf-addr{display:none}.htf-row{font-size:11px;gap:6px;padding:5px 10px}/* 16. Hero vectors — fit on screen without horizontal scroll */ .ht-vec-hero{gap:6px;padding:12px 0 16px;flex-wrap:wrap;overflow:hidden}.ht-vec-hero .ht-vec{font-size:9px;padding:4px 8px;min-width:56px}/* 25. CTA touch targets on tablet */ .ht-ctas .btn-gold,.ht-ctas .btn-outline{padding:12px 24px;min-height:44px}}/* ---- POLISH:MOBILE (480px) ---- */ @media (max-width:480px){/* 18. Intel stays 2x2,values to 1rem */ .sig-intel{grid-template-columns:repeat(2,1fr)}.sig-stat-val{font-size:1rem}/* 19. Pills stack vertically centered,fit 375px screens */ .sig-top{flex-direction:column;align-items:center;gap:6px}.sig-badge{font-size:10px;padding:6px 12px;max-width:100%;min-height:36px}.sig-conf-pill{font-size:10px;padding:6px 10px;min-height:36px}.sig-grade-pill{font-size:13px;padding:6px 12px;min-height:36px}/* 20. Offer value size */ .sig-offer-val{font-size:1.2rem}/* 21. Vectors font smaller */ .sig-vectors .sig-vec{font-size:8px;padding:2px 6px}/* 22. Hero vectors compact */ .ht-vec-hero .ht-vec{min-width:50px;font-size:8px;padding:3px 6px}/* 25. CTA touch targets on mobile */ .ht-ctas .btn-gold,.ht-ctas .btn-outline{padding:12px 20px;min-height:44px;font-size:0.8rem}}/* ---- POLISH:SMALL MOBILE (400px) ---- */ @media (max-width:400px){/* 23. Headline clamp to max 1.8rem */ .ht-headline{font-size:clamp(1.2rem,7vw,1.8rem);letter-spacing:-0.5px}}/* ================================================================ MOBILE-FIX — Thorough mobile audit (375px,480px,768px) Memo hero,intel map,nav,sections,typography,touch,overflow,performance,hero height,footer ================================================================ */ /* ---- 1. INTEL MAP — Hidden on 480px and below (GPU savings) ---- */ @media (max-width:480px){.imap-bg{display:none !important;visibility:hidden;pointer-events:none}}/* ---- 2. MEMO HERO — 375px fit,2x2 metrics,full-width CTAs ---- */ @media (max-width:768px){.hero{min-height:100vh;padding:100px 16px 24px;overflow-y:auto}.memo-hero{padding:12px 16px;max-height:none;min-height:0}.memo-metrics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0;max-width:100%}.memo-metric-div{display:none}.memo-metric{flex:none;padding:12px 8px;border-bottom:1px solid rgba(201,162,77,0.08);border-right:1px solid rgba(201,162,77,0.08)}.memo-metric:nth-child(2),.memo-metric:nth-child(4){border-right:none}.memo-metric:nth-child(3),.memo-metric:nth-child(4){border-bottom:none}.memo-ctas{flex-direction:column;width:100%;gap:10px}.memo-ctas .btn-gold,.memo-ctas .btn-outline{width:100%;max-width:none;min-height:44px;justify-content:center;display:flex;align-items:center}}@media (max-width:480px){.memo-hero{padding:10px 12px}.memo-monogram{font-size:28px;letter-spacing:6px}.memo-title{font-size:clamp(1.5rem,8vw,2.2rem);letter-spacing:2px}.memo-subtitle{font-size:10px;letter-spacing:2px;word-break:break-word}.memo-desc{font-size:0.85rem;margin-bottom:16px}.memo-metric{padding:10px 6px}.memo-val{font-size:1.15rem}.memo-lbl{font-size:10px}.memo-badge{font-size:10px;letter-spacing:2px;margin-bottom:16px}}@media (max-width:375px){.memo-hero{padding:8px 10px}.memo-monogram{font-size:24px;letter-spacing:4px}.memo-title{font-size:1.5rem}.memo-subtitle{font-size:10px}.memo-val{font-size:1.05rem}.memo-lbl{font-size:10px}}/* ---- 3. NAV — 44px hamburger touch target (drawer handled by existing 768px styles) ---- */ @media (max-width:768px){.nav-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}.nav-links a{min-height:44px;display:flex;align-items:center;justify-content:center}}/* ---- 4. SECTIONS — Terminal,lot table,intel,elevation,gallery,dev tabs,math,terms,contact,FAQ ---- */ @media (max-width:768px){.container{padding:0 16px}.terminal-frame{overflow:hidden;border-radius:12px}.tf-body{padding:20px 16px}.tf-title{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.lot-table{overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:0.8rem}.lt-header,.lt-row{grid-template-columns:36px 1fr 60px 60px 100px;min-width:320px;padding:8px 12px}.lt-tag{font-size:10px}.lt-flag{font-size:10px}.intel-grid{grid-template-columns:1fr;gap:12px}.ig-card{padding:20px}.adjacency-display{flex-direction:column;gap:16px;padding:20px 16px}.adj-connector{flex:none;width:100%;max-width:120px}.adj-block{padding:20px 16px}.elev-chart{height:220px;padding:16px;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.elev-col{min-width:56px}.elev-bar-line{width:28px}.elev-val{font-size:0.95rem}.elev-lbl{font-size:10px}.elev-badge{font-size:10px}.elev-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.es{padding:16px}.es-val{font-size:1.4rem}.es-label{font-size:10px}.gal-grid{grid-template-columns:1fr;gap:10px}.gal-featured{grid-row:span 1}.gal-item{min-height:140px}.dev-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.dt{min-height:44px;padding:12px 16px;font-size:0.78rem;justify-content:center}.math-table{flex-direction:column}.math-col{padding:24px 20px}.math-divider{min-width:60px;flex:0 0 60px;flex-direction:row;border-left:none;border-top:1px solid rgba(201,162,77,0.2);padding:12px 0}.md-arrow{transform:rotate(-90deg)}.terms-grid{grid-template-columns:repeat(2,1fr);gap:10px}.term-card{padding:16px;min-height:44px}.contact-form{max-width:100%;width:100%}.contact-urgency{padding:12px 16px;font-size:0.8rem}.contact-form input,.contact-form select,.contact-form textarea{min-height:44px;font-size:16px}.contact-form .btn-gold{min-height:44px}.faq-q{min-height:44px;padding:14px 16px;font-size:0.88rem}.faq-a{padding:0 16px 12px 40px}.faq-a p{font-size:0.88rem}}@media (max-width:480px){.lt-header,.lt-row{grid-template-columns:32px 1fr 50px 50px 80px;min-width:300px;font-size:0.75rem}.elev-chart{height:180px;gap:12px}.elev-col{min-width:48px}.elev-bar-line{width:24px}.elev-lbl{font-size:10px;max-width:50px;text-align:center}.terms-grid{grid-template-columns:1fr}.lc-grid{grid-template-columns:1fr}}@media (max-width:375px){.lt-header,.lt-row{grid-template-columns:28px 1fr 44px 44px 70px;min-width:280px}}/* ---- 5. TYPOGRAPHY — No text below 10px on mobile ---- */ @media (max-width:768px){.memo-lbl,.memo-badge,.tc-src,.lt-tag,.lt-flag,.elev-badge,.tf-title,.tf-status,.tf-status-text,.tf-classified,.ig-src,.adj-label,.md-label,.md-sub,.math-label,.recon-tag,.recon-label{font-size:10px !important}.up em{font-size:10px !important}}@media (max-width:480px){.recon-label,.recon-tr,.recon-bl{font-size:10px !important}}/* ---- 6. TOUCH TARGETS — 44px minimum ---- */ @media (max-width:768px){.btn-gold,.btn-outline,.nav-cta,.nav-links a,.contact-form .btn-gold,.contact-form input,.contact-form select,.contact-form textarea,.dt,.faq-q,.footer-links a,.contact-phone{min-height:44px}.gal-item{min-height:140px}.lb-close,.lb-nav{width:48px;height:48px;min-width:48px;min-height:48px}}/* ---- 7. HORIZONTAL OVERFLOW — Prevent scroll on 375px ---- */ @media (max-width:480px){html,body{overflow-x:hidden}.footer-bottom,.footer-fine,.memo-subtitle,.memo-desc{word-wrap:break-word;overflow-wrap:break-word}.container{max-width:100%}.memo-hero,.memo-content,.memo-metrics{max-width:100%}.terminal-frame{max-width:100%}.lot-table{max-width:100%}.intel-grid{max-width:100%}.adjacency-display{max-width:100%}.elev-chart{max-width:100%}.elev-stats{max-width:100%}.gal-grid{max-width:100%}.math-table{max-width:100%}.terms-grid{max-width:100%}.contact-form{max-width:100%}.recon-map{max-width:100%}.memo-ctas{flex-wrap:wrap}}/* ---- 8. PERFORMANCE — Disable heavy animations on mobile ---- */ @media (max-width:768px){.imap-bg .im-pulse,.imap-bg .im-hit,.imap-bg .im-sweep,.imap-bg .im-node-ring{animation:none !important}.recon-scanline{animation:none !important}.recon-dot-gold{animation:none !important}.recon-label-lots{animation:none !important}.adj-line::before,.adj-line::after{animation:none !important}.tf-pulse{animation:none !important}.cu-dot{animation:none !important}.hero-dot{animation:none !important}.hero-bg-grid::before{animation:none !important}}/* ---- 9. HERO HEIGHT — Fit in 100vh on mobile ---- */ @media (max-width:768px){.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:88px}.memo-hero{flex:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.memo-content{display:flex;flex-direction:column;padding-bottom:24px}}@media (max-width:480px){.hero{padding:80px 12px 20px}.memo-hero{padding:8px 12px 16px}}/* ---- 10. FOOTER — Spacing,link wrap,phone visibility ---- */ @media (max-width:768px){.footer{padding:40px 0 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.footer-top{flex-direction:column;gap:24px;text-align:center;align-items:center}.footer-brand{flex-direction:column;text-align:center}.footer-brand address{font-size:0.9rem}.footer-brand a[href^="tel:"]{font-size:1rem;font-weight:600;color:var(--gold);display:inline-block;margin-top:4px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{margin-top:24px;padding-top:16px;text-align:center}.footer-fine{font-size:10px;line-height:1.5}}@media (max-width:480px){.footer{padding:32px 0 20px}.footer-brand address{font-size:0.85rem}.footer-brand a[href^="tel:"]{font-size:1.05rem}}/* ---- FAB touch target ---- */ @media (max-width:768px){.fab{width:56px;height:56px;min-width:56px;min-height:56px}}/* ================================================================ MOBILE-DEEP — Deep mobile optimization pass Tested at 375px (iPhone SE),390px (iPhone 14),430px (Pro Max),768px (iPad) ================================================================ */ /* GLOBAL:Prevent horizontal scroll,safe areas,min font size */ html,body{overflow-x:hidden !important;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}body{padding-bottom:env(safe-area-inset-bottom,0)}/* Ensure no text below 10px at any viewport 320–768px */ @media (max-width:768px){.memo-lbl,.memo-badge,.lt-tag,.lt-flag,.ig-src,.elev-badge,.md-label,.md-sub,.tc-src,.lc-label{font-size:10px !important}}/* ---- TABLET 768px ---- */ @media (max-width:768px){/* HERO .memo-hero */ .memo-hero{padding:16px}.memo-monogram{font-size:32px;letter-spacing:8px}.memo-desc{font-size:0.9rem;line-height:1.7;max-width:100%}.memo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:100%}.memo-metric{flex:none;padding:14px 10px;white-space:nowrap}.memo-val{white-space:nowrap;font-size:1.25rem}.memo-metric-div{display:none !important}.memo-ctas{flex-direction:column;width:100%;gap:12px}.memo-ctas .btn-gold,.memo-ctas .btn-outline{width:100%;min-height:44px;max-width:none;justify-content:center}/* LOTS #lots */ .lot-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.lot-table::-webkit-scrollbar{height:6px}.lt-header,.lt-row{min-width:420px;grid-template-columns:44px 1fr 70px 70px 120px}.lt-flag{top:6px;right:12px;font-size:10px;padding:3px 8px;z-index:1}.tf-footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}.tf-footer span{flex:0 0 auto}/* INTELLIGENCE #intelligence */ .intel-grid{display:flex;flex-direction:column;gap:16px}.ig-card{width:100%;padding:24px}.ig-val{font-size:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adjacency-display{flex-direction:column;padding:24px 16px;gap:0}.adj-connector{flex:none;width:100%;flex-direction:column;padding:12px 0;align-items:center}/* Connector rotates to vertical:lines become vertical bars between stacked blocks */ .adj-connector .adj-line{width:2px;height:20px;min-height:20px;background:linear-gradient(180deg,rgba(201,162,77,0.05),rgba(201,162,77,0.25),rgba(201,162,77,0.05))}.adj-connector .adj-label{white-space:normal;text-align:center;max-width:100%;font-size:10px;padding:8px 12px;overflow-wrap:break-word;word-break:break-word}.adj-block{flex:none}/* ELEVATION #elevation */ .elev-chart{height:220px;gap:16px;padding:16px}.elev-bar-line{width:32px}.elev-lbl{font-size:10px;max-width:60px;text-align:center;line-height:1.2;overflow-wrap:break-word}.elev-stats{grid-template-columns:repeat(2,1fr);gap:12px}/* GALLERY #gallery */ .gal-grid{grid-template-columns:1fr;gap:12px}.gal-featured{grid-row:span 1}.gal-item{min-height:180px;aspect-ratio:16/9}.gal-item img{min-height:180px;object-fit:cover}.gal-cap{padding:24px 12px 12px;font-size:0.85rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;white-space:normal}.lightbox .lb-content{max-width:95vw}.lb-close{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-width:48px;min-height:48px;padding:12px}/* DEVELOPMENT #development */ .dev-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dt{min-height:44px;justify-content:center}.dp-grid{grid-template-columns:1fr}.dp-visual{order:-1}.dp-visual img{width:100%;aspect-ratio:16/9;object-fit:cover}.dp-specs .dp-row{flex-wrap:wrap;gap:4px}.dp-specs .dp-row span:last-child{word-break:break-word}/* INVESTMENT #investment */ .math-table{flex-direction:column}.math-divider{flex:none;min-width:100%;border-left:none;border-top:1px solid rgba(201,162,77,0.2);padding:20px 16px;flex-direction:row;gap:16px;align-items:center;justify-content:center}.md-mult{font-size:2rem}.math-row span:last-child{word-wrap:break-word;overflow-wrap:break-word}/* TERMS #terms */ .terms-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lease-card{width:100%;padding:24px 20px}.lease-card .lc-grid{grid-template-columns:1fr;gap:12px}/* FAQ #faq */ .faq-item summary.faq-q{min-height:44px;padding:14px 16px;display:flex;align-items:center}.faq-a p{line-height:1.7;font-size:0.9rem}/* CONTACT #contact */ .contact-form input,.contact-form select,.contact-form textarea{font-size:16px !important;/* Prevent iOS zoom */}.contact-form .btn-gold{width:100%;min-height:48px}.recon-map{min-height:200px;display:block}.recon-map img{width:100%;height:auto;min-height:180px;object-fit:cover;object-position:center}/* FOOTER */ .footer-top{flex-direction:column;align-items:center;text-align:center;gap:24px}.footer-links{flex-direction:column;gap:12px}.footer-brand address a[href^="tel:"]{display:inline-block;padding:8px 12px;min-height:44px;line-height:1.4}.footer-links a{display:flex;align-items:center;justify-content:center;padding:12px 16px;min-height:44px}.fab{right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}}/* ---- PHONE 480px ---- */ @media (max-width:480px){.memo-monogram{font-size:28px;letter-spacing:6px}.memo-desc{font-size:0.88rem}.memo-val{font-size:1.15rem}.elev-stats{grid-template-columns:1fr}.terms-grid{grid-template-columns:1fr}.lease-card{padding:20px 16px}.lease-card .lc-grid{grid-template-columns:1fr}.elev-chart{height:200px;gap:12px}.elev-bar-line{width:28px}.elev-lbl{font-size:10px;max-width:50px}}/* ---- iPhone SE 375px ---- */ @media (max-width:375px){.memo-hero{padding:12px 10px}.memo-monogram{font-size:24px;letter-spacing:4px}.memo-desc{font-size:0.85rem;line-height:1.65}.memo-metrics{padding:12px 8px}.memo-metric{padding:12px 6px}.memo-val{font-size:1.05rem}.memo-ctas .btn-gold,.memo-ctas .btn-outline{min-height:44px}.lt-header,.lt-row{min-width:340px;grid-template-columns:36px 1fr 58px 58px 100px;font-size:0.8rem}.lt-flag{font-size:9px;padding:2px 6px;right:8px}.ig-val{font-size:1.75rem}.adj-block{padding:20px 12px}.adj-name{font-size:0.9rem}.adj-detail{font-size:0.75rem}.elev-chart{height:180px;gap:8px;padding:12px}.elev-bar-line{width:24px}.elev-lbl{font-size:10px;max-width:44px}.gal-item,.gal-item img{min-height:180px}.md-mult{font-size:1.75rem}.container{padding-left:12px;padding-right:12px}}/* ---- Min width 320px:ensure no overflow ---- */ @media (max-width:400px){.dev-tabs{grid-template-columns:1fr 1fr}.dt{font-size:0.75rem;padding:10px 12px}}/* ================================================================ MOBILE-FINAL — Thorough mobile optimization pass Breakpoints:768px,480px,430px,390px,375px,320px ================================================================ */ /* 15. Global — base */ html,body{overflow-x:hidden}body section.sec,body .hero{min-height:48px}/* 2. Intel map — 768px */ @media (max-width:768px){.imap-bg{opacity:0.15}}/* 2. Intel map — 480px */ @media (max-width:480px){.imap-bg{opacity:0.08}}/* 2. Intel map — 375px:hide completely */ @media (max-width:375px){.imap-bg{display:none !important}}/* 15. Animations disabled at 480px and below (performance) */ @media (max-width:480px){.imap-bg .im-pulse,.imap-bg .im-hit,.imap-bg .im-sweep,.imap-bg .im-node-ring,.adj-line::before,.adj-line::after,.lease-card::before{animation:none !important}}/* 3. Nav — hamburger 44x44,drawer links 44px */ @media (max-width:768px){.nav-toggle{display:flex;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;align-items:center;justify-content:center}.nav-toggle span{width:20px;margin:0 auto}.nav-links{flex-direction:column;padding:24px 16px;gap:0}.nav-links a{display:flex;align-items:center;min-height:44px;padding:12px 16px;width:100%;overflow-wrap:break-word;word-break:break-word}}/* 4. Terminal frame — overflow,tf-body padding,tf-section-head h2 */ @media (max-width:768px){.terminal-frame{overflow:hidden}.tf-body{padding:20px 16px}.tf-section-head h2{font-size:clamp(1.2rem,4vw,1.8rem)}}@media (max-width:430px){.tf-body{padding:16px 14px}.tf-section-head h2{font-size:clamp(1.2rem,4vw,1.6rem)}}@media (max-width:375px){.tf-body{padding:14px 12px}.tf-section-head h2{font-size:clamp(1.1rem,4vw,1.2rem);max-width:100%}}/* 5. Lot table — overflow-x scroll,font-size */ @media (max-width:375px){.lot-table{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.lt-header,.lt-row{min-width:320px;font-size:11px}}/* 6. Intelligence cards — single column,ig-val,adjacency stack */ @media (max-width:768px){.intel-grid{grid-template-columns:1fr}}@media (max-width:375px){.ig-val{font-size:clamp(1.2rem,4vw,1.6rem) !important;max-width:100%}.adjacency-display{flex-direction:column;align-items:stretch;gap:12px}.adj-connector{flex:none;flex-direction:row;width:100%;padding:12px 0}.adj-connector .adj-line{width:100%;height:2px}.adj-connector .adj-label{margin:8px 0}}/* 7. Elevation — chart height,bar width,stats 1 col */ @media (max-width:375px){.elev-chart{height:160px;gap:8px;padding:12px}.elev-bar-line{width:16px}.elev-stats{grid-template-columns:1fr}}/* 8. Gallery — single column at 480px,min-height 160px */ @media (max-width:480px){.gal-grid{grid-template-columns:1fr}.gal-item,.gal-item img{min-height:160px}}/* 9. Development — 2x2 grid at 480px,dp-grid single col,dp-visual max-height */ @media (max-width:480px){.dev-tabs{grid-template-columns:1fr 1fr;gap:8px}.dt{min-height:44px;padding:12px 10px;font-size:0.8rem}.dp-grid{grid-template-columns:1fr}.dp-visual{order:-1}}@media (max-width:375px){.dp-visual{max-height:200px;overflow:hidden}.dp-visual img{max-height:200px;object-fit:cover}}/* 10. Math table — stack vertically below 768px,md-mult 1.6rem */ @media (max-width:768px){.math-table{flex-direction:column}}@media (max-width:375px){.md-mult{font-size:1.6rem}}/* 11. Terms — 1 col at 480px,lease-card padding at 375px */ @media (max-width:480px){.terms-grid{grid-template-columns:1fr}}@media (max-width:375px){.lease-card{padding:16px}}/* 12. FAQ — summary 44px tap target,readable answers */ @media (max-width:768px){.faq-item summary.faq-q{min-height:44px;padding:14px 16px;display:flex;align-items:center}.faq-a,.faq-a p{font-size:0.95rem;line-height:1.65}}/* 13. Contact — 16px font inputs,submit 48px,recon-map img */ @media (max-width:768px){.contact-form input,.contact-form select,.contact-form textarea{font-size:16px !important;/* prevents iOS zoom on focus */}.contact-form .btn-gold{min-height:48px;width:100%}}@media (max-width:375px){.recon-map img{max-height:180px;object-fit:cover;object-position:center}}/* 14. Footer — stack vertically,phone 44px tap,safe area */ @media (max-width:768px){.footer-top{flex-direction:column;align-items:center;text-align:center;gap:24px}.footer-links{flex-direction:column;gap:12px}.footer{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.footer-brand address a[href^="tel:"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;line-height:1.4}.footer-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px}}/* 1. Hero memo — 375px specs */ @media (max-width:375px){.memo-hero{padding:10px 12px}.memo-bg{border-radius:12px}.memo-monogram{font-size:22px;letter-spacing:4px}.memo-title{font-size:clamp(1.2rem,5vw,1.6rem);letter-spacing:2px}.memo-subtitle{font-size:9px;letter-spacing:2px}.memo-desc{font-size:0.8rem;line-height:1.6}.memo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0}.memo-metric{padding:12px 8px}.memo-metric-div{display:none}.memo-val{font-size:1.1rem}.memo-lbl{font-size:8px}.memo-divider{width:120px}.memo-badge{font-size:7px;letter-spacing:2px}.memo-ctas{flex-direction:column;width:100%;gap:10px}.memo-ctas .btn-gold,.memo-ctas .btn-outline{width:100%;min-height:44px;justify-content:center}}/* 390px,430px refinements */ @media (max-width:430px){.memo-monogram{font-size:24px}.memo-title{font-size:clamp(1.3rem,5vw,1.5rem)}}@media (max-width:390px){.memo-monogram{font-size:23px}}/* 15. No horizontal scroll 320px–768px */ @media (min-width:320px) and (max-width:768px){.container{max-width:100%}.memo-hero,.terminal-frame,.lot-table,.intel-grid,.elev-chart,.gal-grid,.math-table,.terms-grid,.contact-form,.footer{max-width:100%}}/* ================================================================ MOB-A — Final mobile polish (375px,390px,430px) ================================================================ */ /* HERO .memo-hero — fit 100vh at 375px without scrolling inside hero */ @media (max-width:430px){.memo-hero{overflow-x:hidden}.memo-content{overflow-x:hidden;min-width:0}.memo-rule{width:40px}.memo-divider{width:100px}}@media (max-width:390px){.memo-rule{width:40px}.memo-divider{width:100px}}@media (max-width:375px){.memo-hero{padding:6px 10px 12px}.memo-monogram{margin:8px 0;font-size:22px;letter-spacing:6px}.memo-title{font-size:clamp(1.25rem,6vw,1.5rem);margin:12px 0 6px}.memo-desc{line-height:1.55;font-size:0.8rem;margin-bottom:14px}.memo-metrics{padding:10px 6px;margin-bottom:12px}.memo-metric{padding:10px 6px}.memo-val{font-size:1.1rem}.memo-badge{margin-bottom:14px;font-size:8px}.memo-rule{width:40px}.memo-divider{width:100px;margin:14px auto}.memo-ctas{gap:10px}.memo-ctas .btn-gold,.memo-ctas .btn-outline{min-height:44px;font-size:0.78rem}}/* NAV — mobile drawer */ @media (max-width:900px){.nav-links{max-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links a{min-height:48px;display:flex;align-items:center;white-space:nowrap}.nav-links a[href="/casey-court-brochure.html"]{white-space:nowrap}.nav-cta{width:100%;margin:8px 0;display:flex;align-items:center;justify-content:center;min-height:48px}}/* LOTS #lots */ @media (max-width:600px){#lots .lot-table{overflow-x:auto;-webkit-overflow-scrolling:touch}#lots .lot-table::-webkit-scrollbar{height:6px}#lots .lt-num,#lots .lt-addr,#lots .lt-tag{font-size:11px}#lots .tf-footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:8px}}@media (max-width:375px){#lots .lt-num,#lots .lt-addr,#lots .lt-tag{font-size:11px !important}}/* INTELLIGENCE #intelligence */ @media (max-width:600px){#intelligence .intel-grid{display:flex;flex-direction:column;width:100%;max-width:100%}#intelligence .ig-card{width:100%;max-width:100%}#intelligence .ig-bar,#intelligence .ig-depletion{width:100%}#intelligence .adjacency-display{flex-direction:column;align-items:stretch}#intelligence .adj-connector{flex-direction:row;width:100%;justify-content:center}#intelligence .adj-label{text-align:center}#intelligence .adj-detail{white-space:normal;word-break:break-word;hyphens:auto}}@media (max-width:375px){#intelligence .ig-val{font-size:1.5rem !important;max-width:100%}}/* ================================================================ MOB-B — Final mobile polish (375px,390px,430px) ================================================================ */ /* ELEVATION #elevation */ @media (max-width:375px){#elevation .elev-chart{height:150px}#elevation .elev-bar-line{width:14px}#elevation .elev-val{font-size:0.75rem}#elevation .elev-lbl{font-size:0.5rem;word-break:break-word}#elevation .elev-badge{font-size:8px;padding:2px 6px}#elevation .elev-stats{grid-template-columns:1fr}#elevation .es{padding:12px}#elevation .es-val{font-size:1.1rem}}@media (min-width:376px) and (max-width:768px){#elevation .elev-stats{grid-template-columns:repeat(2,1fr)}}/* GALLERY #gallery */ @media (max-width:480px){#gallery .gal-grid{grid-template-columns:1fr}#gallery .gal-featured{grid-column:1 / -1;min-height:200px}#gallery .gal-featured img{min-height:200px}#gallery .gal-item:not(.gal-featured){min-height:160px}#gallery .gal-item:not(.gal-featured) img{min-height:160px}}@media (max-width:375px){#gallery .gal-cap{font-size:11px}}.lightbox .lb-close{width:48px;height:48px;min-width:48px;min-height:48px;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}/* DEVELOPMENT #development */ @media (max-width:768px){#development .dp-grid{grid-template-columns:1fr}#development .dp-visual{order:-1;max-height:220px;overflow:hidden}#development .dp-visual img{max-height:220px;object-fit:cover}}@media (max-width:480px){#development .dev-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}#development .dt{min-height:44px}}@media (max-width:375px){#development .dt{font-size:0.72rem}#development .dt i{display:none}#development .dp-data h3{font-size:1.1rem}#development .dp-specs .dp-row{font-size:0.8rem;flex-wrap:wrap}}/* MATH / INVESTMENT #investment */ @media (max-width:768px){#investment .math-table{flex-direction:column}#investment .math-before,#investment .math-after{width:100%}#investment .math-before{border-radius:var(--radius-lg) var(--radius-lg) 0 0}#investment .math-after{border-radius:0 0 var(--radius-lg) var(--radius-lg)}#investment .math-divider{flex-direction:row;width:100%;min-width:unset;padding:16px}#investment .md-label{display:block}}@media (max-width:375px){#investment .md-mult{font-size:1.5rem}#investment .math-row{font-size:0.8rem}#investment .math-note{font-size:0.7rem}}