:root{--primary:#343434;--accent:#E6B31E;--accent-light:#F5D76E;--accent-dark:#C49A17;--white:#FFFFFF;--off-white:#FAFAF7;--light-warm:#F5F3EE;--grey-100:#F0EEEA;--grey-200:#E0DDD6;--grey-400:#A09D96;--grey-600:#6B6860;--grey-800:#3D3A34;--font-display:"DM Serif Display",Georgia,serif;--font-body:"Outfit",system-ui,sans-serif;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--primary);background:var(--white);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--grey-400);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp .8s var(--ease-out-expo) both}.animate-fade-in{animation:fadeIn .6s var(--ease-out-expo) both}.animate-scale-in{animation:scaleIn .7s var(--ease-out-expo) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all .4s var(--ease-out-expo);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.85);border-bottom:1px solid transparent}.nav.scrolled{padding:12px 0;border-bottom-color:var(--grey-200);box-shadow:0 1px 24px rgba(0,0,0,.04)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{height:36px;width:auto;transition:transform .3s var(--ease-out-expo)}.nav-logo:hover{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{text-decoration:none;color:var(--grey-600);font-size:15px;font-weight:500;letter-spacing:.01em;transition:color .25s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease-out-expo)}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--primary)!important;color:var(--white)!important;padding:10px 24px;border-radius:100px;font-weight:600!important;font-size:14px!important;letter-spacing:.02em!important;transition:all .3s var(--ease-out-expo)!important}.nav-cta:after{display:none!important}.nav-cta:hover{background:var(--accent)!important;color:var(--primary)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(230,179,30,.3)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:24px;height:2px;background:var(--primary);transition:all .3s var(--ease-out-expo);border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;position:relative;overflow:hidden;background:var(--off-white)}.hero:before{top:-40%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(230,179,30,.08) 0,transparent 70%)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:after{bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(52,52,52,.03) 0,transparent 70%)}.hero-content{text-align:center;max-width:820px;position:relative;z-index:1}.hero-eyebrow{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:20px}.hero h1{font-family:var(--font-display);font-size:clamp(44px,7vw,80px);font-weight:400;line-height:1.08;letter-spacing:-.02em;color:var(--primary);margin-bottom:28px}.hero h1 em{font-style:italic;color:var(--accent-dark);position:relative}.hero h1 em:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;background:var(--accent);opacity:.4;border-radius:2px}.hero-subtitle{font-size:clamp(17px,2.2vw,21px);line-height:1.65;color:var(--grey-600);max-width:580px;margin:0 auto 44px;font-weight:300}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--primary);color:var(--white);padding:16px 36px;border-radius:100px;font-size:16px;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:all .35s var(--ease-out-expo);border:2px solid var(--primary)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 32px rgba(230,179,30,.3)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--primary);padding:16px 36px;border-radius:100px;font-size:16px;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:all .35s var(--ease-out-expo);border:2px solid var(--grey-200)}.btn-secondary:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.hero-app-icon{width:80px;height:80px;border-radius:20px;margin:0 auto 32px;box-shadow:0 12px 40px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.04)}section{padding:120px 0}.section-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(32px,4.5vw,52px);font-weight:400;line-height:1.15;letter-spacing:-.015em;color:var(--primary);margin-bottom:20px}.section-subtitle{font-size:18px;line-height:1.7;color:var(--grey-600);max-width:560px;font-weight:300}.features{background:var(--white)}.features-header{text-align:center;margin-bottom:72px}.features-header .section-subtitle{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.feature-card{background:var(--off-white);border-radius:20px;padding:40px 32px;transition:all .4s var(--ease-out-expo);border:1px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-light));opacity:0;transition:opacity .4s}.feature-card:hover{transform:translateY(-4px);border-color:var(--grey-200);box-shadow:0 12px 40px rgba(0,0,0,.06)}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:14px;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;border:1px solid var(--grey-200)}.feature-card h3{font-family:var(--font-display);font-size:22px;font-weight:400;margin-bottom:12px;color:var(--primary)}.feature-card p{font-size:15px;line-height:1.7;color:var(--grey-600);font-weight:300}.how-it-works{background:var(--off-white);position:relative}.how-header{text-align:center;margin-bottom:80px}.how-header .section-subtitle{margin:0 auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px;position:relative}.steps:before{content:"";position:absolute;top:36px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--grey-200),var(--accent),var(--grey-200))}.step{text-align:center;position:relative}.step-number{width:72px;height:72px;border-radius:50%;background:var(--white);border:2px solid var(--grey-200);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-family:var(--font-display);font-size:28px;color:var(--accent-dark);position:relative;z-index:1;transition:all .4s var(--ease-out-expo)}.step:hover .step-number{border-color:var(--accent);box-shadow:0 0 0 6px rgba(230,179,30,.12);transform:scale(1.08)}.step h3{font-family:var(--font-display);font-size:20px;margin-bottom:10px;color:var(--primary)}.step p{font-size:15px;line-height:1.65;color:var(--grey-600);font-weight:300;max-width:220px;margin:0 auto}.categories{background:var(--white)}.categories-header{text-align:center;margin-bottom:56px}.categories-header .section-subtitle{margin:0 auto}.categories-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:0 auto}.category-chip{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:100px;background:var(--off-white);border:1px solid var(--grey-200);font-size:15px;font-weight:500;color:var(--grey-800);transition:all .3s var(--ease-out-expo);cursor:default}.category-chip:hover{border-color:var(--accent);background:rgba(230,179,30,.06);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.04)}.cta-section{background:var(--primary);color:var(--white);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(230,179,30,.1) 0,transparent 60%);pointer-events:none}.cta-content{position:relative;z-index:1}.cta-section .section-title{color:var(--white)}.cta-section .section-subtitle{color:rgba(255,255,255,.65);margin:0 auto 40px}.btn-cta{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--primary);padding:18px 42px;border-radius:100px;font-size:17px;font-weight:700;text-decoration:none;letter-spacing:.01em;transition:all .35s var(--ease-out-expo)}.btn-cta:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 32px rgba(230,179,30,.4)}.legal-page{padding:120px 0 80px;background:var(--off-white)}.legal-content{max-width:780px;margin:0 auto;background:var(--white);border-radius:20px;padding:48px 56px;border:1px solid var(--grey-200)}.legal-content h1,.legal-content h2{font-family:var(--font-display);font-size:28px;margin-bottom:8px}.legal-content h1{font-size:36px}.legal-content .legal-updated{font-size:14px;color:var(--grey-400);margin-bottom:32px}.legal-content h3{font-size:18px;font-weight:600;color:var(--primary);margin-top:32px;margin-bottom:12px}.legal-content li,.legal-content p{font-size:15px;line-height:1.75;color:var(--grey-600);font-weight:300}.legal-content ul{padding-left:20px;margin:8px 0}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.footer{background:var(--primary);color:rgba(255,255,255,.5);padding:56px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-wordmark{font-family:var(--font-display);font-size:22px;color:rgba(255,255,255,.85);letter-spacing:-.01em}.footer-links{display:flex;gap:32px;list-style:none}.footer-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;font-weight:400;transition:color .25s}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:13px}@media (max-width:968px){.features-grid,.steps{grid-template-columns:repeat(2,1fr)}.steps{gap:40px}.steps:before{display:none}}@media (max-width:768px){section{padding:80px 0}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:24px;gap:20px;border-bottom:1px solid var(--grey-200);box-shadow:0 12px 32px rgba(0,0,0,.08)}.nav-links.open,.nav-toggle{display:flex}.features-grid,.steps{grid-template-columns:1fr}.steps{max-width:320px;margin:0 auto}.hero{padding:100px 24px 60px;min-height:auto}.hero h1{font-size:36px}.hero-actions{flex-direction:column;align-items:center}.legal-content{padding:32px 24px}.legal-tabs{flex-wrap:wrap}.footer-inner{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}