body,html{position:relative}*,body{margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#ecf0f5;font-family:Roboto,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#252525;padding-top:81px}p{margin-bottom:1.3rem}.container{max-width:1200px;margin:0 auto;padding:0 20px;z-index:10;position:relative}.section{padding:10rem 0;position:relative;overflow:hidden;z-index:1}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.35}.section-description{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.2}.cta-button{padding:18px 32px;font-size:18px;font-weight:600;border-radius:8px;border:none;background:#225a73;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;margin-bottom:5px;display:inline-block}.cta-button:hover{background:#163b4c;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.cta-button .material-icons{margin-right:8px;vertical-align:middle}.cta-note{margin-top:5px;font-size:14px;color:#666}.scroll-indicator{position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:2;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.scroll-indicator:hover{opacity:.7}.scroll-indicator .arrow-down{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.scroll-indicator .arrow-down .material-icons{font-size:28px;color:#225a73;-webkit-animation:arrowPulse 2s infinite;animation:arrowPulse 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes arrowPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes arrowPulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-grid{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 1px),linear-gradient(rgba(37,99,235,.1) 1px,transparent 1px);background-size:64px 64px;-webkit-animation:gridMove 20s linear infinite;animation:gridMove 20s linear infinite;-webkit-transform:perspective(500px) rotateX(60deg);transform:perspective(500px) rotateX(60deg);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;opacity:.5}@-webkit-keyframes gridMove{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes gridMove{0%{background-position:0 0}to{background-position:64px 64px}}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;border-bottom:1px solid #e5e7eb}.tabs .tab-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.tabs .tab-btn svg{stroke:currentColor}.tabs .tab-btn.active{color:#225a73;border-bottom-color:#225a73}.tabs .tab-btn:hover:not(.active){color:#4b5563}.tab-content{display:none}.tab-content.active{display:block}.wait-animation .feature{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}.ready .feature{opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.ready .feature:nth-child(2){-webkit-transition-delay:.5s;transition-delay:.5s}.ready .feature:nth-child(3){-webkit-transition-delay:.6s;transition-delay:.6s}.ready .feature:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.ready .feature:nth-child(5){-webkit-transition-delay:.8s;transition-delay:.8s}.hero-section{min-height:calc(100vh - 81px);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-section .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:40px;padding-right:0}.hero-section .hero-content{max-width:600px;z-index:2}.hero-section .hero-image{width:100%}.hero-section .browser-frame{background:#fff;border-radius:12px;-webkit-box-shadow:0 24px 48px rgba(0,0,0,.15);box-shadow:0 24px 48px #00000026;overflow:hidden;width:100%;aspect-ratio:944/549}.hero-section .browser-frame .browser-header{background:#f1f5f9;padding:5px 12px;border-bottom:1px solid #e2e8f0}.hero-section .browser-frame .browser-header .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.hero-section .browser-frame .browser-header .dot:nth-child(1){background:#fc6058}.hero-section .browser-frame .browser-header .dot:nth-child(2){background:#fec02f}.hero-section .browser-frame .browser-header .dot:nth-child(3){background:#2aca3e}.hero-section .browser-frame img{width:100%;height:auto;display:block}.hero-section .browser-frame img.lazy{height:calc(100% - 39px)}.hero-section .hero-title{font-size:48px;line-height:1.2;font-weight:700;margin-bottom:2rem;color:#1a1a1a}.hero-section .hero-subtitle{font-size:20px;line-height:1.5;color:#666;margin-bottom:2.5rem;max-width:720px;margin-left:auto;margin-right:auto}.hero-section .trust-metrics{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px;margin-top:48px;line-height:1.3}.hero-section .trust-metrics .metric .number{display:block;font-size:32px;font-weight:700;color:#1a1a1a}.hero-section .trust-metrics .metric .label{font-size:16px;color:#666}.hero-section .badge{display:inline-block;padding:8px 16px;background:#f0f9ff;color:#0369a1;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}@media (max-width: 1200px){.hero-section{padding-top:5rem}.hero-section .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;padding-right:20px}.hero-section .hero-image{margin-top:2rem;width:80%}.hero-section .hero-content{text-align:center}.hero-section .trust-metrics{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-section .scroll-indicator{display:none}}@media (max-width: 600px){.hero-section .hero-image{width:85%}}@media (max-width: 450px){.hero-section .hero-image{display:none}.hero-section .trust-metrics{gap:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.advantages{background-color:#f8fafc}.advantages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.advantage-card{background:#fff;padding:2rem;border-radius:8px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05);box-shadow:0 4px 6px #0000000d;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.advantage-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.advantage-card__icon{width:50px;height:50px;margin:0 auto 1.5rem}.advantage-card__icon .material-icons{font-size:50px;color:#225a73}.advantage-card__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.advantage-card__title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.advantage-card__description{color:#4a5568;line-height:1.5;text-align:center}.advantage-card__stats{margin-top:1rem;padding:.5rem;background:#ebf8ff;color:#2b6cb0;border-radius:4px;font-weight:500;text-align:center;width:100%}@media (max-width: 768px){.advantages__title{font-size:2rem;padding:0 1rem}.advantages__grid{padding:0 1rem}}.how-it-works{background-color:#f8faff}.how-it-works-background{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 50%)}.how-it-works .steps-container{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}.how-it-works .steps-container:after{content:"";position:absolute;top:50%;left:15%;right:15%;height:2px;background:#d8e2fd;z-index:1}.how-it-works .steps-container .step-card{position:relative;z-index:2}.how-it-works .step-card{background:#fff;border-radius:12px;padding:32px;text-align:center;position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05);box-shadow:0 4px 6px #0000000d}.how-it-works .step-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.how-it-works .step-card .step-number{position:absolute;top:-15px;left:-15px;width:30px;height:30px;background:#225a73;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600}.how-it-works .step-card .step-icon{width:64px;height:64px;background:#e0e7ff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 24px}.how-it-works .step-card .step-icon .material-icons{font-size:32px;color:#225a73;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.how-it-works .step-card .step-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.how-it-works .step-card .step-description{font-size:16px;color:#666;line-height:1.5}.how-it-works.wait-animation .step-card{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.how-it-works.wait-animation .steps-container:after{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.how-it-works.ready .steps-container:after{opacity:1;-webkit-transition-delay:.75s;transition-delay:.75s}.how-it-works.ready .step-card{opacity:1;-webkit-transition-delay:.7s;transition-delay:.7s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.how-it-works.ready .step-card:nth-child(2){-webkit-transition-delay:.8s;transition-delay:.8s}.how-it-works.ready .step-card:nth-child(3){-webkit-transition-delay:.9s;transition-delay:.9s}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.how-it-works .steps-cta{text-align:center;margin-top:5rem}@media (max-width: 768px){.how-it-works .steps-container{grid-template-columns:1fr}.how-it-works .steps-container:after{left:50%;margin-left:-1px;top:0;bottom:0;right:auto;height:100%;width:2px}.how-it-works .step-card .step-number{display:none}}@media (max-width: 768px){.section{padding:5rem 0}}@media (max-width: 670px){.tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;gap:.2rem;background:#ecf0f5;border-radius:8px;border-bottom:none}.tabs .tab-btn,.tabs .tab-btn.active{border-bottom:1px solid #e5e7eb}.tabs .tab-btn:last-child,.tabs .tab-btn.active:last-child{border-bottom:none}}@media (max-width: 428px){.cta-button{width:100%}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.how-to-make-quiz{background:#f8fafc}.how-to-make-quiz:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6}.how-to-make-quiz .steps-item-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:48px;margin-bottom:64px}.how-to-make-quiz .step-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:32px;margin-bottom:32px;background:#fff;border-radius:16px;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;opacity:0}.how-to-make-quiz .step-item:nth-child(6){-webkit-animation-delay:1.2s;animation-delay:1.2s}.how-to-make-quiz .step-item:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}.how-to-make-quiz .step-item:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.how-to-make-quiz .step-item:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.how-to-make-quiz .step-item:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.how-to-make-quiz .step-item:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.how-to-make-quiz .step-item:last-child{margin-bottom:0}.how-to-make-quiz .step-item:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.how-to-make-quiz .step-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.how-to-make-quiz .step-content h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#1f2937;margin:0 0 16px}.how-to-make-quiz .step-content h3 .step-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;background:#225a73;color:#fff;font-size:18px;border-radius:8px;-ms-flex-negative:0;flex-shrink:0}.how-to-make-quiz .step-content p{font-size:16px;line-height:1.5;color:#6b7280;margin:0 0 24px}.how-to-make-quiz .step-features{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-bottom:20px}.how-to-make-quiz .step-features .feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:20px}.how-to-make-quiz .step-features .feature .material-icons{color:#225a73;font-size:18px}.how-to-make-quiz .step-features .feature span:not(.material-icons){color:#4b5563;font-size:14px;font-weight:500;line-height:1.3;text-align:initial}.how-to-make-quiz .step-image{width:280px;height:180px;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f1f5f9;border-radius:12px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:1px 1px 8px -1px rgba(0,0,0,.1);box-shadow:1px 1px 8px -1px #0000001a}.how-to-make-quiz .step-image img{max-width:100%;height:auto;border-radius:12px}.how-to-make-quiz .step-image img.lazy{height:100%}.how-to-make-quiz .section-footer{text-align:center}.logic-builder{background:#fff;border-radius:12px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.1);box-shadow:0 0 4px #0000001a;overflow:hidden}.logic-builder .logic-header{padding:16px;border-bottom:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logic-builder .logic-header h4{font-size:18px;font-weight:600;color:#1f2937;margin:0}.logic-builder .logic-flow{padding:24px;min-height:400px;position:relative;background:-webkit-gradient(linear,left bottom,left top,from(rgba(243,244,246,.5)),to(transparent));background:linear-gradient(0deg,rgba(243,244,246,.5),transparent)}.logic-builder .logic-node{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%;max-width:300px;margin:0 auto 24px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px #0000000d;-webkit-transition:all .6s ease;transition:all .6s ease}.logic-builder .logic-node:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px #0000001a}.logic-builder .logic-node .node-header{padding:12px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.logic-builder .logic-node .node-header span:not(.material-icons){font-weight:500;color:#1f2937}.logic-builder .logic-node .node-header .material-icons{font-size:18px;color:#225a73}.logic-builder .logic-node .node-content{padding:16px}.logic-builder .logic-node .node-content p{margin:0 0 12px;color:#4b5563}.logic-builder .logic-node .node-content .options-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.logic-builder .logic-node .node-content .options-list .option{padding:8px 12px;background:#f3f4f6;border-radius:4px;font-size:14px;color:#1f2937;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.logic-builder .logic-node .node-content .options-list .option:hover{background:#e5e7eb}.logic-builder .logic-node .node-preview{padding:16px;color:#6b7280;font-size:14px;text-align:center}.logic-builder .branching-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.logic-builder .branching-nodes .logic-node{margin:0}.logic-builder .branching-nodes .logic-node.basic .node-header .material-icons{color:#10b981}.logic-builder .branching-nodes .logic-node.intermediate .node-header .material-icons{color:#f59e0b}.logic-builder .branching-nodes .logic-node.advanced .node-header .material-icons{color:#ef4444}.logic-builder .logic-arrows{position:relative;height:60px;margin:8px 0}.logic-builder .logic-arrows .arrow-group{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:100%}.logic-builder .logic-arrows .arrow{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:1;max-width:300px}.logic-builder .logic-arrows .arrow.disabled{opacity:.4}.logic-builder .logic-arrows .arrow .arrow-line{height:100%;width:2px;background:#e5e7eb;position:relative}.logic-builder .logic-arrows .arrow .arrow-line:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #e5e7eb}.logic-builder .logic-arrows .arrow .arrow-label{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;color:#6b7280;background:#fff;padding:2px 8px;border-radius:4px}.logic-builder .logic-footer{padding:16px;border-top:1px solid #e5e7eb;background:#f8fafc}.logic-builder .logic-footer .logic-hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#6b7280;font-size:14px;line-height:1.3}.logic-builder .logic-footer .logic-hint .material-icons{color:#f59e0b;font-size:18px}.logic-builder .logic-branch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;position:relative;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:1;max-width:300px}.logic-builder .logic-branch.disabled{opacity:.4}.logic-builder .node-connector{height:40px;width:2px;background:#e5e7eb;margin:0 auto;position:relative}.logic-builder .node-connector:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #e5e7eb}.logic-builder .result-node .result-content{padding:16px;text-align:center;min-height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logic-builder .result-node .result-content .result-score{font-size:24px;font-weight:700;margin-bottom:8px}.basic .logic-builder .result-node .result-content .result-score{color:#10b981}.intermediate .logic-builder .result-node .result-content .result-score{color:#f59e0b}.advanced .logic-builder .result-node .result-content .result-score{color:#ef4444}.logic-builder .result-node .result-content p{margin:0 0 16px;color:#6b7280;font-size:14px}.logic-builder .result-node .result-content .result-actions .action-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;background:#f1f5f9;width:100%}.logic-builder .result-node .result-content .result-actions .action-button .material-icons{font-size:18px;color:#225a73}.basic .logic-builder .result-node .result-content .result-actions .action-button{background:#d1fae5;color:#047857}.basic .logic-builder .result-node .result-content .result-actions .action-button:hover{background:#a7f3d0}.intermediate .logic-builder .result-node .result-content .result-actions .action-button{background:#fef3c7;color:#b45309}.intermediate .logic-builder .result-node .result-content .result-actions .action-button:hover{background:#fde68a}.advanced .logic-builder .result-node .result-content .result-actions .action-button{background:#fee2e2;color:#b91c1c}.advanced .logic-builder .result-node .result-content .result-actions .action-button:hover{background:#fecaca}.logic-builder .wait-animation .arrow,.logic-builder .wait-animation .logic-branch>div{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.logic-builder .ready .arrow{opacity:1;-webkit-transition-delay:.8s;transition-delay:.8s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.logic-builder .ready .arrow:nth-child(2){-webkit-transition-delay:1.2s;transition-delay:1.2s}.logic-builder .ready .arrow:nth-child(3){-webkit-transition-delay:1.4s;transition-delay:1.4s}.logic-builder .ready .logic-branch>div{opacity:1;-webkit-transition-delay:1.2s;transition-delay:1.2s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.logic-builder .ready .logic-branch>div:nth-child(2){-webkit-transition-delay:1.6s;transition-delay:1.6s}.logic-builder .ready .logic-branch>div:nth-child(3){-webkit-transition-delay:1.8s;transition-delay:1.8s}@media (max-width: 768px){.logic-builder .logic-node .node-header{font-size:14px}.logic-builder .logic-node .node-preview,.logic-builder .result-node .result-content p{font-size:12px;line-height:1.5}.logic-builder .result-node .result-content .result-score{font-size:18px}.logic-builder .result-node .result-content .result-actions .action-button{font-size:12px}}@media (max-width: 700px){.logic-builder .logic-flow{padding:24px 12px}.logic-builder .logic-arrows .arrow-group{grid-template-columns:1fr}.logic-builder .logic-arrows .arrow{display:none}.logic-builder .logic-arrows .arrow:first-child,.logic-builder .logic-arrows .arrow.active{display:-webkit-box;display:-ms-flexbox;display:flex}.logic-builder .logic-arrows .arrow.disabled{display:none}.logic-builder .branching-nodes{grid-template-columns:1fr}.logic-builder .logic-branch{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logic-builder .logic-branch:first-child,.logic-builder .logic-branch.active{display:-webkit-box;display:-ms-flexbox;display:flex}.logic-builder .logic-branch.disabled{display:none}}.lead-settings{background:#fff;overflow:hidden;position:relative}.lead-settings .settings-content{padding:24px 0}.lead-settings .timing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.lead-settings .timing-options{grid-template-columns:1fr}}.lead-settings .option-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.lead-settings .option-card.selected{border-color:#225a73;background:#eff6ff}.lead-settings .option-card.selected .option-header .material-icons{color:#225a73}.lead-settings .option-card:hover:not(.selected){-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05);box-shadow:0 4px 6px #0000000d}.lead-settings .option-card .option-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:8px}.lead-settings .option-card .option-header .material-icons{color:#225a73;font-size:20px}.lead-settings .option-card .option-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.lead-settings .option-card p{margin:0 0 12px;font-size:14px;color:#6b7280}.lead-settings .option-card .conversion-hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:12px;color:#059669}.lead-settings .option-card .conversion-hint .material-icons{font-size:14px}.fields-info .fields-section{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px}.fields-info .fields-section:last-child{margin-bottom:0}.fields-info .fields-section .section-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.fields-info .fields-section .section-content h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.fields-info .fields-section .section-content h4 .material-icons{color:#225a73}.fields-info .fields-section .section-content p{font-size:14px;color:#6b7280;margin:0 0 16px}.fields-info .fields-section .section-content .step-features{margin:1rem 0 0}.fields-info .fields-section .feature{border-radius:10px}.form-layout-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;background:#fff}.form-layout-features .feature-section{padding:24px;border-radius:12px;background:#f8fafc;-webkit-transition:all .3s ease;transition:all .3s ease}.form-layout-features .feature-section:hover{-webkit-transform:translateY(-2px)!important;-ms-transform:translateY(-2px)!important;transform:translateY(-2px)!important}.form-layout-features .feature-section:hover .progress-handle{-webkit-animation:slide 1.5s ease-in-out infinite;animation:slide 1.5s ease-in-out infinite}.form-layout-features .feature-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}.form-layout-features .feature-header .feature-icon{color:#225a73;-ms-flex-negative:0;flex-shrink:0}.form-layout-features .feature-header h3{font-size:20px;line-height:1.3;font-weight:600;color:#1e293b;margin:0}.form-layout-features .feature-description{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px}.form-layout-features .feature-list{list-style:none;padding:0;margin:0}.form-layout-features .feature-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;color:#334155;font-size:15px;margin-bottom:12px;line-height:1.3}.form-layout-features .feature-list li:last-child{margin-bottom:0}.form-layout-features .feature-list li .check-icon{width:20px;height:20px;color:#22c55e;-ms-flex-negative:0;flex-shrink:0}.wait-animation .feature-section{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.ready .feature-section{opacity:1;-webkit-transition-delay:.8s;transition-delay:.8s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ready .feature-section:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.ready .feature-section:nth-child(3){-webkit-transition-delay:1s;transition-delay:1s}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-2px);transform:translate(-2px)}50%{-webkit-transform:translateX(2px);transform:translate(2px)}to{-webkit-transform:translateX(-2px);transform:translate(-2px)}}@keyframes slide{0%{-webkit-transform:translateX(-2px);transform:translate(-2px)}50%{-webkit-transform:translateX(2px);transform:translate(2px)}to{-webkit-transform:translateX(-2px);transform:translate(-2px)}}@media (max-width: 768px){.form-layout-features{gap:24px;grid-template-columns:1fr}.form-layout-features .feature-section{padding:20px}.form-layout-features .feature-header h3{font-size:18px}.form-layout-features .feature-description{font-size:15px}.form-layout-features .feature-list li{font-size:14px}}@media (max-width: 460px){.fields-info .fields-section .section-content{text-align:center}.fields-info .fields-section .section-content h4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width: 420px){.form-layout-features .feature-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.interactive-blocks{display:grid;gap:1.5rem;margin:1.5rem 0}.interactive-blocks .tab-content{background:#f8fafc;border-radius:8px;padding:1.5rem}.interactive-blocks .list-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.interactive-blocks .list-options .list-option{-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;background:#fff}.interactive-blocks .list-options .list-option:hover{-webkit-transform:translateY(-2px)!important;-ms-transform:translateY(-2px)!important;transform:translateY(-2px)!important;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px #0000001a}.interactive-blocks .list-options .list-option svg{stroke:#225a73}.interactive-blocks .list-options .list-option span{font-weight:500}.interactive-blocks .list-options .list-option small{color:#6b7280}.interactive-blocks .info-block .info-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;margin-bottom:1rem}.interactive-blocks .info-block .info-header .domain-icon{stroke:#225a73}.interactive-blocks .info-block .info-header h5{margin:0;font-size:1.125rem;color:#1f2937;font-weight:600}.interactive-blocks .info-block .domain-example{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.interactive-blocks .info-block .domain-example .example-label{color:#6b7280;font-size:.875rem}.interactive-blocks .info-block .domain-example code{font-family:monospace;color:#225a73;font-size:.875rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:4px}.interactive-blocks .info-block .info-description{margin-bottom:1.5rem}.interactive-blocks .info-block .info-description p{color:#4b5563;margin:0;line-height:1.5}.wait-animation .list-option{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.ready .list-option{opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ready .list-option:nth-child(2){-webkit-transition-delay:.6s;transition-delay:.6s}.ready .list-option:nth-child(3){-webkit-transition-delay:.7s;transition-delay:.7s}.ready .list-option:nth-child(4){-webkit-transition-delay:.8s;transition-delay:.8s}@media (max-width: 768px){.interactive-blocks .tab-content{padding:1rem}.interactive-blocks .list-options .list-option{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;line-height:1.3}}@media (max-width: 460px){.interactive-blocks .tab-content{padding:0;background:none}.interactive-blocks .info-block .domain-example{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.interactive-blocks .info-block .domain-example code{width:100%;text-align:center}}@media (max-width: 860px){.how-to-make-quiz .steps-item-container{gap:10px}.how-to-make-quiz .step-item,.how-to-make-quiz .step-content h3{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.how-to-make-quiz .step-content h3 .step-number{width:40px;height:40px}.how-to-make-quiz .step-content>p{text-align:center}}@media (max-width: 600px){.how-to-make-quiz .step-item{padding:20px}}@media (max-width: 460px){.how-to-make-quiz .step-features .feature{width:100%}.how-to-make-quiz .step-image{width:100%;height:auto}}.faq{background:linear-gradient(135deg,#f8f9ff,#f1f4ff)}.faq .bg-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.faq .bg-shapes .shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#2563eb1a,#2563eb0d);-webkit-filter:blur(50px);filter:blur(50px);height:400px;width:100%;left:0}.faq .bg-shapes .shape:nth-child(1){top:-200px}.faq .bg-shapes .shape:nth-child(2){bottom:-200px}.faq-grid{max-width:768px;margin:0 auto;padding:0 10px}.faq-grid .faq-item{border-bottom:1px solid #e4ebff}.faq-grid .faq-item .faq-question{width:100%;text-align:left;padding:24px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer;font-size:18px;font-weight:500;color:#1f2937;-webkit-transition:color .3s ease;transition:color .3s ease}.faq-grid .faq-item .faq-question:hover{color:#225a73}.faq-grid .faq-item .faq-question .material-icons{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.faq-grid .faq-item .faq-question[aria-expanded=true]{color:#225a73;font-weight:600}.faq-grid .faq-item .faq-question[aria-expanded=true] .material-icons{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.faq-grid .faq-item .faq-answer{height:0;overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease}.faq-grid .faq-item .faq-answer .answer-content{padding:0 0 24px;color:#6b7280;font-size:16px;line-height:1.6}.faq-grid .faq-item .faq-answer .answer-content p{margin:0 0 16px}.faq-grid .faq-item .faq-answer .answer-content ul{list-style-type:disc;margin:0 0 16px 20px}.faq-grid .faq-item .faq-answer .answer-content ul li{margin-bottom:8px}.faq-grid .faq-item .faq-answer .answer-content ul li:last-child{margin-bottom:0}.tariffs{background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 50%)}.tariffs:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(45,127,249,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(45,127,249,.1) 1px,transparent 1px);background-size:30px 30px;opacity:.3;z-index:1}.tariffs__header{text-align:center;margin-bottom:40px}.tariffs__title{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.3}.tariffs__subtitle{font-size:18px;color:#6c757d}.tariffs__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:5rem}.tariffs__special{margin-top:7rem;border-radius:12px}.tariffs__special h3{text-align:center;margin-bottom:3rem;font-size:28px}.tariffs__special .call-to-action-bottom{margin-top:3rem;text-align:center}.tariffs__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.tariffs__features .feature-section{padding:24px;border-radius:12px;background:#f8fafc;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.tariffs__features .feature-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}.tariffs__features .feature-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.tariffs__features .feature-header svg{color:#225a73}.tariffs__features .feature-description{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px}.tariff-card{position:relative;padding:30px;max-width:450px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.tariff-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 15px 35px rgba(45,127,249,.1);box-shadow:0 15px 35px #2d7ff91a}.tariff-card--popular{background:#fffffffa;border:2px solid rgba(34,90,115,.5);-webkit-box-shadow:0 8px 32px rgba(34,90,115,.15);box-shadow:0 8px 32px #225a7326}.tariff-card__badge{position:absolute;top:-12px;right:20px;background:#225a73;color:#fff;padding:4px 12px;border-radius:16px;font-size:14px}.tariff-card__header{margin-bottom:24px}.tariff-card__name{font-size:24px;font-weight:700;margin:0 0 8px}.tariff-card__description{color:#6c757d;margin:0}.tariff-card__price{margin-bottom:24px}.tariff-card__amount{font-size:36px;font-weight:700}.tariff-card__period{color:#6c757d;font-size:16px}.tariff-card__features{list-style:none;padding:0;margin:0 0 24px}.tariff-card__features li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.tariff-card__features li:last-child{margin-bottom:0}.tariff-card__feature-icon{color:#225a73;margin-right:8px}.tariff-card__options{border-top:1px solid #E5E7EB;padding-top:24px;margin-bottom:24px}.tariff-card__options-title{font-size:16px;font-weight:600;margin:0 0 16px}.tariff-card__options-list{list-style:none;padding:0;margin:0}.tariff-card__option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.tariff-card__option:last-child{margin-bottom:0}.tariff-card__option-name{color:#6c757d}.tariff-card__option-price{font-weight:600}.tariff-card__button{display:block;width:100%;padding:12px;text-align:center;border-radius:12px;border:2px solid #225a73;color:#225a73;font-weight:600;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.tariff-card__button:hover,.tariff-card__button--primary{background:#225a73;color:#fff}.tariff-card__button--primary:hover{background:#163b4c}@media (max-width: 768px){.tariffs__unique-features{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tariffs__grid{grid-template-columns:1fr}.tariff-card{margin-bottom:20px}.tariff-card:last-child{margin-bottom:0}}