@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--bg:#fdfcfb;--bg-surface:#fff;--bg-elevated:#f6f4f0;--bg-hover:#faf9f6;--coral:#fc5a5a;--purple:#8e44ad;--blue:#3498db;--green:#2ecc71;--amber:#f39c12;--color-primary:var(--coral);--color-secondary:var(--purple);--border:#151a2612;--border-hover:#fc5a5a40;--shadow-sm:0 2px 8px #151a2605;--shadow-md:0 8px 30px #151a260a;--shadow-lg:0 16px 40px #151a260f;--text-1:#1e2229;--text-2:#515a6b;--text-3:#828d9e;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease:cubic-bezier(.25, 1, .5, 1);--duration:.3s;--grid-gap:2rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text-1);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#fc5a5a08 0%,#0000 40%),radial-gradient(circle at 90% 10%,#8e44ad08 0%,#0000 45%),radial-gradient(circle at 50% 90%,#3498db05 0%,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#151a2604 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}main{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);font-weight:700;line-height:1.2}h1{font-size:clamp(2.6rem,5.2vw,4.5rem)}h2{font-size:clamp(1.8rem,3vw,2.5rem)}h3{font-size:clamp(1.2rem,1.8vw,1.5rem)}h4{font-size:1.05rem}p{color:var(--text-2);line-height:1.75}a{color:inherit;transition:color var(--duration) var(--ease);text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#151a261a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fc5a5a4d}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6.5rem 0}.section-sm{padding:4rem 0}.text-gradient{background:linear-gradient(135deg, var(--coral) 0%, var(--purple) 60%, var(--blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-text{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(135deg, var(--text-1) 40%, var(--coral) 100%);-webkit-text-fill-color:transparent;color:var(--text-1);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.label{color:var(--coral);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;background:#fc5a5a0f;border:1px solid #fc5a5a26;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.76rem;font-weight:600;display:inline-flex}.section-heading{text-align:center;margin-bottom:1rem}.section-sub{text-align:center;max-width:580px;color:var(--text-2);margin:0 auto 3.5rem;font-size:1.05rem}.btn{font-family:var(--font-display);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative}.btn-primary{background:linear-gradient(135deg, var(--coral) 0%, var(--purple) 100%);color:#fff;box-shadow:0 4px 15px #fc5a5a33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fc5a5a59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-1);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-3);transform:translateY(-2px)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--duration) var(--ease);padding:2.25rem;position:relative}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.mockup-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.mockup-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:.35rem;height:38px;padding:0 1rem;display:flex}.mockup-dot{background:#151a2626;border-radius:50%;width:8px;height:8px}.icon-box{border:1px solid var(--border);background:#151a2605;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.badge{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-2);transition:all var(--duration) var(--ease);white-space:nowrap;border-radius:50px;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge:hover{color:var(--coral);background:#fc5a5a0d;border-color:#fc5a5a33}.grid-2x2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:720px){.grid-2x2{grid-template-columns:1fr}}.grid-1x4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:960px){.grid-1x4{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.grid-1x4{grid-template-columns:1fr}}.marquee-wrap{padding:1rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:3rem;width:max-content;animation:35s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{background:var(--bg-surface);border:1px solid var(--border);font-family:var(--font-display);letter-spacing:.04em;color:var(--text-3);box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);border-radius:50px;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:.95rem;font-weight:700;display:flex}.marquee-item:hover{border-color:var(--coral);color:var(--coral);transform:scale(1.03)}.feature-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.feature-list li{color:var(--text-2);align-items:flex-start;gap:.65rem;font-size:.93rem;display:flex}.feature-list li:before{content:"✓";color:var(--green);flex-shrink:0;font-weight:700}.footer-link{color:var(--text-2);transition:color var(--duration) var(--ease);font-size:.9rem;display:inline-block}.footer-link:hover{color:var(--coral)}.nav-link{transition:all var(--duration) var(--ease)}.nav-link:hover{color:var(--coral)!important}.contact-input{border:1px solid var(--border)!important;background:var(--bg-surface)!important;color:var(--text-1)!important;transition:all var(--duration) var(--ease)!important;border-radius:8px!important;padding:.8rem 1rem!important}.contact-input:focus{outline:none;border-color:var(--coral)!important;box-shadow:0 0 0 3px #fc5a5a1f!important}.social-icon{background:var(--bg-surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-3);transition:all var(--duration) var(--ease);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon:hover{border-color:var(--coral);color:var(--coral);background:#fc5a5a0d}.timeline-container{max-width:860px;margin:4rem auto 0;padding:1rem 0;position:relative}.timeline-line{background:linear-gradient(180deg, var(--coral) 0%, var(--purple) 50%, var(--blue) 100%);opacity:.3;width:2px;position:absolute;top:0;bottom:0;left:27px}.timeline-step{gap:1.75rem;margin-bottom:2.5rem;display:flex;position:relative}.timeline-step:last-child{margin-bottom:0}.timeline-node{background:var(--bg-surface);border:2px solid var(--border);width:56px;height:56px;font-family:var(--font-display);color:var(--coral);box-shadow:var(--shadow-sm);z-index:2;transition:all var(--duration) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:relative}.timeline-step:hover .timeline-node{border-color:var(--coral);transform:scale(1.05);box-shadow:0 0 12px #fc5a5a26}.timeline-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--duration) var(--ease);flex-grow:1;padding:1.75rem 2rem}.timeline-step:hover .timeline-content{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animate{animation:1s linear infinite spin}.section-padding{padding:3rem 0 6rem}@media (max-width:768px){.section-padding{padding:2rem 0 4rem}}.desktop-nav{align-items:center;gap:.5rem;display:flex}.mobile-toggle{display:none!important}@media (max-width:960px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}}@media (max-width:860px){.grid-2x2,[class*=grid-2x2],.grid-split{grid-template-columns:1fr!important;gap:2rem!important}}@media (max-width:768px){html,body{max-width:100vw!important;overflow-x:hidden!important}.container{padding-left:1.25rem!important;padding-right:1.25rem!important}.section{padding:3.75rem 0!important}.section-sm{padding:2.25rem 0!important}h1{font-size:clamp(2rem,7.5vw,2.6rem)!important;line-height:1.15!important}h2{font-size:clamp(1.55rem,5.5vw,2rem)!important;line-height:1.2!important}h3{font-size:clamp(1.15rem,4vw,1.35rem)!important}.section-sub{margin-bottom:2.25rem!important;font-size:.95rem!important}.card{border-radius:var(--radius-md)!important;padding:1.5rem!important}.btn{padding:.75rem 1.4rem!important;font-size:.88rem!important}pre,code,table{max-width:100%!important}.timeline-container{padding-left:.5rem!important}.timeline-line{left:20px!important}.timeline-node{width:42px!important;height:42px!important;font-size:.95rem!important}.timeline-step{gap:1rem!important}.timeline-content{padding:1.25rem!important}.marquee-item{padding:.5rem 1.25rem!important;font-size:.82rem!important}.download-hub-box{border-radius:var(--radius-md)!important;padding:1.5rem 1.25rem!important}.sdk-bundle-btn{flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important}}