:root{--gold:#d5a44c;--cream:#f5f1e9;--black:#090909;--muted:#a9a7a3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button,a,select{touch-action:manipulation}header{position:sticky;top:0;z-index:50;background:#080808e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20}.nav{max-width:1250px;margin:auto;min-height:83px;padding:12px 28px;display:flex;align-items:center;gap:24px}.logo{width:102px;height:60px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}.links{display:flex;gap:22px;margin-left:auto;align-items:center}.links a{font-size:13px;color:#ddd}.links a:hover,.links a.active{color:var(--gold)}.btn{background:linear-gradient(115deg,#edc47a,#b78332);color:#14110c;border:0;border-radius:8px;padding:14px 21px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.btn.alt{background:transparent;color:#fff;border:1px solid #ffffff55}.btn:hover{filter:brightness(1.13);transform:translateY(-2px)}.lang{background:#1b1b1b;color:white;border:1px solid #555;padding:10px 8px;border-radius:6px;max-width:110px}.menu{display:none;background:#181818;border:1px solid #555;color:#fff;padding:11px;border-radius:6px}.hero{position:relative;min-height:640px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1400px;margin:auto;padding:72px 5vw 90px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 77% 45%,#bc83252e,transparent 38%);pointer-events:none}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.hero h1{font-size:clamp(53px,6.8vw,112px);line-height:.98;letter-spacing:-.07em;margin:25px 0;font-weight:900}.gold{color:var(--gold)}.hero p{font-size:clamp(17px,2vw,22px);line-height:1.65;max-width:560px;color:#c7c5c1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.orbit{position:relative;min-height:470px;display:grid;place-items:center;perspective:900px}.ring{width:min(85%,410px);aspect-ratio:1;border:1px solid #d7a34988;border-radius:50%;position:absolute;box-shadow:0 0 60px #d7a3491b,inset 0 0 50px #d7a34916;animation:spin 22s linear infinite}.ring.two{width:min(67%,320px);border-style:dashed;animation-direction:reverse;animation-duration:30s}.core{width:230px;height:230px;transform:rotate(-12deg);background:linear-gradient(135deg,#2b2418,#060606 48%,#c18b32);border:1px solid #b98639;border-radius:28px;box-shadow:30px 40px 70px #000,0 0 90px #dca64230;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.core img{width:78%;border-radius:12px;box-shadow:0 10px 30px #0009}.spark{position:absolute;width:10px;height:10px;border-radius:50%;background:#f6d38e;box-shadow:0 0 20px #e6b15a}.spark.a{top:15%;left:30%}.spark.b{bottom:18%;right:17%}.scrollhint{position:absolute;bottom:30px;left:5vw;color:#999;font-size:12px;letter-spacing:.2em}.section{padding:95px 5vw;max-width:1320px;margin:auto}.section h2{font-size:clamp(35px,4.3vw,65px);line-height:1.1;letter-spacing:-.045em;margin:15px 0 28px}.section p.lead{font-size:18px;line-height:1.7;color:#bcbab5;max-width:770px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:linear-gradient(135deg,#1c1b1a,#111);border:1px solid #ffffff1c;border-radius:16px;padding:30px;min-height:220px;transition:.3s}.card:hover{transform:translateY(-7px);border-color:#d5a44c80;box-shadow:0 16px 35px #0007}.icon{font-size:32px;color:var(--gold)}.card h3{font-size:21px;margin:20px 0 12px}.card p{color:#aaa;line-height:1.6;font-size:15px}.cream{background:var(--cream);color:#121212}.cream .section p.lead{color:#555}.cream .card{background:white;color:#111;border:1px solid #e1dcd3}.cream .card p{color:#555}.strip{background:#d5a44c;color:#121212;padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.strip h2{font-size:clamp(27px,3vw,44px);margin:0}.strip .btn{background:#111;color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:24px;border-top:2px solid #b98739}.step b{font-size:32px;color:var(--gold)}.step p{color:#bbb;line-height:1.6}.showcase{border-radius:20px;background:radial-gradient(circle at 80% 20%,#b080293d,transparent 35%),#111;padding:30px;border:1px solid #ffffff20;overflow:hidden}.devices{display:flex;align-items:end;justify-content:center;gap:0;min-height:340px}.laptop{width:70%;max-width:640px;background:#030303;border:10px solid #222;border-radius:14px;box-shadow:0 30px 60px #0009;transform:perspective(800px) rotateY(-7deg)}.screen{background:linear-gradient(135deg,#eee9df,#fff);color:#111;padding:25px;min-height:280px}.screen small{font-weight:900;letter-spacing:.1em}.screen h3{font-size:clamp(26px,3vw,46px);line-height:1.1;margin:34px 0 14px}.screen .pill{display:inline-block;padding:10px 17px;background:#d5a44c;border-radius:6px;font-weight:bold}.phone{width:160px;min-height:290px;border:9px solid #050505;border-radius:29px;background:#f9f6ef;color:#111;box-shadow:0 15px 35px #000;transform:translateX(-20px) rotate(7deg);padding:28px 14px}.phone b{font-size:24px}.phone p{font-size:13px;color:#555}.phone .tile{background:#ead8b9;padding:15px;border-radius:10px;margin:15px 0}.concept{font-size:11px;color:#aaa;letter-spacing:.1em;margin-top:20px}.quote{background:#1b1b1b;border-left:4px solid var(--gold);padding:28px;font-size:clamp(22px,3vw,35px);font-weight:700}.bio{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bio .card{min-height:unset}.contactgrid{display:grid;grid-template-columns:1fr 1.15fr;gap:28px}.field{width:100%;padding:16px;border-radius:8px;border:1px solid #555;background:#181818;color:white;margin:0 0 14px;font-size:16px}textarea.field{min-height:135px;resize:vertical}label{display:block;margin-bottom:6px;color:#ccc;font-size:13px}.contactrow{display:block;padding:18px 0;border-bottom:1px solid #ffffff24}.contactrow b{display:block;color:var(--gold);margin-bottom:7px}footer{border-top:1px solid #ffffff22;padding:40px 5vw;color:#a6a4a1;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}.fade{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.fade.visible{opacity:1;transform:none}.welcome{position:fixed;inset:0;background:#050505;z-index:100;display:grid;place-items:center;animation:hideWelcome .6s 2.15s forwards;pointer-events:none}.welcomeinner{text-align:center;animation:welcomeScale 1.2s both}.welcome img{width:160px;max-width:45vw;background:white;padding:12px;border-radius:9px}.welcome h2{font-size:clamp(19px,4vw,36px);letter-spacing:.12em;color:#d5a44c}.welcome .bar{height:2px;background:#c99a4b;width:0;margin:auto;animation:progress 1.8s forwards}@keyframes progress{to{width:180px}}@keyframes hideWelcome{to{opacity:0;visibility:hidden}}@keyframes welcomeScale{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes float{50%{transform:translateY(-18px) rotate(-7deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.nav{flex-wrap:wrap}.links{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0}.links.open{display:flex}.links a{padding:13px;border-bottom:1px solid #333}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;padding-top:55px}.orbit{min-height:350px}.grid{grid-template-columns:repeat(2,1fr)}.contactgrid,.bio{grid-template-columns:1fr}}@media(max-width:580px){.nav{padding:10px 16px;gap:9px}.logo{width:80px;height:49px}.lang{max-width:96px;font-size:12px}.hero{padding:55px 22px 80px;gap:0;min-height:unset}.hero h1{font-size:clamp(46px,12vw,73px)}.orbit{min-height:330px}.core{width:160px;height:160px}.ring{width:270px}.ring.two{width:215px}.section{padding:65px 20px}.grid,.steps{grid-template-columns:1fr}.strip{display:block;padding:35px 20px}.strip .btn{margin-top:20px}.showcase{padding:15px}.devices{min-height:235px}.laptop{width:77%;border-width:6px}.screen{padding:13px;min-height:190px}.screen h3{margin:18px 0;font-size:23px}.phone{width:100px;min-height:195px;padding:20px 8px;border-width:5px;border-radius:17px;transform:translateX(-10px) rotate(6deg)}.phone b{font-size:16px}.phone p{font-size:10px}.phone .tile{padding:8px;font-size:10px}.concept{font-size:9px}footer{padding:35px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fade{opacity:1;transform:none}.welcome{display:none}}