@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:Inter Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(../../../fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype")}body{margin:0;background-color:#fff;color:#141414;display:flex;flex-direction:column;min-height:100vh;padding:0;box-sizing:border-box;overflow-x:hidden;position:relative}.background-shapes-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.top-background-shape{position:absolute;top:0;left:0;width:100%;height:1010px;background-image:radial-gradient(#fdfdfd,#fafafa 70%);clip-path:ellipse(140% 100% at 60% 0%);z-index:-2}.blob-shape{position:absolute;z-index:-1;opacity:.7;filter:blur(70px);pointer-events:none}.blob-shape-1{width:450px;height:400px;background-color:#fff0964d;top:-150px;left:-250px;border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(-15deg)}.blob-shape-2{width:500px;height:550px;background-color:#b4ffc833;top:300px;right:-250px;border-radius:60% 40% 30% 70%/50% 60% 40% 50%;transform:rotate(20deg)}.blob-shape-3{width:300px;height:350px;background-color:#ffc8b433;top:450px;left:-150px;border-radius:50% 50% 35% 65%/60% 40%;filter:blur(80px);opacity:.6;transform:rotate(5deg)}.container{max-width:1200px;margin:0 auto;padding:20px;z-index:1;position:relative}main{display:flex;flex-direction:column;gap:100px;padding:20px 0}section{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}section.visible{opacity:1;transform:translateY(0)}.section-title{text-align:center;margin-bottom:48px}.see-ctrlpotato-in-action{padding-bottom:20px}.highlight{display:inline-block;font-weight:700;background-color:transparent;transform:none;padding:0;color:inherit;border-bottom:none;text-shadow:none}.highlight.highlight-style-yellow-bg{background-color:#fff0b3;transform:rotate(-1deg);padding:2px 6px;border-radius:3px;box-shadow:1px 1px 3px #00000014;color:#141414}.highlight.highlight-style-underline{border-bottom:3px solid rgba(100,80,220,.6);padding-bottom:1px}.highlight.highlight-style-tint{background-color:#ffda4826;padding:2px 6px;border-radius:3px}.highlight.highlight-style-color{color:#4a6988}.highlight.highlight-style-shadow{text-shadow:0 0 8px rgba(100,80,220,.3)}.highlight.highlight-style-block-behind{position:relative;z-index:1;background-color:transparent;padding:0;box-shadow:none;border-bottom:none;text-shadow:none;color:inherit;transform:rotate(-1deg)}.highlight.highlight-style-block-behind:before{content:"";position:absolute;left:-.25em;right:-.25em;bottom:.05em;height:.3em;background-color:#ffda48ce;border-radius:4px;z-index:-1}h1{font-size:51px;font-weight:800;line-height:1.1;margin-bottom:16px}.headline-1,.headline-2{display:block}h2{font-size:36px;font-weight:700;margin-bottom:32px}h3{font-size:20px;font-weight:600;margin-bottom:8px}p{font-size:18px;line-height:1.6;margin-bottom:0;color:#333}.subheader{font-weight:500;font-size:19px;margin-bottom:32px;max-width:600px}.cta-button{padding:15px 28px;font-size:18px;font-weight:600;background-color:#29ff29;color:#000;border:2px solid #000000;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.cta-button:hover{background-color:#0f0;box-shadow:3px 3px #000000e6;transform:translate(-1px,-1px)}.cta-button:active{transform:translate(0);box-shadow:0 0 #000000e6}.chip{display:inline-block;padding:2px 8px;background-color:#f6fff7;color:#131912;border-radius:999px;font-size:11px;position:absolute;top:-9px;right:-15px;cursor:default;letter-spacing:.15px;border:1px solid #202020;transform:rotate(2deg);box-shadow:0 1px 3px #5c5c5c66}.chip .chip-tooltip{visibility:hidden;width:auto;background-color:#2d2d2d;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:10;bottom:140%;left:50%;margin-left:-80px;opacity:0;transition:opacity .1s ease-in-out;font-size:12px;font-weight:500;line-height:1.4;pointer-events:none;box-shadow:0 4px 14px #00000040;white-space:nowrap}.chip:hover .chip-tooltip{visibility:visible;opacity:1}.chip .chip-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2d2d2d transparent transparent transparent}.btn-arrow{font-size:24px;transition:transform .3s ease}.cta-button:hover .btn-arrow{transform:translate(5px)}@keyframes pulse-shadow{0%{box-shadow:0 0 #00e600b3}70%{box-shadow:0 0 0 10px #00e60000}to{box-shadow:0 0 #00e60000}}.pulse:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;z-index:-1;animation:pulse-shadow 2s infinite}.hero.hero-centered{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:0;padding-bottom:20px}.hero-centered h1{max-width:700px}.hero-centered .subheader{margin:0 auto 32px;text-align:center}.hero-centered .cta-container{display:flex;flex-direction:column;align-items:center}.hero-centered .cta-button{margin:0 auto}.app-showcase-section{display:flex;flex-direction:column;align-items:center;margin-top:-20px;padding-bottom:40px}.app-showcase-backdrop{position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden}.app-showcase-backdrop video{display:block;width:100%;height:auto;border-radius:20px}.annotation-pill{position:absolute;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:#1a1a1a;white-space:nowrap;z-index:2;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;display:flex;align-items:center;gap:6px}.pill-icon{font-size:15px;flex-shrink:0}.annotation-pill.pill-right{top:40px;right:-20px;transform:translate(50%)}.annotation-pill.pill-left{bottom:60px;left:-20px;transform:translate(-50%)}.demo-value-props{max-width:960px;margin:48px auto 0;padding:0 24px}.value-props-title{font-size:32px;font-weight:800;color:#111;text-align:center;margin-bottom:40px;letter-spacing:-.02em}.value-props-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.value-prop{display:flex;align-items:flex-start;gap:16px}.value-prop-icon{font-size:28px;line-height:1;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f5f5f0;border-radius:12px}.value-prop-content{display:flex;flex-direction:column;gap:4px}.value-prop-content strong{font-size:17px;font-weight:700;color:#111;display:block}.value-prop-content p{font-size:15px;color:#555;line-height:1.55;margin:0}.works-with-strip{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;margin:32px auto 0;max-width:1000px}.works-with-label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1.5px;margin:0}.logo-row{display:flex;align-items:center;justify-content:center;gap:28px 36px;flex-wrap:wrap}.logo-row img{height:22px;width:auto;opacity:.4;filter:grayscale(100%);transition:opacity .3s ease,filter .3s ease}.logo-row img:hover{opacity:.8;filter:grayscale(0%)}.logo-row img[alt="Works with Slack huddles"]{height:20px}.logo-row img[alt="Works with HackerRank technical interviews"]{height:16px}.logo-row img[alt="Works with TestGorilla pre-employment tests"]{height:27px}.enlarge{font-size:25px}.social-proof-badge{margin-top:16px;font-size:15px;color:#2a2a2ad9;display:inline-block;padding:10px 14px;font-weight:500}.social-proof-badge strong{font-weight:700;color:#2a2a2ad9}@keyframes textPulse{0%{text-shadow:0 0 0px rgba(0,0,0,.1)}50%{text-shadow:0 0 5px rgba(0,0,0,.15)}to{text-shadow:0 0 0px rgba(0,0,0,.1)}}.pulse-once{display:inline-block;animation:pulseOnce 3s infinite ease-in-out}@keyframes pulseOnce{0%,20%,to{transform:scale(1)}10%{transform:scale(1.02)}}.how-it-works-alternating{padding:60px;max-width:1100px;margin:64px auto 0;background-color:#fafafa;border-radius:24px}.workflow-step{display:flex;align-items:center;gap:64px;margin-bottom:140px}.workflow-step:last-child{margin-bottom:0}.workflow-step.step-2 .workflow-description{order:1}.workflow-step.step-2 .workflow-visual{order:2}.step-wide-video{gap:48px}.step-wide-video .workflow-visual{flex:2}.step-wide-video .workflow-description{flex:1}.video-phone{flex:0 0 clamp(260px,28vw,360px);width:min(100%,clamp(260px,28vw,360px));display:flex;align-items:center;justify-content:center;align-self:center;background:transparent;border-radius:28px;box-shadow:0 8px 25px #0000001f;overflow:hidden}.video-phone video{width:100%;height:auto;max-height:none;border-radius:inherit;box-shadow:none}.workflow-visual{flex:1.2;border-radius:20px;box-shadow:0 8px 25px #0000001f;overflow:hidden}.workflow-description{flex:1}.desc-left{text-align:right}.desc-right{text-align:left}.workflow-description h3{font-size:22px;font-weight:700;margin-bottom:12px;color:#222}.workflow-heading{display:inline-flex;align-items:center;gap:8px}.workflow-heading-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#f59e0bf2;flex-shrink:0}.workflow-heading-icon svg{width:18px;height:18px;display:block}.workflow-description p{font-size:16px;line-height:1.6;color:#555;margin:0}.workflow-detail{margin-top:12px!important;font-size:14px!important;color:#888!important}.video-element{width:100%;height:auto;display:block;cursor:pointer}.feature-list{display:flex;flex-wrap:wrap;gap:32px}.feature-item{flex:1 0 45%;display:flex;gap:16px;align-items:flex-start;transition:transform .3s ease,opacity .3s ease,background-color .3s ease;padding:16px;border-radius:8px}.feature-item:hover{background-color:#00000005}.feature-text{flex:1}.feature-icon{font-size:32px}.testimonials{display:flex;gap:24px;flex-wrap:wrap}.testimonial{flex:1;min-width:280px;padding:24px;border:2px solid black;border-radius:12px;background-color:#f0fff0;transition:transform .3s ease,box-shadow .3s ease}.testimonial:hover{box-shadow:6px 6px #0000001a;transform:translate(-3px,-3px)}.testimonial-text{font-style:italic;margin-bottom:16px}.testimonial-author{font-weight:600}.qa-item{margin-bottom:16px;border:2px solid black;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.qa-item:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #0000001a}.qa-question{width:100%;padding:16px;background-color:#ffde59;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;text-align:left;font-family:inherit}.qa-question h3{color:inherit;text-decoration:none;-webkit-text-fill-color:initial;margin:0;font-size:1.1rem;font-weight:600;text-align:left;flex-grow:1}.toggle{font-size:24px;font-weight:700;transition:transform .3s ease}.qa-item:hover .toggle{transform:rotate(90deg)}.qa-answer{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#fff}.qa-answer.open{padding:16px;max-height:300px}.final-cta{text-align:center;padding:48px 24px;background-color:#f0fff0;border:2px solid black;border-radius:16px;position:relative;overflow:hidden;z-index:1}.final-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,230,0,.05) 0%,rgba(255,255,255,0) 70%);z-index:0}.final-cta h2,.final-cta p,.final-cta button{position:relative}.final-cta p{margin-bottom:24px}.final-cta .cta-button{display:inline-flex;margin-top:24px}footer{margin-top:48px;padding:24px 0;text-align:center;border-top:1px solid #ddd}footer a{color:#1a1a1a;text-decoration:none;font-weight:600;position:relative}@keyframes arrowPulse{0%,to{opacity:.7;transform:translateY(-50%) translate(0)}50%{opacity:1;transform:translateY(-50%) translate(5px)}}@keyframes arrowBounce{0%,to{opacity:.7;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(5px)}}@keyframes drawPath{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.nowrap{white-space:nowrap;display:inline-block}.extra-features{margin-left:10px}.interactive-features-container{display:flex;gap:40px;align-items:flex-start;min-height:530px}.feature-tabs{flex:1;min-width:510px}.feature-tabs ul{list-style:none;padding:0;margin:0}.feature-tabs li{margin-bottom:8px}.feature-tab{width:100%;padding:15px 20px;background-color:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,padding .3s ease}.feature-tab:hover{background-color:#f9f9f9;border-color:#ccc}.feature-tab.active{background-color:#ffde59;border-color:#000;box-shadow:3px 3px #000000e6;transform:translate(-1px,-1px);pointer-events:none}.feature-tab-title{font-size:18px;font-weight:600;margin:0;color:#141414}.feature-tab-desc{font-size:15px;line-height:1.5;margin:0;color:#555}.feature-tab.active .feature-tab-desc{margin-top:15px}.feature-content{flex:2;border-radius:12px;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center}.feature-media-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.feature-media{height:auto;display:block;-o-object-fit:contain;object-fit:contain;border-radius:12px;max-width:70%;max-height:100%}.feature-media-wrapper[data-feature-id=mirroring]{padding:0!important;border-radius:22px!important;overflow:hidden!important}.feature-media-wrapper[data-feature-id=mirroring] .feature-media.video-element{-o-object-fit:contain!important;object-fit:contain!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;border-radius:22px!important}.mirror-link{cursor:pointer;color:#000;position:relative;transition:color .2s ease;text-decoration:none;padding-bottom:1px;border-bottom:1px dotted #5555554f}.mirror-link:hover{color:#034f00}.proof-section{margin:80px 0}.proof-subline{text-align:center;font-size:16px;color:#555;margin-top:-32px;margin-bottom:48px}.proof-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;grid-auto-flow:dense}.proof-card{position:relative;background-color:#fff;border:2px solid #000;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:16px 16px 56px}.proof-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #000000e6;z-index:2}.proof-card-wide{grid-column:span 2}.proof-card-tall{grid-row:span 2}.proof-card-regular{grid-column:span 1}.proof-image-wrapper{width:100%;padding:0;background:transparent;display:block;position:static}.proof-image{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;border-radius:8px}.proof-platform-overlay{position:absolute;bottom:24px;right:24px;z-index:10;pointer-events:none}.platform-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fffffff2;border:2px solid #000;border-radius:8px;font-size:16px;box-shadow:0 2px 8px #00000026;pointer-events:auto}.platform-logo{width:22px;height:22px;border-radius:8px;background-color:#fffffff2;border:2px solid #000;padding:7px;box-shadow:0 2px 8px #00000026;display:block;pointer-events:auto}@media (max-width: 1024px) and (min-width: 769px){.proof-bento-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 480px){h1{font-size:32px}.headline-1,.headline-2{display:inline}.headline-1:after{content:" "}}@media (max-width: 768px){.container{padding:15px;overflow-x:hidden}main{gap:40px}.hero.hero-centered{padding-bottom:24px}.hero-centered h1{max-width:100%}.app-showcase-backdrop{border-radius:16px}.annotation-pill{font-size:11px;padding:6px 12px}.annotation-pill.pill-right{top:10px;right:10px;transform:none}.annotation-pill.pill-left{bottom:20px;left:10px;transform:none}.value-props-title{font-size:26px;margin-bottom:28px}.value-props-grid{grid-template-columns:1fr;gap:24px;max-width:420px;margin:0 auto}.value-prop-icon{width:40px;height:40px;font-size:24px}.works-with-strip{gap:16px;padding:24px 20px}.logo-row{gap:20px 24px}.logo-row img{height:18px}.logo-row img[alt="Works with Slack huddles"]{height:16px}.logo-row img[alt="Works with HackerRank technical interviews"]{height:13px}.logo-row img[alt="Works with TestGorilla pre-employment tests"]{height:20px}.works-with-logos{max-height:28px}.how-it-works-alternating{padding:30px 15px;margin-top:50px;margin-bottom:30px}.interactive-features{margin-bottom:30px}.workflow-step{flex-direction:column!important;gap:24px!important;margin-bottom:56px}.workflow-step.step-2 .workflow-description,.workflow-step.step-2 .workflow-visual{order:initial!important}.workflow-step .workflow-description{order:1!important}.workflow-step .workflow-visual{order:2!important}.workflow-visual{width:100%;max-width:420px}.workflow-description{width:100%;text-align:center!important}.workflow-description h3{font-size:20px}.workflow-heading{justify-content:center}.workflow-description p{font-size:15px}.video-phone{width:min(100%,320px);max-width:320px}.video-phone video{width:100%;height:auto}.testimonials{gap:16px}.testimonial{flex-basis:100%;min-width:unset;padding:16px}.feature-item{flex-basis:100%;gap:12px;padding:12px}.qa-item{margin-bottom:12px}.qa-question h3{font-size:16px;color:#141414!important;-webkit-text-fill-color:#141414!important;text-decoration:none!important}.qa-answer p{font-size:15px}.final-cta{padding:30px 15px}.final-cta h2{font-size:24px}.final-cta p{font-size:16px;margin-bottom:16px}.final-cta .cta-button{font-size:16px;padding:12px 24px;margin-top:16px}footer{margin-top:30px;padding:20px 0;font-size:14px}.footer-links span{display:block;margin:5px 0}.see-ctrlpotato-in-action{padding-bottom:0}.section-title.see-ctrlpotato-in-action{margin-bottom:40px;margin-top:10px}h1{font-size:46px;padding-bottom:30px}h2{font-size:35px}.interactive-features-container{flex-direction:column;gap:0px;min-height:unset}.feature-tab{padding:12px 15px}.feature-tab-title{font-size:16px}.feature-tab-desc{font-size:14px}.toggle{margin-left:20px;color:#141414!important;-webkit-text-fill-color:#141414!important;text-decoration:none!important}.feature-media{max-width:100%}.feature-media-wrapper[data-feature-id=mirroring] .feature-media.video-element{border-radius:22px!important;box-shadow:0 0 15px #00000026!important;-o-object-fit:contain!important;object-fit:contain!important;width:auto!important;height:100%!important;max-width:none!important;max-height:none!important}.proof-section{margin:40px 0}.proof-subline{font-size:14px;margin-bottom:32px}.proof-bento-grid{grid-template-columns:1fr;gap:16px;grid-auto-rows:minmax(250px,auto)}.proof-card-wide,.proof-card-tall,.proof-card-regular{grid-column:span 1;grid-row:span 1}.platform-badge{width:28px;height:28px}.platform-logo{width:16px;height:16px;padding:6px}.top-background-shape{height:1000px;clip-path:ellipse(150% 100% at 50% 0%)}.blob-shape{filter:blur(50px)}.blob-shape-1{width:300px;height:250px;top:-80px;left:-180px}.blob-shape-2{width:250px;height:300px;top:250px;right:-150px}.blob-shape-3{width:200px;height:250px;top:380px;left:-100px;filter:blur(60px)}}@media (max-width: 768px){body:before{overflow:hidden}.feature-tabs,.feature-content{width:100%;min-width:unset}.feature-media{max-width:100%}.feature-media-wrapper[data-feature-id=mirroring] .feature-media.video-element{max-width:-moz-fit-content;max-width:fit-content}}header{background-color:transparent;position:relative;z-index:2;transform:translateZ(0);-webkit-transform:translateZ(0);padding-top:env(safe-area-inset-top)}