/* iEndure Capital v1 — TrashOut TV world. Original CSS art only; no external fonts, images, or scripts. */
:root{
  --navy:#0e1246;--panel:#12103c;--deep:#08092b;--violet:#2b1055;--plum:#5a1a6e;
  --magenta:#c8148c;--pink:#ff78d2;--blush:#ffaae1;--gold:#ffe678;--sun1:#ffd23f;--sun2:#ff7a59;
  --teal:#3ee6e0;--paper:#fbf6ea;--carbon:#1c3a9e;--ink:#12103c;--white:#fff;
  --max:1120px;--r:18px;
  --chrome:linear-gradient(180deg,#ffffff 0%,#aacdf0 44%,#3c468c 50%,#6a5aa8 56%,#f0aadc 70%,#fffaff 100%);
}
*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.125rem;line-height:1.6;color:var(--white);background:var(--deep)}
img{max-width:100%;height:auto}
a{color:var(--blush);text-underline-offset:.18em}
a:hover{color:var(--white)}
:focus-visible{outline:4px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:1rem;top:1rem;z-index:20;background:var(--gold);color:var(--ink);padding:.6rem 1rem;font-weight:800}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Wordmark (chrome, shines once) ---------- */
.wordmark{display:inline-block;margin:0;padding-right:.18em;padding-bottom:.06em;font-family:"Arial Black","Helvetica Neue",Impact,system-ui,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.01em;line-height:.95;text-decoration:none;
  background-image:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%,transparent 100%),var(--chrome);
  background-size:250% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(3px 3px 0 #1e1446) drop-shadow(0 0 14px rgba(255,120,210,.55))}
.wordmark .cap{display:block;font-size:.42em;letter-spacing:.32em;font-style:normal;margin-top:.15em;padding-left:.2em}
.wordmark:hover{color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.wordmark{color:#e9ecff;-webkit-text-fill-color:#e9ecff}}
.shine{animation:shine 1.8s ease-in-out .9s 1 both}
@keyframes shine{from{background-position:120% 0,0 0}to{background-position:-30% 0,0 0}}

/* ---------- Hero: sky, striped sun, apartment skyline, neon grid ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--deep) 0%,var(--navy) 30%,var(--violet) 55%,var(--plum) 70%,#9a2a7a 80%)}
.sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sun{position:absolute;left:50%;bottom:17%;width:min(38vw,400px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;
  background:linear-gradient(180deg,var(--sun1) 0%,#ffb03f 45%,var(--sun2) 75%,var(--magenta) 100%);
  -webkit-mask:linear-gradient(180deg,#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 76%,transparent 76% 82%,#000 82% 88%,transparent 88% 95%,#000 95%);
          mask:linear-gradient(180deg,#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 76%,transparent 76% 82%,#000 82% 88%,transparent 88% 95%,#000 95%);
  box-shadow:0 0 80px rgba(255,120,210,.5);opacity:.95}
.skyline{position:absolute;left:0;right:0;bottom:27%;height:16%;display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,1vw,14px)}
.skyline i{display:block;width:clamp(26px,5vw,70px);background:#160c3a;border-top:3px solid var(--pink);
  background-image:repeating-linear-gradient(0deg,transparent 0 9px,rgba(255,230,120,.7) 9px 14px),repeating-linear-gradient(90deg,#160c3a 0 5px,transparent 5px 13px);
  box-shadow:0 0 12px rgba(255,120,210,.35)}
.skyline i:nth-child(1){height:55%}.skyline i:nth-child(2){height:85%;width:clamp(34px,6.5vw,92px)}.skyline i:nth-child(3){height:70%}
.skyline i:nth-child(4){height:100%;width:clamp(30px,6vw,84px)}.skyline i:nth-child(5){height:62%}.skyline i:nth-child(6){height:78%;width:clamp(30px,5.5vw,80px)}.skyline i:nth-child(7){height:48%}
.grid{position:absolute;left:-50%;right:-50%;bottom:0;height:27%;background-color:#140a35;
  background-image:linear-gradient(rgba(62,230,224,.85) 2px,transparent 2px),linear-gradient(90deg,rgba(255,120,210,.85) 2px,transparent 2px);
  background-size:64px 40px;background-position:center 0;transform:perspective(260px) rotateX(58deg);transform-origin:50% 0;
  animation:gridscroll 3.5s linear infinite}
.grid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(154,42,122,.9),transparent 40%)}
@keyframes gridscroll{from{background-position:center 0}to{background-position:center 40px}}

.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:.5rem}
.topbar .chan{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:1.125rem;color:var(--teal)}
.topbar nav a{color:var(--white);font-weight:800;text-decoration:none;padding:.4rem .7rem;border:2px solid var(--pink);border-radius:999px}
.topbar nav a:hover{background:var(--pink);color:var(--ink)}

.hero-inner{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(.75rem,3vh,2.5rem);padding-bottom:clamp(1.5rem,6vh,4rem)}
.hero .wordmark{font-size:clamp(3rem,10vw,7.25rem)}
.hero h1{font-size:clamp(1.75rem,4.6vw,3.6rem);line-height:1.1;margin:clamp(.75rem,2.5vh,1.5rem) 0 clamp(.75rem,2vh,1.25rem);font-weight:900;max-width:20ch;text-shadow:-2px -2px 0 #1e1446,2px -2px 0 #1e1446,-2px 2px 0 #1e1446,2px 2px 0 #1e1446,4px 4px 0 #1e1446,0 0 18px rgba(255,120,210,.55)}
@media (min-width:1000px){.hero h1{max-width:24ch}}
.hero h1 .tv{color:var(--gold)}
.answer{background:rgba(18,16,60,.9);border:3px solid var(--pink);border-radius:var(--r);padding:clamp(.75rem,2vh,1.1rem) clamp(1rem,3vw,1.75rem);max-width:44rem;margin:0 0 clamp(1rem,2.5vh,1.5rem);box-shadow:0 0 0 4px rgba(18,16,60,.6),0 10px 30px rgba(0,0,0,.45)}
.answer p{margin:0;font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:700;line-height:1.35}
.answer .not{margin-top:.45rem;font-size:1.125rem;font-weight:600;color:var(--blush)}
.btn{display:inline-block;font:inherit;font-weight:900;font-size:clamp(1.25rem,2.6vw,1.6rem);letter-spacing:.01em;text-decoration:none;cursor:pointer;
  color:var(--ink);background:linear-gradient(180deg,#fff6b8 0%,var(--gold) 45%,#ffb03f 100%);border:3px solid var(--ink);border-radius:999px;
  padding:.85rem 2rem;box-shadow:0 0 0 3px var(--pink),6px 8px 0 3px var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{color:var(--ink);transform:translate(-2px,-2px);box-shadow:0 0 0 3px var(--pink),8px 10px 0 3px var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 3px var(--pink),3px 4px 0 3px var(--ink)}
.btn:focus-visible{outline:4px solid var(--white);outline-offset:5px}
.junk{margin:clamp(.9rem,2.2vh,1.3rem) 0 0;background:rgba(8,9,43,.85);border-radius:999px;padding:.4rem 1.1rem;font-size:1.125rem;border-radius:16px}
.junk a{color:var(--gold);font-weight:800}

/* ---------- Promise ---------- */
.promise{background:var(--gold);color:var(--ink);border-top:4px solid var(--pink);border-bottom:4px solid var(--pink)}
.promise .wrap{padding-top:1.4rem;padding-bottom:1.4rem;display:flex;gap:1rem;align-items:center;justify-content:center;text-align:left}
.promise .stamp{flex:none;font-weight:900;font-size:1.125rem;letter-spacing:.08em;text-transform:uppercase;border:3px solid var(--ink);border-radius:10px;padding:.3rem .6rem;transform:rotate(-4deg)}
.promise p{margin:0;font-size:clamp(1.125rem,2.2vw,1.45rem);font-weight:700;line-height:1.4;max-width:46rem}

/* ---------- Sections ---------- */
.band{padding:clamp(3rem,7vw,5rem) 0;background:linear-gradient(180deg,var(--navy),var(--deep))}
.band h2,.form-band h2{font-family:"Arial Black",system-ui,sans-serif;font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin:0 0 .6rem;color:var(--white);text-shadow:3px 3px 0 var(--magenta)}
.sub{margin:0 0 2rem;color:#dcd8f5;max-width:44rem}

/* Carbon receipts */
.receipts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.receipt{position:relative;transform:rotate(var(--tilt,0deg));filter:drop-shadow(6px 6px 0 var(--pink));transition:transform .25s ease,filter .25s ease;border-radius:4px}
.paper{height:100%;background:var(--paper);color:var(--carbon);font-family:ui-monospace,"Courier New",Courier,monospace;padding:1.25rem 1.25rem 2rem;border-radius:4px 4px 0 0;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 100%}
.receipt:nth-child(1){--tilt:-1.2deg}.receipt:nth-child(2){--tilt:.8deg}.receipt:nth-child(3){--tilt:-.6deg}
.receipt .head{display:flex;justify-content:space-between;border-bottom:2px dashed var(--carbon);padding-bottom:.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.receipt h3{margin:0 0 .6rem;font-size:1.4rem;line-height:1.25;color:#0d1f66}
.receipt .detail{position:relative;margin:0;font-size:1.125rem;line-height:1.55;color:#14287a}
.receipt .copy{position:absolute;inset:-.25rem -.25rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:6px;font-weight:700;font-size:1.125rem;
  color:#e7ebff;background:repeating-linear-gradient(135deg,#1a2366 0 10px,#202b78 10px 20px);transition:opacity .35s ease,transform .45s ease;transform-origin:top}
.receipt:hover,.receipt:focus-visible,.receipt:focus-within{transform:rotate(0) translateY(-4px);filter:drop-shadow(8px 10px 0 var(--teal))}
.receipt:hover .copy,.receipt:focus .copy,.receipt:focus-within .copy{opacity:0;transform:translateY(-12%) scaleY(.2)}
.receipt:focus-visible{outline:4px solid var(--gold);outline-offset:4px}
.receipt .tot{margin:1rem 0 0;border-top:2px dashed var(--carbon);padding-top:.5rem;font-weight:700;font-size:1.125rem;display:flex;justify-content:space-between;gap:1rem}
.receipt .tot span:last-child{text-align:right}
@media (hover:none){.receipt .copy{display:none}}

/* ---------- Form ---------- */
.form-band{padding:clamp(3rem,7vw,5rem) 0;background:radial-gradient(ellipse at top,var(--violet),var(--deep) 70%)}
.form-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start}
form{background:var(--panel);border:3px solid var(--pink);border-radius:var(--r);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:1.1rem;box-shadow:0 0 30px rgba(255,120,210,.25)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
label{display:block;font-weight:800;margin-bottom:.35rem}
label .opt{font-weight:500;color:#cfc9f0}
input,select,textarea{width:100%;font:inherit;font-size:1.125rem;color:var(--ink);background:#fff;border:3px solid #8f86d8;border-radius:10px;padding:.75rem .85rem;min-height:3.1rem}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--gold);outline-offset:2px;border-color:var(--ink)}
textarea{min-height:8rem;resize:vertical}
form .btn{justify-self:start}
.fine{margin:0;font-size:1.125rem;color:#e2def8}
.fine a{color:var(--gold)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.aside{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:1.5rem;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--teal)}
.aside h3{margin:0 0 .4rem;font-size:1.35rem}
.aside p{margin:0 0 .75rem}
.aside a{color:#8a0c5f;font-weight:800;word-break:break-word}
.aside a:hover{color:var(--ink)}
.aside .big{font-size:clamp(1.2rem,2vw,1.4rem)}
.aside ul{margin:.5rem 0 0;padding-left:1.2rem}
.aside .muted{color:#3b3566}

/* ---------- Footer (shared) ---------- */
footer{background:#06071f;color:#d8d5ee;padding:2rem 0;font-size:1.125rem;border-top:4px solid var(--magenta)}
footer a{color:var(--white)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem}
footer p{margin:0}
footer .legal{flex-basis:100%;font-size:1.125rem;color:#c9c5e3}

/* ---------- Inner pages (privacy, thanks) ---------- */
.mini{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--deep),var(--violet) 75%,#9a2a7a);padding:1rem 0 4.5rem}
.mini .grid{height:3.2rem;animation-duration:3.5s}
.mini .topbar{padding-top:0}
.mini .wordmark{font-size:clamp(2rem,5vw,3rem)}
.page{padding:clamp(2.5rem,6vw,4rem) 0;background:var(--navy)}
.page .card{background:var(--paper);color:var(--ink);border-radius:var(--r);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink);padding:clamp(1.25rem,4vw,2.5rem);max-width:52rem}
.page h1{font-family:"Arial Black",system-ui,sans-serif;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.15;margin:0 0 .5rem}
.page h2{font-size:1.4rem;margin:1.75rem 0 .4rem}
.page p,.page li{max-width:46rem}
.page a{color:#8a0c5f;font-weight:700}
.page a:hover{color:var(--ink)}
.page a.btn{color:var(--ink)}
.page .muted{color:#3b3566}
.lid{display:flex;align-items:flex-end;justify-content:center;height:150px;margin:0 0 1rem}
.dumpster{position:relative;width:170px;height:92px;background:linear-gradient(180deg,#1aa67a,#0f7a59);border:4px solid var(--ink);border-radius:6px 6px 12px 12px}
.dumpster::before{content:"";position:absolute;left:-10px;right:-10px;top:-20px;height:16px;background:#0b5c43;border:4px solid var(--ink);border-radius:6px;transform-origin:8% 100%;transform:rotate(0deg);animation:lidclose 1.1s cubic-bezier(.5,1.8,.6,1) .3s both}
.dumpster::after{content:"iE";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2.2rem;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}
@keyframes lidclose{from{transform:rotate(-38deg)}to{transform:rotate(0)}}

/* ---------- Gentle fades ---------- */
.fade{animation:fadeup .7s ease both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}
@keyframes fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:820px){.form-grid{grid-template-columns:1fr}.promise .wrap{flex-direction:column;text-align:center}}
@media (max-width:560px){
  .row2{grid-template-columns:1fr}
  .topbar .chan{letter-spacing:.06em}
  .topbar nav a{font-size:1.125rem}
  .sun{bottom:13%;width:72vw}
  .skyline{bottom:20%;height:12%}
  .grid{height:20%}
  .btn{width:100%;max-width:22rem}
  form .btn{justify-self:stretch;max-width:none}
}
@media (min-width:1600px){html{font-size:118.75%}}

/* ---------- Reduced motion: everything off ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .receipt .copy{display:none}
  .receipt{transform:none}
}
/* Print / forced colors safety */
@media (forced-colors:active){.wordmark{-webkit-text-fill-color:CanvasText;color:CanvasText;background:none;filter:none}.receipt .copy{display:none}}

/* ---------- Wide screens: TV-ad layout, copy left, sunset right ---------- */
@media (min-width:1000px){
  .hero-inner{align-items:flex-start;text-align:left;justify-content:center;padding-bottom:30vh}
  .hero h1{max-width:18ch}
  .answer{max-width:36rem}
  .sun{left:74%;bottom:27%;width:min(30vw,520px)}
  .skyline{left:52%;right:4%;bottom:27%;height:13%}
}
.hero>.wrap{width:100%}