*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f1f1f;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--teal-50: #eefbf9;--teal-100: #d5f5f1;--teal-200: #aeeae4;--teal-300: #7ed9d1;--teal-400: #4ec3b8;--teal-500: #32bdaf;--teal-600: #2aa396;--teal-700: #248a7f;--teal-800: #1e6e66;--teal-900: #1a5a54}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .6s ease both}.animate-scale-in{animation:scaleIn .8s cubic-bezier(.16,1,.3,1) both}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.cta-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:#fff;font-weight:600;font-size:16px;padding:16px 36px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 8px 24px #32bdaf33;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.cta-btn:hover:after{left:100%}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #32bdaf59;background:linear-gradient(135deg,var(--teal-700),var(--teal-600));color:#fff}.cta-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.cta-btn:disabled:after{display:none}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(50,189,175,.06) 0%,transparent 70%);top:-200px;left:50%;transform:translate(-50%);pointer-events:none;z-index:0}.section-divider{width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--teal-500),#80CBC4);margin:0 auto}.ipad-mockup{position:relative;max-width:680px;margin:0 auto;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ipad-mockup:hover{transform:translateY(-6px) perspective(1200px) rotateX(1deg)}.ipad-frame{position:relative;background:#111;border-radius:20px;padding:16px;box-shadow:0 0 0 1px #ffffff14 inset,0 2px #222 inset,0 -1px #000,0 50px 100px -30px #00000040,0 10px 30px #0000001a}.ipad-frame:before{content:"";position:absolute;top:50%;left:6px;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#2a2a2a,#1a1a1a 60%,#111);box-shadow:0 0 0 1px #ffffff0d;z-index:3}.ipad-frame:after{content:"";position:absolute;top:16%;right:-2px;width:2px;height:28px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,#333,#1a1a1a)}.ipad-screen{position:relative;border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:4 / 3}.ipad-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.02) 100%);pointer-events:none;z-index:5}.soap-preview{padding:20px 28px;font-size:12px;line-height:1.55;color:#1f1f1f;height:100%;overflow:hidden}@media(max-width:640px){.soap-preview{padding:12px 14px;font-size:10px}.soap-preview .note-title{font-size:11px!important}.soap-preview .section-title{font-size:8px!important}.soap-preview .section-text{font-size:8.5px!important}.soap-preview .breadcrumb{font-size:7.5px!important}.soap-preview .soap-badge{font-size:7px!important}}.soap-preview .breadcrumb{display:flex;align-items:center;gap:5px;font-size:10px;color:#999;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.soap-preview .breadcrumb .active{color:var(--teal-500);font-weight:600}.soap-preview .note-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.soap-preview .note-title{font-size:14px;font-weight:700;color:#1a1a1a}.soap-preview .note-meta{font-size:9px;color:#999;margin-top:2px}.soap-preview .soap-badge{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);white-space:nowrap}.soap-preview .section-title{font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-500);margin-top:12px;margin-bottom:3px;display:flex;align-items:center;gap:5px}.soap-preview .section-title:before{content:"";display:inline-block;width:3px;height:12px;border-radius:2px;background:var(--teal-500);flex-shrink:0}.soap-preview .section-text{font-size:11px;line-height:1.65;color:#555;padding-left:8px}.demo-form .ant-form-item-label>label{font-size:13px;font-weight:500;color:#374151}.demo-form .ant-input,.demo-form .ant-select-selector,.demo-form .ant-input-affix-wrapper{border-radius:12px!important;padding:8px 16px!important;min-height:44px;background:#fafbfc!important;border-color:#e2e5e9!important;font-size:14px}.demo-form .ant-input:focus,.demo-form .ant-input-focused,.demo-form .ant-input-affix-wrapper:focus,.demo-form .ant-input-affix-wrapper-focused,.demo-form .ant-select-focused .ant-select-selector{background:#fff!important;border-color:var(--teal-500)!important;box-shadow:0 0 0 3px #32bdaf1f!important}.demo-form .ant-select-selector{height:44px!important;display:flex!important;align-items:center!important}.demo-form textarea.ant-input{padding:12px 16px!important}.pilot-tester-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--teal-50);border-radius:12px;border:1px solid var(--teal-100)}@keyframes checkDraw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.check-circle{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) both}.check-mark{stroke-dasharray:24;stroke-dashoffset:24;animation:checkDraw .4s ease .3s forwards}.gradient-text{background:linear-gradient(135deg,var(--teal-600),var(--teal-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}