*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--yellow-100:#fef9c3;--yellow-500:#eab308;--yellow-600:#ca8a04;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--orange-100:#ffedd5;--orange-500:#f97316;--orange-600:#ea580c;--rose-500:#f43f5e;--amber-500:#f59e0b;--indigo-500:#6366f1;--pink-500:#ec4899;--emerald-500:#10b981;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--radius:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Outfit", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:var(--font-body);color:var(--gray-800);-webkit-font-smoothing:antialiased;background-color:#eef4fb;background-image:radial-gradient(at 20% 0,#dbeafeb3 0%,#0000 50%),radial-gradient(at 80% 100%,#bfdbfe66 0%,#0000 50%),radial-gradient(#e0edff4d 0%,#0000 60%);background-attachment:fixed;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;font:inherit;border-radius:var(--radius-sm);border:none;padding:10px 20px;font-weight:600;transition:all .15s}input,select,textarea{font:inherit;border:2px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;width:100%;padding:10px 14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--teal-500);outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px}.btn-primary{color:#fff;background:#0f2a4a;padding:12px 24px;font-size:1rem}.btn-primary:hover{box-shadow:var(--shadow-md);background:#163556;transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--teal-600);border:2px solid var(--gray-200);background:#fff;padding:10px 20px}.btn-secondary:hover{background:var(--gray-50);border-color:var(--teal-500);transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)}.btn-danger{background:var(--red-500);color:#fff;padding:12px 24px}.btn-danger:hover{background:var(--red-600);transform:translateY(-1px)}.btn-danger:active{transform:scale(.97)}.btn-warning{background:var(--orange-500);color:#fff;padding:12px 24px;font-size:1rem}.btn-warning:hover{background:var(--orange-600);transform:translateY(-1px)}.btn-warning:active{transform:scale(.97)}.btn-success{background:var(--green-600);color:#fff;padding:12px 24px}.btn-success:hover{background:var(--green-700);transform:translateY(-1px)}.btn-success:active{transform:scale(.97)}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:20px}.card-flat{border-radius:var(--radius);border:1px solid var(--gray-200);background:#fff;padding:20px}.card-elevated{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;padding:20px;transition:transform .15s,box-shadow .15s}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-layout{min-height:100dvh;display:flex}.app-main{flex:1;min-width:0}.topbar{z-index:200;background:linear-gradient(135deg,#ffffff0a 0%,#0000 50%,#ffffff05 100%),linear-gradient(#0f2a4a 0%,#132f4f 100%);justify-content:space-around;align-items:center;height:48px;padding:0 8px;display:flex;position:fixed;top:0;left:0;right:0}.topbar:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6 Q25 0 50 6 T100 6 T150 6 T200 6 V12 H0Z' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E") 0 0/200px 12px repeat-x;height:12px;position:absolute;bottom:0;left:0;right:0}.topbar-logo{flex-shrink:0;width:auto;height:36px}.topbar-item{border-radius:var(--radius-sm);color:#ffffff80;justify-content:center;align-items:center;width:44px;height:40px;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.topbar-item:hover{color:#fffc}.topbar-item.active{color:#fff}.topbar-item:after{content:"";background:var(--teal-400);border-radius:2px;width:16px;height:3px;transition:transform .2s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(0)}.topbar-item.active:after{transform:translate(-50%)scaleX(1)}.sidebar{color:#fff;z-index:200;background:linear-gradient(#ffffff08 0%,#0000 30%,#ffffff04 70%,#0000 100%),linear-gradient(#0f2a4a 0%,#0c2240 50%,#0f2a4a 100%);flex-direction:column;width:200px;padding:0;display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:none;align-items:center;gap:10px;padding:16px 16px 20px;display:flex;position:relative}.sidebar-header:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6 Q25 0 50 6 T100 6 T150 6 T200 6 V12 H0Z' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E") 0 0/200px 12px repeat-x;height:12px;position:absolute;bottom:0;left:0;right:0}.sidebar-logo{font-size:1.4rem;line-height:1}.sidebar-title{font-family:var(--font-heading);white-space:nowrap;font-size:1rem;font-weight:700}.sidebar-item{color:#ffffffb3;border-radius:0;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff14}.sidebar-item.active{color:#fff;border-left:3px solid var(--teal-400);background:#ffffff26;padding-left:13px;font-weight:600}.sidebar-item svg{flex-shrink:0}@media (width>=768px){.topbar{display:none}.sidebar{display:flex}.app-main{margin-left:200px}}.page{width:100%;max-width:600px;margin:0;padding:60px 16px 32px;animation:.2s fadeIn}.mobile-title{justify-content:space-between;align-items:center;display:flex}.mobile-title:after{content:"";background:url(/soakiq-wordmark.png) 100%/contain no-repeat;flex-shrink:0;width:80px;height:1.5rem;display:block}@media (width>=768px){.page{padding-top:16px}.mobile-title{display:none}}.page h1{font-family:var(--font-heading);color:var(--gray-900);letter-spacing:-.01em;margin-bottom:16px;font-size:1.5rem;font-weight:700}.page h2{font-family:var(--font-heading);color:var(--gray-800);margin-bottom:12px;font-size:1.2rem;font-weight:600}.form-group{margin-bottom:16px}.form-group label{color:var(--gray-700);margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.form-group .hint{color:var(--gray-500);margin-top:2px;font-size:.8rem}.badge{border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-100);color:var(--green-700);border:1.5px solid var(--green-700)}.badge-yellow{background:var(--yellow-100);color:var(--yellow-600);border:1.5px solid var(--yellow-600)}.badge-red{background:var(--red-100);color:var(--red-600);border:1.5px solid var(--red-600)}.badge-blue{background:var(--blue-100);color:var(--blue-600);border:1.5px solid var(--blue-600)}.badge-orange{background:var(--orange-100);color:var(--orange-500);border:1.5px solid var(--orange-500)}.status-green{color:var(--green-600)}.status-yellow{color:var(--yellow-600)}.status-red{color:var(--red-600)}.tooltip-trigger{color:var(--gray-350,#b0b5bf);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s;display:inline-flex}.tooltip-trigger:hover{color:var(--teal-600)}.tooltip-popover{color:var(--gray-700);white-space:normal;text-align:left;text-transform:none;letter-spacing:normal;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;border:1px solid var(--gray-150,#e8eaed);background:#fff;border-radius:10px;width:280px;max-width:calc(100vw - 24px);padding:12px 16px;font-size:.82rem;font-weight:400;line-height:1.55;animation:.15s tooltipIn;box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014}.tooltip-popover.tooltip-arrow-top:before{content:"";top:-6px;left:var(--arrow-left,50%);border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:6px solid var(--gray-150,#e8eaed);position:absolute;transform:translate(-50%)}.tooltip-popover.tooltip-arrow-top:after{content:"";top:-5px;left:var(--arrow-left,50%);border-bottom:5px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;transform:translate(-50%)}.tooltip-popover.tooltip-arrow-bottom:before{content:"";bottom:-6px;left:var(--arrow-left,50%);border-left:7px solid #0000;border-right:7px solid #0000;border-top:6px solid var(--gray-150,#e8eaed);position:absolute;transform:translate(-50%)}.tooltip-popover.tooltip-arrow-bottom:after{content:"";bottom:-5px;left:var(--arrow-left,50%);border-top:5px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;transform:translate(-50%)}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.activity-item{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:12px;padding:12px 0;font-size:.9rem;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.step-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);margin-bottom:12px;padding:16px}.step-card .step-number{background:var(--teal-600);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;font-size:.85rem;font-weight:700;display:inline-flex}.step-card .step-why{color:var(--gray-500);margin-top:8px;font-size:.85rem;font-style:italic}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200);white-space:nowrap;text-align:left;padding:6px 8px;font-size:.8rem;font-weight:600}.data-table th:first-child{padding-left:0}.data-table th:last-child{padding-right:0}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:10px 8px;font-size:.9rem;font-weight:500}.data-table td:first-child{padding-left:0}.data-table td:last-child{padding-right:0}.data-table tbody tr:last-child td{border-bottom:none}.data-table .col-right{text-align:right}.data-table .col-center{text-align:center}.data-table .col-points{text-align:center;width:60px}.data-table td.col-points{font-size:.85rem;font-weight:600}.data-table .col-narrow{text-align:center;width:40px}.list-table-header{border-bottom:2px solid var(--gray-200);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;padding:6px 0;font-size:.8rem;font-weight:700;display:flex}.list-table-row{border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.list-table-row:last-child{border-bottom:none}.list-table-row .row-label{flex:1;font-weight:500}.list-table-row .row-value{color:var(--gray-800);font-weight:600}.checklist-item{border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:#fff;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;display:flex}.checklist-item.checked{background:var(--green-100);border-color:var(--green-500)}.checklist-item .check{border:2px solid var(--gray-300);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.checklist-item.checked .check{background:var(--green-500);border-color:var(--green-500);color:#fff}.modal-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius);width:100%;max-width:420px;max-height:85vh;box-shadow:var(--shadow-lg);background:#fff;padding:24px;animation:.2s modalSlideUp;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-close{width:28px;height:28px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.leaderboard-row{border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:8px 0;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{color:var(--teal-600);text-align:center;min-width:28px;font-size:1rem;font-weight:600}.leaderboard-row:first-child .leaderboard-rank{color:var(--amber-500)}.pricing-page{max-width:920px;margin:0 auto;padding:60px 12px 32px;animation:.2s fadeIn}@media (width>=768px){.pricing-page{padding-top:20px}}.pricing-header{text-align:center;margin-bottom:36px}.pricing-brand{color:var(--teal-600);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:inline-flex}.pricing-title{font-family:var(--font-heading);color:var(--gray-900);letter-spacing:-.03em;margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.15}.pricing-title-gradient{background:linear-gradient(135deg, var(--teal-600), var(--blue-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-subtitle{color:var(--gray-500);max-width:440px;margin:0 auto 20px;font-size:15px;line-height:1.5}.pricing-toggle{background:var(--gray-100);border-radius:10px;align-items:center;padding:3px;display:inline-flex}.pricing-toggle-btn{color:var(--gray-500);box-shadow:none;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.pricing-toggle-btn.active{color:var(--gray-900);background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.pricing-savings-chip{color:var(--green-700);background:var(--green-100);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:700}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px;display:grid}@media (width<=640px){.pricing-cards{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}}.pricing-card{border:1.5px solid var(--gray-200);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px 20px;display:flex;position:relative;overflow:visible}.pricing-card.highlighted{background:linear-gradient(180deg, var(--gray-50) 0%, #fff 40%);border:2px solid var(--teal-600)}.pricing-card-badge{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;letter-spacing:.02em;white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0d94884d}.pricing-card-name{font-family:var(--font-heading);color:var(--gray-900);letter-spacing:-.02em;margin-bottom:2px;font-size:18px;font-weight:700}.pricing-card-tagline{color:var(--gray-500);margin-bottom:14px;font-size:13px}.pricing-card-price{align-items:baseline;gap:2px;margin-bottom:4px;display:flex}.pricing-price-amount{font-family:var(--font-heading);color:var(--gray-900);letter-spacing:-.04em;font-size:36px;font-weight:800;line-height:1}.pricing-price-period{color:var(--gray-400);font-size:14px;font-weight:500}.pricing-card-savings{color:var(--green-700);margin-bottom:6px;font-size:12px;font-weight:600}.pricing-card-billed{color:var(--gray-400);margin-bottom:6px;font-size:12px}.pricing-card-spacer{height:18px}.pricing-card-cta{letter-spacing:-.01em;border-radius:10px;width:100%;margin-top:8px;padding:10px 0;font-size:14px;font-weight:600;transition:all .15s}.pricing-card-cta.cta-outline{border:1.5px solid var(--gray-300);color:var(--gray-900);background:#fff}.pricing-card-cta.cta-outline:hover{border-color:var(--gray-400);background:var(--gray-50)}.pricing-card-cta.cta-solid{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;border:none;box-shadow:0 2px 10px #0d94884d}.pricing-card-cta.cta-solid:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0d948866}.pricing-card-cta.cta-dark{background:var(--gray-900);color:#fff;border:none;box-shadow:0 2px 10px #11182733}.pricing-card-cta.cta-dark:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1118274d}.pricing-table-wrap{border:1.5px solid var(--gray-200);background:#fff;border-radius:20px;margin-bottom:32px;overflow:hidden}@media (width<=640px){.pricing-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.pricing-table-wrap>*{min-width:520px}}.pricing-table-header{border-bottom:1.5px solid var(--gray-200);background:var(--gray-50);z-index:10;grid-template-columns:1fr 120px 120px 120px;display:grid;position:sticky;top:0}.pricing-table-label{color:var(--gray-600);letter-spacing:-.01em;padding:14px 20px;font-size:13px;font-weight:700}.pricing-table-tier{text-align:center;font-family:var(--font-heading);color:var(--gray-900);letter-spacing:-.01em;padding:14px 8px;font-size:14px;font-weight:700}.pricing-table-tier.highlighted{color:var(--teal-600)}.pricing-section-header{background:var(--gray-50);border:none;border-bottom:1px solid var(--gray-100);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;transition:background .1s;display:flex}.pricing-section-header:hover{background:var(--gray-100)}.pricing-section-title{color:var(--teal-600);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.pricing-section-header svg{color:var(--gray-400)}.pricing-feature-row{border-bottom:1px solid var(--gray-100);grid-template-columns:1fr 120px 120px 120px;align-items:center;transition:background .1s;display:grid}.pricing-feature-row:hover{background:var(--gray-50)}.pricing-feature-row.section-last{border-bottom:1.5px solid var(--gray-200)}.pricing-feature-label{color:var(--gray-700);padding:11px 20px;font-size:13px;font-weight:500}.pricing-feature-cell{text-align:center;justify-content:center;align-items:center;padding:11px 8px;display:flex}.pricing-check{background:var(--green-100);width:20px;height:20px;color:var(--green-700);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pricing-cross{background:var(--gray-50);width:20px;height:20px;color:var(--gray-300);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pricing-text-value{color:var(--gray-800);letter-spacing:-.01em;font-size:13px;font-weight:600}.pricing-footer{text-align:center;color:var(--gray-400);padding:20px 0;font-size:13px}.toggle-slider{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.toggle-slider .track{background:var(--gray-200);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle-slider.on .track{background:var(--teal-600)}.toggle-slider .thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.toggle-slider.on .thumb{left:18px}.toggle-slider .label-off{color:var(--gray-400)}.toggle-slider .label-on{color:var(--green-600)}