:root {
  color-scheme: dark;
  /* Tonal palette belongs to this black page, not to the blue reference image. */
  --page-background: #000000;
  --node-line: 148, 156, 153;
  --node-core: 210, 216, 213;
  --node-glow: 104, 117, 110;
  --brand-cyan: 6, 182, 212;
  --brand-green: 71, 211, 101;
  --dock-gap-x: clamp(20px, 3vw, 48px);
  --dock-gap-y: clamp(18px, 2.6vh, 30px);
  --dock-size: 78px;
}
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; background: var(--page-background); }
body { overflow: hidden; overscroll-behavior: none; }
#stage { position: fixed; inset: 0; isolation: isolate; background: var(--page-background); overflow: hidden; }
#nodes { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
/* A layout target only: no header surface, wordmark, border or controls. */
#dock {
  position: absolute;
  left: max(var(--dock-gap-x), env(safe-area-inset-left, 0px));
  top: max(var(--dock-gap-y), env(safe-area-inset-top, 0px));
  width: var(--dock-size); height: var(--dock-size);
  pointer-events: none;
}
#logoFlight {
  position: absolute; z-index: 1;
  top: 0; left: 0;
  width: min(230px, 48vw, 48vh);
  height: min(230px, 48vw, 48vh);
  transform-origin: 0 0;
  /* Initial centre is present even before JS mounts the approved SVG. */
  translate: none;
  transform: translate(calc(50vw - min(115px, 24vw, 24vh)), calc(50vh - min(115px, 24vw, 24vh)));
  will-change: transform;
}
#logoGlow, #logo { width: 100%; height: 100%; }
#logoGlow { transform-origin: 50% 50%; }
#logo { display: block; }
#fallback { width: 100%; height: 100%; object-fit: contain; }
#logoFlight[data-settled="true"] { will-change: auto; }
@media (max-width: 600px) { :root { --dock-size: 66px; } }
@media (max-height: 480px) { :root { --dock-size: 58px; --dock-gap-y: 12px; } }
@media (prefers-reduced-motion: reduce) {
  #logoGlow { filter: none !important; }
  #logoFlight { will-change: auto; }
}

/* Scoped change: only the two lights between the two official logo plays. */
#transfer { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; }


/* Added overlay words only; existing nodes, logo and transfer remain untouched. */
#messageStage { position:absolute; inset:0; pointer-events:none; z-index:3; }
/* Only the five central words. Their interiors stay transparent. */
#heroWord {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:0; height:0; opacity:0; pointer-events:none;
  will-change:opacity; filter:none;
}
#heroWord svg { width:100%; height:100%; display:block; overflow:visible; }
#heroWord .trace-outline, #heroWord .trace-aura, #heroWord .trace-tail {
  fill:none; stroke-linecap:round; stroke-linejoin:round;
  /* Stroke widths are compensated in local SVG units.
     No non-scaling-stroke: it would desynchronize normalized dash lengths. */
}
#heroWord .trace-outline {
  stroke:rgba(236,246,243,.91); stroke-width:var(--word-stroke,1.8);
  stroke-dasharray:1 1; stroke-dashoffset:1;
}
#heroWord .trace-aura {
  stroke:var(--trace-color); stroke-width:var(--word-aura,3.1); opacity:.26;
  stroke-dasharray:1 1; stroke-dashoffset:1; filter:url(#wordAuraFilter);
}
#heroWord .trace-tail {
  stroke:var(--trace-color); stroke-width:var(--word-tail,2.3);
  opacity:0; filter:url(#wordTailFilter);
}
#heroWord .trace-tip { opacity:0; }
#heroWord .trace-point { fill:rgba(247,255,253,.99); }
@media (max-width:640px) {

  #heroWord .trace-aura { opacity:.23; }

}

#dockWord {
  position:absolute; display:flex; align-items:center; gap:.10em;
  min-height: var(--dock-size); white-space:nowrap;
  font-family: Inter, system-ui, sans-serif; font-weight:700;
  font-size: clamp(20px, 2.5vw, 34px); letter-spacing:.14em; color: rgba(244,248,248,.90);
}
#dockWord .glyph {
  display:inline-block; opacity:0; transform: translateY(8px) scale(.92); filter: blur(8px);
  text-shadow: 0 0 0 rgba(var(--brand-cyan),0), 0 0 0 rgba(var(--brand-green),0);
  will-change:transform, opacity, filter;
}
#dockWord .glyph.on {
  opacity:1; transform: translateY(0) scale(1); filter: blur(0px);
  text-shadow: 0 0 8px rgba(var(--brand-cyan), .10), 0 0 8px rgba(var(--brand-green), .08);
}
#dockWord .glyph.okPair { letter-spacing:.02em; margin-left:0; }
#finalLine {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; gap:18px;
  font-family: Inter, system-ui, sans-serif; font-weight:600; letter-spacing:.08em;
  font-size: clamp(28px, 5.8vw, 72px); line-height:.92; color: rgba(236,243,242,.92);
  opacity:0; filter: blur(10px); white-space:nowrap; will-change:transform, opacity, filter;
  text-shadow: 0 0 18px rgba(var(--brand-green), .06), 0 0 18px rgba(var(--brand-cyan), .04);
}
#finalCheck {
  width: clamp(26px, 4vw, 44px); height: clamp(18px, 2.5vw, 30px); display:inline-block;
}
#finalCheck path {
  fill:none; stroke: rgba(var(--brand-green), .96); stroke-width: 3; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray: 1; stroke-dashoffset: 1;
  filter: drop-shadow(0 0 8px rgba(var(--brand-green), .10));
}
/* Cabecera v5: únicamente las cinco opciones definidas por Leonardo.
   La posición y el tamaño del logo y del nombre se conservan. */
