:root{--sage: #a5a58c;--sage-light: rgba(165, 165, 140, .1);--sage-glow: rgba(165, 165, 140, .4);--off-white: #fdfcf9;--dark-navy: #10121a;--text-dark: #1e1e1e;--text-light: #fdfcf9;--text-muted: #6b7280;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-heading: "Fraunces", serif;--font-body: "Inter", sans-serif;--transition: all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-navy);color:var(--text-light);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3{font-family:var(--font-heading);line-height:1.05;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition)}button{cursor:pointer;border:none;border-radius:12px;font-weight:600;font-family:var(--font-body);transition:var(--transition);letter-spacing:-.01em}.btn-primary{background:var(--sage);color:#fff;padding:.75rem 1.5rem}.btn-primary.lg{padding:1.25rem 2.5rem;font-size:1.1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--sage-glow);filter:brightness(1.1)}.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem}.btn-secondary.lg{padding:1.25rem 2.5rem;font-size:1.1rem}.btn-secondary:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:2.5rem 0;transition:var(--transition)}.header.scrolled{padding:1.25rem 0;background:#fdfcf9f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-dark)}.header.scrolled .btn-secondary{color:var(--text-dark);border-color:#0000001a}.header.scrolled .btn-secondary:hover{background:#0000000d}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:800;letter-spacing:-.04em;font-family:var(--font-heading)}.logo-dot{color:var(--sage);margin-left:2px}.nav{display:flex;align-items:center;gap:3rem;font-size:.95rem;font-weight:500}.nav-link{opacity:.7;position:relative}.nav-link:hover{opacity:1}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--sage);transition:var(--transition)}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;z-index:1001;padding:0}.hamburger span{width:100%;height:2px;background-color:var(--sage);transition:all .3s ease}@media(max-width:968px){.hamburger{display:flex}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--dark-navy);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav.mobile-show{right:0}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.lang-switcher{margin:1rem 0}.menu-open .nav-link,.menu-open .logo-text{color:#fff!important}.menu-open .hamburger span{background-color:#fff!important}}.lang-switcher{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:2px;border-radius:100px;margin:0 1.5rem}.lang-btn{background:transparent;border:none;color:#fff6;font-size:.75rem;font-weight:700;padding:.5rem .8rem;cursor:pointer;border-radius:100px;transition:all .3s ease}.lang-btn.active{background:var(--sage);color:var(--dark-navy)}.lang-btn:not(.active):hover{color:#fffc}.switcher-divider{width:1px;height:12px;background:#ffffff1a}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-navy);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .4s ease forwards}.loader{width:48px;height:48px;border:3px solid rgba(165,165,140,.1);border-bottom-color:var(--sage);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.initial-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-navy);display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}.initial-loader.fade-out{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-logo{font-family:var(--font-heading);font-size:3rem;font-weight:800;color:var(--text-light);letter-spacing:-.04em;opacity:0;animation:logoAppear .8s cubic-bezier(.16,1,.3,1) forwards}.loader-logo span{color:var(--sage)}.loader-progress-track{width:200px;height:2px;background:#ffffff0d;border-radius:2px;overflow:hidden;position:relative}.loader-progress-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--sage);transform:translate(-100%);animation:progressAnim 2s cubic-bezier(.65,0,.35,1) infinite}.loader-text{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffff4d;font-weight:600}@keyframes logoAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressAnim{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.app-container{opacity:1;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter .5s ease}.app-container.is-initial-loading{opacity:0;filter:blur(10px)}.app-container.is-loading{filter:blur(10px)}.hero{min-height:100vh;display:flex;align-items:center;padding:160px 0 120px;position:relative;overflow:hidden;background:var(--dark-navy)}.hero-content{max-width:850px;animation:slideUp 1.2s cubic-bezier(.2,.8,.2,1);position:relative}.hero-title{font-size:clamp(3.5rem,9vw,6rem);font-weight:400;margin-bottom:3rem;letter-spacing:-.03em;line-height:1}.highlight{font-style:italic;color:var(--sage);font-weight:300}.hero-subtitle{font-size:1.25rem;color:#ffffff80;margin-bottom:5rem;line-height:1.7;max-width:600px;font-weight:300;letter-spacing:.01em}.hero-watchlist{display:flex;gap:1rem;background:var(--glass);padding:.6rem;border-radius:18px;border:1px solid var(--glass-border);max-width:520px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;transition:var(--transition)}.hero-watchlist:focus-within{border-color:#a5a58c4d;box-shadow:0 0 40px #a5a58c1a}.email-input{flex:1;background:transparent;border:none;padding:0 1.5rem;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none;min-width:0}.email-input::placeholder{color:#ffffff4d}.hero-watchlist .btn-primary{padding:.85rem 2.5rem;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:160px;border-radius:14px;font-weight:500}.hero-watchlist .input-group{display:flex;width:100%;gap:0;align-items:center}.status-msg{position:absolute;top:100%;left:.5rem;font-size:.85rem;margin-top:.75rem;animation:fadeIn .3s ease}.status-msg.success{color:var(--sage)}.status-msg.error,.email-input.error{color:#ff6b6b}.hero-watchlist .loader{width:20px;height:20px;border-width:2px;border:2px solid rgba(255,255,255,.1);border-bottom-color:#fff}@media(max-width:600px){.hero-watchlist{flex-direction:column;background:transparent;border:none;padding:0}.hero-watchlist .input-group{flex-direction:column;gap:1rem}.email-input{background:var(--glass);border:1px solid var(--glass-border);padding:1.1rem 1.5rem;border-radius:12px;width:100%}.hero-watchlist .btn-primary{width:100%;padding:1.1rem;border-radius:12px;height:auto}.status-msg{position:relative;top:0;left:0;margin-top:1rem;text-align:left}}.light-section{background:var(--off-white);color:var(--text-dark);padding:12rem 0;position:relative;z-index:2}.section-label{display:inline-block;color:var(--sage);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:6rem;letter-spacing:-.02em;font-weight:400;max-width:600px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6rem 4rem}.feature-card{padding:0;background:transparent;border:none;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px)}.feature-title{font-size:1.5rem;margin-bottom:1rem;font-weight:500;font-family:var(--font-heading)}.feature-description{color:var(--text-muted);line-height:1.6;font-size:1.05rem;max-width:90%}.light-section .logo-dot{color:var(--sage)}.featured-section{background:var(--dark-navy);padding:10rem 0;color:var(--text-light);overflow:hidden}.featured-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.25em;color:var(--sage);margin-bottom:4rem;font-weight:600;text-align:center}.featured-card{position:relative;max-width:1100px;margin:0 auto 6rem}.mockup-showcase{position:relative;width:100%;height:clamp(300px,60vh,600px);display:flex;justify-content:center;align-items:center}.mockup-tablet{width:75%;aspect-ratio:16 / 10;background:var(--dark-navy);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px #0009;border:1px solid rgba(255,255,255,.1);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.mockup-mobile{position:absolute;width:22%;aspect-ratio:9 / 19.5;background:var(--dark-navy);border-radius:32px;overflow:hidden;bottom:-5%;right:12%;box-shadow:0 30px 60px #000c;border:6px solid #1a1a1a;outline:1px solid rgba(255,255,255,.05);transform:perspective(1000px) rotateY(-10deg) rotateX(2deg) translateZ(60px);z-index:10}.mockup-showcase:hover .mockup-tablet{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.mockup-showcase:hover .mockup-mobile{transform:perspective(1000px) rotateY(-5deg) rotateX(1deg) translateZ(80px)}.featured-image{width:100%;height:100%;object-fit:cover;opacity:.8}.featured-text-bottom{text-align:center;max-width:800px;margin:0 auto}.featured-title{font-size:clamp(2.5rem,5vw,4rem);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;font-weight:400}.featured-description{font-size:1.15rem;color:#ffffffb3;margin-bottom:3rem;line-height:1.6}.featured-link{font-size:.95rem;text-decoration:underline;text-underline-offset:6px;opacity:.8;transition:opacity .3s ease}@media(max-width:768px){.mockup-tablet{width:90%;transform:none}.mockup-mobile{width:35%;right:5%;transform:none}.featured-text-bottom{padding:0 1rem}}.footer-modern{background:var(--dark-navy);color:var(--text-light);padding:12rem 0 6rem;border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:1.5fr 3fr;gap:6rem;margin-bottom:8rem}.footer-brand{max-width:300px}.footer-logo{font-size:2.25rem;margin-bottom:2.5rem}.footer-tagline{color:#ffffff80;margin-bottom:3rem;line-height:1.6;font-size:1.1rem}.footer-social{display:flex;gap:2rem}.social-link{font-size:.9rem;opacity:.6}.social-link:hover{opacity:1}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}.footer-heading{font-size:.95rem;font-weight:600;margin-bottom:2.5rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:1.25rem}.footer-column ul li a{font-size:.95rem;color:#ffffff80;transition:color .3s ease}.footer-column ul li a:hover{color:var(--text-light)}.footer-bottom{padding-top:4rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#fff6}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.footer-grid{grid-template-columns:1fr;gap:6rem}.footer-brand{max-width:100%}.footer-links{grid-template-columns:repeat(2,1fr);gap:4rem}}@media(max-width:768px){.hero-actions{flex-direction:column}.hero-title{font-size:3rem}.footer-links{grid-template-columns:1fr}.featured-content{position:relative;bottom:0;padding:3rem 1rem;background:var(--dark-navy);text-align:left}.featured-title{font-size:2.5rem}}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:4rem}.step-card{display:flex;flex-direction:column;padding:1.25rem;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.03);transition:var(--transition)}.step-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0000000d}.step-image-wrapper{width:100%;aspect-ratio:1.4;background:var(--dark-navy);border-radius:18px;overflow:hidden;margin-bottom:2rem;position:relative}.step-image{width:100%;height:100%;object-fit:cover;opacity:.9;transition:var(--transition)}.step-card:hover .step-image{opacity:1;transform:scale(1.05)}.step-info{padding:0 1rem 1.5rem}.step-number{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--sage);opacity:.2;line-height:1;margin-bottom:1rem;display:block}.step-title{font-size:1.5rem;margin-bottom:.75rem;font-family:var(--font-heading)}.step-description{color:var(--text-muted);font-size:1rem;line-height:1.6}.comparison-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:4rem}.comparison-text{text-align:left}.comparison-visual{position:relative;display:flex;justify-content:center}.visual-glass-card{width:100%;max-width:500px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;position:relative;overflow:hidden}.glass-header{display:flex;gap:8px;margin-bottom:2rem}.glass-dot{width:12px;height:12px;border-radius:50%}.glass-dot.red{background:#ff5f56}.glass-dot.yellow{background:#ffbd2e}.glass-dot.green{background:#27c93f}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--sage);box-shadow:0 0 15px var(--sage);z-index:5;animation:scanMove 4s ease-in-out infinite}@keyframes scanMove{0%,to{top:10%}50%{top:90%}}.comparison-split{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.split-divider{width:1px;height:150px;background:var(--glass-border)}.side-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:.1em;margin-bottom:1.5rem;opacity:.5}.skeleton-line{height:8px;background:#ffffff0d;border-radius:4px;margin-bottom:12px;width:100%}.skeleton-line.short{width:60%}.skeleton-line.highlight{background:var(--sage-glow)}.integration-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:center}.integration-tags{display:flex;flex-wrap:wrap;gap:1rem}.integration-tag{padding:.75rem 1.5rem;background:var(--sage-light);color:var(--sage);border:1px solid rgba(165,165,140,.2);border-radius:100px;font-size:.9rem;font-weight:600}.integration-visual{display:flex;justify-content:center}.api-node{width:120px;height:120px;background:var(--dark-navy);border:2px solid var(--sage);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--sage);font-weight:800;position:relative;box-shadow:0 0 40px var(--sage-light)}.api-conn{position:absolute;top:50%;left:50%;width:60px;height:2px;background:linear-gradient(to right,var(--sage),transparent);transform-origin:left center}.amp{font-family:var(--font-body);font-style:normal;display:inline-block;transform:translateY(-.05em)}.conn-1{transform:rotate(0) translate(60px)}.conn-2{transform:rotate(90deg) translate(60px)}.conn-3{transform:rotate(180deg) translate(60px)}.conn-4{transform:rotate(270deg) translate(60px)}@media(max-width:968px){.comparison-layout,.integration-grid{grid-template-columns:1fr;text-align:center;gap:4rem}.comparison-text{text-align:center}}