.roadmap-progress-compact{max-width:410px;margin:auto auto 0}.roadmap-progress-bar{position:relative;display:flex;align-items:center;justify-content:flex-start;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,8%);padding:20px 28px;border:1px solid #e5e7eb}.progress-info{text-align:left;flex-grow:1;min-width:0}.progress-info h3{width:fit-content;font-size:1.125rem;font-weight:600;margin:0 0 8px}.tasks-text{font-weight:500}.privacy-badge{padding:6px 16px;border-radius:9999px;font-size:.875rem;font-weight:600;background:#c6deff;color:#1d4ed8}.progress-circle-small{position:relative;width:100px;height:100px;flex-shrink:0;margin-left:auto}.progress-circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{cx:50;cy:50;r:44;fill:none;stroke:#e5e7eb;stroke-width:7}.progress-circle-fg{cx:50;cy:50;r:44;fill:none;stroke:url(#gradient);stroke-width:7;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:276.46;transition:stroke-dashoffset 1s ease-out}.progress-center-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.progress-center-text strong{font-size:1.75rem;line-height:1}.progress-center-text small{font-size:.75rem;font-weight:500;margin-top:2px}#reset-roadmap-progress{position:absolute;top:0;right:0;padding:8px;border-radius:8px;background:0 0;border:none;color:#94a3b8;cursor:pointer;transition:all .3s ease}#reset-roadmap-progress:hover{color:#ef4444}@media(max-width:370px){.roadmap-progress-bar{display:block}.progress-info h3{margin:0 auto 8px}.progress-info{text-align:center}.progress-circle-small{margin:10px auto 0}}#roadmap{width:100%}.tabs{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:20px;flex-wrap:nowrap}.tab-wrapper{display:flex}input[type=radio]{display:none}.tab{display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:40px;padding:0 18px;font-size:.95rem;font-weight:600;background:#fff;color:#3067b3;border-radius:999px;border:1px solid rgba(0,0,0,8%);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,6%),0 4px 10px rgba(0,0,0,4%);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.tab:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,8%),0 8px 16px rgba(0,0,0,8%);background-color:#f9fbff;border-color:rgba(24,94,224,.3)}.tab:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,8%)}input[type=radio]:checked+.tab{background-color:hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness)/50) * 45)/var(--tw-bg-opacity));border-color:rgba(24,94,224,.6);color:#fff;box-shadow:0 2px 6px rgba(24,94,224,.35)}.tab-separator{color:#9ca3af;font-size:1.8rem;user-select:none}@media(max-width:530px){.tabs{display:grid;grid-template-columns:auto 10px auto;grid-template-rows:auto 10px auto}.tabs>.tab-wrapper{display:flex;align-items:center;justify-content:center}.tab{min-width:84px;width:auto;box-sizing:border-box}.tabs>.tab-wrapper:nth-of-type(1){grid-column:1;grid-row:1}.tabs>.tab-separator:nth-of-type(1){grid-column:2;grid-row:1;justify-self:center}.tabs>.tab-wrapper:nth-of-type(2){grid-column:3;grid-row:1}.tabs>.tab-separator:nth-of-type(2){grid-column:3;grid-row:2;justify-self:center;transform:rotate(90deg);transform-origin:center}.tabs>.tab-wrapper:nth-of-type(4){grid-column:1;grid-row:3}.tabs>.tab-separator:nth-of-type(3){grid-column:2;grid-row:3;transform:rotate(180deg)}.tabs>.tab-wrapper:nth-of-type(3){grid-column:3;grid-row:3}}.hextra-feature-card{overflow:visible;height:255px}.hextra-feature-card h4{font-size:1.2rem!important;font-weight:bolder}.completed-badge{background-color:#10b981;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.roadmap-section ol{padding:0;--unit:0.8rem;content:"";clear:both;display:table}.roadmap-section ol li:not(.content ul li):not(.content ol li){--height:7rem;position:relative;display:block}.roadmap-section ol li:not(.content ul li):not(.content ol li)::before{content:"";background-color:inherit;position:absolute;display:block;width:var(--unit);height:var(--unit);top:100%;left:calc(50% - (var(--unit)/2))}.roadmap-section ol li:not(.content ul li):not(.content ol li)::after{content:"";position:absolute;display:block;top:calc(100% + var(--unit)/1.2);left:calc(50% - (var(--unit)));border:var(--unit)solid transparent;border-top-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):last-child::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):last-child::after{content:none}@media(max-width:670px){.roadmap-section ol li:not(.content ul li):not(.content ol li){padding:1rem;margin:2rem 0}.roadmap-section ol{margin:auto}}@media(min-width:671px) and (max-width:974px){.roadmap-section ol li:not(.content ul li):not(.content ol li){margin:1rem;width:calc(50% - 2rem);float:left;min-height:var(--height)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+3),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+4){float:right}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+1)::before{top:calc(var(--height)/2 + var(--unit)/2);left:100%}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+1)::after{top:calc(var(--height)/1.1);left:calc(100% + .6rem);border:var(--unit)solid transparent;border-left-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+3)::before{top:calc(var(--height)/2 + var(--unit)/2);left:-1rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+3)::after{top:calc(var(--height)/1.1);left:-2.2rem;border:var(--unit)solid transparent;border-right-color:var(--roadmap-step-pointer)}}@media(min-width:975px) and (max-width:1199px){.roadmap-section ol li:not(.content ul li):not(.content ol li){margin:1rem;width:calc(33.33% - 2rem);float:left;min-height:7rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+4),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+5),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+6){float:right}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+1)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+2)::before{top:calc(var(--height)/2 + var(--unit)/2);left:100%}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+1)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+2)::after{top:calc(var(--height)/1.1);left:calc(100% + .6rem);border:var(--unit)solid transparent;border-left-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+4)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+5)::before{top:calc(var(--height)/2 + var(--unit)/2);left:-1rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+4)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+5)::after{top:calc(var(--height)/1.1);left:-2.2rem;border:var(--unit)solid transparent;border-right-color:var(--roadmap-step-pointer)}}@media(min-width:1200px){ol{width:100%;margin:0 auto}.roadmap-section ol li:not(.content ul li):not(.content ol li){margin:1rem;width:calc(25% - 2rem);float:left;min-height:7rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+5),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+6),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+7),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+8){float:right}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+1)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+2)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+3)::before{top:calc(var(--height)/2 + var(--unit)/2);left:100%}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+1)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+2)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+3)::after{top:calc(var(--height)/1.1);left:calc(100% + .6rem);border:var(--unit)solid transparent;border-left-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+5)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+6)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+7)::before{top:calc(var(--height)/2 + var(--unit)/2);left:-1rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+5)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+6)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+7)::after{top:calc(var(--height)/1.1);left:-2.2rem;border:var(--unit)solid transparent;border-right-color:var(--roadmap-step-pointer)}}.centerRoadmapOL{display:flex!important;justify-content:center}@media(max-width:974px){#startContent .centerRoadmapOL{display:table!important}}@media(min-width:764px) and (max-width:1280px){.task-info{max-width:72rem!important}}