.tutorial-module__df-tqa__page{--tutorial-ink:color-mix(in srgb, var(--primary) 48%, #162d25);--tutorial-border:#e4e7eb;color:#3e4555;font-size:16px;line-height:1.6}.tutorial-module__df-tqa__container{width:min(1060px,100% - 48px);margin-inline:auto;position:relative}.tutorial-module__df-tqa__hero{background:var(--border-subtle);padding-block:20px 32px;position:relative;overflow:hidden}.tutorial-module__df-tqa__heroLeaves{width:320px;height:340px;color:var(--primary);opacity:.13;pointer-events:none;position:absolute;bottom:-123px;right:-28px;transform:rotate(-16deg)}.tutorial-module__df-tqa__breadcrumb{margin-bottom:17px}.tutorial-module__df-tqa__breadcrumb nav{color:#555c67}.tutorial-module__df-tqa__breadcrumb nav>span:last-child{color:var(--tutorial-ink);font-weight:600}.tutorial-module__df-tqa__eyebrow{color:var(--tutorial-ink);font-family:Georgia,Times New Roman,serif;font-size:21px;font-style:italic;font-weight:700;line-height:1.4}.tutorial-module__df-tqa__title{color:var(--foreground);letter-spacing:-1.3px;margin-bottom:4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3.7vw,44px);font-weight:700;line-height:1.16}.tutorial-module__df-tqa__subtitle{color:#646b76;max-width:740px;font-size:18px;line-height:1.45}.tutorial-module__df-tqa__content{flex-direction:column;gap:26px;padding-block:26px 24px;display:flex}.tutorial-module__df-tqa__introduction{background:linear-gradient(110deg, color-mix(in srgb, var(--primary) 7%, white), color-mix(in srgb, var(--primary) 4%, white));border-radius:12px;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:24px;padding:22px 34px;display:grid;position:relative;overflow:hidden}.tutorial-module__df-tqa__introduction:before,.tutorial-module__df-tqa__introduction:after{background:var(--primary);content:"";border-radius:50%;position:absolute}.tutorial-module__df-tqa__introduction:before{opacity:.07;width:330px;height:360px;bottom:-117px;right:-93px}.tutorial-module__df-tqa__introduction:after{opacity:.06;width:270px;height:350px;bottom:-175px;right:-110px}.tutorial-module__df-tqa__introductionCopy,.tutorial-module__df-tqa__widgetIllustration{z-index:1;position:relative}.tutorial-module__df-tqa__sectionTitle{color:#111525;letter-spacing:-.55px;align-items:center;gap:26px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700;line-height:1.3;display:flex}.tutorial-module__df-tqa__sectionIcon{border:2px solid color-mix(in srgb, var(--primary) 75%, white);background:color-mix(in srgb, var(--primary) 25%, white);width:44px;height:44px;color:var(--tutorial-ink);border-radius:9px;flex:0 0 44px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 4px #ffffff60}.tutorial-module__df-tqa__sectionIcon svg{width:30px;height:30px}.tutorial-module__df-tqa__definition{flex-direction:column;gap:8px;margin-top:17px;font-size:15px;display:flex}.tutorial-module__df-tqa__definition strong{color:#272e3c;font-weight:700}.tutorial-module__df-tqa__widgetIllustration{width:100%;max-width:360px;height:auto;color:var(--primary-strong);place-self:center end}.tutorial-module__df-tqa__installation{border:1px solid var(--tutorial-border);background:var(--card);border-radius:12px;padding:22px 34px 20px}.tutorial-module__df-tqa__steps{flex-direction:column;gap:20px;margin-top:20px;padding:0;list-style:none;display:flex}.tutorial-module__df-tqa__step{gap:26px;display:flex}.tutorial-module__df-tqa__stepNumber{border:1px solid color-mix(in srgb, var(--primary) 80%, white);background:linear-gradient(140deg, var(--primary), var(--primary-strong));height:44px;color:var(--primary-foreground);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 0 0 4px #ffffff12}.tutorial-module__df-tqa__stepContent{flex-direction:column;flex:1;gap:10px;min-width:0;padding-top:3px;display:flex}.tutorial-module__df-tqa__platformLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tutorial-module__df-tqa__platformLink{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--tutorial-border));background:color-mix(in srgb, var(--primary) 8%, white);max-width:100%;min-height:42px;color:var(--tutorial-ink);border-radius:9px;align-items:center;gap:8px;padding:7px 14px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.tutorial-module__df-tqa__platformLink>span{overflow-wrap:anywhere}.tutorial-module__df-tqa__platformLink svg{flex-shrink:0;width:15px;height:15px}.tutorial-module__df-tqa__platformLink:hover{background:var(--surface-highlight-soft)}.tutorial-module__df-tqa__platformLink:focus-visible,.tutorial-module__df-tqa__contact:focus-visible{outline:2px solid var(--tutorial-ink);outline-offset:4px}.tutorial-module__df-tqa__searchInstruction{max-width:610px}.tutorial-module__df-tqa__searchExample{grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);align-items:end;gap:30px;display:grid}.tutorial-module__df-tqa__searchMockup{border:1px solid var(--tutorial-border);background:#fff;border-radius:11px;min-width:0;padding:14px 40px 19px;font-size:14px;line-height:1.4}.tutorial-module__df-tqa__searchMockup figcaption{text-align:center}.tutorial-module__df-tqa__mockupTitle,.tutorial-module__df-tqa__mockupSubtitle{display:block}.tutorial-module__df-tqa__mockupTitle{color:var(--tutorial-ink);font-size:20px;font-weight:700;line-height:1.4}.tutorial-module__df-tqa__mockupSubtitle{color:#444;margin-top:2px}.tutorial-module__df-tqa__mockupInput{color:#8490a2;border:1px solid #dce1e7;border-radius:8px;align-items:center;gap:14px;margin-top:12px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #1e293b08}.tutorial-module__df-tqa__mockupInput svg{color:var(--tutorial-ink);flex-shrink:0}.tutorial-module__df-tqa__mockupInput span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tutorial-module__df-tqa__mockupResults{border:1px solid var(--tutorial-border);border-radius:9px;margin-top:7px;padding:5px 6px;list-style:none}.tutorial-module__df-tqa__mockupResults li{border-bottom:1px solid #edf0f3;padding:7px 9px}.tutorial-module__df-tqa__mockupResults li:last-child{border-bottom:0}.tutorial-module__df-tqa__mockupResults .tutorial-module__df-tqa__selectedSchool{background:color-mix(in srgb, var(--primary) 20%, white);color:var(--tutorial-ink);border-color:#0000;border-radius:8px}.tutorial-module__df-tqa__tip{background:color-mix(in srgb, var(--primary) 11%, white);border-radius:11px;gap:20px;margin-bottom:20px;padding:22px 24px;font-size:15px;line-height:1.5;display:flex;position:relative}.tutorial-module__df-tqa__tip:before{background:inherit;clip-path:polygon(100% 0,100% 100%,0 50%);content:"";width:15px;height:26px;position:absolute;top:46%;left:-14px}.tutorial-module__df-tqa__tip>svg{width:30px;height:30px;color:var(--tutorial-ink);flex-shrink:0}.tutorial-module__df-tqa__tip h3{color:var(--tutorial-ink);margin-bottom:4px;font-size:16px;font-weight:700}.tutorial-module__df-tqa__widgetActions{flex-direction:column;gap:6px;padding:0;font-size:15px;list-style:none;display:flex}.tutorial-module__df-tqa__widgetActions li{border:1px solid var(--tutorial-border);border-radius:9px;align-items:center;gap:16px;padding:5px 7px;display:flex}.tutorial-module__df-tqa__actionIcon{background:color-mix(in srgb, var(--primary) 12%, white);height:36px;color:var(--tutorial-ink);border-radius:22px;flex:0 0 54px;justify-content:center;align-items:center;display:flex}.tutorial-module__df-tqa__actionIcon svg{width:24px;height:24px}.tutorial-module__df-tqa__notes{grid-template-columns:1.13fr 1fr;gap:22px;margin-top:24px;display:grid}.tutorial-module__df-tqa__technicalNote,.tutorial-module__df-tqa__formats{border-radius:11px;align-items:flex-start;gap:15px;padding:18px 20px;font-size:14px;line-height:1.5;display:flex}.tutorial-module__df-tqa__technicalNote{background:color-mix(in srgb, var(--link) 8%, white);color:var(--link)}.tutorial-module__df-tqa__technicalNote>svg,.tutorial-module__df-tqa__formats>svg{flex-shrink:0;width:28px;height:28px}.tutorial-module__df-tqa__formats{background:color-mix(in srgb, var(--accent) 10%, white);color:#30333a}.tutorial-module__df-tqa__formats>svg{color:var(--accent)}.tutorial-module__df-tqa__formats h3{color:var(--foreground);margin-bottom:5px;font-size:15px;font-weight:700}.tutorial-module__df-tqa__formats ul{flex-direction:column;gap:4px;padding-left:20px;list-style:outside;display:flex}.tutorial-module__df-tqa__contact{background:color-mix(in srgb, var(--primary) 22%, white);color:#252c32;border-radius:11px;align-items:center;gap:18px;margin-top:22px;padding:13px 16px;font-size:15px;line-height:1.5;text-decoration:none;transition:background-color .15s;display:flex}.tutorial-module__df-tqa__contact:hover{background:color-mix(in srgb, var(--primary) 30%, white)}.tutorial-module__df-tqa__contactIcon{background:linear-gradient(140deg, var(--primary), var(--primary-strong));height:48px;color:var(--primary-foreground);border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 5px #ffffff20}.tutorial-module__df-tqa__contactIcon svg{width:25px;height:25px}.tutorial-module__df-tqa__contact strong{color:var(--foreground);overflow-wrap:anywhere;text-decoration:underline;-webkit-text-decoration-color:var(--tutorial-ink);text-decoration-color:var(--tutorial-ink);text-underline-offset:2px}.tutorial-module__df-tqa__contactArrow{flex-shrink:0;width:20px;height:20px;margin-left:auto}@media (max-width:1023px){.tutorial-module__df-tqa__introduction{grid-template-columns:minmax(0,1fr) 260px;padding-inline:26px}.tutorial-module__df-tqa__sectionTitle{gap:18px;font-size:25px}.tutorial-module__df-tqa__installation{padding-inline:26px}.tutorial-module__df-tqa__step{gap:18px}.tutorial-module__df-tqa__searchExample{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}.tutorial-module__df-tqa__searchMockup{padding-inline:18px}.tutorial-module__df-tqa__tip{gap:12px;padding:18px}.tutorial-module__df-tqa__notes{gap:16px}.tutorial-module__df-tqa__technicalNote,.tutorial-module__df-tqa__formats{gap:12px;padding:16px}}@media (max-width:767px){.tutorial-module__df-tqa__page{font-size:15px}.tutorial-module__df-tqa__container{width:calc(100% - 32px)}.tutorial-module__df-tqa__hero{padding-block:18px 26px}.tutorial-module__df-tqa__heroLeaves{opacity:.09;width:235px;height:260px;bottom:-85px;right:-75px}.tutorial-module__df-tqa__breadcrumb{margin-bottom:20px}.tutorial-module__df-tqa__eyebrow{font-size:19px}.tutorial-module__df-tqa__title{letter-spacing:-.9px;max-width:450px;margin-block:3px 9px;font-size:34px}.tutorial-module__df-tqa__subtitle{font-size:16px}.tutorial-module__df-tqa__content{gap:20px;padding-block:22px}.tutorial-module__df-tqa__introduction{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 20px 6px}.tutorial-module__df-tqa__sectionTitle{letter-spacing:-.4px;align-items:flex-start;gap:14px;font-size:23px}.tutorial-module__df-tqa__sectionIcon{flex-basis:38px;width:38px;height:38px}.tutorial-module__df-tqa__sectionIcon svg{width:26px;height:26px}.tutorial-module__df-tqa__definition{margin-top:16px}.tutorial-module__df-tqa__widgetIllustration{justify-self:center;width:min(310px,100%)}.tutorial-module__df-tqa__installation{padding:22px 18px 18px}.tutorial-module__df-tqa__steps{gap:24px;margin-top:24px}.tutorial-module__df-tqa__step{gap:12px}.tutorial-module__df-tqa__stepNumber{flex-basis:32px;height:32px;font-size:15px}.tutorial-module__df-tqa__stepContent{padding-top:2px}.tutorial-module__df-tqa__platformLine{gap:10px}.tutorial-module__df-tqa__platformLink{gap:6px;padding-inline:10px;font-size:13px}.tutorial-module__df-tqa__searchExample{grid-template-columns:minmax(0,1fr);gap:14px}.tutorial-module__df-tqa__searchMockup{padding:14px 12px;font-size:12px}.tutorial-module__df-tqa__mockupInput{gap:8px;padding-inline:10px}.tutorial-module__df-tqa__mockupResults li{padding-inline:5px}.tutorial-module__df-tqa__tip{margin-bottom:0;font-size:14px}.tutorial-module__df-tqa__tip:before{clip-path:polygon(50% 0,100% 100%,0 100%);width:26px;height:14px;top:-13px;left:28px}.tutorial-module__df-tqa__widgetActions{font-size:13px}.tutorial-module__df-tqa__widgetActions li{align-items:flex-start;gap:10px;padding:8px}.tutorial-module__df-tqa__actionIcon{flex-basis:34px;height:32px}.tutorial-module__df-tqa__actionIcon svg{width:21px;height:21px}.tutorial-module__df-tqa__notes{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}.tutorial-module__df-tqa__contact{align-items:flex-start;gap:12px;margin-top:16px;padding:16px 12px;font-size:14px}.tutorial-module__df-tqa__contactIcon{flex-basis:36px;height:36px}.tutorial-module__df-tqa__contactIcon svg{width:20px;height:20px}.tutorial-module__df-tqa__contactArrow,.tutorial-module__df-tqa__contactBreak{display:none}}