*{box-sizing:border-box}
:root{--bg:#070707;--panel:#101010;--panel2:#151515;--text:#f6f6f3;--muted:#9d9d9a;--gold:#d6aa55;--gold2:#f0cf86;--line:rgba(255,255,255,.09)}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% 0%,#1b1a17 0,#090909 42%,#050505 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{text-decoration:none;color:inherit}
.card-shell{width:min(100%,560px);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#111 0,#090909 100%);box-shadow:0 0 80px rgba(0,0,0,.45);overflow:hidden}
.hero{position:relative;padding:24px 22px 28px;text-align:center;overflow:hidden;background:linear-gradient(180deg,#171716 0%,#0c0c0c 78%)}
.hero:after{content:"";position:absolute;inset:auto -20% -30% -20%;height:190px;background:radial-gradient(ellipse,rgba(214,170,85,.17),transparent 65%);pointer-events:none}
.hero-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;top:90px;background:rgba(214,170,85,.08);filter:blur(30px)}
.topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;letter-spacing:.16em;color:#bdbdb8;position:relative;z-index:2}
.eyebrow{font-weight:800;color:var(--gold2)}
.location{text-align:right}
.photo-wrap{position:relative;width:170px;height:170px;margin:30px auto 20px}
.photo{position:relative;width:160px;height:160px;object-fit:cover;object-position:center 28%;border-radius:50%;border:4px solid #151515;box-shadow:0 18px 45px rgba(0,0,0,.55);z-index:2}
.photo-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(214,170,85,.75);transform:rotate(-8deg)}
.kicker{margin:0 0 7px;color:#a7a7a3;font-size:10px;text-transform:uppercase;letter-spacing:.24em}
h1{font-size:34px;line-height:1;margin:0;font-weight:800;letter-spacing:.07em}
h1 span{color:var(--gold)}
.tagline{margin:11px 0 18px;color:#deded9;font-size:13px;font-weight:500}
.services-line{display:flex;justify-content:center;align-items:center;gap:9px;color:#858580;font-size:8px;font-weight:700;letter-spacing:.16em}
.services-line i{width:3px;height:3px;border-radius:50%;background:var(--gold)}
.actions{padding:20px 18px 8px}
.btn{width:100%;min-height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.05em;border:1px solid var(--line);transition:.2s transform,.2s filter;margin-bottom:11px}
.btn:active,.service-card:active{transform:scale(.985)}
.btn-primary{background:linear-gradient(135deg,#e4bc70,#b98a39);color:#12100b;border:0;box-shadow:0 12px 30px rgba(214,170,85,.15)}
.btn-whatsapp{background:#17351f;color:#eaf7ed;border-color:#2b6a3b}
.btn-share{background:#141414;color:#efefea}
.icon{font-size:16px}
.service-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0 14px}
.service-card{padding:16px 15px;background:linear-gradient(135deg,#171717,#101010);border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:38px 1fr;column-gap:11px;align-items:center;transition:.2s transform}
.service-icon{grid-row:span 2;font-size:22px}
.service-card strong{font-size:13px;color:#f2f2ed}
.service-card small{font-size:10px;color:#858580;margin-top:3px}
.instagram{display:block;text-align:center;color:#bdbdb7;font-size:11px;padding:10px 0 16px}
.instagram span{color:#6f6f6a}
.qr-section{margin:0 18px 18px;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#151515,#0e0e0e);display:flex;align-items:center;gap:15px}
.qr-section>div{flex:1}
.qr-label{font-size:8px;font-weight:800;letter-spacing:.2em;color:var(--gold2)}
.qr-section h2{font-size:17px;margin:5px 0 6px}
.qr-section p{font-size:10px;line-height:1.5;color:#888883;margin:0}
.qr-section img{width:88px;height:88px;background:white;border-radius:8px;padding:6px;flex:none}
footer{padding:17px 20px 24px;text-align:center;color:#656560;font-size:8px;font-weight:700;letter-spacing:.18em;border-top:1px solid var(--line)}
footer b{color:var(--gold);margin:0 5px}
@media(min-width:700px){body{padding:28px 0}.card-shell{border:1px solid var(--line);border-radius:28px}.hero{border-radius:28px 28px 0 0}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{grid-template-columns:1fr;text-align:center;gap:7px}.service-icon{grid-row:auto}.service-card small{display:block}}
