*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#171717;background:#f5f3ee}a{text-decoration:none;color:inherit}.hero{position:relative;min-height:100vh;padding:32px clamp(22px,6vw,80px);overflow:hidden;color:#fff;background:linear-gradient(120deg,#10100f 0%,#171716 45%,#2b2a27 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(210,170,86,.2),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18));z-index:0}.nav,.hero-content,.glass-demo{position:relative;z-index:1}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:700;letter-spacing:7px;font-size:28px}.logo span{display:inline-block;width:4px;height:36px;background:#caa45b;margin:0 12px -7px}.logo.small{font-size:18px}.logo.small span{height:24px;margin-bottom:-5px}.navlinks{display:flex;gap:28px;text-transform:uppercase;font-size:12px;letter-spacing:1px}.hero-content{max-width:760px;margin-top:120px}.kicker{color:#caa45b;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:12px}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,86px);line-height:1.02;margin:18px 0}.hero h1 strong{color:#caa45b;font-weight:600}.subtitle{font-size:20px;line-height:1.7;max-width:630px;color:#eee}.actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-block;border-radius:2px;padding:16px 28px;font-weight:700;letter-spacing:.5px}.primary{background:#caa45b;color:#111}.secondary{border:1px solid rgba(255,255,255,.55);color:#fff}.glass-demo{position:absolute;right:clamp(20px,6vw,90px);bottom:60px;width:min(560px,46vw);height:310px;border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 80px rgba(0,0,0,.5);display:flex;overflow:hidden;background:#222}.view{flex:1;background:linear-gradient(135deg,#2b4454,#9db5c3 50%,#e2b56a)}.frosted{backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(230,235,235,.88),rgba(170,180,185,.86))}.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#caa45b}.label{position:absolute;bottom:18px;background:rgba(0,0,0,.6);padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.label.left{left:18px}.label.right{right:18px}.section{padding:90px clamp(22px,6vw,80px);background:#fff}.section-head{max-width:780px;margin:0 auto 50px;text-align:center}.section h2,.cta h2,.about h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,56px);line-height:1.1;margin:12px 0}.section-head p,.about p,.cta p{font-size:18px;line-height:1.7;color:#555}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto}.steps article{background:#f5f3ee;padding:36px;border:1px solid #eee}.icon{font-size:36px;color:#caa45b}.steps h3{font-size:22px;margin-bottom:8px}.steps p{color:#555;line-height:1.6}.dark{background:#111;color:#fff}.dark .section-head p{color:#ddd}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:auto}.card{padding:34px;background:#1b1b1b;border:1px solid #333;font-weight:700;text-align:center}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cta{text-align:center;background:#f5f3ee;padding:90px 22px}.contact{margin-top:22px;color:#333!important}footer{background:#0d0d0d;color:#fff;padding:30px clamp(22px,6vw,80px);display:flex;justify-content:space-between;gap:20px;align-items:center}footer p{color:#aaa}@media(max-width:900px){.nav{align-items:flex-start}.navlinks{display:none}.hero-content{margin-top:80px}.glass-demo{position:relative;right:auto;bottom:auto;width:100%;margin-top:50px}.steps,.cards,.about{grid-template-columns:1fr}footer{display:block}.hero{min-height:auto}}