#topMenu {
  position: absolute;
  z-index: 4;
  right: max(var(--dock-gap-x), env(safe-area-inset-right, 0px));
  top: max(var(--dock-gap-y), env(safe-area-inset-top, 0px));
  display: flex;
  align-items: center;
  gap: clamp(18px, 1.8vw, 28px);
  min-height: var(--dock-size);
  max-width: calc(100% - 40px);
  font-family: Inter, system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(14px, 1.05vw, 16px);
  letter-spacing: 0;
  color: rgba(232,238,237,.84);
  opacity: 0;
  filter: blur(10px);
  pointer-events: none;
  will-change: transform, opacity, filter;
}
#topMenu[data-interactive="true"] { pointer-events: auto; }
#topMenu .menuItem {
  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#topMenu .menuItem:hover { color: #fff; }
#topMenu .menuItem:focus-visible {
  outline: 2px solid rgba(var(--brand-cyan),.8);
  outline-offset: 5px;
}
#topMenu [aria-current="page"] { color: #f4f8f8; }
#topMenu [aria-current="page"]::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  bottom: 3px;
  left: calc(50% - 7px);
  background: rgba(var(--brand-cyan),.75);
}
#topMenu .menuSession {
  margin-left: 8px;
  color: rgba(245,249,248,.94);
}
#topMenu .menuTrial {
  padding: 13px 20px;
  min-height: 46px;
  border-radius: 7px;
  border: 1px solid rgba(var(--brand-cyan),.46);
  background: rgba(255,255,255,.025);
  color: #f4f8f8;
  font-weight: 600;
  box-shadow: inset 0 0 16px rgba(var(--brand-cyan),.018);
}
#topMenu .menuTrial:hover {
  background: rgba(var(--brand-cyan),.065);
  border-color: rgba(var(--brand-cyan),.75);
}
@media (max-width: 1100px) {
  #topMenu {
    left: max(var(--dock-gap-x), env(safe-area-inset-left, 0px));
    right: max(var(--dock-gap-x), env(safe-area-inset-right, 0px));
    top: calc(max(var(--dock-gap-y), env(safe-area-inset-top, 0px)) + var(--dock-size) + 12px);
    min-height: 48px;
    max-width: none;
    gap: clamp(16px, 2.2vw, 24px);
    justify-content: space-between;
  }
  #topMenu .menuSession { margin-left: 0; }
}
@media (max-width: 700px) {
  #topMenu {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    gap: 8px 12px;
    font-size: 14px;
    min-height: 0;
    justify-content: initial;
  }
  #topMenu .menuItem { grid-column: span 2; }
  #topMenu .menuTrial {
    grid-column: span 4;
    padding: 12px 14px;
    min-height: 48px;
    white-space: normal;
    text-align: center;
    text-wrap: balance;
  }
}
@media (prefers-reduced-motion: reduce) {
  #topMenu { will-change: auto; }
  /* Match normal header placement when the existing name timeline is skipped. */
  #dockWord {
    left: calc(max(var(--dock-gap-x), env(safe-area-inset-left, 0px)) + var(--dock-size) + max(12px, 1.2vw)) !important;
    top: max(var(--dock-gap-y), env(safe-area-inset-top, 0px)) !important;
    height: var(--dock-size) !important;
  }
}

@media (max-width: 640px) {
  #dockWord { font-size: clamp(16px, 5vw, 22px); gap:.02em; }
  #finalLine { font-size: clamp(18px, 6vw, 34px); gap:12px; }
  #finalCheck { width:20px; height:14px; }
}
@media (prefers-reduced-motion: reduce) {
  #heroWord { display:none !important; }
  #dockWord .glyph, #dockWord .glyph.on { opacity:1 !important; transform:none !important; filter:none !important; }
  #finalLine { opacity:0 !important; filter:none !important; }
  #topMenu { opacity:1 !important; filter:none !important; }
}



