:root{--dark:#05161a;--white:#fff;--ng:#39ff14;--nv:#8a2be2;--ny:#ffe600}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;width:100vw;overflow:hidden;font-family:'Inter',sans-serif;display:flex;flex-direction:row;background:var(--dark);color:#1a202c}.l{width:45vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.r{width:55vw;height:100vh;background:var(--white);position:relative;display:flex;align-items:center;justify-content:flex-start;padding:0 max(2rem,6vw);z-index:2}.wave-v{position:absolute;left:-99px;top:0;height:100%;width:100px;z-index:0;pointer-events:none}.wave-h{display:none;pointer-events:none}.brand{position:absolute;top:max(1rem,3vh);left:max(1rem,3vw);z-index:20;display:flex;align-items:center;gap:1rem}.brand img{height:max(24px,4vh);width:auto}.tls{font-size:clamp(10px,1.5vh,12px);color:var(--ng);font-family:monospace;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px rgba(57,255,20,0.6);animation:p 2.5s infinite;padding-left:.5rem;border-left:1px solid rgba(57,255,20,0.3)}@keyframes p{0%,100%{opacity:.5}50%{opacity:1}}.code-w{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.orb{position:absolute;width:60%;height:60%;background:radial-gradient(circle,rgba(138,43,226,0.35) 0,transparent 65%);filter:blur(40px);z-index:1}.code{background:rgba(5,22,26,0.85);border:1px solid rgba(57,255,20,0.25);padding:max(1.2rem,2vw);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.6),0 0 20px rgba(138,43,226,0.15);z-index:2;backdrop-filter:blur(10px);transform:rotate(-2deg);transition:transform .4s cubic-bezier(0.175,0.885,0.32,1.275);max-width:90vw}.code:hover{transform:rotate(0deg) translateY(-5px)}.mac-dots{display:flex;gap:6px;margin-bottom:15px}.mac-dots i{width:12px;height:12px;border-radius:50%}pre{color:#e2e8f0;font-family:monospace;font-size:clamp(0.6rem,1.5vh,1rem);line-height:1.6}.content{max-width:38rem;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center}h1{font-weight:700;font-size:clamp(1.75rem,4vh+2vw,3.5rem);line-height:1.05;color:var(--dark);letter-spacing:-.03em;margin-bottom:max(0.75rem,2.5vh)}p{font-size:clamp(0.85rem,1.5vh+0.5vw,1.125rem);line-height:1.6;color:#4a5568;margin-bottom:max(1.25rem,3.5vh)}.cards{display:flex;gap:1rem;margin-bottom:max(1.5rem,4.5vh);flex-wrap:wrap}.card{background:#fff;padding:clamp(0.6rem,1.5vh,1rem) clamp(1rem,2vw,1.5rem);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04);font-weight:700;font-size:clamp(0.75rem,1.5vh,0.95rem);display:flex;align-items:center;gap:.6rem;border:1px solid rgba(226,232,240,0.7);transition:transform .3s}.card:hover{transform:translateY(-2px)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:var(--dark);color:#fff;padding:clamp(0.8rem,2vh,1rem) clamp(1.5rem,3vw,2.5rem);border-radius:99px;font-weight:700;font-size:clamp(0.9rem,1.5vh+0.5vw,1.1rem);text-decoration:none;transition:all .3s ease;box-shadow:0 0 15px rgba(57,255,20,0.3);width:max-content;position:relative}.cta:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(57,255,20,0.5);background:#082128}.cta svg{transition:transform .3s}.cta:hover svg{transform:translateX(5px)}footer{position:absolute;bottom:max(0.5rem,2vh);right:max(1rem,3vw);font-size:clamp(0.65rem,1.2vh,0.8rem);color:#718096;z-index:10;font-weight:400}@media(max-width:900px){body{flex-direction:column}.l{width:100vw;height:42vh}.r{width:100vw;height:58vh;padding:max(1rem,4vw)}.wave-v{display:none}.wave-h{display:block;position:absolute;top:-49px;left:0;width:100%;height:50px;z-index:0}.brand{top:1rem;left:1rem}.cards{margin-bottom:max(1rem,3vh)}}