:root{--sys-font-display:"Bricolage Grotesque";--sys-font-body:Inter;--sys-font-mono:"SF Mono, Fira Code, monospace";--sys-type-display-hero-font-size:64px;--sys-type-display-hero-line-height:1;--sys-type-display-hero-font-weight:700;--sys-type-display-hero-font-family:"Bricolage Grotesque";--sys-type-display-hero-letter-spacing:-3px;--sys-type-display-font-size:48px;--sys-type-display-line-height:1.05;--sys-type-display-font-weight:700;--sys-type-display-font-family:"Bricolage Grotesque";--sys-type-display-letter-spacing:-2px;--sys-type-heading-1-font-size:36px;--sys-type-heading-1-line-height:1.1;--sys-type-heading-1-font-weight:700;--sys-type-heading-1-font-family:"Bricolage Grotesque";--sys-type-heading-1-letter-spacing:-1.5px;--sys-type-heading-2-font-size:26px;--sys-type-heading-2-line-height:1.2;--sys-type-heading-2-font-weight:600;--sys-type-heading-2-font-family:"Bricolage Grotesque";--sys-type-heading-2-letter-spacing:-.8px;--sys-type-heading-3-font-size:20px;--sys-type-heading-3-line-height:1.3;--sys-type-heading-3-font-weight:600;--sys-type-heading-3-font-family:"Bricolage Grotesque";--sys-type-heading-3-letter-spacing:-.4px;--sys-type-body-lg-font-size:16px;--sys-type-body-lg-line-height:1.7;--sys-type-body-lg-font-weight:400;--sys-type-body-lg-font-family:Inter;--sys-type-body-lg-letter-spacing:0;--sys-type-body-font-size:14px;--sys-type-body-line-height:1.6;--sys-type-body-font-weight:400;--sys-type-body-font-family:Inter;--sys-type-body-letter-spacing:0;--sys-type-body-sm-font-size:13px;--sys-type-body-sm-line-height:1.6;--sys-type-body-sm-font-weight:400;--sys-type-body-sm-font-family:Inter;--sys-type-body-sm-letter-spacing:0;--sys-type-label-font-size:12px;--sys-type-label-line-height:1.4;--sys-type-label-font-weight:500;--sys-type-label-font-family:Inter;--sys-type-label-letter-spacing:.2px;--sys-type-caption-font-size:11px;--sys-type-caption-line-height:1.5;--sys-type-caption-font-weight:400;--sys-type-caption-font-family:Inter;--sys-type-caption-letter-spacing:.1px;--sys-type-overline-font-size:10px;--sys-type-overline-line-height:1.4;--sys-type-overline-font-weight:600;--sys-type-overline-font-family:Inter;--sys-type-overline-letter-spacing:1.5px;--sys-type-overline-text-transform:uppercase;--sys-color-primary-50:#e6faf9;--sys-color-primary-100:#bdefec;--sys-color-primary-200:#8fe3de;--sys-color-primary-300:#50cecc;--sys-color-primary-400:#0db5a7;--sys-color-primary-500:#0a9d91;--sys-color-primary-600:#087e74;--sys-color-primary-700:#065e57;--sys-color-primary-800:#043f3a;--sys-color-primary-900:#022020;--sys-color-success-default:#22c55e;--sys-color-success-tint:#eaf7ef;--sys-color-success-tint-border:#bbe8cc;--sys-color-success-text:#166534;--sys-color-warning-default:#f59e0b;--sys-color-warning-tint:#fef3c7;--sys-color-warning-tint-border:#fde68a;--sys-color-warning-text:#92400e;--sys-color-danger-default:#ef4444;--sys-color-danger-tint:#fee2e2;--sys-color-danger-tint-border:#fecaca;--sys-color-danger-text:#991b1b;--sys-color-neutral-50:#f8f9fa;--sys-color-neutral-100:#f1f3f5;--sys-color-neutral-200:#e9ecef;--sys-color-neutral-300:#dee2e6;--sys-color-neutral-400:#ced4da;--sys-color-neutral-500:#adb5bd;--sys-color-neutral-600:#6c757d;--sys-color-neutral-700:#495057;--sys-color-neutral-800:#343a40;--sys-color-neutral-900:#212529;--sys-color-primary:#0db5a7;--sys-color-primary-hover:#087e74;--sys-color-primary-pressed:#065e57;--sys-color-primary-tint:#e6faf9;--sys-color-primary-text:#043f3a;--sys-color-success:#22c55e;--sys-color-warning:#f59e0b;--sys-color-danger:#ef4444;--sys-color-bg-page:#f8f9fa;--sys-color-bg-card:#fff;--sys-color-bg-surface:#f1f3f5;--sys-color-border-default:#dee2e6;--sys-color-text-primary:#212529;--sys-color-text-secondary:#6c757d;--sys-color-text-muted:#adb5bd;--sys-space-1:4px;--sys-space-2:8px;--sys-space-3:12px;--sys-space-4:16px;--sys-space-5:20px;--sys-space-6:24px;--sys-space-8:32px;--sys-space-10:40px;--sys-space-12:48px;--sys-space-16:64px;--sys-radius-sm:4px;--sys-radius-md:8px;--sys-radius-lg:12px;--sys-radius-full:999px;--sys-elevation-0:.5px solid #dee2e6;--sys-elevation-1:.5px solid #ced4da;--sys-elevation-2:1px solid #adb5bd;--sys-elevation-3:1.5px solid #adb5bd;--sys-elevation-focus-ring:0 0 0 3px #0db5a71f;--sys-motion-duration-instant-duration:80ms;--sys-motion-duration-instant-easing:ease-out;--sys-motion-duration-fast-duration:.15s;--sys-motion-duration-fast-easing:ease-out;--sys-motion-duration-normal-duration:.2s;--sys-motion-duration-normal-easing:ease-in-out;--sys-motion-duration-enter-duration:.3s;--sys-motion-duration-enter-easing:ease-out;--sys-motion-duration-modal-duration:.25s;--sys-motion-duration-modal-easing:ease-out;--sys-motion-duration-loading-duration:1.2s;--sys-motion-duration-loading-easing:linear;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.text-display{font-family:var(--sys-type-display-font-family);font-size:var(--sys-type-display-font-size);line-height:var(--sys-type-display-line-height);font-weight:var(--sys-type-display-font-weight);letter-spacing:var(--sys-type-display-letter-spacing)}.text-h1{font-family:var(--sys-type-heading-1-font-family);font-size:var(--sys-type-heading-1-font-size);line-height:var(--sys-type-heading-1-line-height);font-weight:var(--sys-type-heading-1-font-weight);letter-spacing:var(--sys-type-heading-1-letter-spacing)}.text-h2{font-family:var(--sys-type-heading-2-font-family);font-size:var(--sys-type-heading-2-font-size);line-height:var(--sys-type-heading-2-line-height);font-weight:var(--sys-type-heading-2-font-weight);letter-spacing:var(--sys-type-heading-2-letter-spacing)}.form-input:hover{border-color:var(--sys-color-primary);background-color:var(--sys-color-bg-page)}.auth-footer a{color:var(--sys-color-primary);transition:color var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);font-weight:500}.auth-footer a:hover{color:var(--sys-color-primary-hover);text-decoration:underline}.sidebar-link:hover{color:var(--sys-color-primary)}.profile-avatar{background-color:var(--sys-color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.profile-info{flex-direction:column;flex:1;align-items:flex-start;display:flex;overflow:hidden}.profile-name{color:var(--sys-color-text-primary);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:600;overflow:hidden}.profile-status{color:var(--sys-color-success-text);font-size:11px}.profile-chevron{color:var(--sys-color-text-muted);transition:transform .2s}@keyframes menu-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.sidebar{width:80px}.sidebar-logo span,.sidebar-link span,.profile-info,.profile-chevron{display:none}.sidebar-header,.sidebar-nav,.sidebar-footer{align-items:center;padding-left:0;padding-right:0}.app-main{padding:var(--sys-space-4);margin-left:80px}.profile-menu{width:200px;left:10px}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-workspace{min-height:400px}.workspace-header{margin-bottom:var(--sys-space-6);justify-content:space-between;align-items:center;display:flex}@keyframes card-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.layout-root{flex-direction:column;min-height:100vh;display:flex}.layout-main{flex:1;padding-top:80px}.hero{text-align:center;background:radial-gradient(circle at top center, var(--sys-color-primary-tint) 0%, transparent 70%);border-bottom:1px solid var(--sys-color-neutral-100);padding:180px 0 120px;position:relative}.hero:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#0db5a7 1px,#0000 1px),linear-gradient(#0db5a7 1px,#0000 1px);background-position:top;background-size:64px 64px;position:absolute;inset:0}.hero .blob-1,.hero .blob-2,.hero .blob-3{filter:blur(100px);z-index:0;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.hero .blob-1{background:radial-gradient(circle,#0db5a780 0%,#0db5a740 40%,#0000 70%);width:600px;height:600px;animation:3.5s infinite alternate blob1Move;top:-200px;left:-150px}.hero .blob-2{background:radial-gradient(circle,#8fe3de8c 0%,#8fe3de40 40%,#0000 70%);width:550px;height:550px;animation:4.5s infinite alternate blob2Move;bottom:-180px;right:-120px}.hero .blob-3{background:radial-gradient(circle,#065e5773 0%,#065e5733 40%,#0000 70%);width:450px;height:450px;animation:5.5s infinite alternate blob3Move;top:30%;right:-100px}.hero:before,.hero:after{display:none}@media (prefers-reduced-motion:reduce){.hero .blob-1,.hero .blob-2,.hero .blob-3{animation:none}}@keyframes blob1Move{0%{transform:translate(0)scale(1)}33%{transform:translate(200px,150px)scale(1.1)}66%{transform:translate(100px,300px)scale(.95)}to{transform:translate(250px,400px)scale(1.05)}}@keyframes blob2Move{0%{transform:translate(0)scale(1)}33%{transform:translate(-180px,-120px)scale(1.08)}66%{transform:translate(-250px,50px)scale(.92)}to{transform:translate(-300px,-180px)scale(1.15)}}@keyframes blob3Move{0%{transform:translate(0)scale(1)}33%{transform:translate(-150px,100px)scale(.88)}66%{transform:translate(50px,-80px)scale(1.12)}to{transform:translate(-100px,150px)scale(.95)}}.hero-device-showcase{width:100%;max-width:680px;height:400px;margin:80px auto 0;position:relative}.device-mockup{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards deviceEnter}.device-center{animation-delay:.1s}.device-left{animation-delay:.25s}.device-right{animation-delay:.4s}@keyframes deviceEnter{0%{opacity:0;transform:translateY(60px)scale(.9)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.device-mockup{opacity:1;animation:none;transform:none}}@media (width<=800px){.hero-device-showcase{justify-content:center;height:auto;display:flex}.device-mockup{max-width:340px;margin-bottom:16px;width:100%!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.device-left,.device-right{display:none}.device-center{position:relative!important;left:50%!important;transform:translate(-50%)!important}}.hero-headline{letter-spacing:-1.5px;color:#212529;text-align:center;max-width:800px;margin:0 auto 24px;font-family:Bricolage Grotesque,sans-serif;font-size:64px;font-weight:700;line-height:1.15}.gradient-text{background:linear-gradient(90deg,#0db5a7,#8fe3de,#065e57);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline}@media (width<=1024px){.hero-headline{letter-spacing:-1px;font-size:48px}}@media (width<=768px){.hero-headline{letter-spacing:-.8px;font-size:36px}}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}@media (prefers-reduced-motion:no-preference){.hero-dashboard-float:not(.interactive){animation:6s ease-in-out infinite hero-float}}@keyframes hero-float{0%,to{transform:translateY(0)rotateX(2deg)}50%{transform:translateY(-20px)rotateX(1deg)}}.hero-dashboard-float.interactive{transform:translateY(0)scale(1)!important}.site-footer{background-color:var(--sys-color-neutral-50);padding:80px 0 40px}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.library-overlay-panel{border-radius:0;width:100%;height:100%}.library-header{flex-direction:column;align-items:flex-start}}@keyframes countdown-bar{0%{width:100%}to{width:0%}}.stacking-cards-wrapper{margin-top:40px;padding-bottom:60px;position:relative}.stacking-card{border-radius:var(--sys-radius-lg);margin-bottom:var(--sys-space-4);will-change:transform;position:sticky;overflow:hidden;box-shadow:0 -20px 40px #0000000d}.stacking-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 0 0,#0db5a740,#0000 70%);width:300px;height:300px;position:absolute;top:0;left:0}.stacking-card-content{z-index:1;grid-template-columns:1fr;display:grid;position:relative}@media (width>=900px){.stacking-card-content{grid-template-columns:1fr 1fr}}.stacking-side{background-color:var(--sys-color-bg-card);flex-direction:column;padding:48px;display:flex}.stacking-side:last-child{background-color:var(--sys-color-primary-tint)}@media (width>=900px){.stacking-side{padding:64px}}.process-grid{gap:var(--sys-space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-card{background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-2xl,24px);flex-direction:column;align-items:flex-start;padding:28px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 20px #00000005}.process-step-pill{background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary);border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.process-progress-bar{gap:6px;margin-bottom:20px;display:flex}.process-connector-arrow{display:none}@media (width>=1024px){.process-connector-arrow{background-color:var(--sys-color-bg-page);border:1px solid var(--sys-color-border-default);z-index:10;width:32px;height:32px;color:var(--sys-color-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%);box-shadow:0 2px 8px #0000000d}}.process-card:hover{background-color:var(--sys-color-bg-hover);transform:translateY(-4px);box-shadow:0 10px 40px #0000000f}.process-icon-wrapper{margin-bottom:var(--sys-space-6);color:var(--sys-color-primary)}.process-title{font-size:var(--sys-type-heading-3-font-size);font-weight:var(--sys-type-heading-3-font-weight);line-height:var(--sys-type-heading-3-line-height);margin-bottom:var(--sys-space-3);color:var(--sys-color-text-primary)}.process-desc{font-size:var(--sys-type-body-font-size);line-height:var(--sys-type-body-line-height);color:var(--sys-color-text-secondary);margin:0}.process-bottom-writeup{text-align:center;max-width:560px;font-size:var(--sys-type-body-lg-font-size);color:var(--sys-color-text-secondary);margin:32px auto 0}.audience-section{background-color:var(--sys-color-bg-surface);padding:100px 0}.audience-grid{gap:var(--sys-space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.audience-grid{grid-template-columns:repeat(3,1fr)}}.audience-card{background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-2xl,24px);padding:var(--sys-space-8);gap:var(--sys-space-4);opacity:0;flex-direction:column;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(40px);box-shadow:0 2px 12px #0000000a}.audience-card.is-visible{opacity:1;transform:translateY(0)}.audience-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014}.audience-icon-wrap{border-radius:var(--sys-radius-lg);background-color:var(--sys-color-primary-tint);width:48px;height:48px;color:var(--sys-color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.audience-role-badge{align-items:center;gap:var(--sys-space-2);border-radius:var(--sys-radius-full);background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary-text);font-size:var(--sys-type-label-font-size);font-weight:var(--sys-type-label-font-weight);letter-spacing:var(--sys-type-label-letter-spacing);margin-bottom:var(--sys-space-2);width:fit-content;padding:3px 10px;display:inline-flex}.audience-card-title{font-size:var(--sys-type-heading-3-font-size);font-weight:var(--sys-type-heading-3-font-weight);line-height:var(--sys-type-heading-3-line-height);letter-spacing:var(--sys-type-heading-3-letter-spacing);color:var(--sys-color-text-primary);margin:0}.audience-card-desc{font-size:var(--sys-type-body-font-size);line-height:var(--sys-type-body-line-height);color:var(--sys-color-text-secondary);margin:0}.testimonial-wrapper{width:100%;position:relative}.testimonial-scroll-container{width:100%;display:flex;overflow-x:hidden}.testimonial-badge{background-color:var(--sys-color-neutral-900);color:#fff;border-radius:var(--sys-radius-full);font-size:var(--sys-type-label-font-size);letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;padding:6px 14px;font-weight:600;display:inline-flex}.testimonial-scroll-container::-webkit-scrollbar{display:none}.testimonial-wrapper:before,.testimonial-wrapper:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.testimonial-wrapper:before{background:linear-gradient(to right, var(--sys-color-bg-surface), transparent);left:0}.testimonial-wrapper:after{background:linear-gradient(to left, var(--sys-color-bg-surface), transparent);right:0}.testimonial-marquee-track{gap:var(--sys-space-6);width:max-content;padding:40px 0;animation:40s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-marquee-track:hover{animation-play-state:paused}.testimonial-card-item{background-color:var(--sys-color-bg-card);gap:var(--sys-space-6);border:none;border-radius:32px;flex-direction:column;flex:0 0 380px;padding:48px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px 2px #eceff3cc}.testimonial-card-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000000d}.testimonial-text{color:var(--sys-color-text-primary);margin-bottom:var(--sys-space-6);font-size:16px;font-style:italic;line-height:1.6}.testimonial-user-info{align-items:center;gap:var(--sys-space-3);display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--sys-color-primary), var(--sys-color-primary-200));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:18px;font-weight:700;display:flex}.testimonial-name{color:var(--sys-color-text-primary);margin:0;font-size:15px;font-weight:700}.testimonial-role{color:var(--sys-color-text-secondary);margin:0;font-size:13px}@media (width<=640px){.testimonial-card-item{flex:0 0 300px}.testimonial-wrapper:before,.testimonial-wrapper:after{width:60px}}.cta-stripe-section{background-color:var(--sys-color-bg-surface);padding:160px var(--sys-space-6);text-align:center;position:relative;overflow:hidden}.cta-stripe-bg{opacity:.08;background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 12%,#2563eb 25%,#0891b2 37%,#059669 50%,#d97706 62%,#dc2626 75%,#db2777 87%,#4f46e5 100%);width:100%;position:absolute;inset:60px 0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.cta-stripe-overlay{mix-blend-mode:overlay;background-image:linear-gradient(90deg,#fff 1px,#0000 1px);background-size:8px 100%;position:absolute;inset:0}.cta-content-z{z-index:10;max-width:var(--sys-space-128,800px);margin:0 auto;position:relative}.cta-glow-effect{background:radial-gradient(circle, var(--sys-color-primary-tint) 0%, transparent 70%);opacity:.4;filter:blur(80px);pointer-events:none;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-section-container{background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-2xl,24px);padding:var(--sys-space-12);gap:var(--sys-space-16);grid-template-columns:1.2fr .8fr;display:grid;box-shadow:0 4px 20px #00000008}.contact-form-side{flex-direction:column;display:flex}.contact-info-side{gap:var(--sys-space-4);flex-direction:column;display:flex}.info-block{align-items:flex-start;gap:var(--sys-space-6);padding:var(--sys-space-6) var(--sys-space-8);border-radius:var(--sys-radius-xl,20px);background-color:var(--sys-color-bg-page);transition:transform .2s;display:flex}.info-block:hover{transform:translate(4px)}.info-block.primary{background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary-600)}.info-block.primary .info-icon{color:#fff;background-color:var(--sys-color-primary)}.info-icon{background-color:var(--sys-color-primary-tint);width:48px;height:48px;color:var(--sys-color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-content{flex-direction:column;gap:4px;display:flex}.info-label{font-size:15px;font-weight:700}.info-value{opacity:.85;font-size:14px;line-height:1.5}.form-group{gap:var(--sys-space-2);margin-bottom:var(--sys-space-6);flex-direction:column;display:flex}.form-label{color:var(--sys-color-text-primary);font-size:14px;font-weight:600}.form-label span{color:var(--sys-color-danger-default);margin-left:2px}.form-input,.form-textarea{background-color:var(--sys-color-bg-page);border:1px solid var(--sys-color-border-default);border-radius:var(--sys-radius-md,8px);width:100%;color:var(--sys-color-text-primary);padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--sys-color-primary);box-shadow:0 0 0 4px var(--sys-color-primary-tint);background-color:#fff;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--sys-color-text-muted)}@media (width<=992px){.contact-section-container{padding:var(--sys-space-8);gap:var(--sys-space-12);grid-template-columns:1fr}}.hero-mockup-wrapper{perspective:1200px;justify-content:center;align-items:center;width:100%;height:600px;margin-top:40px;display:flex;position:relative}.mockup-stack{width:100%;max-width:900px;height:500px;transform-style:preserve-3d;animation:6s ease-in-out infinite hero-float;position:relative}.tablet-mockup{background:#000;border:1px solid #ffffff26;border-radius:28px;padding:12px;transition:all .5s;position:absolute;overflow:hidden;box-shadow:0 40px 100px #00000040}.tablet-screen{background:var(--sys-color-bg-page);border:1px solid var(--sys-color-border-default);border-radius:16px;width:100%;height:100%;display:flex}.tablet-mockup.back-left{z-index:10;opacity:.4;filter:blur(2px);width:600px;height:400px;top:10%;left:0%;transform:translate3d(-10%,0,-200px)scale(.85)}.tablet-mockup.middle{z-index:20;opacity:.65;filter:blur(1px);width:700px;height:460px;top:50%;left:45%;transform:translate(-50%,-50%)translate3d(-5%,5%,-100px)scale(.92)}.tablet-mockup.front{z-index:30;width:800px;height:520px;top:50%;left:50%;transform:translate(-50%,-50%)}.mockup-ui-sidebar{background:var(--sys-color-bg-card);border-right:1px solid var(--sys-color-border-default);flex-direction:column;gap:12px;width:120px;height:100%;padding:20px;display:flex}.mockup-ui-nav-pill{background:var(--sys-color-primary-tint);border-radius:4px;width:100%;height:10px}.mockup-ui-nav-pill.active{background:var(--sys-color-primary);opacity:.2}.mockup-ui-main{flex-direction:column;flex:1;gap:20px;padding:32px;display:flex}.mockup-ui-header-line{background:var(--sys-color-primary-tint);border-radius:4px;width:160px;height:20px;margin-bottom:8px}.mockup-ui-card-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.mockup-ui-card{border:1px solid var(--sys-color-border-default);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.mockup-ui-line{background:var(--sys-color-text-muted);opacity:.1;border-radius:100px;height:6px}.mockup-ui-line.w-80{width:80%}.mockup-ui-line.w-60{width:60%}.mockup-ui-line.w-40{width:40%}.mockup-ui-button{background:var(--sys-color-primary);opacity:.8;border-radius:6px;width:100px;height:32px;margin-top:auto}.hero{position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--sys-color-bg-page));pointer-events:none;z-index:40;height:240px;position:absolute;bottom:0;left:0;right:0}.hero-bg-gradients{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-gradient-blob{filter:blur(100px);opacity:.25;border-radius:50%;position:absolute}.hero-gradient-1{background:radial-gradient(circle, var(--sys-color-primary) 0%, transparent 70%);width:600px;height:600px;animation:22s cubic-bezier(.45,.05,.55,.95) infinite alternate hero-gradient-drift-1;top:-10%;left:-5%}.hero-gradient-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:500px;height:500px;animation:18s cubic-bezier(.45,.05,.55,.95) infinite alternate hero-gradient-drift-2;bottom:10%;right:-5%}@keyframes hero-gradient-drift-1{0%{transform:translate(0)scale(1)}33%{transform:translate(250px,100px)scale(1.1)}66%{transform:translate(100px,200px)scale(.9)}to{transform:translate(-50px,50px)scale(1.05)}}@keyframes hero-gradient-drift-2{0%{transform:translate(0)scale(1.1)}40%{transform:translate(-200px,-150px)scale(.95)}80%{transform:translate(-100px,-50px)scale(1.2)}to{transform:translate(50px,-100px)scale(1)}}@media (prefers-reduced-motion:reduce){.hero-gradient-blob{animation-duration:100s}}@media (width<=768px){.hero-gradient-1,.hero-gradient-2{filter:blur(60px);width:300px;height:300px}}@media (width<=900px){.tablet-mockup.front{aspect-ratio:1.5;width:100%;height:auto;top:auto;bottom:0;left:50%;transform:translate(-50%)}.tablet-mockup.back-left,.tablet-mockup.middle{display:none}.hero-mockup-wrapper{height:400px;margin-top:24px}.mockup-stack{height:100%}}body{font-family:var(--sys-font-body), system-ui, -apple-system, sans-serif;font-size:var(--sys-type-body-font-size);line-height:var(--sys-type-body-line-height);color:var(--sys-color-text-primary);background-color:var(--sys-color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--sys-font-display), system-ui, -apple-system, sans-serif;color:var(--sys-color-text-primary)}a{color:var(--sys-color-primary);transition:color var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);text-decoration:none}a:hover{color:var(--sys-color-primary-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1400px;padding:0 var(--sys-space-4);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.app-main .container{flex-direction:column;flex:1;min-height:0;display:flex}.btn{border-radius:var(--sys-radius-md);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--sys-color-primary);color:#fff}.btn-primary:hover{background-color:var(--sys-color-primary-hover)}.btn-primary:active{background-color:var(--sys-color-primary-pressed)}.btn-secondary{background-color:var(--sys-color-bg-surface);color:var(--sys-color-text-primary);border:var(--sys-elevation-0)}.btn-secondary:hover{background-color:var(--sys-color-neutral-200)}.btn-ghost{color:var(--sys-color-text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--sys-color-bg-surface)}.btn-sm{padding:var(--sys-space-1) var(--sys-space-3);font-size:var(--sys-type-label-font-size)}.btn-md{padding:var(--sys-space-2) var(--sys-space-4);font-size:var(--sys-type-body-font-size)}.btn-lg{padding:var(--sys-space-3) var(--sys-space-6);font-size:var(--sys-type-body-lg-font-size)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost-hover{color:var(--sys-color-text-secondary)!important;background-color:#0000!important;border:1px solid #0000!important}.btn-ghost-hover:hover{background-color:var(--sys-color-bg-surface)!important;border-color:var(--sys-color-bg-surface)!important;color:var(--sys-color-primary)!important}.form-group{margin-bottom:var(--sys-space-4)}.form-label{margin-bottom:var(--sys-space-1);font-size:var(--sys-type-label-font-size);color:var(--sys-color-text-secondary);font-weight:500;display:block}.form-input{width:100%;padding:var(--sys-space-2) var(--sys-space-3);border-radius:var(--sys-radius-md);border:var(--sys-elevation-1);background-color:var(--sys-color-bg-card);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing)}.form-input:focus{border-color:var(--sys-color-primary);box-shadow:var(--sys-elevation-focus-ring);outline:none}.form-error{align-items:center;gap:var(--sys-space-1);font-size:var(--sys-type-caption-font-size);color:var(--sys-color-danger-text);margin-top:var(--sys-space-1);padding:var(--sys-space-1) var(--sys-space-2);background-color:var(--sys-color-danger-tint);border-radius:var(--sys-radius-sm);display:flex}.auth-container{min-height:100vh;padding:var(--sys-space-6);background-color:var(--sys-color-bg-page);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px;padding:var(--sys-space-8);background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-lg);border:var(--sys-elevation-0)}.auth-title{margin-bottom:var(--sys-space-2);text-align:center}.auth-subtitle{margin-bottom:var(--sys-space-8);text-align:center;color:var(--sys-color-text-secondary)}.auth-button{width:100%;margin-top:var(--sys-space-6)}.auth-footer{margin-top:var(--sys-space-6);text-align:center;font-size:var(--sys-type-body-sm-font-size);color:var(--sys-color-text-secondary)}.auth-footer a{color:var(--sys-color-primary);font-weight:500}.app-layout{background-color:var(--sys-color-bg-page);min-height:100vh;display:flex}.sidebar{background-color:var(--sys-color-bg-card);border-right:1px solid var(--sys-color-bg-surface);z-index:1000;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{padding:var(--sys-space-8) var(--sys-space-6)}.sidebar-logo{align-items:center;gap:var(--sys-space-3);font-family:var(--sys-font-display);font-size:var(--sys-type-heading-3-font-size);color:var(--sys-color-text-primary);font-weight:700;display:flex}.sidebar-logo-icon{color:var(--sys-color-primary)}.sidebar-nav{padding:0 var(--sys-space-4);gap:var(--sys-space-2);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--sys-space-3);color:var(--sys-color-text-secondary);padding:var(--sys-space-3) var(--sys-space-4);border-radius:var(--sys-radius-md);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);font-weight:500;display:flex}.sidebar-link:hover{background-color:var(--sys-color-bg-surface);color:var(--sys-color-primary)}.sidebar-link.active{background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary)}.sidebar-footer{padding:var(--sys-space-4);border-top:1px solid var(--sys-color-bg-surface)}.profile-section{position:relative}.profile-trigger{align-items:center;gap:var(--sys-space-3);width:100%;padding:var(--sys-space-2) var(--sys-space-2) var(--sys-space-2) 0;border-radius:var(--sys-radius-lg);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);display:flex}.profile-trigger:hover,.profile-trigger.active{background-color:var(--sys-color-bg-surface)}.profile-avatar{background-color:var(--sys-color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.profile-info{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex;overflow:hidden}.profile-name{color:var(--sys-color-text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;font-size:14px;font-weight:600;overflow:hidden}.profile-status{color:var(--sys-color-success-text);text-align:left;font-size:11px}.profile-chevron{color:var(--sys-color-text-muted);flex-shrink:0;transition:transform .2s}.profile-chevron.rotate{transform:rotate(180deg)}.profile-menu{bottom:calc(100% + var(--sys-space-2));border:1px solid var(--sys-color-primary-tint);border-radius:var(--sys-radius-lg);box-shadow:var(--sys-elevation-3);z-index:1100;background-color:#f8fafc;animation:.2s ease-out menu-slide-up;position:absolute;left:0;right:0;overflow:hidden}.profile-menu-header{padding:var(--sys-space-5) var(--sys-space-6);background-color:var(--sys-color-primary-tint)}.profile-full-name{color:var(--sys-color-text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.profile-email{color:var(--sys-color-text-secondary);font-size:12px}.profile-menu-divider{background-color:var(--sys-color-bg-surface);height:1px;margin:var(--sys-space-1) 0}.profile-menu-content{padding:var(--sys-space-2)}.profile-menu-item{align-items:center;gap:var(--sys-space-3);width:100%;padding:var(--sys-space-3) var(--sys-space-4);border-radius:var(--sys-radius-md);color:var(--sys-color-text-secondary);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);font-size:14px;display:flex}.profile-menu-item:hover{background-color:var(--sys-color-bg-surface);color:var(--sys-color-primary)}.profile-menu-item.logout:hover{color:var(--sys-color-danger-text);background-color:var(--sys-color-danger-tint)}.app-main{padding:var(--sys-space-8);flex-direction:column;flex:1;height:100vh;margin-left:260px;display:flex;overflow:hidden}@media (width<=1024px){.sidebar{width:80px}.sidebar-logo span,.sidebar-link span,.profile-info,.profile-chevron{display:none}.sidebar-header,.sidebar-nav,.sidebar-footer{align-items:center;padding-left:0;padding-right:0}.app-main{padding:var(--sys-space-4);margin-left:80px}.profile-menu{width:200px;left:10px}}.panel-container{background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-lg);border:var(--sys-elevation-0);flex-direction:column;height:100%;display:flex}.panel-header{padding:var(--sys-space-6);border-bottom:1px solid var(--sys-color-bg-surface);background-color:var(--sys-color-bg-card);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-content{padding:var(--sys-space-6);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.panel-footer{padding:var(--sys-space-6);border-top:1px solid var(--sys-color-border-default);background-color:var(--sys-color-bg-card);z-index:10;flex-shrink:0;position:sticky;bottom:0}.dashboard-grid{gap:var(--sys-space-8);grid-template-columns:320px 1fr;height:100%;min-height:0;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.sequence-details-section{flex-direction:column;height:100%;display:flex}.sequence-details-section .panel-container,.dashboard-grid .panel-container{flex:1;min-height:0}.sequence-details-title{margin-bottom:var(--sys-space-4);color:var(--sys-color-text-primary)}.dashboard-panel{background-color:var(--sys-color-bg-card);padding:var(--sys-space-6);border-radius:var(--sys-radius-lg);border:var(--sys-elevation-0);position:sticky;top:88px}.dashboard-workspace{flex-direction:column;height:100%;min-height:0;display:flex}.dashboard-workspace .email-list{min-height:0;padding-right:var(--sys-space-2);flex:1;overflow-y:auto}.tone-selector{gap:var(--sys-space-2);grid-template-columns:1fr 1fr;display:grid}.tone-chip{padding:var(--sys-space-2) var(--sys-space-3);border-radius:var(--sys-radius-full);border:1px solid var(--sys-color-border-default);background-color:var(--sys-color-bg-card);text-align:center;font-size:var(--sys-type-label-font-size);cursor:pointer;transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);color:var(--sys-color-text-secondary);font-weight:500}.tone-chip:hover{border-color:var(--sys-color-primary-400);background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary)}.tone-chip.active{background-color:var(--sys-color-primary);color:#fff;border-color:var(--sys-color-primary);box-shadow:var(--sys-elevation-focus-ring), var(--sys-elevation-2);transform:translateY(-1px)}.tone-chip:focus-visible{box-shadow:var(--sys-elevation-focus-ring);outline:none}.form-warning{align-items:center;gap:var(--sys-space-1);font-size:var(--sys-type-caption-font-size);color:var(--sys-color-warning-text);margin-top:var(--sys-space-1);padding:var(--sys-space-1) var(--sys-space-2);background-color:var(--sys-color-warning-tint);border-radius:var(--sys-radius-sm);display:flex}.helper-text{font-size:var(--sys-type-caption-font-size);color:var(--sys-color-text-muted);margin-top:var(--sys-space-1)}.form-valid{color:var(--sys-color-success-text);margin-top:var(--sys-space-1);align-items:center;display:flex}.form-input.valid{border-color:var(--sys-color-success-text);background-color:var(--sys-color-success-tint)}.form-input.invalid{border-color:var(--sys-color-danger-text)}.workspace-empty{height:100%;padding:var(--sys-space-12);border:2px dashed var(--sys-color-border-default);border-radius:var(--sys-radius-lg);color:var(--sys-color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.panel-content .workspace-empty{flex:1;justify-content:center;align-items:center;display:flex}.workspace-header{margin-bottom:var(--sys-space-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.email-list{gap:var(--sys-space-4);flex-direction:column;display:flex}.panel-content .email-list{flex:1}.email-card{background-color:var(--sys-color-bg-card);border:var(--sys-elevation-0);border-radius:var(--sys-radius-lg);padding:var(--sys-space-6);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);position:relative}.email-card:hover{border-color:var(--sys-color-primary-400)}.email-card.editing{border:1.5px solid var(--sys-color-primary);background-color:var(--sys-color-primary-tint)}.email-card.rewriting{opacity:.7;pointer-events:none;animation:2s cubic-bezier(.4,0,.6,1) infinite card-pulse}.email-card__spinner-overlay{border-radius:var(--sys-radius-lg);z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scope-indicator{border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;animation:.25s ease-out fadeSlideIn;display:inline-flex}.scope-indicator--editing{background-color:var(--sys-color-primary-tint,#e0e7ff);color:var(--sys-color-primary,#6366f1);border:1px solid #6366f133}.scope-indicator--rewriting{color:#d97706;background-color:#f59e0b1a;border:1px solid #f59e0b33}.scope-indicator__cancel{width:20px;height:20px;color:inherit;cursor:pointer;opacity:.6;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;transition:all .15s;display:flex}.scope-indicator__cancel:hover{opacity:1;background-color:#ef444433}.scope-indicator__cancel:active{transform:scale(.9)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.email-card-header{margin-bottom:var(--sys-space-4);justify-content:space-between;align-items:center;display:flex}.step-badge{font-size:var(--sys-type-overline-font-size);text-transform:uppercase;color:var(--sys-color-primary);background-color:var(--sys-color-primary-tint);padding:var(--sys-space-1) var(--sys-space-2);border-radius:var(--sys-radius-sm);font-weight:700}.email-subject{margin-bottom:var(--sys-space-3);font-weight:600;font-size:var(--sys-type-body-lg-font-size)}.email-body{white-space:pre-wrap;color:var(--sys-color-text-primary);font-size:var(--sys-type-body-font-size);min-height:100px;line-height:1.6}.email-body-editor{width:100%;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;resize:none;background:0 0;border:none;padding:0}.email-body-editor:focus{outline:none}.email-card-footer{justify-content:flex-end;align-items:center;gap:var(--sys-space-3);margin-top:var(--sys-space-4);padding-top:var(--sys-space-4);border-top:1px solid var(--sys-color-bg-surface);display:flex}.copy-feedback{font-size:var(--sys-type-caption-font-size);color:var(--sys-color-success-text);align-items:center;gap:4px;display:flex}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid #0db5a71a;border-top-color:var(--sys-color-primary);border-radius:50%;width:20px;height:20px;animation:1.2s linear infinite spin}.spinner-lg{border-width:3px;border-color:var(--sys-color-primary-tint);border-top-color:var(--sys-color-primary);width:36px;height:36px}.spinner-inline{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:16px;height:16px;margin-right:6px}.skeleton-card{background-color:var(--sys-color-bg-card);border:.5px solid var(--sys-color-border-default);border-radius:var(--sys-radius-lg);padding:var(--sys-space-6);gap:var(--sys-space-4);margin-bottom:var(--sys-space-2);flex-direction:column;display:flex}.skeleton-line{background-color:var(--sys-color-bg-surface);border-radius:var(--sys-radius-sm);height:14px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-header{gap:var(--sys-space-2);display:flex}.skeleton-body{gap:var(--sys-space-2);flex-direction:column;display:flex}.skeleton-footer{gap:var(--sys-space-3);margin-top:var(--sys-space-2);justify-content:flex-end;display:flex}.email-card.flash-success{border-color:var(--sys-color-success);box-shadow:0 0 0 3px #22c55e1f}.rewrite-badge{background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 10px;font-size:10px;font-weight:600}.subject-chip{background-color:var(--sys-color-bg-surface);border:1px solid var(--sys-color-border-default);border-radius:var(--sys-radius-md);cursor:pointer;padding:4px 10px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.subject-chip.active{background-color:var(--sys-color-primary-tint);border-color:var(--sys-color-primary);color:var(--sys-color-primary)}.personalization-chip{background-color:var(--sys-color-primary-tint);color:var(--sys-color-primary-text);font-family:var(--sys-font-mono);border-radius:4px;padding:2px 4px;font-size:.95em;font-weight:600;display:inline-block}.copy-all-toast{background:var(--sys-color-bg-surface);border:1px solid var(--sys-color-border-default);box-shadow:var(--sys-shadow-lg);z-index:2000;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:.3s ease-out toastSlideUp;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.compliance-notice{color:var(--sys-color-text-secondary);margin-top:var(--sys-space-2);text-align:center;font-size:11px;line-height:1.4}.library-scroll-area{height:100%;padding-bottom:var(--sys-space-8);overflow-y:auto}.library-header{margin-bottom:var(--sys-space-8);justify-content:space-between;align-items:flex-end;gap:var(--sys-space-4);flex-wrap:wrap;display:flex}.library-search{width:100%;max-width:400px;position:relative}.search-icon{left:var(--sys-space-3);color:var(--sys-color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:var(--sys-space-10)}.library-grid{gap:var(--sys-space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.library-card{background-color:var(--sys-color-bg-card);border:var(--sys-elevation-0);border-radius:var(--sys-radius-lg);padding:var(--sys-space-6);transition:all var(--sys-motion-duration-fast-duration) var(--sys-motion-duration-fast-easing);flex-direction:column;display:flex}.library-card:hover{border-color:var(--sys-color-primary-400)}.library-card-header{margin-bottom:var(--sys-space-4);justify-content:space-between;align-items:center;display:flex}.library-card-tone{font-size:var(--sys-type-overline-font-size);text-transform:uppercase;color:var(--sys-color-primary);background-color:var(--sys-color-primary-tint);padding:var(--sys-space-1) var(--sys-space-2);border-radius:var(--sys-radius-sm);font-weight:700}.library-card-date{font-size:var(--sys-type-caption-font-size);color:var(--sys-color-text-muted);align-items:center;gap:4px;display:flex}.library-card-title{font-size:var(--sys-type-heading-3-font-size);margin-bottom:var(--sys-space-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.library-card-meta{margin-bottom:var(--sys-space-6);flex:1}.meta-item{align-items:center;gap:var(--sys-space-2);font-size:var(--sys-type-body-sm-font-size);color:var(--sys-color-text-secondary);display:flex}.library-card-footer{padding-top:var(--sys-space-4);border-top:1px solid var(--sys-color-bg-surface);justify-content:space-between;align-items:center;display:flex}.sequence-context-banner{padding:var(--sys-space-3) var(--sys-space-6);background-color:var(--sys-color-primary-tint);border-bottom:1px solid var(--sys-color-primary-400);font-size:var(--sys-type-body-sm-font-size);color:var(--sys-color-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.overwrite-modal-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overwrite-modal-card{background-color:var(--sys-color-bg-card);padding:var(--sys-space-8);border-radius:var(--sys-radius-lg);width:90%;max-width:450px;box-shadow:var(--sys-elevation-3);text-align:center}.overwrite-modal-card h2{margin-bottom:var(--sys-space-4);color:var(--sys-color-text-primary)}.overwrite-modal-card p{margin-bottom:var(--sys-space-8);color:var(--sys-color-text-secondary);line-height:1.5}.overwrite-modal-actions{gap:var(--sys-space-4);justify-content:center;display:flex}.inline-status-success{font-size:var(--sys-type-body-sm-font-size);color:var(--sys-color-success-text);background-color:var(--sys-color-success-tint);padding:var(--sys-space-2) var(--sys-space-4);border-radius:var(--sys-radius-md);margin-bottom:var(--sys-space-4)}.inline-status-error{font-size:var(--sys-type-body-sm-font-size);color:var(--sys-color-danger-text);background-color:var(--sys-color-danger-tint);padding:var(--sys-space-2) var(--sys-space-4);border-radius:var(--sys-radius-md);margin-bottom:var(--sys-space-4)}.landing-navbar{z-index:100;background-color:#0000;align-items:center;height:80px;display:flex;position:absolute;top:0;left:0;right:0}.hero{text-align:center;background:radial-gradient(circle at top center, var(--sys-color-primary-tint) 0%, transparent 70%);border-bottom:1px solid var(--sys-color-neutral-100);padding:180px 0 120px}.hero-content{max-width:800px;margin:0 auto}.hero-title{margin-bottom:var(--sys-space-6);letter-spacing:-.04em;font-size:64px;font-weight:800;line-height:1.05}.hero-subtitle{color:var(--sys-color-text-secondary);margin-bottom:var(--sys-space-10);letter-spacing:-.01em;font-size:20px;line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:var(--sys-space-4);margin-bottom:var(--sys-space-16);display:flex}.hero-mockup{border-radius:var(--sys-radius-xl);border:1px solid var(--sys-color-border-default);background-color:#fff;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 40px 100px #0000001a}.hero-mockup img{width:100%;display:block}.section{padding:140px 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--sys-space-12)}.section-title{margin-bottom:var(--sys-space-4)}.how-it-works-grid{gap:var(--sys-space-10);margin-top:var(--sys-space-8);grid-template-columns:repeat(4,1fr);display:grid}.step-card{text-align:center;padding:var(--sys-space-10);background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-xl);border:1px solid var(--sys-color-border-default);transition:all var(--sys-motion-duration-normal-duration) var(--sys-motion-duration-normal-easing);box-shadow:0 4px 20px #00000005}.step-card:hover{transform:translateY(-5px)scale(1.01)}.step-number{background-color:var(--sys-color-primary);color:#fff;width:40px;height:40px;margin:0 auto var(--sys-space-4);transition:transform var(--sys-motion-duration-normal-duration) var(--sys-motion-duration-normal-easing);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-card:hover .step-number{transform:scale(1.1)}.benefits-grid{gap:var(--sys-space-10);grid-template-columns:repeat(3,1fr);display:grid}.benefit-card{padding:var(--sys-space-10);background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-xl);border:1px solid var(--sys-color-border-default);text-align:center;transition:all var(--sys-motion-duration-normal-duration) var(--sys-motion-duration-normal-easing);box-shadow:0 4px 20px #00000005}.benefit-card:hover{border-color:var(--sys-color-primary-100);background-color:var(--sys-color-primary-50);transform:translateY(-5px)scale(1.01);box-shadow:0 12px 24px #0000000d}.benefit-icon{margin-bottom:var(--sys-space-4);color:var(--sys-color-primary);transition:transform var(--sys-motion-duration-normal-duration) var(--sys-motion-duration-normal-easing)}.benefit-card:hover .benefit-icon{transform:scale(1.1)}.boundary-section{background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-xl);padding:var(--sys-space-12);text-align:center;transition:all var(--sys-motion-duration-normal-duration) var(--sys-motion-duration-normal-easing);border:1px solid var(--sys-color-border-default);box-shadow:0 10px 30px #00000008}.boundary-section:hover{transform:translateY(-8px)scale(1.005);box-shadow:0 20px 50px #0db5a714}.final-cta{text-align:center;background-color:var(--sys-color-bg-surface);padding:140px 0}.reviews-grid{gap:var(--sys-space-8);margin-top:var(--sys-space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.review-card{background-color:var(--sys-color-bg-card);padding:var(--sys-space-8);border-radius:var(--sys-radius-lg);border:1px solid var(--sys-color-border-default);flex-direction:column;justify-content:space-between;display:flex}.review-text{font-size:var(--sys-type-body-lg-font-size);margin-bottom:var(--sys-space-6);font-style:italic;line-height:1.6}.review-author{align-items:center;gap:var(--sys-space-3);margin-top:auto;display:flex}.author-avatar{background-color:var(--sys-color-primary-tint);width:48px;height:48px;color:var(--sys-color-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.author-info h4{font-size:var(--sys-type-body-font-size);margin-bottom:2px}.author-info p{font-size:var(--sys-type-caption-font-size);color:var(--sys-color-text-secondary)}.target-grid{gap:var(--sys-space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.target-card{padding:var(--sys-space-8);background-color:var(--sys-color-bg-card);border-radius:var(--sys-radius-xl);border:1px solid var(--sys-color-border-default);transition:transform var(--sys-motion-duration-normal-duration) var(--sys-motion-duration-normal-easing)}.target-card:hover{border-color:var(--sys-color-primary-300);transform:translateY(-8px);box-shadow:0 20px 40px #0000000d}.target-icon-wrap{border-radius:var(--sys-radius-lg);background-color:var(--sys-color-primary-tint);width:64px;height:64px;color:var(--sys-color-primary);margin-bottom:var(--sys-space-6);justify-content:center;align-items:center;display:flex}.faq-container{gap:var(--sys-space-4);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{background-color:var(--sys-color-bg-card);border:1px solid var(--sys-color-border-default);border-radius:var(--sys-radius-lg);padding:var(--sys-space-6)}.faq-question{font-size:var(--sys-type-heading-3-font-size);cursor:pointer;color:var(--sys-color-text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-answer{margin-top:var(--sys-space-4);font-size:var(--sys-type-body-lg-font-size);color:var(--sys-color-text-secondary);line-height:1.6}.site-footer{background-color:var(--sys-color-neutral-50);border-top:1px solid var(--sys-color-border-default);padding:80px 0 40px}.footer-grid{gap:var(--sys-space-8);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:60px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.footer-brand p{color:var(--sys-color-text-secondary);margin-top:var(--sys-space-4);max-width:300px;line-height:1.6}.footer-column h4{font-size:var(--sys-type-label-font-size);text-transform:uppercase;letter-spacing:.1em;color:var(--sys-color-text-secondary);margin-bottom:var(--sys-space-4)}.footer-links{gap:var(--sys-space-3);flex-direction:column;list-style:none;display:flex}.footer-links a{color:var(--sys-color-text-primary);transition:color .2s}.footer-links a:hover{color:var(--sys-color-primary)}.footer-bottom{padding-top:var(--sys-space-6);border-top:1px solid var(--sys-color-border-default);color:var(--sys-color-text-muted);justify-content:space-between;align-items:center;display:flex}.dashboard-blurred{filter:blur(8px);opacity:.6;pointer-events:none;transition:all var(--sys-motion-duration-medium-duration) var(--sys-motion-duration-medium-easing)}.email-card.disabled{opacity:.45;pointer-events:none;filter:grayscale(.2);transition:opacity .3s,filter .3s}.library-overlay-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--sys-space-4);background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.library-overlay-panel{background-color:var(--sys-color-bg-page);border-radius:20px;flex-direction:column;width:85%;max-width:1000px;height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-scale-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.library-scroll-area{padding:var(--sys-space-8);flex:1;overflow-y:auto}.library-modal-close{z-index:10;background:var(--sys-color-bg-surface);width:40px;height:40px;color:var(--sys-color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.undo-toast__close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.library-modal-close:hover{background:var(--sys-color-neutral-200);color:var(--sys-color-text-primary);transform:rotate(90deg)}.library-header{margin-bottom:var(--sys-space-8);justify-content:space-between;align-items:flex-end;gap:var(--sys-space-6);display:flex}@media (width<=768px){.library-overlay-panel{border-radius:0;width:100%;height:100%}.library-header{flex-direction:column;align-items:flex-start}}.rewrite-error__content{color:#dc2626;align-items:center;gap:8px;font-size:13px;display:flex}.rewrite-error__retry{color:#dc2626;cursor:pointer;white-space:nowrap;background-color:#ef444414;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.rewrite-error__retry:hover{background-color:#ef444424;border-color:#ef444459}.undo-toast{background-color:var(--sys-color-bg-card);border:1px solid var(--sys-color-border-default);border-radius:var(--sys-radius-lg);width:320px;box-shadow:var(--sys-elevation-3);z-index:1100;animation:.25s ease-out fadeSlideIn;position:fixed;bottom:16px;right:16px;overflow:hidden}.undo-toast--exiting{opacity:0;transition:all .3s;transform:translateY(10px)}.undo-toast__content{padding:var(--sys-space-4);justify-content:space-between;align-items:center;display:flex}.undo-toast__message{color:var(--sys-color-text-primary);font-size:13px;font-weight:500}.undo-toast__actions{align-items:center;gap:var(--sys-space-2);display:flex}.undo-toast__undo-btn{color:var(--sys-color-primary);border-radius:var(--sys-radius-sm);align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.undo-toast__undo-btn:hover{background-color:var(--sys-color-primary-tint)}.undo-toast__close-btn{color:var(--sys-color-text-muted)}.undo-toast__progress{background-color:var(--sys-color-bg-surface);width:100%;height:4px}.undo-toast__progress-bar{background-color:var(--sys-color-primary);height:100%;transition:width 50ms linear}.auth-split-layout{background-color:var(--sys-color-bg-page);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-form-side{background-color:var(--sys-color-bg-card);flex-direction:column;justify-content:flex-start;align-items:center;padding:100px 48px 48px;display:flex}.signup-page .auth-form-side{padding-top:110px}.login-page .auth-form-side{padding-top:160px}@media (width<=768px){.auth-split-layout{grid-template-columns:1fr}.auth-support-side{display:none!important}.auth-form-side{justify-content:flex-start;align-items:center;min-height:100vh;padding:80px 24px 60px;overflow-y:auto}.login-page .auth-form-side{padding-top:120px}.auth-heading{letter-spacing:-.5px!important;font-size:24px!important}.auth-subheading{font-size:14px}.auth-form-container{width:100%;max-width:100%}}.auth-form-container{width:100%;max-width:400px}.auth-header{margin-bottom:var(--sys-space-4)}.auth-heading{font-size:var(--sys-type-heading-1-font-size);margin-bottom:var(--sys-space-2);color:var(--sys-color-text-primary);font-weight:700}.auth-subheading{color:var(--sys-color-text-secondary);font-size:var(--sys-type-body-font-size)}.social-auth-group{gap:var(--sys-space-2);margin-bottom:var(--sys-space-4);flex-direction:column;display:flex}.social-btn{justify-content:center;align-items:center;gap:var(--sys-space-3);padding:var(--sys-space-3);border:1px solid var(--sys-color-border-default);border-radius:var(--sys-radius-md);color:var(--sys-color-text-primary);background:#fff;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background-color:var(--sys-color-neutral-50);border-color:var(--sys-color-neutral-400)}.social-btn svg{flex-shrink:0}.auth-divider{text-align:center;margin:var(--sys-space-4) 0;color:var(--sys-color-text-muted);font-size:var(--sys-type-overline-font-size);align-items:center;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--sys-color-border-default);flex:1}.auth-divider:not(:empty):before{margin-right:var(--sys-space-4)}.auth-divider:not(:empty):after{margin-left:var(--sys-space-4)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{right:var(--sys-space-3);color:var(--sys-color-primary);font-size:var(--sys-type-label-font-size);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;position:absolute}.password-guidance-container{margin-top:var(--sys-space-2);padding:var(--sys-space-3);background-color:var(--sys-color-bg-page);border-radius:var(--sys-radius-md);border:1px solid var(--sys-color-border-default)}.guidance-heading{font-size:var(--sys-type-label-font-size);margin-bottom:var(--sys-space-2);color:var(--sys-color-text-primary);font-weight:600}.guidance-list{margin:0;padding:0;list-style:none}.guidance-item{font-size:var(--sys-type-caption-font-size);color:var(--sys-color-text-secondary);align-items:center;gap:var(--sys-space-2);margin-bottom:var(--sys-space-1);display:flex}.guidance-item.valid{color:var(--sys-color-success-text)}.password-strength-container{margin-top:var(--sys-space-3)}.strength-meter{background-color:var(--sys-color-border-default);border-radius:var(--sys-radius-full);height:4px;margin-bottom:var(--sys-space-1);overflow:hidden}.strength-bar{height:100%;transition:width .3s,background-color .3s}.strength-label{font-size:var(--sys-type-overline-font-size);text-transform:uppercase;text-align:right;font-weight:700;display:block}.terms-checkbox-container{align-items:flex-start;gap:var(--sys-space-3);margin:var(--sys-space-6) 0;display:flex}.terms-checkbox{margin-top:4px}.terms-text{font-size:var(--sys-type-body-sm-font-size);color:var(--sys-color-text-secondary);line-height:1.4}.auth-support-side{color:#fff;padding:var(--sys-space-2) var(--sys-space-4);background-color:#fff;justify-content:center;align-items:center;display:flex}.support-content{max-width:480px}.support-label{padding:var(--sys-space-1) var(--sys-space-3);border-radius:var(--sys-radius-full);font-size:var(--sys-type-overline-font-size);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--sys-space-6);background-color:#ffffff1a;font-weight:700;display:inline-block}.support-heading{margin-bottom:var(--sys-space-4);color:#fff;font-size:40px;font-weight:700;line-height:1.1}.support-text{font-size:var(--sys-type-body-lg-font-size);margin-bottom:var(--sys-space-8);color:#fffc;line-height:1.6}.support-bullets{padding:0;list-style:none}.support-bullet{align-items:center;gap:var(--sys-space-3);margin-bottom:var(--sys-space-4);font-size:var(--sys-type-body-font-size);font-weight:500;display:flex}.bullet-icon{background-color:var(--sys-color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.forgot-password-link{text-align:right;font-size:var(--sys-type-body-sm-font-size);margin-top:var(--sys-space-2);display:block}