/* Background stack copied from lvl7whitespacedesign.com */
*{box-sizing:border-box}
html{background:#000}
body{position:relative;margin:0;background:0 0!important;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;line-height:1.6}
.header,.main,.footer{position:relative;z-index:3}
#cosmic-bg-video{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;object-fit:cover;object-position:center;pointer-events:none}
#cosmic-bg-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.35) 0%,rgba(0,0,0,.65) 70%,rgba(0,0,0,.85) 100%)}
.lvl7-cosmic-mark{position:fixed;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;color:#d8c56c;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,12vw,12rem);font-weight:700;letter-spacing:.12em;line-height:1;white-space:nowrap;text-shadow:0 0 8px #fff,0 0 20px #9a5bd7,0 0 42px #a6d45e,0 0 78px #d8c56c;animation:lvl7-float 7s ease-in-out infinite}
@keyframes lvl7-float{0%,100%{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-14px) scale(1.035);opacity:1}}
@media(prefers-reduced-motion:reduce){#cosmic-bg-video{display:none}.lvl7-cosmic-mark{animation:none}}
@media(max-width:600px){.lvl7-cosmic-mark{font-size:clamp(2.5rem,16vw,6rem)}}
/* signature text: purple with lime outline */
body,p,h1,h2,h3,li,span,a,label,.logo,.menu,.footer,td,th,small,b{color:#583759;text-shadow:-1px -1px 0 #9acd66,1px -1px 0 #9acd66,-1px 1px 0 #9acd66,1px 1px 0 #9acd66,0 1px 0 #9acd66,0 -1px 0 #9acd66,1px 0 0 #9acd66,-1px 0 0 #9acd66}
/* morphing gold shape behind hero */
.first-entry{position:relative;isolation:isolate}
.first-entry::before{content:"";position:absolute;inset:0;background:rgba(202,163,39,.6);box-shadow:0 0 50px rgba(202,163,39,.7);clip-path:polygon(20% 0%,80% 5%,100% 35%,95% 75%,70% 100%,30% 95%,5% 65%,0% 25%);z-index:-1;animation:float-shape 8s ease-in-out infinite,morph-shape 12s ease-in-out infinite;will-change:clip-path,transform}
@keyframes float-shape{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(1.5deg)}}
@keyframes morph-shape{0%,100%{clip-path:polygon(20% 0%,80% 5%,100% 35%,95% 75%,70% 100%,30% 95%,5% 65%,0% 25%)}33%{clip-path:polygon(10% 10%,70% 0%,100% 20%,90% 90%,60% 100%,15% 85%,0% 50%,5% 20%)}66%{clip-path:polygon(25% 5%,90% 15%,95% 60%,75% 95%,40% 100%,10% 80%,0% 40%,15% 10%)}}
/* layout */
.header-nav{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;text-decoration:none}
.logo img{height:110px;width:auto}
.menu{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.menu a{text-decoration:none;font-weight:600}
.pill,.menu a.pill{padding:8px 16px;border-radius:9999px;background:#96c;color:#fff;border:1px solid #caa327;box-shadow:0 4px 14px rgba(153,102,204,.32);text-shadow:none}
.linkbtn{background:none;border:0;font:inherit;font-weight:600;cursor:pointer;color:#583759;text-shadow:-1px -1px 0 #9acd66,1px 1px 0 #9acd66}
.main{max-width:1000px;margin:0 auto;padding:20px}
.hero{text-align:center;padding:70px 28px;margin:20px 0 40px}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 18px}
.lead{font-size:1.15rem;max-width:720px;margin:0 auto 24px}
.card{background:rgba(0,0,0,.55);border:1px solid rgba(202,163,39,.4);border-radius:16px;padding:28px 24px;margin:0 0 28px;backdrop-filter:blur(4px)}
.card h2,.card h3{color:#caa327;text-shadow:0 0 8px rgba(0,0,0,.6)}
.card p,.card li,.card td,.card th,.card label,.card small,.card b,.card span,.card a{color:rgba(255,255,255,.88);text-shadow:none}
.card h1{color:#fff;text-shadow:0 0 18px #9a5bd7}
.card a{color:#9acd66}
.narrow{max-width:560px;margin-left:auto;margin-right:auto}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;margin:16px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:9999px;font-weight:700;font-size:.95rem;text-decoration:none;border:0;cursor:pointer;text-shadow:none!important}
.btn.green{background:#9acd66;color:#0a0a0a!important;box-shadow:0 4px 14px rgba(154,205,102,.4)}
.btn.purple{background:#96c;color:#fff!important;box-shadow:0 4px 14px rgba(153,102,204,.4);border:1px solid #caa327}
.btn.ghost{background:rgba(0,0,0,.6);color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.stack{display:flex;flex-direction:column;gap:12px}
.stack label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}
input{width:100%;padding:12px 16px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#fff;font:inherit}
input:focus{outline:2px solid #9acd66}
.err{background:rgba(200,40,40,.25);border:1px solid #e66;padding:10px 14px;border-radius:8px}
.fine{font-size:.85rem;opacity:.8}
.checks li{margin:6px 0}
.price{background:rgba(153,102,204,.08);border:1px solid rgba(153,102,204,.3);border-radius:14px;padding:20px}
.price.hot{border-color:#caa327;box-shadow:0 0 30px rgba(202,163,39,.25)}
.amt{font-size:2rem;font-weight:800;color:#fff!important;margin:4px 0}
.amt small{font-size:1rem}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
th{color:#caa327!important}
.card .ok{color:#9acd66!important;font-weight:700}
.card .bad{color:#ff7a7a!important;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}
.stats div{background:rgba(153,102,204,.1);border:1px solid rgba(153,102,204,.3);border-radius:12px;padding:14px;text-align:center}
.stats b{display:block;font-size:1.6rem;color:#fff}
.stats span{font-size:.8rem;opacity:.75}
.code{background:rgba(0,0,0,.6);border:1px solid rgba(154,205,102,.4);color:#9acd66;padding:12px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-size:.85rem}
code{color:#caa327}
.tag{display:inline-block;padding:1px 8px;border-radius:999px;border:1px solid rgba(202,163,39,.5);font-size:.72rem;margin-left:6px}
.eyebrow{color:#9acd66!important;text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:700}
.footer{text-align:center;padding:30px 20px;font-size:.85rem}
.footer a{text-decoration:none}
@media print{#cosmic-bg-video,#cosmic-bg-overlay,.lvl7-cosmic-mark,.header,.footer,.cta-row{display:none!important}html,body{background:#fff!important}.card{background:#fff;border:1px solid #ccc}.card *{color:#111!important;text-shadow:none!important}}