:root{--bg:#080511;--pane:#0f091b;--panel:#120a20;--pink:#ff2c73;--pink2:#e71960;--cyan:#2bd8fb;--txt:#eae4f6;--muted:#a69cb8;--purple:#a878d3;--border:rgba(255,44,115,.75)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;background:radial-gradient(circle at 52% -15%,#1b102b 0,transparent 55%),#080511;color:var(--txt);font-family:"Courier New",Courier,monospace;line-height:1.55;font-size:14px;letter-spacing:.012em}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(79,31,88,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,31,88,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0%,transparent 70%);z-index:-1}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 3px,rgba(0,0,0,.17) 3px 4px);opacity:.35;z-index:9}a{color:var(--cyan);text-decoration-color:rgba(43,216,251,.6);text-underline-offset:3px}a:hover{color:#fff;text-shadow:0 0 13px var(--cyan)}a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{position:fixed;z-index:99;top:-80px;left:16px;padding:10px 15px;background:#fff;color:#000}.skip-link:focus{top:12px}.site-shell{max-width:730px;margin:28px auto 45px;padding:0 18px}.window{position:relative;overflow:hidden;border:2px solid var(--pink);background:linear-gradient(130deg,rgba(21,9,32,.98),rgba(10,6,23,.995));box-shadow:0 0 0 5px rgba(255,44,115,.06),0 0 40px rgba(240,16,88,.11),inset 0 0 35px rgba(237,37,106,.055);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.window:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;pointer-events:none;border:1px solid rgba(255,44,115,.24)}.titlebar{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;border-bottom:2px solid var(--pink);background:rgba(44,11,43,.38);color:var(--pink);font-weight:700;letter-spacing:.16em;font-size:17px}.titlebrand{text-decoration:none;color:var(--pink)}.titlebrand:hover{color:var(--pink)}.cursor{font-size:14px;margin-left:2px;animation:cursor 1.6s steps(1,end) infinite}.window-controls{display:flex;align-items:center;gap:12px}.window-controls i{display:inline-block;width:13px;height:13px;border:2px solid var(--pink)}.window-controls i:first-child{width:16px;height:2px;border:0;background:var(--pink);align-self:end;margin-bottom:1px}.window-controls .window-x{border:0;position:relative}.window-controls .window-x:before,.window-controls .window-x:after{content:"";position:absolute;top:5px;left:-2px;width:18px;height:2px;background:var(--pink);transform:rotate(45deg)}.window-controls .window-x:after{transform:rotate(-45deg)}main{padding:0 clamp(17px,6.8vw,57px)}.hero{position:relative;text-align:center;padding-top:21px}.status{position:relative;z-index:1;font-size:10px;letter-spacing:.16em;color:var(--muted)}.status-light{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--cyan);box-shadow:0 0 9px var(--cyan);vertical-align:middle;border-radius:1px;animation:breath 4.6s ease-in-out infinite}.version{color:var(--pink)}.fox-wrap{position:relative;width:min(435px,100%);margin:-4px auto -6px;isolation:isolate}.fox{width:100%;height:auto;display:block;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 58% 49% at 50% 53%,#000 65%,transparent 100%);image-rendering:auto;filter:drop-shadow(0 0 12px rgba(245,29,97,.15))}.eye-flare{position:absolute;top:48%;width:15%;height:8%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.96) 0%,rgba(255,100,165,.95) 35%,rgba(255,44,115,.8) 55%,rgba(255,44,115,0) 100%);filter:blur(5px);opacity:0;transform:translateY(5px) scale(.15,.08);pointer-events:none;mix-blend-mode:screen}.eye-left{left:26%;transform-origin:center}.eye-right{right:26%;transform-origin:center}.laser-line{position:absolute;left:8%;top:61%;width:84%;height:2px;background:linear-gradient(to right,transparent,rgba(255,44,115,.18),#ff4279,rgba(255,44,115,.18),transparent);filter:blur(2px);opacity:0;animation:laserSweep 5.8s 1.15s ease-in-out infinite;pointer-events:none}.star{position:absolute;font-size:32px;color:var(--pink);text-shadow:0 0 13px var(--pink)}.star-a{top:112px;left:6%}.star-b{top:177px;right:5%;font-size:23px}.hero h1{margin:-2px 0 2px;font-size:clamp(35px,9.5vw,75px);line-height:1.1;font-weight:900;font-style:italic;white-space:nowrap;letter-spacing:-.1em;text-shadow:4px 4px 0 #170b32,0 0 24px rgba(255,32,107,.3)}.word-pink{color:var(--pink)}.word-cyan{color:var(--cyan)}.hero h1 small{font-size:.26em;font-style:normal;letter-spacing:0;color:var(--pink);margin-left:.48em}.hero-subtitle{margin:11px 0 20px;color:#fff;font-size:clamp(11px,2.3vw,15px);letter-spacing:.11em;font-weight:bold}.hero-subtitle span{color:#fff}.hero-line{margin:9px 0 20px;color:#d1c5df;font-size:13px}.site-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:bold;letter-spacing:.08em}.site-nav a{text-decoration:none;padding:5px 2px}.site-nav span{color:var(--pink)}.divider{height:52px;display:flex;gap:15px;align-items:center;color:var(--pink);font-size:12px;letter-spacing:7px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--pink))}.divider:after{transform:rotate(180deg)}.divider span{padding-left:7px}.panel{background:rgba(21,11,34,.68);border:1px solid var(--pink);box-shadow:0 0 0 3px rgba(255,44,115,.055),inset 0 0 26px rgba(217,18,100,.034);margin-bottom:22px;scroll-margin-top:22px}.panel-title{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:2px solid var(--pink);color:var(--pink);background:linear-gradient(90deg,rgba(102,14,68,.25),rgba(34,10,46,.08));font-weight:700}.panel-title h2{font:inherit;letter-spacing:.11em;font-size:16px;margin:0}.chevron{font-size:24px;line-height:0;margin-right:5px}.panel-controls{font-size:24px;font-weight:normal;letter-spacing:0;line-height:0}.panel-content{padding:19px 23px}.contact-list{padding:8px 18px}.contact-row{display:grid;grid-template-columns:30px 73px minmax(0,1fr) 14px;gap:10px;align-items:center;min-height:49px;text-decoration:none;border-bottom:1px solid rgba(255,44,115,.14)}.contact-row:last-child{border-bottom:0}.contact-row:hover .contact-value{text-decoration:underline}.contact-icon{font-size:24px;color:var(--pink);line-height:1}.contact-label{font-size:11px;color:var(--muted)}.contact-value{min-width:0;overflow-wrap:anywhere;color:#e7deee;font-size:clamp(12px,2.4vw,14px)}.link-arrow{font-size:18px;color:var(--cyan)}.about-content p{margin:0 0 5px}.about-content .subtle{color:var(--muted);padding-left:22px;font-size:12px}.prompt{color:var(--cyan);font-weight:bold}.data-grid{display:grid;grid-template-columns:145px minmax(0,1fr);column-gap:17px;row-gap:10px;margin:0}.data-grid dt{color:var(--muted);font-size:12px}.data-grid dd{margin:0;overflow-wrap:anywhere}.privacy-inline{margin-top:22px;padding-top:14px;border-top:1px dashed rgba(255,44,115,.43)}.privacy-inline details>summary{list-style:none;cursor:pointer;color:var(--cyan);display:flex;justify-content:space-between;gap:10px;font-size:13px}.privacy-inline summary::-webkit-details-marker{display:none}.open-indicator{color:var(--pink);white-space:nowrap}.privacy-inline details[open] .open-indicator{visibility:hidden}.privacy-inline details[open] .open-indicator:after{content:"[ − ]";visibility:visible;float:right}.privacy-content{border-top:1px solid rgba(255,44,115,.26);margin-top:15px;padding-top:7px;color:#cec4dc;font-size:12px}.privacy-content p{margin:10px 0 12px}.privacy-content strong{color:#fff}.cityscape{position:relative;height:110px;margin:30px -54px 0;overflow:hidden;background:linear-gradient(to top,rgba(46,15,61,.83),transparent 80%);border-bottom:1px solid rgba(255,44,115,.3)}.cityscape:before{content:"";position:absolute;inset:auto 0 0 0;height:68px;background:linear-gradient(to top,rgba(24,10,36,.92),rgba(24,10,36,0));opacity:.9}.cityscape:after{content:"";position:absolute;left:0;right:0;bottom:11px;height:34px;background:repeating-linear-gradient(90deg,#121738 0 8px,transparent 8px 13px,#0d1130 13px 22px,transparent 22px 28px,#0c102b 28px 36px,transparent 36px 42px);opacity:.33}.building{position:absolute;bottom:0;background:#0d102c;border-top:2px solid #16548b;box-shadow:inset -5px 0 0 #101634}.building:after{content:"";position:absolute;inset:9px 3px 0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(43,216,251,.28) 8px 10px,transparent 10px 17px),repeating-linear-gradient(0deg,transparent 0 11px,rgba(255,44,115,.25) 12px 14px,transparent 15px 21px);opacity:.7}.b1{left:0;width:6%;height:22px}.b2{left:5%;width:6%;height:37px}.b3{left:10%;width:5%;height:28px}.b4{left:14%;width:7%;height:54px}.b5{left:20%;width:5%;height:24px}.b6{left:24%;width:8%;height:43px}.b7{left:31%;width:5%;height:31px}.b8{left:35%;width:6%;height:48px}.b9{left:40%;width:4%;height:19px}.b10{left:44%;width:7%;height:57px}.b11{left:50%;width:5%;height:27px}.b12{left:55%;width:7%;height:46px}.b13{left:62%;width:5%;height:33px}.b14{left:67%;width:8%;height:60px}.b15{left:75%;width:7%;height:29px}.b16{left:81%;width:8%;height:51px}.b17{left:89%;width:5%;height:24px}.b18{left:93%;width:7%;height:39px}footer{text-align:center;padding:15px 12px 18px;color:#d1c3e6;font-size:12px}footer>span{display:inline-block;vertical-align:middle}.footer-line{width:30px;height:1px;background:var(--pink);margin:0 10px}footer p{margin:9px 0 0;font-size:9px;color:var(--muted);letter-spacing:.19em}.heart{color:var(--pink)}@keyframes cursor{50%{opacity:0}}@keyframes breath{50%{opacity:.56;box-shadow:0 0 2px var(--cyan)}}@keyframes foxEyesBoot{0%{opacity:0;transform:translateY(8px) scale(.1,.02)}18%{opacity:.3;transform:translateY(7px) scale(.35,.08)}38%{opacity:1;transform:translateY(0) scale(.95,.28)}58%{opacity:1;transform:translateY(0) scale(1.15,.95)}76%{opacity:.85;transform:translateY(0) scale(1,.72)}100%{opacity:.22;transform:translateY(0) scale(1,.38)}}@keyframes laserSweep{0%,70%,100%{opacity:.06}9%,18%{opacity:.55}12%{opacity:.92}22%{opacity:.24}82%{opacity:.28}}@media(max-width:530px){.site-shell{margin:11px auto 20px;padding:0 8px}.titlebar{padding:8px 12px;font-size:14px}.window-controls{gap:9px}main{padding:0 15px}.fox-wrap{margin-top:3px}.hero{padding-top:17px}.hero h1{font-size:clamp(34px,10vw,55px)}.hero-line{font-size:12px}.star-a{left:1%;top:110px}.star-b{right:1%;top:146px}.panel-title h2{font-size:14px}.panel-content{padding:15px 14px}.data-grid{grid-template-columns:112px 1fr;gap:10px}.contact-list{padding:6px 9px}.contact-row{grid-template-columns:26px minmax(0,1fr) 13px;column-gap:8px;row-gap:0;min-height:62px}.contact-label{grid-column:2;grid-row:1;align-self:end}.contact-value{grid-column:2;grid-row:2;align-self:start;padding-bottom:8px;font-size:12px}.contact-icon{grid-row:1/span 2;font-size:20px}.link-arrow{grid-column:3;grid-row:1/span 2}.cityscape{margin-left:-15px;margin-right:-15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Responsive refinements: small tablets and modern phones */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:600px){
  .hero h1{max-width:100%;font-size:clamp(31px,8.65vw,55px)}
  .fox-wrap{max-width:345px}
  .site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;font-size:clamp(10px,2.6vw,12px);letter-spacing:.03em}
  .site-nav span{display:none}
  .site-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:7px 2px;border:1px solid rgba(255,44,115,.55);background:rgba(255,44,115,.075)}
  .site-nav a:active{background:rgba(255,44,115,.24)}
  .hero-subtitle{font-size:clamp(10px,2.55vw,13px);letter-spacing:.055em}
  .hero-line{max-width:28em;margin:11px auto 19px}
  .panel{margin-bottom:17px}
  .privacy-inline details>summary{min-height:42px;align-items:center}
}
@media(max-width:420px){
  .site-shell{padding:0 9px;margin-top:10px}
  main{padding:0 13px}
  .hero{padding-top:15px}
  .fox-wrap{max-width:295px;margin:-5px auto -6px}
  .hero h1{font-size:clamp(29px,8.9vw,37px);letter-spacing:-.085em}
  .star-a{top:82px}
  .star-b{top:118px}
  .panel-title{padding:0 10px}
  .panel-title h2{font-size:13px;letter-spacing:.065em}
  .panel-content{padding:16px 13px}
  .about-content .subtle{padding-left:0;margin-top:8px;font-size:13px}
  .data-grid{grid-template-columns:minmax(0,1fr);row-gap:3px}
  .data-grid dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
  .data-grid dd{margin-bottom:9px;font-size:13px;line-height:1.5}
  .contact-list{padding:6px 8px}
  .contact-row{column-gap:7px}
  .contact-value{font-size:12px;overflow-wrap:anywhere}
  .privacy-content{font-size:13px}
  .cityscape{margin-left:-13px;margin-right:-13px}
  .footer-line{width:17px;margin:0 5px}
}
@media(max-width:345px){
  main{padding:0 9px}
  .panel-content{padding:15px 10px}
  .hero h1{font-size:28px}
  .site-nav{gap:4px}
  .cityscape{margin-left:-9px;margin-right:-9px}
  footer{font-size:11px}
}
@media(hover:none){
  .site-nav a:hover,.contact-row:hover{touch-action:manipulation}
}