/* Continuation of the approved v7. No replacement of its nodes, logo or glyph paths. */
:root{--ink:#eaf1ed;--quiet:#9daea9;--hair:rgba(216,236,227,.15);--accent:#7bddb0;--safe:clamp(20px,3vw,48px);--ui:Inter,Arial,system-ui,sans-serif}
html,body{font-family:var(--ui)}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #6ce7da;outline-offset:5px}button{color:inherit}a{color:inherit} [hidden]{display:none!important}
#story{position:absolute;inset:0;z-index:1;color:var(--ink);opacity:0;pointer-events:none;overflow:hidden}#story[data-ready=true]{pointer-events:auto}
#logoFlight{z-index:10}#messageStage{z-index:11}#transfer{z-index:12}
#headerShade{position:absolute;z-index:8;inset:0 0 auto;height:120px;background:linear-gradient(#000b,#0008 65%,transparent);opacity:0;pointer-events:none}
#dockWord{gap:0;letter-spacing:-.032em;font-size:clamp(25px,2.6vw,35px);font-weight:700}#dockWord .glyph.okPair{margin:0;letter-spacing:inherit}#dockWord .glyph{text-shadow:none}
#topMenu{z-index:25;display:flex;left:auto;right:var(--safe);top:max(var(--dock-gap-y),env(safe-area-inset-top,0px));min-height:var(--dock-size);gap:40px;max-width:none;font-size:14px;justify-content:flex-start}
#topMenu .navMain,#topMenu .navActions{display:flex;align-items:center}#topMenu .navMain{gap:30px}#topMenu .navActions{gap:20px}#topMenu .menuSession{margin:0}#topMenu .menuTrial{color:#0a1713;background:#e8f0eb;border:1px solid #e8f0eb;padding:14px 18px;box-shadow:none;border-radius:5px;min-height:46px;font-size:13px}#topMenu .menuTrial:hover{color:#0a1713;background:white;border-color:white}#topMenu [aria-current=page]:after{width:18px;left:0;background:#b5dccc}
#menuToggle{display:none;position:absolute;z-index:27;right:var(--safe);top:28px;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--hair);border-radius:50%;background:#08100ce8;color:#ecf5ef;opacity:0}#menuToggle svg{width:20px;height:20px}
#skipOpening{position:absolute;z-index:30;right:var(--safe);bottom:28px;border:1px solid #ffffff26;border-radius:30px;padding:12px 18px;background:#050a08b8;color:#d1dfd9;font-size:12px;letter-spacing:.015em;backdrop-filter:blur(8px)}
#pauseOpening{position:absolute;z-index:30;left:var(--safe);bottom:28px;background:none;border:0;color:#a9b8b0;font-size:12px;padding:12px}
.sceneImage{position:absolute;object-fit:cover;pointer-events:none}
#fieldBackdrop{inset:0;width:100%;height:100%;object-position:69% 47%;opacity:0;filter:brightness(.82) saturate(.68);transform-origin:70% 40%;will-change:transform,opacity}
#fieldShade{position:absolute;inset:0;background:linear-gradient(90deg,#000 1%,#000f 19%,#000b 36%,#0003 62%,#0001),linear-gradient(0deg,#000 3%,transparent 40%,#0005 91%);pointer-events:none}
#storyTitle{position:absolute;z-index:5;left:var(--safe);top:clamp(145px,23vh,225px);width:38%;max-width:580px}
.eyeline{margin:0 0 22px;color:#a4b8af;letter-spacing:.19em;font-size:10px;font-weight:500;text-transform:uppercase;line-height:1.5;display:flex;align-items:center;gap:10px}.eyeline:before{content:"";width:5px;height:5px;background:#93d9b5;border-radius:50%;flex:none}
#headline{font-size:clamp(48px,5.95vw,94px);line-height:.98;letter-spacing:-.065em;font-weight:580;margin:0 0 26px;color:#f0f3ee}#headline em{font-style:normal;color:#a7d5be;font-weight:480}#storyDeck{font-size:clamp(14px,1.1vw,17px);line-height:1.65;color:#bccac3;max-width:340px;margin:0;min-height:4.9em}
.heroActions{display:flex;gap:20px;align-items:center;margin-top:26px}.mainButton{border:0;border-radius:4px;background:#e9f0e9;color:#0b1610;padding:15px 18px;min-height:48px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none}.mainButton:hover{background:white}.subtleButton{background:none;border:0;border-bottom:1px solid #7e9a8c55;color:#c4d4ca;padding:13px 0;font-size:13px}.mainButton svg,.subtleButton svg{width:18px;height:18px;flex:none}
#chapterEyebrow{position:absolute;z-index:3;right:var(--safe);top:144px;color:#b6c5bd;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}#chapterEyebrow b{color:#83d7b5;font-weight:500}.locationCaption{position:absolute;bottom:23%;right:var(--safe);z-index:3;text-align:right;color:#d9e4dc;font-size:10px;letter-spacing:.10em;line-height:1.8;text-transform:uppercase}
#cityScene{position:absolute;left:40%;right:var(--safe);top:22%;height:54%;opacity:0;perspective:1300px;pointer-events:none}#citySurface{width:100%;height:100%;transform:rotateX(40deg) rotateZ(-13deg);transform-origin:50% 50%;filter:drop-shadow(0 30px 25px #000);will-change:transform}#cityScene svg{width:100%;height:100%;overflow:visible}.cityLand{fill:#090f10;stroke:#283b37;stroke-width:.8}.cityBlock{fill:#102021;stroke:#506864;stroke-opacity:.45;stroke-width:.8}.cityRoad{fill:none;stroke:#849c96;stroke-opacity:.30;stroke-width:1.8}.cityRoute{fill:none;stroke:#4ed9ca;stroke-width:2.7;stroke-linecap:round;stroke-dasharray:4 6}.cityRoute.b{stroke:#8de3a4;opacity:.6}.cityLabel{fill:#a6bab1;font-family:var(--ui);font-size:10px}.cityPin{fill:#c4ffdf;filter:drop-shadow(0 0 6px #6cffd9)}.cityMarker{fill:#050a08;stroke:#c3ebd7;stroke-width:1.1}#mapCaption{position:absolute;bottom:0;left:22%;font-size:11px;letter-spacing:.11em;color:#96b0a4}.mapAnnotation{fill:#c9e7dc;font-family:var(--ui);font-size:11px}
#cameraDevice{position:absolute;z-index:4;right:21%;top:24%;width:204px;height:378px;border-radius:30px;border:1px solid #779487;background:linear-gradient(130deg,#54635b,#151d18 4%,#040605 40%,#253b2e);box-shadow:12px 28px 60px #0009,inset 0 0 0 4px #0a0e0c;opacity:0;transform:perspective(1000px) rotateY(-10deg) rotateZ(-3deg);will-change:transform,opacity}.deviceCameraBar{height:27px;display:flex;align-items:center;justify-content:center}.deviceNotch{width:52px;height:9px;border-radius:10px;background:#000}.viewFinder{position:absolute;inset:30px 8px 70px;overflow:hidden;border-radius:17px 17px 3px 3px;background:#13221a}.viewFinder>img{width:100%;height:100%;object-fit:cover}.viewFinder:after{content:"";position:absolute;inset:22px;border:1px solid #dbe9e866;box-shadow:0 0 0 300px #0002}.focusBox{position:absolute;left:30%;top:29%;width:39%;height:29%;border:1px solid #edf5d6e8}.camTop{position:absolute;left:20px;right:20px;top:40px;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:.08em;z-index:1}.camBottom{position:absolute;bottom:9px;left:0;right:0;display:grid;place-items:center;height:51px}.camShutter{display:block;width:41px;height:41px;border:3px solid #d9e4dc;border-radius:50%;background:white;box-shadow:inset 0 0 0 3px #101a14}.camResult{position:absolute;z-index:4;inset:26px 8px 66px;background:#fff;opacity:0;pointer-events:none;border-radius:18px}
#captureCaption{position:absolute;z-index:6;left:50%;bottom:22%;color:#bdcdc3;font-size:12px;letter-spacing:.04em;opacity:0}.tinyCheck{color:#9dd9b9;margin-right:7px}
#desk{position:absolute;z-index:4;right:var(--safe);width:min(54vw,780px);height:clamp(340px,48vh,480px);top:25%;border:1px solid #5a756461;background:#0a1310ed;box-shadow:0 32px 100px #0009;border-radius:11px;opacity:0;transform-origin:60% 50%;will-change:transform,opacity;overflow:hidden;color:#cbd6ce;backdrop-filter:blur(14px)}.deskChrome{height:42px;padding:0 18px;border-bottom:1px solid #57736733;display:flex;align-items:center;justify-content:space-between;font-size:10px}.chromeTrail{letter-spacing:.07em;color:#7d988b}.liveTag{display:inline-flex;align-items:center;gap:6px;color:#acceb7;font-size:9px;letter-spacing:.05em}.liveTag:before{content:"";width:4px;height:4px;background:#82cea8;border-radius:50%}.deskBody{display:grid;grid-template-columns:135px minmax(0,1fr);height:calc(100% - 42px)}.deskSide{padding:17px 14px;border-right:1px solid #5870622b;font-size:10px;color:#7e988a}.deskSide b{display:block;color:#b7c8bd;font-weight:500;margin-bottom:18px}.deskSide .selected{color:#d8f0e0;padding:10px 8px;margin:0 -4px 15px;background:#72977818;border-left:1px solid #a8d2b8}.deskSide p{font-size:9px;line-height:1.7;margin-top:18px;color:#667e70}.deskContent{padding:19px;min-width:0}.taskTrail{font-size:9px;color:#93a699;margin-bottom:12px;letter-spacing:.035em}.deskHeading{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:15px}.deskHeading h2{font-size:18px;letter-spacing:-.02em;line-height:1.2;margin:0;color:#e6efe8;font-weight:500}.stateLabel{font-size:9px;border:1px solid #6689704f;border-radius:20px;padding:6px 8px;color:#a8cbbb;white-space:nowrap}.proofGrid{display:grid;grid-template-columns:40% minmax(0,1fr);gap:20px}#deskPhotoTarget{aspect-ratio:234 / 308;max-height:205px;border-radius:5px;position:relative;background:#141e18;border:1px solid #4365524d;overflow:hidden}#deskPhotoTarget:before{content:"Evidencia";position:absolute;inset:0;display:grid;place-items:center;color:#597562;font-size:10px}.proofMeta{margin:0;font-size:10px;line-height:1.7}.proofMeta dt{color:#688474;font-size:8px;text-transform:uppercase;letter-spacing:.06em;margin-top:5px}.proofMeta dd{margin:0 0 9px;color:#b8cdc0}.approveButton{margin-top:7px;padding:9px 12px;min-height:36px;color:#112017;font-size:10px;border:none;border-radius:4px;background:#cde5d2}.approveButton:disabled{background:#153524;color:#a6dbb9}.validationLine{display:flex;gap:7px;margin-top:13px;font-size:10px;align-items:center;color:#83c99e}.validationLine svg{width:14px;height:14px}
#evidenceFloat{position:absolute;z-index:6;opacity:0;pointer-events:none;box-shadow:0 12px 35px #0006;border:1px solid #cae1d166;border-radius:6px;overflow:hidden;will-change:transform,width,height}#evidenceFloat img{width:100%;height:100%;object-fit:cover;display:block}#evidenceFloat .imageLabel{position:absolute;bottom:0;left:0;right:0;padding:7px 8px;color:#e5f2e8;background:linear-gradient(transparent,#000c);font-size:8px;letter-spacing:.07em}#transferCaption{position:absolute;z-index:7;left:53%;top:25%;font-size:10px;color:#a1dbc1;letter-spacing:.1em;opacity:0}
#humanScene{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 72% 53%,#60776a30,transparent 47%)}#clientEnvironment{position:absolute;right:0;top:14%;bottom:14%;width:64%;background:linear-gradient(90deg,#0a110e00,#17231cb0);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 90%,transparent)}.windowPane{position:absolute;inset:0;border-left:1px solid #a1c1af22;background:linear-gradient(90deg,transparent 0 49%,#9cbaa71c 49% 49.4%,transparent 49.4%),linear-gradient(0deg,transparent 0 70%,#9cbaa71c 70% 70.3%,transparent 70.3%)}.distantLight{position:absolute;left:14%;right:10%;bottom:10%;height:70%;background:radial-gradient(ellipse at 70% 70%,#81a99538,transparent 65%);filter:blur(25px)}#clientModel{position:absolute;right:25%;bottom:14%;height:min(54vh,520px);width:auto;max-width:38%;object-fit:contain;filter:brightness(.77) saturate(.78);mask-image:linear-gradient(0deg,transparent,black 12%,black 94%,transparent);will-change:transform}.portraitNote{position:absolute;right:var(--safe);bottom:20%;font-size:10px;letter-spacing:.13em;color:#9cbaa9;line-height:1.7;text-transform:uppercase;text-align:right}
#clientDevice{position:absolute;z-index:5;right:9%;top:23%;width:208px;height:399px;border:1px solid #869b88;border-radius:30px;background:#111a14;box-shadow:14px 32px 80px #000b;opacity:0;transform-origin:50% 50%;overflow:hidden;padding:10px;will-change:transform,opacity}.clientScreen{background:#dde6d9;color:#1c3123;border-radius:22px;height:100%;overflow:hidden;position:relative}.clientStatus{height:30px;padding:11px 15px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#536d5c}.clientHeader{height:43px;border-bottom:1px solid #50715a26;padding:7px 13px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.clientHeader img{width:23px;height:23px}.phoneTask{padding:12px}.phoneTask h3{font-size:15px;line-height:1.2;letter-spacing:-.02em;font-weight:500;margin:1px 0 10px}.phoneTask .meta{font-size:8px;color:#607361;margin-bottom:10px}#clientPhotoTarget{width:100%;height:160px;background:#243b2f;border-radius:5px}.phoneVerified{font-size:9px;margin-top:10px;color:#2c5e3c;display:flex;gap:7px}.privateNote{font-size:8px;line-height:1.5;color:#5e755f;margin:9px 0 0}#clientNotified{position:absolute;z-index:10;left:9px;right:9px;top:44px;display:flex;align-items:flex-start;gap:8px;padding:13px 10px;border:1px solid #d3e4d5;background:#f7f9f2f2;box-shadow:0 12px 25px #15261b30;border-radius:13px;opacity:0;cursor:pointer;font-size:10px;text-align:left;color:#173c22}#clientNotified img{width:28px;height:28px;flex:none}#clientNotified b{font-size:9px;display:block;margin-bottom:4px}#clientNotified small{display:block;margin-top:5px;font-size:8px;color:#5a7462}.phoneLock{position:absolute;inset:30px 0 0;background:linear-gradient(#102019,#375642);color:#d8e7da;text-align:center;padding:37px 4px;opacity:0;pointer-events:none}.phoneLock b{font-size:41px;font-weight:400;letter-spacing:-.08em}.phoneLock p{font-size:9px;letter-spacing:.08em}
#confirmation{position:absolute;z-index:7;left:var(--safe);bottom:24%;display:flex;align-items:center;gap:14px;opacity:0;max-width:37%;font-size:17px;color:#d8e7dc}#confirmation svg{width:36px;height:36px;flex:none}#confirmation p{margin:0;line-height:1.5}#confirmation span{font-size:12px;color:#90aa9c}
#storyFooter{position:absolute;z-index:8;bottom:26px;left:var(--safe);right:var(--safe);border-top:1px solid #bad5c532;padding-top:15px;display:grid;grid-template-columns:130px 1fr 118px;align-items:center;gap:26px}.footerId{font-size:9px;line-height:1.8;color:#8aa296;letter-spacing:.05em}.footerId b{display:block;color:#d4e3d8;font-weight:500;letter-spacing:.12em}.chapterNav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chapterButton{position:relative;text-align:left;background:none;border:0;padding:8px 0;color:#778e80;font-size:10px;line-height:1.6;white-space:nowrap}.chapterButton>span{color:#4e6858;margin-right:6px;font-size:8px}.chapterButton:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#40514566}.chapterButton:after{content:"";position:absolute;left:0;bottom:0;width:calc(var(--p,0)*100%);height:1px;background:#bdd8c5}.chapterButton[aria-current=step]{color:#e6f1e6}.playerControls{display:flex;justify-content:flex-end;gap:8px}.circleButton{width:38px;height:38px;border:1px solid #b1cab62d;border-radius:50%;display:grid;place-items:center;background:#07110a33;color:#d1e4d5;padding:10px}.circleButton:hover{background:#2c40334d}.circleButton svg{width:16px;height:16px}.scrubber{position:absolute;top:-6px;left:0;width:100%;height:10px;margin:0;opacity:0;cursor:ew-resize}.scrubber:focus-visible{opacity:1;accent-color:#b9d9c6}.noteDemo{position:absolute;z-index:7;right:var(--safe);bottom:117px;font-size:9px;letter-spacing:.05em;color:#76887b}
/* Sheets are functional destinations, not a second landing page. */
.sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000a;backdrop-filter:blur(12px);color:#e7eee7;padding:24px}.sheetPanel{background:#0a100d;border:1px solid #9bb9a335;border-radius:12px;padding:clamp(22px,4vw,50px);max-width:830px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0009;position:relative}.sheetTitle{font-size:clamp(26px,4vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0 0 18px}.sheetClose{position:absolute;right:17px;top:15px;width:34px;height:34px;background:none;border:1px solid #66806e44;border-radius:50%;color:#bcd0c1;font-size:23px}.sheetText{font-size:14px;color:#98ad9e;line-height:1.7;max-width:590px}.plansList{margin:30px 0 16px}.planRow{display:grid;grid-template-columns:1fr 2fr auto;gap:20px;border-top:1px solid #6d8b762b;padding:20px 0;align-items:center}.planRow b{font-size:15px;color:#d9e9dc;font-weight:500}.planRow p{font-size:12px;line-height:1.6;color:#8ca594;margin:0}.planRow button{background:none;border:0;border-bottom:1px solid #a0bbaa66;color:#b7d6c0;padding:10px 0;font-size:12px}.sheetFootnote{font-size:11px;color:#718b7a;line-height:1.6}.inputGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.inputField{display:grid;gap:8px;font-size:11px;color:#bed1c3;min-width:0}.inputField input,.inputField select{border:1px solid #637b6d55;border-radius:5px;padding:13px 14px;width:100%;background:#0f1a13;color:#e0ebdf;min-width:0}.inputField.full{grid-column:1/-1}.sheetActions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}.inlineNote{font-size:11px;color:#829887;line-height:1.6}.receipt{padding:16px;background:#162c1e;border:1px solid #76908044;border-radius:6px;margin-top:22px;font-size:12px;line-height:1.6;color:#c4ddca}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){#desk{height:470px;top:23%;width:760px}.deskBody{grid-template-columns:145px 1fr}.deskHeading h2{font-size:23px}.proofGrid{grid-template-columns:42% 1fr}#deskPhotoTarget{max-height:260px}.proofMeta{font-size:12px}.approveButton{font-size:12px}.deskChrome{font-size:12px}#clientDevice{height:461px;width:239px;top:25%;right:10%}#clientPhotoTarget{height:215px}.phoneTask h3{font-size:18px}.phoneTask .meta,.phoneVerified{font-size:10px}}
@media(max-width:1100px){#topMenu{gap:25px;font-size:12px}#topMenu .navMain{gap:20px}#topMenu .navActions{gap:16px}#topMenu .menuTrial{padding:12px;font-size:11px}#dockWord{font-size:26px}#storyTitle{top:25%;width:37%}#headline{font-size:clamp(44px,6vw,67px)}.heroActions{flex-direction:column;align-items:flex-start;gap:7px;margin-top:19px}#storyDeck{font-size:13px}#cameraDevice{right:17%;top:26%}#clientDevice{right:5%}#clientModel{right:21%;bottom:18%;height:52vh;max-width:37%}.deskSide{display:none}.deskBody{grid-template-columns:1fr}#desk{width:55%;height:350px;top:27%}.deskHeading h2{font-size:18px}#storyFooter{grid-template-columns:85px 1fr 90px;gap:12px}.chapterNav{gap:8px}.chapterButton{font-size:9px}.footerId{font-size:8px}.circleButton{width:33px;height:33px}.noteDemo{bottom:107px;font-size:8px}}
@media(max-width:960px){#topMenu{left:auto;right:var(--safe);top:90px;min-height:0;display:none;flex-direction:column;align-items:stretch;gap:13px;padding:23px;background:#0a120df7;border:1px solid #78948144;border-radius:10px;width:min(330px,calc(100vw - 40px));opacity:1!important;filter:none!important;transform:none!important;max-width:none;box-shadow:0 20px 60px #000b}#topMenu[data-open=true]{display:flex}#topMenu .navMain,#topMenu .navActions{flex-direction:column;gap:3px;align-items:stretch}#topMenu .menuItem{justify-content:flex-start;font-size:14px}#topMenu .menuTrial{justify-content:center;margin-top:12px}#topMenu .menuSession{margin:0;border-top:1px solid #6b887633;padding-top:15px}#menuToggle{display:flex}#topMenu [aria-current=page]:after{display:none}.chapterButton>span{display:none}}
@media(max-width:650px){#storyTitle{left:var(--safe);right:var(--safe);top:clamp(122px,17.5vh,160px);width:auto;max-width:none}.eyeline{font-size:8px;margin-bottom:14px;letter-spacing:.16em}#headline{font-size:clamp(39px,11.3vw,61px);line-height:.97;max-width:10ch;letter-spacing:-.054em;margin-bottom:16px}#storyDeck{font-size:12px;line-height:1.65;max-width:245px;min-height:0}#storyTitle .heroActions{display:none}#fieldBackdrop{object-fit:cover;object-position:52% 55%;height:62%;top:37%;mask-image:linear-gradient(0deg,transparent,black 20%,black 78%,transparent);opacity:0}#fieldShade{background:linear-gradient(180deg,#000 0 28%,#0007 48%,transparent 73%,#000 95%)}#chapterEyebrow{top:112px;right:22px;font-size:8px;letter-spacing:.05em;gap:5px}#chapterEyebrow span{max-width:70px;text-align:right;line-height:1.6}#cityScene{left:5%;right:5%;top:46%;height:36%}#mapCaption{font-size:8px;left:22%;bottom:5%}.locationCaption{font-size:8px;bottom:20%;max-width:130px}#cameraDevice{right:13%;top:46%;width:145px;height:266px;border-radius:25px}.viewFinder{inset:26px 6px 57px}.camTop{top:34px;left:14px;right:14px;font-size:7px}.camBottom{height:40px;bottom:5px}.camShutter{width:32px;height:32px}.deviceCameraBar{height:22px}.camResult{inset:24px 6px 55px}.deviceNotch{width:40px;height:7px}#captureCaption{bottom:17.7%;left:22px;font-size:9px;max-width:170px;line-height:1.5}#desk{left:var(--safe);right:var(--safe);width:auto;top:45%;height:35%;min-height:245px;max-height:320px;border-radius:8px}.deskChrome{height:30px;padding:0 12px;font-size:8px}.liveTag{font-size:7px}.deskBody{height:calc(100% - 30px)}.deskContent{padding:12px}.taskTrail{font-size:8px;margin-bottom:6px}.deskHeading{margin-bottom:9px;gap:7px}.deskHeading h2{font-size:15px}.stateLabel{font-size:7px;padding:5px 6px}.proofGrid{gap:13px;grid-template-columns:36% 1fr}#deskPhotoTarget{max-height:142px}.proofMeta{font-size:8px;line-height:1.4}.proofMeta dt{font-size:7px;margin-top:0}.proofMeta dd{margin-bottom:7px}.approveButton{font-size:8px;padding:7px 9px;min-height:28px;margin-top:2px}.validationLine{font-size:8px;margin-top:7px}#transferCaption{left:48%;top:44%;font-size:8px}#clientEnvironment{right:0;width:100%;top:41%;bottom:16%}#clientModel{right:31%;max-width:58%;height:36%;bottom:16%;filter:brightness(.8) saturate(.74)}#clientDevice{right:var(--safe);top:47%;width:145px;height:283px;border-radius:23px;padding:7px}.clientScreen{border-radius:16px}.clientStatus{height:22px;font-size:6px;padding:9px 10px}.clientHeader{height:29px;font-size:8px;padding:5px 9px}.clientHeader img{height:18px;width:18px}.phoneTask{padding:9px}.phoneTask h3{font-size:12px;margin-bottom:7px}.phoneTask .meta{font-size:6px;margin-bottom:7px}#clientPhotoTarget{height:105px}.phoneVerified{font-size:7px;margin-top:8px;gap:4px}.privateNote{font-size:6px;margin-top:6px}#clientNotified{padding:9px 7px;gap:5px;left:4px;right:4px;font-size:8px;border-radius:8px;top:32px}#clientNotified img{width:21px;height:21px}#clientNotified b{font-size:7px}#clientNotified small{font-size:7px;margin-top:4px}.phoneLock{top:22px;padding-top:34px}.phoneLock b{font-size:33px}.phoneLock p{font-size:7px}.portraitNote{display:none}#confirmation{bottom:20%;font-size:11px;left:22px;max-width:40%;gap:9px;align-items:flex-start}#confirmation svg{width:20px;height:20px}#confirmation span{font-size:8px}#storyFooter{left:var(--safe);right:var(--safe);bottom:max(17px,env(safe-area-inset-bottom,0px));padding-top:10px;grid-template-columns:1fr 76px;gap:7px 10px}.footerId{grid-column:1/-1;display:flex;justify-content:space-between;line-height:1.1;font-size:7px;margin-bottom:5px}.footerId b{font-size:8px;line-height:1.1}.chapterNav{gap:7px}.chapterButton{font-size:7px;padding:6px 0;letter-spacing:0}.circleButton{width:31px;height:31px;padding:8px}.playerControls{gap:5px}.noteDemo{font-size:7px;bottom:105px;right:22px}#dockWord{font-size:25px}#headerShade{height:110px}#pauseOpening,#skipOpening{font-size:10px;padding:11px 14px}#pauseOpening{left:7px}.inputGrid{grid-template-columns:1fr}.inputField.full{grid-column:auto}.sheet{padding:12px}.sheetPanel{max-height:94dvh;padding:28px 22px}.planRow{grid-template-columns:1fr auto;gap:8px}.planRow p{grid-column:1;grid-row:2}.planRow button{grid-column:2;grid-row:1/3}.sheetTitle{font-size:31px}.sheetText{font-size:13px}}
@media(max-height:640px) and (min-width:651px){#storyTitle{top:28%;width:36%}.eyeline{margin-bottom:10px}#headline{font-size:50px;margin-bottom:17px}#storyDeck{font-size:12px;line-height:1.5;min-height:0}.heroActions{margin-top:14px;gap:15px;flex-direction:row}.mainButton{font-size:10px;padding:11px;min-height:38px}.subtleButton{font-size:10px}#cameraDevice{height:260px;width:147px;top:27%}.viewFinder{bottom:55px}.camShutter{width:30px;height:30px}.camBottom{height:38px}#desk{height:260px;top:28%;min-height:0}.deskChrome{height:29px}.deskContent{padding:12px}.deskBody{height:calc(100% - 29px)}.taskTrail{margin-bottom:6px}.deskHeading{margin-bottom:10px}.deskHeading h2{font-size:15px}#deskPhotoTarget{max-height:135px}.proofMeta{font-size:8px}.proofMeta dt{font-size:7px}.proofMeta dd{margin-bottom:5px}.approveButton{font-size:9px;padding:6px 10px;min-height:25px}.validationLine{font-size:8px;margin-top:6px}#clientDevice{height:280px;width:147px;top:27%;padding:7px}.clientHeader{font-size:8px;height:26px;padding:3px 8px}.clientHeader img{width:18px;height:18px}.clientStatus{height:25px}.phoneTask{padding:8px}.phoneTask h3{font-size:12px}.phoneTask .meta{font-size:7px;margin-bottom:6px}#clientPhotoTarget{height:100px}.phoneVerified{font-size:7px}.privateNote{font-size:6px}#clientNotified{font-size:8px;padding:8px;left:4px;right:4px;gap:4px}#clientNotified b{font-size:8px}#clientNotified img{width:21px;height:21px}#clientModel{height:53vh;right:22%;max-width:37%}#storyFooter{bottom:17px;padding-top:8px}#chapterEyebrow{top:115px}#confirmation{bottom:23%;font-size:12px}#confirmation span{font-size:9px}.noteDemo{bottom:86px}}
@media(max-height:700px) and (max-width:650px){#storyTitle{top:114px}#headline{font-size:38px;margin-bottom:9px}.eyeline{margin-bottom:10px}#storyDeck{font-size:10px;line-height:1.5;max-width:245px}#desk{top:45%;height:35%;min-height:205px}.deskHeading h2{font-size:13px}#deskPhotoTarget{max-height:110px}.proofMeta{font-size:7px}.proofMeta dt{font-size:6px}.validationLine{font-size:7px}#clientDevice{height:235px;top:45%;width:126px}#clientPhotoTarget{height:77px}.phoneTask h3{font-size:10px}.phoneTask .meta{font-size:6px}.phoneTask{padding:7px}.phoneVerified{font-size:6px}.privateNote{font-size:6px;margin-top:5px}#cameraDevice{width:124px;height:232px;top:44%}.noteDemo{bottom:93px}#clientModel{bottom:19%;height:37%;max-width:57%}#chapterEyebrow{top:108px}#captureCaption{bottom:21%}}
@media(prefers-reduced-motion:reduce){#fieldBackdrop,#clientModel,#evidenceFloat,#cameraDevice,#clientDevice,#desk{will-change:auto}*{scroll-behavior:auto!important}.sceneImage{filter:none}}
/* Final responsive pass: captions never overlap the phone, controls have usable targets. */
@media(max-width:650px){
  .locationCaption{left:var(--safe);right:auto;text-align:left;bottom:20%;max-width:145px}
  #clientModel{bottom:18%;height:35%;max-width:56%}
  #confirmation{bottom:16.5%;max-width:48%;align-items:center;font-size:11px}
  #storyFooter{grid-template-columns:1fr 76px;gap:6px 12px;padding-top:10px}
  .footerId{grid-column:1;display:block;margin-bottom:0;line-height:1.5}.footerId b{line-height:1.5}.footerId span{display:block;margin-top:2px}
  .playerControls{grid-column:2;grid-row:1}
  .chapterNav{grid-column:1/-1;grid-row:2;gap:8px}
  .chapterButton{min-height:29px;font-size:8px}
  .noteDemo{bottom:120px;font-size:7px}
}
@media(max-width:650px) and (max-height:700px){#confirmation{bottom:19%;font-size:9px}#confirmation span{font-size:7px}#clientModel{bottom:21%;height:33%;max-width:55%}.locationCaption{bottom:22%;font-size:7px}.noteDemo{bottom:115px}}

/* Encuadre adaptativo: la fotografía vuelve a ocupar el escenario completo.
   El punto focal se calcula sobre la imagen original. No se redibuja el rostro,
   no se reduce a un retrato aislado y no se modifica el reloj de la experiencia. */
#humanScene{background:#000}
#clientModel{
  position:absolute;z-index:0;
  left:0;right:0;bottom:auto;top:var(--portrait-top,112px);
  width:100%;max-width:none;height:var(--portrait-height,calc(100% - 112px));
  object-fit:cover;object-position:var(--portrait-position,68%) 0%;
  filter:none;
  mask-image:linear-gradient(180deg,transparent 0,#000 var(--portrait-top-fade,30px),#000 83%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 var(--portrait-top-fade,30px),#000 83%,transparent 100%);
  will-change:transform,opacity;
}
#clientEnvironment{
  position:absolute;z-index:1;inset:0;width:100%;height:100%;
  mask-image:none;-webkit-mask-image:none;overflow:hidden;
  background:linear-gradient(90deg,#000f 0%,#000d 23%,#0009 37%,#0002 53%,transparent 62%),
             linear-gradient(0deg,#000e 0%,#0005 10%,transparent 29%);
}
#clientEnvironment .windowPane,#clientEnvironment .distantLight{display:none}
.portraitNote{z-index:2}
@media(max-width:650px){
  #clientEnvironment{background:linear-gradient(0deg,#000f 0%,#0008 10%,transparent 27%)}
}



/* v4: únicamente la presentación de la navegación de cuatro etapas. */
#storyFooter {
  left:50%; right:auto; transform:translateX(-50%);
  bottom:max(22px,env(safe-area-inset-bottom,0px));
  width:min(790px,calc(100% - 2 * var(--safe)));
  display:grid; grid-template-columns:86px minmax(0,1fr) 86px;
  align-items:center; gap:18px; padding:7px 14px;
  border:1px solid rgba(186,213,197,.18); border-radius:14px;
  background:rgba(5,12,9,.86); backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px); box-shadow:0 8px 32px #0004;
}
#storyFooter .footerId {grid-column:1; grid-row:1; display:block; margin:0; font-size:7px; line-height:1.45; color:#91a49a; letter-spacing:.04em;}
#storyFooter .footerId b {display:block; font-size:9px; line-height:1.6; color:#c5d7cb; letter-spacing:.07em; font-weight:500;}
#storyFooter .footerId span {display:block; margin-top:2px;}
#storyFooter .chapterNav {grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; min-width:0;}
#storyFooter .chapterButton {
  display:flex; align-items:center; justify-content:center; gap:6px;
  min-height:44px; padding:9px 0 11px; min-width:0;
  font-size:11px; font-weight:500; line-height:1.2;
  color:#a6b7ad; letter-spacing:0;
  border:0; border-radius:3px; background:none;
  transition:color .18s ease,background-color .18s ease;
}
#storyFooter .chapterButton > span {display:inline; font-size:8px; margin:0; color:#6e8c7c; font-variant-numeric:tabular-nums;}
#storyFooter .chapterButton:before,#storyFooter .chapterButton:after {bottom:2px; height:1px;}
#storyFooter .chapterButton:before {background:#a4c7b326;}
#storyFooter .chapterButton:after {background:#b9dbc5;}
#storyFooter .chapterButton[aria-current=step] {color:#f3f8f4;}
#storyFooter .chapterButton[aria-current=step] > span {color:#b9dbc5;}
#storyFooter .chapterButton:hover {color:#fff; background:#c9e9d509;}
#storyFooter .chapterButton:focus-visible {outline:2px solid #b9dbc5; outline-offset:2px;}
#storyFooter .playerControls {grid-column:3; grid-row:1; display:flex; justify-content:flex-end; gap:6px;}
#storyFooter .circleButton {width:40px; height:40px; padding:10px; flex:none;}
#storyFooter .scrubber {top:-7px; left:12px; width:calc(100% - 24px); height:10px;}
@media (max-width:700px) {
  #storyFooter {width:calc(100% - 2 * var(--safe)); grid-template-columns:minmax(0,1fr) 80px; gap:1px 12px; padding:6px 12px 9px; border-radius:13px; bottom:max(16px,env(safe-area-inset-bottom,0px));}
  #storyFooter .footerId {grid-column:1; grid-row:1; display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; font-size:7px;}
  #storyFooter .footerId b {font-size:9px;}
  #storyFooter .footerId span {margin:0; max-width:145px;}
  #storyFooter .chapterNav {grid-column:1 / -1; grid-row:2; gap:9px;}
  #storyFooter .chapterButton {font-size:11px; gap:5px; min-height:42px;}
  #storyFooter .playerControls {grid-column:2; grid-row:1; gap:6px;}
  #storyFooter .circleButton {width:37px; height:37px; padding:9px;}
}
@media (max-width:420px) {
  #storyFooter {padding-inline:10px;}
  #storyFooter .footerId span {display:none;}
  #storyFooter .chapterButton {font-size:10.5px;}
  #storyFooter .chapterButton > span {display:none;}
}
@media (max-height:460px) and (min-width:651px) {
  #storyFooter {grid-template-columns:minmax(0,1fr) 86px; gap:15px; padding:5px 14px; bottom:12px;}
  #storyFooter .footerId {display:none;}
  #storyFooter .chapterNav {grid-column:1; grid-row:1;}
  #storyFooter .playerControls {grid-column:2; grid-row:1;}
}
@media (prefers-reduced-motion:reduce) {
  #storyFooter .chapterButton {transition:none;}
}


/* Solo fotografía/encuadre de Aviso y Resultado: imagen a sangre desde y=0.
   No máscara superior, no franja negra que recorte el cielo. */
#clientPhotoScene{display:contents}
#clientModel{
  inset:0!important;top:0!important;left:0!important;bottom:0!important;right:0!important;
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:var(--portrait-x,50%) var(--portrait-y,0%)!important;
  mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;
}
#humanScene{background:#07121e}
#clientEnvironment{
  background:linear-gradient(90deg,#000f 0%,#000d 23%,#0009 37%,#0002 53%,transparent 62%),
             linear-gradient(0deg,#000e 0%,#0005 12%,transparent 30%);
}
@media(max-width:650px){
 #clientEnvironment{background:linear-gradient(180deg,#000a 0%,#0007 24%,#0001 43%,transparent 58%,#0004 80%,#000d 100%)}
}