.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal)}.navbar-scrolled{background:#fffffff2;box-shadow:var(--shadow-md)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--spacing-8)}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.navbar-logo-text{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{flex:1;display:flex;justify-content:center}.navbar-nav-list{display:flex;align-items:center;gap:var(--spacing-1);list-style:none}.navbar-nav-link{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar-nav-link:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.navbar-cta{flex-shrink:0}.navbar-mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;gap:5px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.navbar-mobile-toggle:hover{background:var(--color-gray-100)}.navbar-mobile-toggle-bar{width:20px;height:2px;background:var(--color-gray-700);border-radius:1px;transition:all var(--transition-fast)}.navbar-mobile-toggle.active .navbar-mobile-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-mobile-toggle.active .navbar-mobile-toggle-bar:nth-child(2){opacity:0}.navbar-mobile-toggle.active .navbar-mobile-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-mobile-backdrop{display:none}@media (max-width: 900px){.navbar-container{height:64px}.navbar-nav{position:fixed;top:64px;left:0;right:0;background:var(--color-white);padding:var(--spacing-4);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.navbar-nav-open{transform:translateY(0);opacity:1;visibility:visible}.navbar-nav-list{flex-direction:column;gap:var(--spacing-1)}.navbar-nav-link{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);text-align:center}.navbar-cta{display:none}.navbar-mobile-toggle{display:flex}.navbar-mobile-backdrop{display:block;position:fixed;top:64px;left:0;right:0;bottom:0;background:#0000004d;z-index:-1}}.email-form{width:100%;max-width:600px}.email-form-fields{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:flex-start}.email-form-group{flex:1;min-width:0}.email-form-group-email{flex:2;min-width:200px}.email-form-group-optional{flex:1;min-width:140px}.email-form-submit{flex-shrink:0;white-space:nowrap}.email-form-privacy{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500)}.email-form-submit-error{margin-top:var(--spacing-3);text-align:center}.email-form-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-form-success{text-align:center;padding:var(--spacing-8);background:var(--color-gray-50);border-radius:var(--radius-xl);animation:fadeInUp .4s ease}.email-form-success-icon{margin-bottom:var(--spacing-4)}.email-form-success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.email-form-success-text{font-size:var(--font-size-base);color:var(--color-gray-600);max-width:300px;margin:0 auto}.email-form.hero{background:var(--color-white);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #0000000d}.email-form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.email-form.hero .email-form-fields{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--spacing-3)}.email-form.hero .email-form-group-email{grid-column:1 / -1}.email-form.hero .email-form-submit{grid-column:1 / -1;width:100%;padding:var(--spacing-3) var(--spacing-6);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.email-form-arrow{flex-shrink:0}.email-form.hero .form-input,.email-form.hero .form-select{border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background-color:var(--color-gray-50);padding:var(--spacing-3) var(--spacing-4)}.email-form.hero .form-input:focus,.email-form.hero .form-select:focus{box-shadow:none;background-color:var(--color-white);border-color:var(--color-gray-300)}.email-form-limited{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center}.email-form.compact .email-form-fields{flex-direction:column}.email-form.compact .email-form-group,.email-form.compact .email-form-submit{width:100%}@media (max-width: 768px){.email-form-fields{flex-direction:column}.email-form-group,.email-form-submit{width:100%}.email-form.hero{padding:var(--spacing-4)}.email-form.hero .email-form-fields{grid-template-columns:1fr;gap:var(--spacing-3)}.email-form.hero .email-form-group-optional{grid-column:1 / -1}}.hero.section{padding-top:152px;padding-bottom:var(--spacing-20);background:linear-gradient(180deg,var(--color-primary-100) 0%,var(--color-primary-200) 100%);overflow:hidden}.hero-container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"content visual" "form visual";column-gap:var(--spacing-14);row-gap:var(--spacing-8);align-items:start}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-white);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-700);margin-bottom:var(--spacing-8);animation:fadeInUp .6s ease}.hero-badge-icon{display:flex;color:var(--color-accent-500)}.hero-content{max-width:560px;grid-area:content}.hero-form-block{grid-area:form;width:100%;max-width:560px}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:1.15;color:var(--color-gray-900);margin-bottom:var(--spacing-8);animation:fadeInUp .6s ease .1s backwards}.hero-title-highlight{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10);animation:fadeInUp .6s ease .2s backwards}.hero-form-wrapper{animation:fadeInUp .6s ease .3s backwards}.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-8);animation:fadeInUp .6s ease .4s backwards}.hero-trust-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.hero-trust-item svg{color:var(--color-primary-500)}.hero-trust-divider{width:1px;height:20px;background:var(--color-gray-300)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:500px;grid-area:visual}.hero-phone{position:relative;animation:float 6s ease-in-out infinite}.hero-phone-frame{position:relative;width:320px;height:640px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:44px;padding:12px;box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #0000004d,inset 0 1px #ffffff1a}.hero-phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:22px;background:#1a1a1a;border-radius:0 0 12px 12px;z-index:10}.hero-phone-screen{width:100%;height:100%;background:var(--color-white);border-radius:32px;overflow:hidden}.hero-phone-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-4);padding-top:var(--spacing-8)}.hero-phone-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.hero-phone-status-icons{display:flex;gap:4px}.hero-phone-status-dot{width:6px;height:6px;background:var(--color-gray-400);border-radius:50%}.hero-phone-screen{position:relative;display:flex;flex-direction:column}.hero-phone-content{flex:1;padding:var(--spacing-3);display:flex;flex-direction:column;overflow:hidden}.hero-phone-search{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-100);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);color:var(--color-gray-400);font-size:var(--font-size-sm)}.hero-phone-section{margin-bottom:var(--spacing-4)}.hero-phone-section-title{display:block;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-2)}.hero-phone-quick-actions{display:flex;gap:var(--spacing-2)}.hero-phone-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:all var(--transition-fast)}.hero-phone-action.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.hero-phone-action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-white);border-radius:var(--radius-md)}.hero-phone-action.active .hero-phone-action-icon{background:var(--color-primary-500);color:var(--color-white)}.hero-phone-action-icon.note{color:var(--color-primary-500)}.hero-phone-action-icon.journal{color:#8b5cf6}.hero-phone-action-icon.todo{color:var(--color-accent-500)}.hero-phone-recent{display:flex;flex-direction:column;gap:var(--spacing-2)}.hero-phone-recent-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.hero-phone-recent-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-gray-100);border-radius:var(--radius-md);flex-shrink:0}.hero-phone-recent-icon.note{color:var(--color-primary-500)}.hero-phone-recent-icon.todo{color:var(--color-accent-500)}.hero-phone-recent-icon.todo-completed{color:#22c55e;background:transparent}.hero-phone-recent-icon.journal{color:#8b5cf6}.hero-phone-recent-content{flex:1;min-width:0}.hero-phone-recent-title{display:block;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-phone-recent-title.crossed-out{text-decoration:line-through;color:var(--color-gray-400)}.hero-phone-recent-time{display:block;font-size:10px;color:var(--color-gray-400)}.hero-phone-recent-more{color:var(--color-gray-400);font-weight:var(--font-weight-bold);transform:rotate(90deg)}.hero-phone-record{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);z-index:10}.hero-phone-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:24px}.hero-phone-waveform-bar{width:3px;background:var(--color-accent-400);border-radius:2px;animation:waveform 1s ease-in-out infinite}.hero-phone-waveform-bar:nth-child(1){animation-delay:0s;height:8px}.hero-phone-waveform-bar:nth-child(2){animation-delay:.1s;height:14px}.hero-phone-waveform-bar:nth-child(3){animation-delay:.2s;height:20px}.hero-phone-waveform-bar:nth-child(4){animation-delay:.1s;height:14px}.hero-phone-waveform-bar:nth-child(5){animation-delay:0s;height:8px}@keyframes waveform{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.hero-phone-record-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 4px 20px #ef444466;animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{transform:scale(1);box-shadow:0 4px 20px #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 30px #ef444480}}.hero-phone-nav{display:flex;justify-content:space-between;padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-gray-100);background:var(--color-white)}.hero-phone-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-1);font-size:10px;color:var(--color-gray-400);transition:color var(--transition-fast)}.hero-phone-nav-item.active{color:var(--color-primary-600)}.hero-phone-nav-item span{font-weight:var(--font-weight-medium)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;grid-template-areas:"content" "visual" "form";row-gap:var(--spacing-2)}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-form-block{justify-self:center;margin-top:var(--spacing-8)}.hero-visual{min-height:450px;margin-top:var(--spacing-4)}}@media (max-width: 768px){.hero.section{padding-top:134px}.hero-phone-frame{box-shadow:0 20px 40px -20px #00000040,0 12px 24px -18px #00000040,inset 0 1px #ffffff1a}.hero-title{font-size:var(--font-size-4xl)}.hero-visual{min-height:400px}.hero-phone-frame{width:280px;height:560px;border-radius:36px;padding:10px}.hero-phone-notch{width:80px;height:18px;border-radius:0 0 10px 10px}.hero-phone-screen{border-radius:26px}.hero-phone-section-title{font-size:9px}.hero-phone-action{padding:var(--spacing-1);font-size:10px}.hero-phone-action-icon{width:28px;height:28px}.hero-phone-recent-item{padding:var(--spacing-1) var(--spacing-2)}.hero-phone-recent-icon{width:28px;height:28px}.hero-phone-recent-title{font-size:11px}.hero-phone-record-btn{width:48px;height:48px}}@media (max-width: 480px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}}.how-it-works{background:var(--color-white)}.how-it-works.section{padding-bottom:var(--spacing-16)}.how-it-works-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);position:relative}.how-it-works-step{position:relative;text-align:center;padding:var(--spacing-6)}.how-it-works-step-icon-wrapper{position:relative;display:inline-flex;margin-bottom:var(--spacing-6)}.how-it-works-step-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#2563eb;border-radius:var(--radius-2xl);color:var(--color-white);transition:all var(--transition-normal)}.how-it-works-step:hover .how-it-works-step-icon{background:#1d4ed8;transform:translateY(-4px)}.how-it-works-step-number{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);box-shadow:var(--shadow-md)}.how-it-works-step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-3)}.how-it-works-step-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);max-width:280px;margin:0 auto}.how-it-works-step-connector{position:absolute;top:50px;right:-50px;color:var(--color-gray-300)}@media (max-width: 900px){.how-it-works-steps{grid-template-columns:1fr;gap:var(--spacing-12);max-width:400px;margin:0 auto}.how-it-works-step-connector{display:none}.how-it-works-step{padding:0}}.demo{background:linear-gradient(180deg,var(--color-white) 0%,var(--color-gray-50) 100%)}.demo.section{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.demo-content{display:flex;justify-content:center;margin-bottom:var(--spacing-16)}.demo-phone-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6)}.demo-phone{position:relative}.demo-phone-frame{position:relative;width:360px;height:700px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:44px;padding:12px;box-shadow:0 4px 12px #0000001a}.demo-phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:110px;height:22px;background:#1a1a1a;border-radius:0 0 18px 18px;z-index:10}.demo-phone-screen{width:100%;height:100%;background:var(--color-white);border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.demo-phone-status-bar{display:flex;justify-content:flex-end;padding:var(--spacing-2);padding-top:var(--spacing-6);padding-right:var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.demo-phone-status-right{display:flex;align-items:center;gap:var(--spacing-2)}.demo-phone-status-icons{display:flex;align-items:center;gap:6px;color:var(--color-gray-500)}.demo-phone-status-icon{display:block;width:18px;height:18px}.demo-phone-body{flex:1;padding:var(--spacing-4);overflow:hidden}.demo-phone-nav{display:flex;justify-content:space-around;padding:var(--spacing-2) var(--spacing-1);border-top:1px solid var(--color-gray-100);background:var(--color-white)}.demo-phone-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-1);font-size:10px;color:var(--color-gray-400);transition:color var(--transition-fast)}.demo-phone-nav button.active{color:var(--color-primary-600)}.demo-phone-shadow{display:none}.demo-phone-home{display:flex;flex-direction:column;height:100%}.demo-phone-home-header{text-align:center;margin-bottom:var(--spacing-6)}.demo-phone-home-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}.demo-phone-home-header p{font-size:var(--font-size-sm);color:var(--color-gray-500)}.demo-record-cluster{position:relative;width:220px;height:180px;display:flex;align-items:center;justify-content:center}.demo-record-type{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-gray-600);box-shadow:var(--shadow-sm)}.demo-record-type.selected{border-color:var(--color-primary-500);color:var(--color-primary-700)}.demo-record-type-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-gray-50);border-radius:var(--radius-md)}.demo-record-type.selected .demo-record-type-icon{background:var(--color-primary-500);color:var(--color-white)}.demo-record-type.note{top:-12px;left:50%;transform:translate(-50%,-10%)}.demo-record-type.journal{top:32px;left:0;transform:translate(-10%)}.demo-record-type.todo{top:32px;right:0;transform:translate(10%)}.demo-record-type-icon.note{color:var(--color-primary-500)}.demo-record-type-icon.journal{color:#8b5cf6}.demo-record-type-icon.todo{color:var(--color-accent-500)}.demo-phone-record-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding-bottom:0}.demo-phone-record-area span{font-size:var(--font-size-sm);color:var(--color-gray-500)}.demo-phone-record-btn{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);border-radius:50%;color:var(--color-white);box-shadow:0 4px 20px #f9731659;transition:all var(--transition-fast)}.demo-phone-record-btn.pulsing{animation:demo-pulse 1s ease-in-out infinite}.demo-phone-record-btn.recording{background:#ef4444;box-shadow:0 4px 20px #ef444466}@keyframes demo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.demo-phone-recording{display:flex;flex-direction:column;height:100%}.demo-phone-recording-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.demo-phone-recording-indicator{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ef4444}.demo-phone-recording-indicator.stopped{color:var(--color-gray-500)}.demo-phone-recording-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.demo-phone-recording-timer{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.demo-phone-waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:60px;margin-bottom:var(--spacing-4)}.demo-phone-waveform.stopped .demo-phone-waveform-bar{animation:none;height:8px}.demo-phone-waveform-bar{width:4px;height:20px;background:var(--color-primary-400);border-radius:2px;animation:demo-waveform .8s ease-in-out infinite}@keyframes demo-waveform{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.demo-phone-transcript{flex:1;padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow:hidden}.demo-phone-transcript p{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.demo-phone-cursor{opacity:0}.demo-phone-cursor.typing{animation:cursor-blink .5s ease-in-out infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.demo-phone-stop-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);background:#ef4444;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white)}.demo-phone-edit{display:flex;flex-direction:column;height:100%}.demo-phone-edit-header{margin-bottom:var(--spacing-4)}.demo-phone-edit-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.demo-phone-edit-form{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.demo-phone-edit-form label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase}.demo-phone-input,.demo-phone-select{padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-800)}.demo-phone-textarea{flex:1;padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-relaxed);overflow:hidden}.demo-phone-save-btn{padding:var(--spacing-3);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-top:var(--spacing-3)}.demo-phone-saved{display:flex;flex-direction:column;height:100%}.demo-phone-saved-header{margin-bottom:var(--spacing-4)}.demo-phone-saved-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.demo-phone-saved-item,.demo-phone-saved-todo{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.demo-phone-saved-item.animate-in,.demo-phone-saved-todo.animate-in{animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.demo-phone-saved-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary-50);border-radius:var(--radius-md);color:var(--color-primary-600);flex-shrink:0}.demo-phone-saved-item-content{flex:1;min-width:0}.demo-phone-saved-item-content h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:2px}.demo-phone-saved-item-content p{font-size:12px;color:var(--color-gray-600);margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-phone-saved-item-content p.checked{text-decoration:line-through;color:var(--color-gray-400)}.demo-phone-saved-item-folder{font-size:10px;color:var(--color-gray-400);background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm)}.demo-phone-saved-item-actions{display:flex;gap:var(--spacing-1)}.demo-phone-saved-item-actions button{padding:var(--spacing-1);color:var(--color-gray-400);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.demo-phone-saved-item-actions button:hover{color:var(--color-gray-600);background:var(--color-gray-100)}.demo-phone-todo-checkbox{width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.demo-phone-todo-checkbox.checked{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.demo-step-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5) var(--spacing-8);background:var(--color-white);border-radius:var(--radius-full);box-shadow:0 0 0 1px #0f172a0a,0 0 20px #0f172a1f;margin-top:var(--spacing-4)}.demo-step-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.demo-screenshots{margin-top:var(--spacing-8)}.demo-screenshots-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);text-align:center;margin-bottom:var(--spacing-8)}.demo-screenshots-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4)}.demo-screenshot-card{text-align:center}.demo-screenshot-preview{aspect-ratio:9/16;max-height:200px;background:linear-gradient(145deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);border-radius:var(--radius-xl);margin-bottom:var(--spacing-3);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);overflow:hidden}.demo-screenshot-card h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}.demo-screenshot-card p{font-size:var(--font-size-xs);color:var(--color-gray-500)}.screenshot-recording{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.screenshot-waveform{display:flex;align-items:center;gap:3px}.screenshot-waveform-bar{width:4px;background:var(--color-primary-400);border-radius:2px}.screenshot-timer{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.screenshot-types{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.screenshot-type{padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.screenshot-type.note{color:var(--color-primary-600)}.screenshot-type.journal{color:#8b5cf6}.screenshot-type.todo{color:var(--color-accent-600)}.screenshot-edit{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.screenshot-field{padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-sm);font-size:10px;color:var(--color-gray-500)}.screenshot-btn{padding:var(--spacing-2);background:var(--color-primary-500);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-white);text-align:center}.screenshot-folders{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.screenshot-folder{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-sm);font-size:10px;color:var(--color-gray-700)}.screenshot-search{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.screenshot-searchbar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-sm);font-size:10px;color:var(--color-gray-500)}.screenshot-result{padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-sm);font-size:10px;color:var(--color-gray-600)}.screenshot-result .highlight{background:var(--color-accent-100);color:var(--color-accent-700);padding:0 2px;border-radius:2px}@media (max-width: 1024px){.demo-screenshots-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.demo-phone-frame{width:320px;height:620px;border-radius:36px;padding:10px}.demo-phone-notch{width:90px;height:20px}.demo-phone-screen{border-radius:30px}.demo-screenshots-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.demo-screenshot-preview{max-height:160px}}@media (max-width: 480px){.demo-phone-frame{width:290px;height:560px}.demo-screenshots-grid{grid-template-columns:1fr 1fr}.demo-screenshot-card:nth-child(5){grid-column:span 2}}.features{background:var(--color-white)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.feature-card{padding:var(--spacing-6);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border-radius:var(--radius-xl);color:var(--color-primary-600);margin-bottom:var(--spacing-4)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-3)}.feature-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}.feature-card{padding:var(--spacing-6)}}.comparison{background:linear-gradient(180deg,#f2f6fb,#dbe5f3)}.comparison.section{padding-bottom:var(--spacing-24)}.comparison-table-wrapper{overflow-x:auto;overflow-y:visible;margin-bottom:var(--spacing-1);padding:var(--spacing-3);-webkit-overflow-scrolling:touch}.comparison-table{width:100%;max-width:800px;margin:0 auto;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-gray-300);box-shadow:0 -1px 5px #0f172a14,0 3px 5px #0f172a1f}.comparison-table th+th,.comparison-table td+td{border-left:1px solid var(--color-gray-200)}.comparison-table th,.comparison-table td{padding:var(--spacing-5) var(--spacing-6);text-align:left;vertical-align:middle}.comparison-table thead{background:var(--color-gray-100)}.comparison-feature-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.comparison-utterance-header{text-align:center;background:var(--color-primary-600);color:var(--color-white);font-weight:var(--font-weight-semibold)}.comparison-header-badge{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white)}.comparison-others-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-align:center}.comparison-table tbody tr{border-top:1px solid var(--color-gray-100);transition:background var(--transition-fast)}.comparison-table tbody tr:hover{background:var(--color-gray-50)}.comparison-feature{font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.comparison-table th.comparison-utterance-header,.comparison-table th.comparison-others-header,.comparison-table td.comparison-utterance,.comparison-table td.comparison-others{text-align:center}.comparison-utterance{background:#2563eb14;font-weight:var(--font-weight-medium)}.comparison-check{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#10b98126;border-radius:50%;color:var(--color-success)}.comparison-check.muted{background:var(--color-gray-300)}.comparison-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-gray-200);border-radius:50%;color:var(--color-gray-500)}.comparison-text{font-size:var(--font-size-sm);color:var(--color-gray-600)}.comparison-text.positive{font-weight:var(--font-weight-medium);color:var(--color-primary-600)}.comparison-text.muted{color:var(--color-gray-500)}.comparison-cta{text-align:center}.comparison-cta p{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--spacing-6)}@media (max-width: 640px){.comparison-table th,.comparison-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.comparison-header-badge{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.comparison-check,.comparison-x{width:28px;height:28px}.comparison-check svg,.comparison-x svg{width:16px;height:16px}}.pricing{background:var(--color-white)}.pricing-toggle{display:flex;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-12);padding:var(--spacing-1);background:var(--color-gray-100);border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto}.pricing-toggle-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);border-radius:var(--radius-full);transition:all var(--transition-fast)}.pricing-toggle-btn.active{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.pricing-toggle-badge{padding:var(--spacing-1) var(--spacing-2);background:var(--color-success);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white)}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);max-width:800px;margin:0 auto}.pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--spacing-8);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.pricing-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg)}.pricing-card.featured{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;box-shadow:var(--shadow-xl)}.pricing-card.featured .pricing-card-name,.pricing-card.featured .pricing-card-description,.pricing-card.featured .pricing-card-amount,.pricing-card.featured .pricing-card-period,.pricing-card.featured .pricing-card-regular-price,.pricing-card.featured .pricing-card-regular-label,.pricing-card.featured .pricing-card-features li{color:var(--color-white)}.pricing-card.featured .pricing-card-regular-price{opacity:.7}.pricing-card.featured .pricing-card-price{border-bottom-color:#fff3}.pricing-card.featured .pricing-card-features li svg{color:var(--color-white);opacity:.9}.pricing-card.featured .pricing-card-badge{background:var(--color-accent-500);box-shadow:0 8px 18px #f9731659}.pricing-card.featured .pricing-card-btn{background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);color:var(--color-white);border:none}.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em}.pricing-card-header{margin-bottom:var(--spacing-6)}.pricing-card-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.pricing-card-description{font-size:var(--font-size-sm);color:var(--color-gray-500)}.pricing-card-price{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.pricing-card-amount{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1}.pricing-card-period{font-size:var(--font-size-base);color:var(--color-gray-500);margin-left:var(--spacing-1)}.pricing-card-regular{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.pricing-card-regular-price{font-size:var(--font-size-lg);color:var(--color-gray-400);text-decoration:line-through}.pricing-card-regular-label{font-size:var(--font-size-sm);color:var(--color-gray-400)}.pricing-card-features{flex:1;list-style:none;margin-bottom:var(--spacing-8)}.pricing-card-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-gray-700)}.pricing-card-features li svg{flex-shrink:0;color:var(--color-success);margin-top:2px}.pricing-card-btn{width:100%}.pricing-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-8);font-size:var(--font-size-sm);color:var(--color-gray-500)}.pricing-note svg{color:var(--color-primary-500)}@media (max-width: 768px){.pricing-cards{grid-template-columns:1fr;gap:var(--spacing-6)}.pricing-card{padding:var(--spacing-6)}.pricing-card.featured{order:-1}.pricing-toggle-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.pricing-toggle-badge{display:none}}.faq{background:linear-gradient(180deg,#f2f6fb,#dbe5f3)}.faq-list{max-width:700px;margin:0 auto var(--spacing-12)}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-item:first-child{border-top:1px solid var(--color-gray-200)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);width:100%;padding:var(--spacing-5) 0;text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-primary-600)}.faq-icon{flex-shrink:0;color:var(--color-gray-400);transition:transform var(--transition-normal)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal),padding var(--transition-normal)}.faq-item.open .faq-answer{max-height:500px;padding-bottom:var(--spacing-5)}.faq-answer p{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.faq-contact{text-align:center;padding:var(--spacing-10);background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);max-width:500px;margin:0 auto}.faq-contact p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.faq-contact-subtitle{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-normal)!important;color:var(--color-gray-500)!important;margin-bottom:var(--spacing-6)!important}.faq-contact .btn{gap:var(--spacing-2)}@media (max-width: 640px){.faq-question{font-size:var(--font-size-sm);padding:var(--spacing-4) 0}.faq-answer p{font-size:var(--font-size-sm)}.faq-contact{padding:var(--spacing-6)}}.final-cta{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);color:var(--color-white)}.final-cta-content{max-width:600px;margin:0 auto;text-align:center}.final-cta-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#ffffff26;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6)}.final-cta-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.final-cta-subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.final-cta-form{display:flex;justify-content:center;margin-bottom:var(--spacing-8)}.final-cta-form .email-form{width:100%}.final-cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-6)}.final-cta-feature{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);opacity:.9}.final-cta-feature svg{color:var(--color-accent-400)}@media (max-width: 768px){.final-cta-title{font-size:var(--font-size-3xl)}.final-cta-subtitle{font-size:var(--font-size-base)}.final-cta-features{gap:var(--spacing-4)}}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-6) 0}.footer-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-8)}.footer-logo{display:inline-flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:0;transition:opacity var(--transition-fast)}.footer-logo:hover{opacity:.8}.footer-tagline{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer-links{display:flex;gap:var(--spacing-6);align-items:center;justify-content:flex-end}.footer-links a{font-size:var(--font-size-base);color:var(--color-gray-300);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-copyright{font-size:var(--font-size-base);color:var(--color-gray-300);justify-self:center;text-align:center}@media (max-width: 768px){.footer-bar{grid-template-columns:1fr;justify-items:center;gap:var(--spacing-4);text-align:center}}@media (max-width: 480px){.footer-links{gap:var(--spacing-4)}}.contact-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-modal{position:relative;width:100%;max-width:480px;background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-2xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-2);color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast)}.contact-modal-close:hover{color:var(--color-gray-600);background:var(--color-gray-100)}.contact-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.contact-modal-description{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.contact-modal-textarea{resize:vertical;min-height:120px}.contact-modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.contact-modal-success{text-align:center;padding:var(--spacing-4) 0}.contact-modal-success-icon{margin-bottom:var(--spacing-4)}.contact-modal-success h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.contact-modal-success p{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-6)}@media (max-width: 480px){.contact-modal{padding:var(--spacing-6)}.contact-modal-actions{flex-direction:column}.contact-modal-actions .btn{width:100%}}:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-accent-50: #FFF7ED;--color-accent-100: #FFEDD5;--color-accent-200: #FED7AA;--color-accent-300: #FDBA74;--color-accent-400: #FB923C;--color-accent-500: #F97316;--color-accent-600: #EA580C;--color-accent-700: #C2410C;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #10B981;--color-error: #EF4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-navbar: 100;--z-modal: 200;--container-max: 1200px;--container-padding: var(--spacing-6)}@media (max-width: 768px){:root{--font-size-5xl: 2.25rem;--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem;--container-padding: var(--spacing-4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-20) 0}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-label{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-normal);white-space:nowrap}.btn:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);color:var(--color-white);box-shadow:var(--shadow-md),0 2px 8px #f973164d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-600) 0%,var(--color-accent-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg),0 4px 12px #f9731666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.form-input,.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:calc(var(--spacing-4) + 16px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;background-size:16px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder{color:var(--color-gray-400)}.form-input.error,.form-select.error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-1)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.grid{display:grid;gap:var(--spacing-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--spacing-16) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-600);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:0}