/* Pixel-perfect fox: built exclusively from square SVG pixels.
   The eye-opening animation runs inside fox-pixels.svg; no blur or overlay. */
.fox{mask-image:none;mix-blend-mode:normal;image-rendering:pixelated;filter:none}
/* Varied hand-built retro skyline; every window is either visibly lit or dark. */
.cityscape{height:auto;background:transparent}
.cityscape:before,.cityscape:after{display:none}
.cityscape img{display:block;width:100%;height:auto;image-rendering:pixelated}


/* 2026 update: faithful pixels from the original fox, no eye animations */
.fox{width:100%;height:auto;max-width:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 59% 49% at 50% 53%,#000 65%,transparent 98%);filter:none;animation:none!important}
.fox-wrap{width:min(405px,100%);margin:0 auto -8px}
.pixel-wordmark{display:flex;align-items:center;justify-content:center;margin:6px 0 10px!important;line-height:1!important;font-size:inherit!important;letter-spacing:0!important;text-shadow:none!important}
.pixel-wordmark img{display:block;width:min(365px,92%);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 9px rgba(255,38,120,.38))}
/* Pixel stars remain strictly INSIDE the narrow website window. */
.site-shell{position:relative;z-index:1}
.window-starfield{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url('pixel-stars.svg');background-size:490px 650px;opacity:.64}
.titlebar,main,footer{position:relative;z-index:1}
/* No fake minimize / maximize / close controls in any title bar. */
.window-controls,.panel-controls{display:none!important}
.panel-title{justify-content:flex-start}
/* Text-only hover, like the original design: glow without any new borders or boxes. */
.site-nav a:hover,.site-nav a:focus-visible,.contact-row:hover,.contact-row:focus-visible{background:transparent;box-shadow:none;color:var(--cyan);text-shadow:0 0 11px rgba(43,216,251,.78)}
.contact-row:hover .contact-value,.contact-row:focus-visible .contact-value{color:#fff;text-shadow:0 0 11px rgba(43,216,251,.7)}
@media(max-width:600px){.fox-wrap{max-width:345px}.pixel-wordmark img{width:min(285px,90%)}}
@media(max-width:420px){.fox-wrap{max-width:295px}.pixel-wordmark img{width:min(240px,89%)}}
@media(prefers-reduced-motion:reduce){a,.site-nav a,.contact-row{transition:none!important}}

/* Privacy notice & cookies — match the approved inline screenshot. */
.privacy-inline { margin-top: 26px; padding-top: 22px; padding-bottom: 2px; border-top: 1px dashed rgba(255,44,115,.58); }
.privacy-inline details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0; min-height: 34px; color: #2bd8fb; font-size: 13px; text-decoration: none; cursor: pointer; }
.privacy-inline details > summary:hover { color: #fff; text-shadow: 0 0 13px var(--cyan); }
.privacy-inline .open-indicator { color: var(--pink); flex: 0 0 auto; white-space: nowrap; font-size: 13px; letter-spacing: .12em; }
@media (max-width: 600px) { .privacy-inline { margin-top: 20px; padding-top: 18px; } .privacy-inline details > summary { min-height: 44px; } }



/* v6: The EXACT city in the supplied second screenshot, no overlays. */
.cityscape {
  height: auto;
  background: none;
  border-bottom: 0;
  overflow: hidden;
}
.cityscape:before,.cityscape:after { display: none; }
.cityscape img { width: 100%; height: auto; display: block; image-rendering: pixelated; }


/* v8: robust 9-slice pixel frame; no floating pseudo-element corner pieces. */
.panel {
  position: relative;
  border: 12px solid transparent;
  border-image-source: url("pixel-frame.svg");
  border-image-slice: 12;
  border-image-width: 12px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  clip-path: none;
  padding: 0;
  background: #11091f;
  box-shadow: 0 0 13px rgba(255,44,115,.10);
}
.panel::before,.panel::after { content: none !important; }
.panel-title { background: #11091f; border-bottom: 3px solid var(--pink); }
.panel-content { background: #11091f; }
/* Remove the decorative divider only; keep comfortable breathing room. */
#about { margin-top: 35px; }

/* v10: continuous four-sided magenta frame with one square connector at each corner.
   The cards, stars, privacy section and all other styling stay unchanged. */
.window {
  clip-path: none;
  border-radius: 0;
}
.window::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: 3;
  pointer-events: none;
  background-image:
    linear-gradient(var(--pink),var(--pink)),
    linear-gradient(var(--pink),var(--pink)),
    linear-gradient(var(--pink),var(--pink)),
    linear-gradient(var(--pink),var(--pink));
  background-repeat: no-repeat;
  background-size: 6px 6px;
  background-position: left top, right top, left bottom, right bottom;
}


/* v12: centered, softly muted tagline; even spacing from wordmark to navigation. */
.pixel-wordmark { margin: 6px 0 0 !important; }
.hero-subtitle {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
  color: #cacaca;
  text-shadow: none;
  font-weight: 700;
  line-height: 1.5;
}
.hero-subtitle span { color: inherit; }
.site-nav { margin: 0 auto; }
@media (max-width: 600px) {
  .hero-subtitle { margin: 17px auto; }
}

/* v13: neutral light-grey tagline and cache-safe stylesheet */
.hero .hero-subtitle,.hero .hero-subtitle span{color:#cacaca!important;text-shadow:none!important}

/* v14 — accessible one-click copying, preserving the original contact layout and glow. */
.contact-copy {
  display:block;
  width:100%;
  min-width:0;
  padding:0;
  margin:0;
  background:none;
  border:0;
  border-radius:0;
  color:#e7deee;
  font:inherit;
  font-size:clamp(12px,2.4vw,14px);
  line-height:inherit;
  letter-spacing:inherit;
  text-align:left;
  cursor:copy;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.contact-copy:hover,.contact-copy:focus-visible {
  color:#fff;
  text-shadow:0 0 11px rgba(43,216,251,.72);
  text-decoration:underline;
}
.contact-copy:focus-visible,.link-arrow:focus-visible {
  outline:2px solid var(--cyan);
  outline-offset:3px;
}
.link-arrow {text-decoration:none; display:inline-flex; align-items:center; justify-content:center;}
.copy-toast {
  position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
  z-index:100;background:#110d20;color:#baf2ff;border:1px solid #2bd8fb;
  box-shadow:0 0 16px rgba(43,216,251,.4);
  font:700 12px/1.3 'Courier New',monospace;letter-spacing:.07em;
  padding:10px 15px;pointer-events:none;
}
.copy-toast[hidden]{display:none;}
@media(max-width:530px){.contact-copy{font-size:12px;grid-column:2;grid-row:2;align-self:start;padding-bottom:8px;}}