:root{--color-background: #f0f0f0;--color-black: #000000;--color-white: #ffffff;--color-vermilion: hsl(15deg 100% 48%);--color-light-gray: #e5e5e5;--color-medium-gray: #757575;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", monospace;--section-spacing: 120px;--content-max-width: 1200px;--grid-gap: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-black);line-height:1.5;font-size:16px;font-weight:400;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}h1,h2,h3{font-weight:500;line-height:1.2}h1{font-size:40px;margin-bottom:24px}h2{font-size:32px;margin-bottom:40px}h3{font-size:24px;margin-bottom:16px}p{margin-bottom:16px}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 24px}section{margin:var(--section-spacing) 0;position:relative}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}header{padding:24px 0;position:fixed;top:0;left:0;width:100%;background-color:var(--color-background);z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo-symbol{width:32px;height:32px;padding:4px;background-color:var(--color-vermilion);shape-rendering:geometricPrecision}.logo-text{font-size:24px;font-weight:500}nav{display:flex;gap:40px}.nav-item{font-size:15px;color:var(--color-black);position:relative;transition:color .2s ease}.nav-item:hover,.nav-item.active{color:var(--color-vermilion)}.nav-item-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:4px;cursor:pointer;padding:6px 0}.dropdown-arrow{transition:transform .2s ease}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-white);border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:160px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:200;padding:8px 0;margin-top:8px}.nav-item-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-item-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-item{display:block;padding:8px 16px;font-size:14px;color:var(--color-black);transition:background-color .2s ease,color .2s ease}.dropdown-item:hover{background-color:#0000000d;color:var(--color-vermilion)}.mobile-nav-dropdown{position:relative}.mobile-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}.mobile-dropdown-menu{display:none;padding-left:16px;margin-top:8px}.mobile-dropdown-menu.active{display:block}.mobile-dropdown-item{display:block;padding:8px 0;font-size:16px;color:var(--color-black);opacity:.8}.download-button{background-color:var(--color-vermilion);color:var(--color-white);padding:8px 20px;border-radius:4px;font-weight:500;font-size:14px;transition:background-color .2s ease}.download-button:hover{background-color:#e63900}.menu-toggle{display:none;background:none;border:none;padding:0;cursor:pointer;width:24px;height:24px}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;max-width:320px;height:100vh;background-color:var(--color-white);z-index:1000;padding:80px 32px;transition:right .3s ease}.mobile-menu.active{right:0}.menu-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:24px;cursor:pointer}.mobile-nav{display:flex;flex-direction:column;gap:24px}.mobile-nav-item{font-size:18px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none}.overlay.active{display:block}.primary-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--color-black);color:var(--color-white);font-size:15px;font-weight:500;border-radius:4px;margin-bottom:16px;transition:background-color .2s ease}.primary-button:hover{background-color:#333}.app-store-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--color-vermilion);color:var(--color-white);font-size:15px;font-weight:500;border-radius:4px;margin-bottom:16px;transition:background-color .2s ease}.app-store-button:hover{background-color:#e63900}.terminal{font-family:var(--font-mono);background-color:var(--color-black);color:var(--color-white);padding:16px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.terminal-prefix{color:var(--color-vermilion);opacity:.8;margin-right:8px}.copy-button{background:none;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:4px 8px;border-radius:2px;font-size:12px;font-family:var(--font-mono);cursor:pointer}.copy-button:hover{background-color:#ffffff1a}.device-tags{display:flex;gap:8px;flex-wrap:wrap}.device-tag{font-size:13px;padding:4px 12px;background-color:var(--color-light-gray);border-radius:2px}footer{margin-top:var(--section-spacing);padding:80px 0 40px;background-color:var(--color-black);color:var(--color-white)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:64px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-logo{width:32px;height:32px;background-color:var(--color-vermilion)}.footer-description{color:#ffffffb3;margin-bottom:32px}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff1a;transition:background-color .2s ease}.social-link:hover{background-color:#fff3}.footer-title{font-size:16px;font-weight:500;margin-bottom:24px}.element-tag{font-family:var(--font-mono);font-size:14px;background-color:var(--color-black);color:var(--color-vermilion);padding:4px 8px;border-radius:2px;position:absolute;top:16px;left:16px;z-index:5}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{color:#ffffffb3;font-size:14px;transition:color .2s ease}.footer-link:hover{color:var(--color-white)}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between}.copyright{color:#ffffff80;font-size:14px}.legal-links{display:flex;gap:32px}.legal-link{color:#ffffff80;font-size:14px;transition:color .2s ease}.legal-link:hover{color:#fffc}.technical-details{margin-top:120px;color:var(--color-medium-gray);font-family:var(--font-mono);font-size:12px;line-height:1.6}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:64px}@media (max-width: 1200px){:root{--section-spacing: 100px}}@media (max-width: 992px){:root{--section-spacing: 80px}h1{font-size:36px}h2{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr}nav{display:none}.menu-toggle{display:block}}@media (max-width: 768px){:root{--section-spacing: 64px;--grid-gap: 16px}h1{font-size:32px}h2{font-size:24px}.container{padding:0 16px}.footer-grid{grid-template-columns:1fr;gap:48px}.footer-bottom{flex-direction:column;gap:24px}.legal-links{flex-direction:column;gap:16px}.tech-grid{grid-template-columns:1fr}}@media (max-width: 576px){.device-tags{flex-direction:column;align-items:flex-start}}