@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#050505;--panel:#0b0b0b;--panel2:#111;--text:#f5f5f5;--muted:#969696;--line:rgba(255,255,255,.12);--gold:#c6a15b;--max:1280px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
#three-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.045),transparent 38%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55))}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 0;transition:.35s}.nav.scrolled{background:rgba(5,5,5,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:14px;font-weight:900;letter-spacing:.16em;line-height:1.05}.logo span{display:block}.nav-links{display:flex;gap:26px;align-items:center;font-size:12px;color:#c9c9c9}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:#fff;transition:.3s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:14px 21px;border-radius:999px;background:#fff;color:#050505;font-weight:700;font-size:12px;cursor:pointer;transition:.3s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,255,255,.12)}.btn.dark{background:#0b0b0b;color:#fff}.btn.gold{background:var(--gold);color:#0b0b0b;border-color:var(--gold)}
.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 80px;position:relative}.eyebrow{font-size:11px;letter-spacing:.22em;color:#aaa;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:clamp(58px,9.2vw,142px);line-height:.87;letter-spacing:-.075em;max-width:1100px;font-weight:800}.hero h1 em{font-style:normal;color:#777}.hero-copy{max-width:560px;color:#aaa;line-height:1.75;font-size:15px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.scroll-note{position:absolute;bottom:30px;left:0;color:#777;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
section{padding:120px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-head h2{font-size:clamp(36px,5vw,72px);line-height:.95;letter-spacing:-.055em;max-width:800px}.section-head p{max-width:400px;color:#999;line-height:1.7;font-size:13px}
.marquee{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:24px 0;color:#aaa;font-size:13px;letter-spacing:.2em}.marquee-track{display:inline-block;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:22px;padding:28px;min-height:280px;position:relative;overflow:hidden;transition:.45s}.card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28)}.card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-80px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.num{font-size:11px;color:#777}.card h3{font-size:22px;margin-top:70px;letter-spacing:-.04em}.card p{font-size:12px;color:#999;line-height:1.65;margin-top:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.display{font-size:clamp(42px,6vw,84px);line-height:.96;letter-spacing:-.06em}.muted{color:#8d8d8d}.copy{color:#aaa;line-height:1.8;font-size:14px}.feature-list{margin-top:28px;border-top:1px solid var(--line)}.feature{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.feature span:last-child{color:#777}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.stat{padding:35px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:42px;letter-spacing:-.05em}.stat span{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.15em}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-card{min-height:430px;border:1px solid var(--line);border-radius:24px;overflow:hidden;position:relative;background:radial-gradient(circle at 70% 30%,rgba(198,161,91,.14),transparent 25%),linear-gradient(135deg,#171717,#070707);display:flex;flex-direction:column;justify-content:end;padding:30px}.work-card:nth-child(2){background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 25%),linear-gradient(135deg,#121212,#050505)}.work-card:nth-child(3){background:radial-gradient(circle at 65% 35%,rgba(255,255,255,.1),transparent 22%),linear-gradient(135deg,#191919,#080808)}.work-card:nth-child(4){background:radial-gradient(circle at 35% 25%,rgba(198,161,91,.12),transparent 25%),linear-gradient(135deg,#151515,#050505)}.work-card:before{content:"";position:absolute;inset:30% 12% 20%;border:1px solid rgba(255,255,255,.12);transform:rotate(-8deg);border-radius:30px}.work-meta{position:relative;z-index:1}.work-meta small{color:#999}.work-meta h3{font-size:32px;margin:7px 0 15px}
.pricing-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.currency-box{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#0a0a0a}.currency-box label{display:block;font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px}.currency-box select{background:transparent;color:#fff;border:0;outline:0;min-width:180px}.currency-box option{background:#111}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:linear-gradient(145deg,#101010,#080808);min-height:430px;display:flex;flex-direction:column}.price-card.featured{border-color:rgba(198,161,91,.55);box-shadow:0 0 60px rgba(198,161,91,.06)}.price-card h3{font-size:14px;letter-spacing:.15em}.price-card .price{font-size:44px;letter-spacing:-.06em;margin:30px 0 10px}.price-card .desc{color:#888;font-size:12px;line-height:1.6}.price-card ul{list-style:none;margin:25px 0;display:grid;gap:12px;color:#bbb;font-size:12px}.price-card li:before{content:"＋";color:var(--gold);margin-right:8px}.price-card .btn{margin-top:auto}
.budget{margin-top:50px;border:1px solid var(--line);border-radius:24px;padding:30px;background:#0a0a0a}.budget-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.budget-value{font-size:40px;letter-spacing:-.05em}.budget input[type=range]{width:100%;margin:25px 0;accent-color:#fff}.budget-input{width:150px;background:#111;border:1px solid var(--line);color:#fff;padding:12px;border-radius:10px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;background:#0b0b0b;border:1px solid var(--line);border-radius:12px;padding:15px;color:#fff;outline:0}.form textarea{min-height:150px;resize:vertical}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.social-card{padding:30px;border:1px solid var(--line);border-radius:22px;min-height:240px;background:#0b0b0b;display:flex;flex-direction:column;justify-content:space-between}.social-card b{font-size:25px}
.page-hero{padding:190px 0 100px}.page-hero h1{font-size:clamp(55px,9vw,120px);line-height:.88;letter-spacing:-.075em;max-width:1000px}
.footer{border-top:1px solid var(--line);padding:55px 0 30px;margin-top:50px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-links{display:grid;grid-template-columns:repeat(2,100px);gap:12px;font-size:12px;color:#999}.footer-bottom{margin-top:60px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#666;font-size:10px}
.reveal{opacity:0;transform:translateY(35px)}
@media(max-width:900px){.nav-links,.nav>.container>.btn{display:none}.menu{display:block}.nav.open .nav-links{display:flex;position:absolute;top:75px;left:24px;right:24px;background:#0a0a0a;border:1px solid var(--line);border-radius:18px;padding:25px;flex-direction:column;align-items:flex-start}.grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.split,.contact{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}}
@media(max-width:560px){.container{width:min(100% - 30px,var(--max))}.hero{padding-top:135px}.hero h1{font-size:18vw}.grid,.social-grid{grid-template-columns:1fr}.card{min-height:230px}.card h3{margin-top:50px}.section-head,.pricing-top{display:block}.section-head p{margin-top:20px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:30px}.work-card{min-height:330px}.footer-grid,.footer-bottom{display:block}.footer-links{margin-top:30px}.footer-bottom>*{margin-top:10px}.budget-row{align-items:flex-start;flex-direction:column}}