@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}