*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),linear-gradient(to right,rgba(52,40,30,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(52,40,30,.06) 1px,transparent 1px),var(--paper);background-size:auto,40px 40px,40px 40px,auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--ink:#15100d;--muted:#5d544c;--paper:#f5ede1;--surface:rgba(255,251,244,.76);--line:rgba(78,60,46,.12);--accent:#a65a36;--accent-strong:#7a391f;--gold:#e5b15d;--shadow:0 28px 60px rgba(34,25,18,.12);--radius:28px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url('/sketches/sketch-01.webp'),url('/sketches/sketch-12.webp'),url('/sketches/sketch-19.webp');background-repeat:no-repeat;background-position:6% 10%,95% 24%,12% 86%;background-size:260px auto,240px auto,280px auto}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 56px;background:rgba(245,237,225,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:14px;font-weight:800;font-size:1.2rem}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#241b16;color:#fff7ef;font-size:.95rem}.nav{display:inline-flex;gap:28px;color:var(--muted)}.nav a:hover{color:var(--ink)}.header-action,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:700;transition:.25s ease}.header-action,.button.primary{background:linear-gradient(135deg,#341f17,#120d0a);color:#fffaf4;box-shadow:0 12px 28px rgba(31,20,13,.18)}.button.ghost{background:rgba(255,255,255,.56);border:1px solid rgba(45,32,23,.1)}.section{width:min(1200px,calc(100vw - 48px));margin:0 auto;padding:84px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;min-height:calc(100vh - 90px)}.eyebrow,.section-kicker{margin:0 0 16px;color:var(--accent);font-size:.84rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1,.split h2,.section-heading h2,.closing h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6.3vw,6rem);line-height:.92;letter-spacing:-.04em}.split h2,.section-heading h2,.closing h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.02}.hero-lead,.split p,.section-heading p,.module-card p,.slope-card p,.param-panel label,.result-panel,.closing p{color:var(--muted);line-height:1.6;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-visual,.hologram-card,.param-panel,.result-panel,.module-card,.slope-card,.data-flow-card{position:relative;border:1px solid rgba(87,64,47,.1);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-visual{min-height:640px;overflow:hidden;padding:24px;backdrop-filter:blur(12px)}.hero-image-layer{position:absolute;inset:18px;border-radius:calc(var(--radius) - 8px);overflow:hidden}.hero-image-layer img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(.92) contrast(1.05)}.hero-image-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 54%,rgba(255,232,188,.58),rgba(255,255,255,0) 28%),linear-gradient(180deg,rgba(247,239,227,.1),rgba(18,13,10,.44))}.energy-core{position:absolute;left:27%;top:54%;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,249,237,.92) 0 6%,rgba(235,187,104,.62) 10% 20%,rgba(166,90,54,.14) 22% 45%,transparent 55%);box-shadow:0 0 72px rgba(233,182,95,.46)}.topo-halo,.holo-orbit{position:absolute;border:1px solid rgba(239,184,89,.28);border-radius:50%}.halo-one{width:580px;height:260px;left:4%;top:22%;transform:rotateX(70deg) rotateZ(-15deg)}.halo-two{width:460px;height:220px;right:-2%;top:42%;transform:rotateX(69deg) rotateZ(12deg)}.halo-three{width:390px;height:160px;left:25%;bottom:4%;transform:rotateX(70deg) rotateZ(-6deg);opacity:.48}.binary-burst,.hero-graph{position:absolute;inset:0}.bit,.burst-bit{position:absolute;color:rgba(255,248,236,.84);font-size:.74rem;font-weight:800;text-shadow:0 0 20px rgba(240,179,95,.92)}.bit{left:27%;top:54%}.burst-bit{left:16%;top:42%}.hero-link,.holo-edge{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(166,90,54,.32),rgba(235,187,104,.18))}.link-a{left:19%;top:38%;width:30%;transform:rotate(-22deg)}.link-b{left:40%;top:32%;width:25%;transform:rotate(15deg)}.link-c{left:32%;top:56%;width:24%;transform:rotate(28deg)}.link-d{left:18%;top:68%;width:44%;transform:rotate(-6deg)}.node,.hero-coordinate-pill{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,249,240,.9);border:1px solid rgba(163,126,94,.16);color:#5b341f;font-weight:700;box-shadow:0 14px 30px rgba(35,24,18,.12)}.node b{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(229,177,93,.16)}.node-a{left:12%;top:52%}.node-b{left:41%;top:20%}.node-c{left:58%;top:46%}.node-d{right:10%;top:28%}.node-e{left:20%;bottom:18%}.node-f{right:14%;bottom:20%}.hero-coordinate-pill{left:22px;right:22px;bottom:22px;justify-content:center;background:rgba(26,18,13,.76);color:#fff1de;border-color:rgba(255,255,255,.08)}.split,.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end;margin-bottom:28px}.modules-grid,.slope-grid,.data-flow-grid,.lab-grid,.score-grid,.insight-grid{display:grid;gap:18px}.modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.slope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.data-flow-grid{grid-template-columns:1.2fr .8fr;margin-top:20px}.lab-grid{grid-template-columns:.82fr 1.18fr;align-items:start}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.score-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.module-card,.slope-card,.data-flow-card,.param-panel,.result-panel,.hologram-card,.closing{padding:24px}.icon-wrap{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(166,90,54,.08);color:var(--accent)}.module-card h3,.slope-card h3,.data-flow-card h3,.param-panel h3,.result-panel h3,.hologram-header strong{margin:14px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem}.slope-number{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--accent-strong)}.slope-range{margin:10px 0 8px;color:var(--accent);font-weight:700}.flow-list{margin:14px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}.layers-list,.result-tags,.operations-list{display:flex;flex-wrap:wrap;gap:10px}.layers-list span,.result-tags span,.operations-list span{padding:10px 14px;border-radius:999px;background:rgba(166,90,54,.08);border:1px solid rgba(166,90,54,.12);color:#6a3d28;font-weight:650}.param-panel label{display:grid;gap:8px;margin:14px 0}.param-panel input,.param-panel select{width:100%;border-radius:16px;border:1px solid rgba(77,60,47,.14);background:rgba(255,252,247,.9);padding:13px 14px;font:inherit}.param-panel input[type=range]{padding:0;accent-color:var(--accent)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.memory{margin:14px 0 18px}.section-diagram{display:grid;gap:10px;margin-top:22px}.section-level{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;padding:14px;border-radius:18px;border:1px solid rgba(77,60,47,.1);background:rgba(255,252,247,.66)}.section-level span{font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;color:var(--accent-strong)}.score-grid>div,.insight-card{border-radius:18px;padding:14px;border:1px solid rgba(77,60,47,.1);background:rgba(255,252,247,.62)}.score-grid strong{display:block;font-size:1.65rem;font-family:Georgia,"Times New Roman",serif}.score-grid span,.insight-card span{color:var(--muted);font-size:.95rem}.insight-card{display:flex;gap:10px;align-items:flex-start}.evaluation{margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(166,90,54,.08);color:#5b341f;font-weight:600}.hologram-card-v8{padding:0;overflow:hidden}.hologram-card-v8 .hologram-header{padding:24px 24px 18px}.hologram-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.hologram-header span{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.82rem}.hologram-stage-v8{position:relative;min-height:760px;overflow:hidden;margin-top:0;padding:22px;border-radius:0;background:radial-gradient(circle at 18% 52%,rgba(239,194,109,.26),transparent 18%),radial-gradient(circle at 50% 18%,rgba(183,102,58,.1),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.05)),rgba(255,251,245,.78)}.binary-core{position:absolute;left:16%;top:42%;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,246,1) 0,rgba(239,194,109,.84) 18%,rgba(239,194,109,.12) 54%,transparent 74%);box-shadow:0 0 45px rgba(239,194,109,.6)}.tri-view-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.25fr .9fr;gap:16px;min-height:620px}.view-panel{border-radius:24px;border:1px solid rgba(112,88,68,.14);background:rgba(255,252,247,.58);backdrop-filter:blur(8px);padding:16px;position:relative;overflow:hidden}.view-panel header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.view-panel header span{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.view-panel header strong{font-family:Georgia,"Times New Roman",serif;font-size:1.24rem}.view-panel p{margin:12px 0 0;color:var(--muted);font-size:.94rem}.mini-stage{position:relative;min-height:280px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.26);border:1px solid rgba(112,88,68,.1)}.central-panel{transform:translateY(48px)}.central-mini{min-height:440px;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.06))}.terrain-slope{position:absolute;inset:auto 8% 14% 8%;height:140px;border-radius:28px;background:linear-gradient(140deg,rgba(203,176,145,.18),rgba(183,102,58,.16));clip-path:polygon(0 84%,16% 74%,34% 65%,48% 52%,70% 34%,100% 12%,100% 100%,0 100%)}.terrain-contour{position:absolute;left:10%;right:10%;height:1px;border-top:1px dashed rgba(124,93,72,.34)}.contour-a{top:30%;transform:rotate(-12deg)}.contour-b{top:44%;transform:rotate(-9deg)}.contour-c{top:58%;transform:rotate(-7deg)}.terrain-water{position:absolute;left:14%;bottom:20%;width:46%;height:16px;border-radius:999px;background:linear-gradient(90deg,rgba(100,148,189,.18),rgba(255,255,255,.12));box-shadow:0 0 0 1px rgba(100,148,189,.16)}.terrain-access{position:absolute;right:12%;top:14%;width:32%;height:6px;border-radius:999px;background:rgba(183,102,58,.42);transform:rotate(-18deg)}.terrain-point{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(229,177,93,.14)}.point-a{left:18%;top:22%}.point-b{left:48%;top:48%}.point-c{right:18%;bottom:24%}.holo-beam{position:absolute;left:50%;top:16%;width:240px;height:240px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(252,249,243,.72) 0,rgba(233,182,95,.16) 35%,transparent 62%);filter:blur(1px)}.orbit-one{width:72%;height:42%;left:14%;top:28%;transform:rotateX(75deg) rotateZ(-8deg)}.orbit-two{width:56%;height:30%;left:22%;top:40%;transform:rotateX(75deg) rotateZ(14deg)}.orbit-three{width:88%;height:52%;left:6%;top:14%;transform:rotateX(75deg) rotateZ(6deg);opacity:.36}.holo-terrain-grid{position:absolute;left:10%;right:10%;bottom:14%;height:200px;transform:rotateX(70deg) rotateZ(-15deg);border-radius:28px;border:1px solid rgba(94,68,52,.08);background:linear-gradient(to right,rgba(92,67,52,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(92,67,52,.12) 1px,transparent 1px);background-size:36px 36px}.holo-ridge{position:absolute;left:6%;right:6%;height:1px;background:rgba(113,84,66,.18)}.holo-support-system .support{position:absolute;padding:7px 10px;border-radius:999px;background:rgba(255,248,237,.9);border:1px solid rgba(77,60,47,.1);color:#6a3d28;font-size:.78rem;box-shadow:0 10px 22px rgba(30,22,17,.08)}.support-1{left:18%;bottom:30%}.support-2{left:46%;bottom:20%}.support-3{right:18%;bottom:28%}.holo-massing{position:absolute;left:50%;top:46%;width:240px;height:180px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(63deg) rotateZ(-18deg)}.holo-level{position:absolute;left:50%;width:190px;height:82px;transform:translateX(-50%);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(236,223,210,.54));border:1px solid rgba(166,90,54,.12);box-shadow:0 22px 42px rgba(18,13,10,.08)}.holo-level-1{bottom:6px;width:210px}.holo-level-2{bottom:48px;width:168px}.holo-level-3{bottom:88px;width:128px}.holo-level-4{bottom:126px;width:90px}.dimension-ring{position:absolute;right:26px;top:24px;padding:10px 14px;border-radius:999px;background:rgba(26,18,13,.76);color:#fff1de;font-weight:700}.graph-mini{min-height:340px}.graph-mini .holo-graph{position:absolute;inset:0}.holo-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px}.holo-node:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(229,177,93,.12)}.holo-node small{padding:8px 12px;border-radius:999px;background:rgba(255,248,237,.92);color:#5b341f;border:1px solid rgba(77,60,47,.1);font-style:normal;font-weight:700}.origin-clarity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 24px 0}.origin-clarity>div{padding:18px;border-radius:18px;border:1px solid rgba(77,60,47,.1);background:rgba(255,252,247,.72)}.origin-clarity span{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;margin-bottom:8px}.origin-clarity strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;margin-bottom:8px}.origin-clarity p{margin:0;color:var(--muted)}@media(max-width:1100px){.hero,.split,.section-heading,.data-flow-grid,.lab-grid,.modules-grid,.slope-grid,.score-grid-five,.insight-grid,.tri-view-grid,.origin-clarity{grid-template-columns:1fr}.site-header{padding:16px 20px;flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center}.hero{min-height:auto;padding-top:28px}.hero-visual{min-height:540px}.central-panel{transform:none}.hologram-stage-v8{min-height:auto}}@media(max-width:680px){.section{width:min(100vw - 28px,1200px);padding:68px 0}.site-header{justify-content:center}.brand{width:100%;justify-content:center}.header-action{width:100%}.hero-actions{flex-direction:column}.button,.header-action{width:100%}.hero-visual{min-height:460px;padding:14px}.hero-image-layer{inset:12px}.node,.hero-coordinate-pill{font-size:.82rem}.two-col{grid-template-columns:1fr}}
.holo-ridge-1{top:11%}.holo-ridge-2{top:16%}.holo-ridge-3{top:21%}.holo-ridge-4{top:26%}.holo-ridge-5{top:31%}.holo-ridge-6{top:36%}.holo-ridge-7{top:41%}.holo-ridge-8{top:46%}.holo-ridge-9{top:51%}.holo-ridge-10{top:56%}.holo-ridge-11{top:61%}.holo-ridge-12{top:66%}.holo-ridge-13{top:71%}.holo-ridge-14{top:76%}.holo-ridge-15{top:81%}.holo-ridge-16{top:86%}.burst-bit-1{transform:translate(58.0px,0.0px)}.burst-bit-2{transform:translate(79.1px,11.9px)}.burst-bit-3{transform:translate(97.5px,30.1px)}.burst-bit-4{transform:translate(111.7px,53.8px)}.burst-bit-5{transform:translate(120.6px,82.2px)}.burst-bit-6{transform:translate(26.4px,24.5px)}.burst-bit-7{transform:translate(36.2px,45.3px)}.burst-bit-8{transform:translate(40.0px,69.3px)}.burst-bit-9{transform:translate(37.3px,94.9px)}.burst-bit-10{transform:translate(27.6px,120.9px)}.burst-bit-11{transform:translate(10.9px,145.6px)}.burst-bit-12{transform:translate(-2.7px,35.9px)}.burst-bit-13{transform:translate(-12.9px,56.5px)}.burst-bit-14{transform:translate(-29.2px,74.5px)}.burst-bit-15{transform:translate(-51.0px,88.3px)}.burst-bit-16{transform:translate(-77.3px,96.9px)}.burst-bit-17{transform:translate(-107.0px,99.3px)}.burst-bit-18{transform:translate(-29.7px,20.3px)}.burst-bit-19{transform:translate(-52.3px,25.2px)}.burst-bit-20{transform:translate(-76.4px,23.6px)}.burst-bit-21{transform:translate(-100.9px,15.2px)}.burst-bit-22{transform:translate(-124.0px,0.0px)}.burst-bit-23{transform:translate(-144.4px,-21.8px)}.burst-bit-24{transform:translate(-34.4px,-10.6px)}.burst-bit-25{transform:translate(-52.3px,-25.2px)}.burst-bit-26{transform:translate(-66.1px,-45.1px)}.burst-bit-27{transform:translate(-74.8px,-69.4px)}.burst-bit-28{transform:translate(-77.3px,-96.9px)}.burst-bit-29{transform:translate(-73.0px,-126.4px)}.burst-bit-30{transform:translate(-13.2px,-33.5px)}.burst-bit-31{transform:translate(-12.9px,-56.5px)}.burst-bit-32{transform:translate(-6.0px,-79.8px)}.burst-bit-33{transform:translate(7.6px,-101.7px)}.burst-bit-34{transform:translate(27.6px,-120.9px)}.burst-bit-35{transform:translate(53.3px,-135.9px)}.burst-bit-36{transform:translate(18.0px,-31.2px)}.burst-bit-37{transform:translate(36.2px,-45.3px)}.burst-bit-38{transform:translate(58.6px,-54.4px)}.burst-bit-39{transform:translate(84.3px,-57.5px)}.burst-bit-40{transform:translate(111.7px,-53.8px)}.burst-bit-41{transform:translate(139.5px,-43.0px)}.burst-bit-42{transform:translate(35.6px,-5.4px)}.bit-1{transform:translate(112.0px,0.0px)}.bit-2{transform:translate(142.8px,18.8px)}.bit-3{transform:translate(170.0px,45.6px)}.bit-4{transform:translate(192.2px,79.6px)}.bit-5{transform:translate(69.3px,40.0px)}.bit-6{transform:translate(88.9px,68.2px)}.bit-7{transform:translate(101.8px,101.8px)}.bit-8{transform:translate(107.1px,139.6px)}.bit-9{transform:translate(104.0px,180.1px)}.bit-10{transform:translate(30.6px,73.9px)}.bit-11{transform:translate(29.0px,108.2px)}.bit-12{transform:translate(18.8px,142.8px)}.bit-13{transform:translate(0.0px,176.0px)}.bit-14{transform:translate(-27.1px,206.2px)}.bit-15{transform:translate(-20.7px,77.3px)}.bit-16{transform:translate(-42.9px,103.5px)}.bit-17{transform:translate(-72.0px,124.7px)}.bit-18{transform:translate(-107.1px,139.6px)}.bit-19{transform:translate(-147.1px,147.1px)}.bit-20{transform:translate(-63.5px,48.7px)}.bit-21{transform:translate(-97.0px,56.0px)}.bit-22{transform:translate(-133.0px,55.1px)}.bit-23{transform:translate(-170.0px,45.6px)}.bit-24{transform:translate(-206.2px,27.1px)}.bit-25{transform:translate(-80.0px,0.0px)}.bit-26{transform:translate(-111.0px,-14.6px)}.bit-27{transform:translate(-139.1px,-37.3px)}.bit-28{transform:translate(-162.6px,-67.4px)}.bit-29{transform:translate(-180.1px,-104.0px)}.bit-30{transform:translate(-63.5px,-48.7px)}.bit-31{transform:translate(-79.2px,-79.2px)}.bit-32{transform:translate(-87.7px,-114.2px)}.bit-33{transform:translate(-88.0px,-152.4px)}.bit-34{transform:translate(-79.6px,-192.2px)}.bit-35{transform:translate(-20.7px,-77.3px)}.bit-36{transform:translate(-14.6px,-111.0px)}.bit-37{transform:translate(-0.0px,-144.0px)}.bit-38{transform:translate(23.0px,-174.5px)}.bit-39{transform:translate(53.8px,-200.9px)}.bit-40{transform:translate(30.6px,-73.9px)}.bit-41{transform:translate(56.0px,-97.0px)}.bit-42{transform:translate(87.7px,-114.2px)}.bit-43{transform:translate(124.5px,-124.5px)}.bit-44{transform:translate(165.0px,-126.6px)}.bit-45{transform:translate(69.3px,-40.0px)}.bit-46{transform:translate(103.5px,-42.9px)}.bit-47{transform:translate(139.1px,-37.3px)}.bit-48{transform:translate(174.5px,-23.0px)}
/* v9: sección final temporalmente removida */
.closing{display:none!important}
/* ================================
V10 - Holograma integrado real
Reemplaza las tres tarjetas angostas por una escena única:
pendiente + explosión binaria + grafo + edificio emergente.
================================ */
.hologram-card-v10 {
overflow: hidden;
padding: 0;
border-radius: 32px;
background:
radial-gradient(circle at 22% 36%, rgba(239, 194, 109, .18), transparent 28%),
radial-gradient(circle at 64% 45%, rgba(183, 102, 58, .09), transparent 30%),
rgba(255, 251, 245, .82);
}
.hologram-card-v10 .hologram-header {
padding: 24px 28px 18px;
}
.hologram-stage-v10 {
position: relative;
min-height: 620px;
margin: 0 22px 22px;
overflow: hidden;
border-radius: 30px;
border: 1px solid rgba(91, 68, 52, .12);
background:
linear-gradient(to right, rgba(91,68,52,.045) 1px, transparent 1px),
linear-gradient(to bottom, rgba(91,68,52,.045) 1px, transparent 1px),
radial-gradient(circle at 29% 45%, rgba(255, 241, 203, .76), rgba(239,194,109,.25) 12%, transparent 31%),
linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.04));
background-size: 34px 34px, 34px 34px, auto, auto;
box-shadow: inset 0 0 80px rgba(87, 64, 47, .08);
}
.hologram-stage-v10::before {
content: "";
position: absolute;
inset: -12%;
background:
conic-gradient(from 210deg at 30% 48%,
rgba(239,194,109,.00),
rgba(239,194,109,.22),
rgba(255,255,255,.32),
rgba(183,102,58,.10),
rgba(239,194,109,.00));
filter: blur(1px);
opacity: .72;
transform: rotate(-8deg);
}
.holo-title-v10 {
position: absolute;
z-index: 8;
top: 24px;
left: 24px;
right: 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
.holo-title-v10 span {
display: inline-flex;
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 248, 237, .78);
border: 1px solid rgba(91, 68, 52, .10);
color: #7a3f26;
font-size: .78rem;
font-weight: 850;
letter-spacing: .12em;
text-transform: uppercase;
}
.holo-title-v10 strong {
display: inline-flex;
padding: 14px 20px;
border-radius: 999px;
background: rgba(27, 20, 16, .84);
color: #fff1de;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
box-shadow: 0 16px 35px rgba(27,20,16,.14);
}
.binary-burst-v10 {
position: absolute;
z-index: 3;
left: 21%;
top: 43%;
width: 1px;
height: 1px;
pointer-events: none;
}
.binary-burst-v10 .binary-core {
position: absolute;
left: -46px;
top: -46px;
width: 92px;
height: 92px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255,255,255,1) 0 8%, rgba(255,228,178,.94) 16%, rgba(239,194,109,.48) 32%, rgba(183,102,58,.14) 54%, transparent 72%);
box-shadow:
0 0 35px rgba(255, 241, 205, .95),
0 0 95px rgba(239, 194, 109, .58),
0 0 180px rgba(183, 102, 58, .28);
}
.binary-burst-v10 .burst-bit {
position: absolute;
left: 0;
top: 0;
color: rgba(255, 250, 241, .96);
font-weight: 900;
font-size: .76rem;
text-shadow: 0 0 16px rgba(255,240,210,.92);
opacity: .92;
}
.binary-burst-v10 .burst-bit-1{transform:translate(-210px,-160px)}
.binary-burst-v10 .burst-bit-2{transform:translate(-144px,-186px)}
.binary-burst-v10 .burst-bit-3{transform:translate(-62px,-205px)}
.binary-burst-v10 .burst-bit-4{transform:translate(34px,-192px)}
.binary-burst-v10 .burst-bit-5{transform:translate(124px,-174px)}
.binary-burst-v10 .burst-bit-6{transform:translate(210px,-130px)}
.binary-burst-v10 .burst-bit-7{transform:translate(-250px,-80px)}
.binary-burst-v10 .burst-bit-8{transform:translate(-160px,-82px)}
.binary-burst-v10 .burst-bit-9{transform:translate(-62px,-72px)}
.binary-burst-v10 .burst-bit-10{transform:translate(72px,-80px)}
.binary-burst-v10 .burst-bit-11{transform:translate(182px,-62px)}
.binary-burst-v10 .burst-bit-12{transform:translate(270px,-30px)}
.binary-burst-v10 .burst-bit-13{transform:translate(-242px,20px)}
.binary-burst-v10 .burst-bit-14{transform:translate(-146px,10px)}
.binary-burst-v10 .burst-bit-15{transform:translate(-48px,24px)}
.binary-burst-v10 .burst-bit-16{transform:translate(86px,12px)}
.binary-burst-v10 .burst-bit-17{transform:translate(206px,35px)}
.binary-burst-v10 .burst-bit-18{transform:translate(305px,68px)}
.binary-burst-v10 .burst-bit-19{transform:translate(-210px,96px)}
.binary-burst-v10 .burst-bit-20{transform:translate(-112px,82px)}
.binary-burst-v10 .burst-bit-21{transform:translate(-16px,105px)}
.binary-burst-v10 .burst-bit-22{transform:translate(110px,92px)}
.binary-burst-v10 .burst-bit-23{transform:translate(224px,120px)}
.binary-burst-v10 .burst-bit-24{transform:translate(332px,155px)}
.binary-burst-v10 .burst-bit-25{transform:translate(-285px,-190px)}
.binary-burst-v10 .burst-bit-26{transform:translate(318px,-176px)}
.binary-burst-v10 .burst-bit-27{transform:translate(-318px,145px)}
.binary-burst-v10 .burst-bit-28{transform:translate(380px,202px)}
.binary-burst-v10 .burst-bit-29{transform:translate(18px,-245px)}
.binary-burst-v10 .burst-bit-30{transform:translate(24px,220px)}
.binary-burst-v10 .burst-bit-31{transform:translate(-360px,-16px)}
.binary-burst-v10 .burst-bit-32{transform:translate(405px,18px)}
.binary-burst-v10 .burst-bit-33{transform:translate(-84px,-252px)}
.binary-burst-v10 .burst-bit-34{transform:translate(132px,-260px)}
.binary-burst-v10 .burst-bit-35{transform:translate(-86px,250px)}
.binary-burst-v10 .burst-bit-36{transform:translate(145px,260px)}
.binary-burst-v10 .burst-bit-37{transform:translate(-410px,-98px)}
.binary-burst-v10 .burst-bit-38{transform:translate(455px,-82px)}
.binary-burst-v10 .burst-bit-39{transform:translate(-286px,230px)}
.binary-burst-v10 .burst-bit-40{transform:translate(310px,260px)}
.binary-burst-v10 .burst-bit-41{transform:translate(-304px,-242px)}
.binary-burst-v10 .burst-bit-42{transform:translate(358px,-228px)}
.slope-world {
position: absolute;
z-index: 4;
left: 8%;
right: 8%;
bottom: 12%;
height: 360px;
transform-style: preserve-3d;
transform: perspective(900px) rotateX(62deg) rotateZ(-13deg);
}
.slope-axis {
position: absolute;
left: 6%;
right: 2%;
bottom: 12%;
height: 3px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(122,63,38,.38), rgba(239,194,109,.12));
box-shadow: 0 0 24px rgba(239,194,109,.22);
}
.terrain-grid-v10 {
position: absolute;
left: 5%;
right: 0;
bottom: 10%;
height: 270px;
border-radius: 28px;
border: 1px solid rgba(91,68,52,.10);
background:
linear-gradient(to right, rgba(91,68,52,.16) 1px, transparent 1px),
linear-gradient(to bottom, rgba(91,68,52,.13) 1px, transparent 1px),
linear-gradient(155deg, rgba(255,255,255,.22), rgba(183,102,58,.12));
background-size: 32px 32px, 32px 32px, auto;
clip-path: polygon(0 62%, 12% 54%, 24% 47%, 38% 38%, 52% 31%, 66% 26%, 82% 20%, 100% 14%, 100% 100%, 0 100%);
}
.terrain-grid-v10 .holo-ridge {
position: absolute;
left: 4%;
right: 5%;
height: 1px;
border-top: 1px dashed rgba(122,63,38,.22);
}
.terrain-grid-v10 .holo-ridge-1{top:14%}.terrain-grid-v10 .holo-ridge-2{top:20%}.terrain-grid-v10 .holo-ridge-3{top:26%}.terrain-grid-v10 .holo-ridge-4{top:32%}
.terrain-grid-v10 .holo-ridge-5{top:38%}.terrain-grid-v10 .holo-ridge-6{top:44%}.terrain-grid-v10 .holo-ridge-7{top:50%}.terrain-grid-v10 .holo-ridge-8{top:56%}
.terrain-grid-v10 .holo-ridge-9{top:62%}.terrain-grid-v10 .holo-ridge-10{top:68%}.terrain-grid-v10 .holo-ridge-11{top:74%}.terrain-grid-v10 .holo-ridge-12{top:80%}
.terrain-grid-v10 .holo-ridge-13{top:86%}.terrain-grid-v10 .holo-ridge-14{top:90%}.terrain-grid-v10 .holo-ridge-15{top:94%}.terrain-grid-v10 .holo-ridge-16{top:97%}
.water-trace {
position: absolute;
left: 14%;
bottom: 20%;
width: 42%;
height: 18px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(103, 145, 176, .18), rgba(255,255,255,.12));
box-shadow: 0 0 0 1px rgba(103,145,176,.16), 0 0 28px rgba(103,145,176,.10);
}
.access-trace {
position: absolute;
right: 14%;
top: 8%;
width: 34%;
height: 8px;
border-radius: 999px;
background: rgba(183,102,58,.38);
transform: rotate(-8deg);
}
.support-shadow {
position: absolute;
left: 44%;
bottom: 26%;
width: 180px;
height: 70px;
border-radius: 50%;
background: radial-gradient(circle, rgba(27,20,16,.12), transparent 65%);
filter: blur(3px);
}
.building-stack {
position: absolute;
z-index: 7;
left: 52%;
top: 48%;
width: 300px;
height: 245px;
transform-style: preserve-3d;
transform: translate(-50%, -50%) perspective(850px) rotateX(61deg) rotateZ(-17deg);
}
.building-stack .holo-level {
position: absolute;
left: 50%;
width: 230px;
height: 92px;
transform: translateX(-50%);
border-radius: 14px;
background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(242,226,207,.64));
border: 1px solid rgba(122,63,38,.16);
box-shadow: 0 24px 50px rgba(27,20,16,.10), inset 0 0 20px rgba(255,255,255,.45);
}
.building-stack .holo-level-1 { bottom: 0; width: 260px; }
.building-stack .holo-level-2 { bottom: 44px; width: 214px; }
.building-stack .holo-level-3 { bottom: 86px; width: 170px; }
.building-stack .holo-level-4 { bottom: 126px; width: 124px; }
.stage-supports .support {
position: absolute;
z-index: 9;
padding: 8px 11px;
border-radius: 999px;
background: rgba(255,248,237,.88);
border: 1px solid rgba(122,63,38,.12);
color: #6a3d28;
font-size: .74rem;
font-weight: 750;
box-shadow: 0 12px 28px rgba(27,20,16,.12);
}
.stage-supports .support-1 { left: 38%; top: 62%; }
.stage-supports .support-2 { left: 48%; top: 68%; }
.stage-supports .support-3 { left: 59%; top: 73%; }
.holo-graph-v10 {
position: absolute;
z-index: 10;
inset: 0;
pointer-events: none;
}
.holo-graph-v10 .holo-edge {
position: absolute;
height: 1px;
transform-origin: left center;
background: linear-gradient(90deg, rgba(122,63,38,.36), rgba(239,194,109,.18));
box-shadow: 0 0 15px rgba(239,194,109,.20);
}
.holo-graph-v10 .holo-node {
position: absolute;
transform: translate(-50%, -50%);
display: inline-flex;
align-items: center;
gap: 7px;
font-style: normal;
}
.holo-graph-v10 .holo-node::before {
content: "";
width: 11px;
height: 11px;
border-radius: 50%;
background: var(--gold);
box-shadow: 0 0 0 6px rgba(239,194,109,.16), 0 0 20px rgba(239,194,109,.30);
}
.holo-graph-v10 .holo-node small {
display: inline-flex;
padding: 7px 10px;
border-radius: 999px;
background: rgba(255,248,237,.86);
border: 1px solid rgba(122,63,38,.12);
color: #5b341f;
font-weight: 850;
font-size: .76rem;
box-shadow: 0 10px 24px rgba(27,20,16,.10);
}
.stage-notes {
position: absolute;
z-index: 11;
left: 22px;
right: 22px;
bottom: 20px;
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 10px;
}
.stage-notes span {
padding: 12px 13px;
border-radius: 16px;
background: rgba(255,248,237,.70);
border: 1px solid rgba(91,68,52,.10);
color: var(--muted);
font-size: .84rem;
}
.stage-notes b {
display: block;
color: #5b341f;
font-size: .78rem;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 3px;
}
.origin-clarity-v10 {
padding: 0 22px 22px;
}
.result-panel {
max-width: none;
}
@media (max-width: 1100px) {
.hologram-stage-v10 { min-height: 720px; }
.stage-notes { grid-template-columns: repeat(2, minmax(0,1fr)); }
.holo-title-v10 { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 680px) {
.hologram-stage-v10 { min-height: 760px; margin: 0 12px 12px; }
.stage-notes { grid-template-columns: 1fr; }
.building-stack { width: 230px; transform: translate(-50%, -50%) perspective(750px) rotateX(61deg) rotateZ(-17deg) scale(.82); }
.holo-graph-v10 .holo-node small { font-size: .68rem; padding: 6px 8px; }
}